@layer components{.ls-nav-icon{fill:currentColor;fill-opacity:0;transition:fill-opacity var(--ls-dur-3) var(--ls-ease), color var(--ls-dur-2) var(--ls-ease)}[aria-current=page] .ls-nav-icon{fill-opacity:.2}.ls-nav-ind{border-radius:var(--ls-r-sm);background-color:var(--ls-brand-soft)}:root[data-sb-anim] .ls-sb-wide{animation:ls-fade-in var(--ls-dur-3) var(--ls-ease) both}.ls-tabbar{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + .5rem);border-radius:var(--ls-r-pill);border:1px solid var(--ls-border-subtle);background-color:color-mix(in srgb, var(--ls-surface) 84%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);width:calc(100% - 1.5rem);max-width:30rem;height:3.5rem;box-shadow:var(--ls-elev-3);margin-inline:auto;padding-inline:.375rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ls-tabbar{background-color:var(--ls-surface)}}.ls-tab-ind{border-radius:var(--ls-r-pill);background-color:var(--ls-brand-soft)}.ls-tab:active .ls-tab-pill{transform:scale(var(--ls-press-scale));opacity:var(--ls-press-opacity)}.ls-tab-pill{transition:transform var(--ls-dur-1) var(--ls-ease), color var(--ls-dur-2) var(--ls-ease)}}