.sd-btb{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-btb[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-btb :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-btb :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-btb .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-btb{background:var(--bg);width:min(100%,330px);height:400px;box-shadow:inset 0 0 0 1px var(--line);border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sd-btb__view{flex:1;padding:18px 16px;overflow-y:auto}.sd-btb__view h3{letter-spacing:-.02em;margin:0 0 12px;font-size:22px}.sd-btb__row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:13.5px;display:flex}.sd-btb__row i{background:var(--soft);border-radius:10px;flex:none;width:32px;height:32px}.sd-btb__row span{color:var(--mute);margin-left:auto;font-size:12px}.sd-btb__bar{border-top:1px solid var(--line);background:var(--bg);align-items:stretch;height:64px;padding:0 6px 4px;display:flex;position:relative}.sd-btb__ind{background:var(--fg);border-radius:2px;height:2px;transition:left .32s cubic-bezier(.3,1.3,.4,1),width .32s;position:absolute;top:-1px}.sd-btb__tab{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;transition:color .15s;display:flex;position:relative;color:var(--mute)!important}.sd-btb__tab[aria-selected=true]{color:var(--fg)!important}.sd-btb__tab svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px;transition:transform .22s cubic-bezier(.3,1.6,.4,1)}.sd-btb__tab[aria-selected=true] svg{transform:translateY(-1px)scale(1.06)}.sd-btb[data-labels=active] .sd-btb__tab:not([aria-selected=true]) .sd-btb__l{opacity:0}.sd-btb__badge{background:var(--strong);min-width:17px;height:17px;color:var(--on);box-shadow:0 0 0 2px var(--bg);border-radius:99px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:17px;animation:.3s cubic-bezier(.3,1.6,.4,1) sd-btb-pop;position:absolute;top:9px;left:calc(50% + 6px)}.sd-btb__new{border-radius:16px;align-self:center;place-items:center;width:46px;height:46px;margin:0 4px;transition:transform .16s cubic-bezier(.3,1.6,.4,1);display:grid;background:var(--strong)!important;color:var(--on)!important}.sd-btb__new[aria-expanded=true]{transform:rotate(45deg)}.sd-btb__new svg{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}.sd-btb__sheet{background:var(--bg);box-shadow:0 16px 40px -12px #0000008c, inset 0 0 0 1px var(--line);border-radius:18px;padding:6px;animation:.24s cubic-bezier(.3,1.3,.4,1) sd-btb-up;position:absolute;bottom:72px;left:10px;right:10px}.sd-btb__sheet button{text-align:left;border-radius:12px;width:100%;padding:11px 12px;font-size:14px;display:block}.sd-btb__sheet button:hover{background:var(--soft)}.sd-btb__toast{background:var(--strong);color:var(--on);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:500;animation:.22s ease-out sd-btb-up;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes sd-btb-pop{0%{transform:scale(0)}}@keyframes sd-btb-up{0%{opacity:0;transform:translate(var(--tx,0), 10px)}}.sd-btb__toast{--tx:-50%}@media (prefers-reduced-motion:reduce){.sd-btb *,.sd-btb :before,.sd-btb :after{transition:none!important;animation:none!important}}
