.sd-tabbar{inset-inline:0;z-index:40;position:fixed;bottom:0}.sd-tabbar--flat{background:color-mix(in srgb,var(--sd-surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--sd-line);padding-bottom:env(safe-area-inset-bottom)}.sd-tabbar__inner{grid-auto-columns:1fr;grid-auto-flow:column;max-width:42rem;height:3.5rem;margin:0 auto;display:grid}.sd-tab{color:var(--sd-mute);transition:color var(--sd-dur-base) var(--sd-ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.sd-tab__icon{transition:transform var(--sd-dur-base) var(--sd-ease-spring);font-size:1.375rem}.sd-tab__label{letter-spacing:.01em;font-size:11px;font-weight:600}.sd-tab.is-active{color:var(--sd-accent-text)}.sd-tab.is-active .sd-tab__icon{transform:translateY(-1px)}.sd-tabbar--flat .sd-tab:before{content:"";background:var(--sd-accent-line);width:0;height:3px;transition:width var(--sd-dur-base) var(--sd-ease-spring);border-radius:0 0 3px 3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.sd-tabbar--flat .sd-tab.is-active:before{width:2rem}.sd-tabbar--floating{padding:0 .75rem calc(env(safe-area-inset-bottom) + .5rem)}.sd-tabbar--floating .sd-tabbar__inner{background:var(--sd-surface);border:1px solid var(--sd-line);border-radius:999px;height:3.75rem;padding:0 .25rem;box-shadow:0 12px 32px #0000001a,0 2px 6px #0000000d}