.sd-spb{--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-spb[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-spb :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-spb :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-spb .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-spb{align-self:start;margin-top:50px;display:inline-flex;position:relative}.sd-spb__grp{background:var(--strong);color:var(--on);border-radius:12px;display:inline-flex}.sd-spb__main{border-radius:12px 0 0 12px;height:42px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .15s;color:var(--on)!important}.sd-spb__main span{animation:.24s sd-spb-in;display:inline-block}@keyframes sd-spb-in{0%{opacity:0;transform:translateY(5px)}}.sd-spb__chev{width:38px;height:42px;box-shadow:inset 1px 0 0 color-mix(in srgb, var(--on) 20%, transparent);border-radius:0 12px 12px 0;place-items:center;display:grid;color:var(--on)!important}.sd-spb__main:hover,.sd-spb__chev:hover{background:color-mix(in srgb, var(--on) 10%, transparent)!important}.sd-spb__chev svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .22s}.sd-spb__chev[aria-expanded=true] svg{transform:rotate(180deg)}.sd-spb__menu{background:var(--bg);width:260px;max-width:calc(100vw - 32px);box-shadow:inset 0 0 0 1px var(--line), 0 20px 40px -18px #0000008c;transform-origin:100% 0;z-index:4;border-radius:14px;padding:5px;animation:.18s cubic-bezier(.2,1.2,.3,1) sd-spb-pop;position:absolute;top:50px;right:0}@keyframes sd-spb-pop{0%{opacity:0;transform:scale(.95)}}.sd-spb__it{text-align:left;border-radius:9px;outline:0;grid-template-columns:18px 1fr;gap:8px;width:100%;padding:9px 10px;display:grid}.sd-spb__it:hover,.sd-spb__it:focus-visible{background:var(--soft)!important}.sd-spb__it svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;margin-top:2px}.sd-spb__it b{font-size:13.5px;font-weight:600;display:block}.sd-spb__it small{color:var(--mute);font-size:12px}.sd-spb__done{white-space:nowrap;color:var(--mute);font-size:12.5px;animation:.24s sd-spb-in;position:absolute;top:52px;left:0}@media (prefers-reduced-motion:reduce){.sd-spb *,.sd-spb :before,.sd-spb :after{transition:none!important;animation:none!important}}
