@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-app-card{border:1px solid var(--ls-border-subtle);border-radius:var(--ls-r-sm);background-color:var(--ls-surface-raised);width:100%;transition:border-color var(--ls-dur-2) var(--ls-ease), background-color var(--ls-dur-2) var(--ls-ease);padding-inline:.625rem}.ls-app-card:hover,.ls-app-card[data-state=open]{border-color:var(--ls-brand)}.ls-app-card-label{flex:1}:root[data-sb-anim]:not([data-sidebar=collapsed]) .ls-app-card{overflow:hidden}:root[data-sb-anim]:not([data-sidebar=collapsed]) .ls-app-card-label{width:calc(var(--ls-sidebar-w) - 1px - 1.5rem - 2px - 1.25rem - 1.5rem - .5rem);flex:none}@media (max-width:1023px){.ls-app-card{background-color:#0000;border-color:#0000;justify-content:center;width:2.5rem;margin-inline:auto;padding-inline:0}.ls-app-card:hover,.ls-app-card[data-state=open]{background-color:var(--ls-surface-raised);border-color:#0000}}:root[data-sidebar=collapsed] .ls-app-card{background-color:#0000;border-color:#0000;justify-content:center;width:2.5rem;margin-inline:auto;padding-inline:0}:root[data-sidebar=collapsed] .ls-app-card:hover,:root[data-sidebar=collapsed] .ls-app-card[data-state=open]{background-color:var(--ls-surface-raised);border-color:#0000}.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)}}