.sf-bnav{--bn-bg:color-mix(in oklab, var(--background) 96%, transparent);--bn-solid:var(--background);--bn-fg:var(--muted-foreground);--bn-active:var(--primary);--bn-mark:var(--primary);--bn-accent:var(--primary);--bn-accent-fg:var(--primary-foreground);--bn-badge:var(--primary);--bn-badge-fg:var(--primary-foreground);--bn-border:var(--border);--bn-stroke:2;--bn-tab-h:56px;inset-inline:0;z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bn-bg);color:var(--bn-fg);border-top:1px solid var(--bn-border);font-family:var(--font-sans), var(--font-arabic), system-ui, sans-serif;-webkit-tap-highlight-color:transparent;position:fixed;bottom:0}html[dir=rtl] .sf-bnav{font-family:var(--font-arabic), var(--font-sans), system-ui, sans-serif}@media (min-width:768px){.sf-bnav:not([data-preview]){display:none}}.sf-bnav[data-preview]{z-index:0;padding-bottom:0;position:relative}.sf-bnav[data-preview][data-style=pill]{padding:14px 12px 10px}.sf-bnav[data-preview][data-style=strip]{padding-bottom:10px}.sf-bnav[data-preview][data-style=strip] .sf-bnav-bar:after{bottom:3px}.sf-bnav[data-preview][data-center]{margin-top:30px}.sf-bnav-bar{align-items:stretch;max-width:34rem;margin-inline:auto;display:flex;position:relative}.sf-bnav-tab{min-width:0;min-height:var(--bn-tab-h);color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:500;line-height:1.15;transition:color .2s;display:flex;position:relative}.sf-bnav-tab:focus-visible{outline:2px solid var(--bn-active);outline-offset:-4px;border-radius:10px}.sf-bnav-tab[aria-current=page]{color:var(--bn-active);font-weight:650}.sf-bnav-ico{border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:inline-flex;position:relative}.sf-bnav-svg{width:22px;height:22px;stroke-width:var(--bn-stroke)}.sf-bnav[data-icons=thin]{--bn-stroke:1.5}.sf-bnav[data-icons=bold]{--bn-stroke:2.4}.sf-bnav-tab[aria-current=page] .sf-bnav-svg{--bn-stroke:2.3}.sf-bnav[data-icons=thin] .sf-bnav-tab[aria-current=page] .sf-bnav-svg{--bn-stroke:1.9}.sf-bnav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-inline:2px;display:block;overflow:hidden}.sf-bnav-label[data-long]{font-size:10px}html:not([dir=rtl]) .sf-bnav-label[data-long]{letter-spacing:-.01em}.sf-bnav[data-font=heading] .sf-bnav-label{font-family:var(--sf-font-heading,inherit)}.sf-bnav[data-font=mono] .sf-bnav-label{font-family:var(--font-geist-mono,ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace}.sf-bnav[data-case=upper] .sf-bnav-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px}html[dir=rtl] .sf-bnav .sf-bnav-label{letter-spacing:0;text-transform:none;font-size:11.5px}html[dir=rtl] .sf-bnav:is([data-font=mono],[data-style=strip]),html[dir=rtl] .sf-bnav[data-font=mono] .sf-bnav-label{font-family:var(--font-arabic), var(--font-sans), system-ui, sans-serif}.sf-bnav-num{letter-spacing:.06em;opacity:.55;font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:9px;display:block}.sf-bnav-count{font-variant-numeric:tabular-nums;opacity:.8;margin-inline-start:4px}.sf-bnav-count:before{content:"("}.sf-bnav-count:after{content:")"}.sf-bnav-badge{top:-6px;background:var(--bn-badge);min-width:18px;height:18px;color:var(--bn-badge-fg);box-shadow:0 0 0 2px var(--bn-solid);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;inset-inline-end:-10px}.sf-bnav[data-indicator=fill] .sf-bnav-tab:not([data-primary]) .sf-bnav-ico{padding:3px 16px}.sf-bnav[data-indicator=fill] .sf-bnav-tab[aria-current=page]:not([data-primary]) .sf-bnav-ico{background:color-mix(in oklab, var(--bn-mark) 15%, transparent)}.sf-bnav[data-indicator=bar] .sf-bnav-tab:before{content:"";top:0;background:var(--bn-mark);border-radius:0 0 3px 3px;height:3px;transition:transform .25s;position:absolute;inset-inline:26%;transform:scaleX(0)}.sf-bnav[data-indicator=bar] .sf-bnav-tab[aria-current=page]:not([data-primary]):before{transform:scaleX(1)}.sf-bnav[data-indicator=dot] .sf-bnav-tab:after{content:"";background:var(--bn-mark);opacity:0;border-radius:50%;width:4px;height:4px;margin-left:-2px;transition:transform .2s,opacity .2s;position:absolute;bottom:3px;left:50%;transform:scale(0)}.sf-bnav[data-indicator=dot] .sf-bnav-tab[aria-current=page]:not([data-primary]):after{opacity:1;transform:scale(1)}.sf-bnav[data-indicator=underline] .sf-bnav-tab[aria-current=page] .sf-bnav-label{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--bn-mark);text-decoration-color:var(--bn-mark)}.sf-bnav-tab[data-primary]{color:var(--foreground);font-weight:650}.sf-bnav-tab[data-primary] .sf-bnav-ico{background:var(--bn-accent);color:var(--bn-accent-fg);padding:4px 16px}.sf-bnav-tab[data-primary] .sf-bnav-badge{background:var(--bn-accent-fg);color:var(--bn-accent);box-shadow:0 0 0 2px var(--bn-accent)}.sf-bnav-tab[data-primary]{flex-grow:1.25}.sf-bnav-tab[data-primary] .sf-bnav-label,.sf-bnav[data-style=text] .sf-bnav-label{-webkit-line-clamp:2;white-space:normal;text-align:center;-webkit-box-orient:vertical;line-height:1.08;display:-webkit-box}.sf-bnav[data-center] .sf-bnav-tab[data-primary]{justify-content:flex-end;padding-bottom:7px}.sf-bnav[data-center] .sf-bnav-tab[data-primary] .sf-bnav-ico{width:54px;height:54px;box-shadow:0 0 0 5px var(--bn-solid), 0 10px 22px -10px color-mix(in oklab, var(--bn-accent) 70%, #000);border-radius:50%;margin-top:-30px;margin-bottom:1px;padding:0}.sf-bnav[data-center] .sf-bnav-tab[data-primary] .sf-bnav-svg{--bn-stroke:2.2;width:24px;height:24px}.sf-bnav[data-center] .sf-bnav-tab[data-primary]:active .sf-bnav-ico{transform:scale(.94)}.sf-bnav[data-style=dock]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sf-bnav[data-style=glass]{--bn-bg:color-mix(in oklab, var(--background) 70%, transparent);--bn-border:color-mix(in oklab, var(--foreground) 10%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);box-shadow:0 -14px 32px -26px #00000073}.sf-bnav[data-style=notch]{--bn-bg:var(--background);box-shadow:0 -10px 28px -24px #0006}.sf-bnav[data-style=pill]{--bn-solid:var(--card);padding:0 12px max(10px, env(safe-area-inset-bottom,0px));pointer-events:none;background:0 0;border:0}.sf-bnav[data-style=pill] .sf-bnav-bar{pointer-events:auto;background:color-mix(in oklab, var(--card) 94%, transparent);border:1px solid var(--bn-border);border-radius:clamp(16px, calc(var(--radius) * 3), 40px);-webkit-backdrop-filter:blur(14px);padding:2px 6px;box-shadow:0 14px 34px -14px #00000052,0 2px 6px -2px #00000014}.sf-bnav[data-style=text]{--bn-bg:var(--background);--bn-fg:color-mix(in oklab, var(--foreground) 58%, transparent);--bn-active:var(--foreground);--bn-mark:var(--foreground);--bn-tab-h:52px;border-top-color:color-mix(in oklab, var(--foreground) 22%, transparent)}.sf-bnav[data-style=text] .sf-bnav-tab{gap:0;font-size:12px}.sf-bnav[data-style=text] .sf-bnav-tab+.sf-bnav-tab:before{content:"";inset-inline-start:0;background:color-mix(in oklab, var(--foreground) 14%, transparent);width:1px;position:absolute;top:35%;bottom:35%}.sf-bnav[data-style=text] .sf-bnav-tab[data-primary] .sf-bnav-label{border-radius:var(--radius);border:1px solid;padding:7px 10px}.sf-bnav[data-style=text] .sf-bnav-tab[data-primary]:hover .sf-bnav-label,.sf-bnav[data-style=text] .sf-bnav-tab[data-primary][aria-current=page] .sf-bnav-label{background:var(--foreground);color:var(--background);text-decoration:none}.sf-bnav[data-style=ink]{--bn-bg:var(--foreground);--bn-solid:var(--foreground);--bn-fg:color-mix(in oklab, var(--background) 64%, transparent);--bn-active:var(--background);--bn-mark:var(--gold,var(--primary));--bn-badge:var(--gold,var(--primary));--bn-badge-fg:var(--foreground);--bn-accent:var(--background);--bn-accent-fg:var(--foreground);border-top:0}.sf-bnav[data-style=ink] .sf-bnav-tab[data-primary]{color:var(--bn-active)}.sf-bnav[data-style=block]{--bn-bg:var(--background);--bn-fg:var(--foreground);--bn-active:var(--background);--bn-mark:var(--foreground);--bn-badge:var(--gold,var(--primary));--bn-badge-fg:var(--foreground);--bn-tab-h:58px;border-top:2px solid var(--foreground)}.sf-bnav[data-style=block] .sf-bnav-tab{font-weight:700}.sf-bnav[data-style=block] .sf-bnav-tab+.sf-bnav-tab{border-inline-start:2px solid var(--foreground)}.sf-bnav[data-style=block] .sf-bnav-tab[aria-current=page]:not([data-primary]){background:var(--bn-mark)}.sf-bnav[data-style=block] .sf-bnav-badge{box-shadow:0 0 0 1.5px var(--foreground);border-radius:0}.sf-bnav[data-style=block] .sf-bnav-ico{border-radius:0}.sf-bnav[data-style=block] .sf-bnav-tab[data-primary] .sf-bnav-ico{border:2px solid var(--foreground);box-shadow:3px 3px 0 var(--foreground);border-radius:0}.sf-bnav[data-style=block][data-center] .sf-bnav-tab[data-primary] .sf-bnav-ico{width:50px;height:50px;box-shadow:4px 4px 0 var(--foreground);margin-top:-26px}.sf-bnav[data-style=strip]{--bn-bg:#0b0b0c;--bn-solid:#0b0b0c;--bn-fg:#ffffff94;--bn-active:#fff;--bn-mark:var(--gold,var(--primary));--bn-accent:#fff;--bn-accent-fg:#0b0b0c;--bn-badge:var(--gold,var(--primary));--bn-badge-fg:#0b0b0c;--bn-tab-h:50px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));font-family:var(--font-geist-mono,ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace;border-top:0}.sf-bnav[data-style=strip]:before,.sf-bnav[data-style=strip] .sf-bnav-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 7px,#fff3 7px 15px);height:5px;position:absolute;inset-inline:0;-webkit-mask:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.sf-bnav[data-style=strip]:before{top:3px}.sf-bnav[data-style=strip] .sf-bnav-bar{position:static}.sf-bnav[data-style=strip] .sf-bnav-bar:after{bottom:calc(3px + env(safe-area-inset-bottom,0px))}.sf-bnav[data-style=strip] .sf-bnav-tab+.sf-bnav-tab{border-inline-start:1px solid #ffffff1a}.sf-bnav[data-style=strip] .sf-bnav-tab[aria-current=page]{background:#ffffff0d}.sf-bnav[data-style=strip] .sf-bnav-tab[data-primary]{color:#fff}.sf-bnav[data-style=strip] .sf-bnav-tab[data-primary] .sf-bnav-ico{border-radius:4px}.sf-bnav[data-style=strip][data-center] .sf-bnav-tab[data-primary] .sf-bnav-ico{border-radius:6px;width:50px;height:44px;margin-top:-24px}@media (prefers-reduced-motion:reduce){.sf-bnav *,.sf-bnav :before,.sf-bnav :after{transition:none!important}}