.sd-seg{--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-seg[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-seg :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-seg :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-seg .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-seg{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;max-width:100%;padding:4px;display:inline-flex;position:relative}.sd-seg[data-shape=square],.sd-seg[data-shape=square] .sd-seg__pill,.sd-seg[data-shape=square] .sd-seg__opt{border-radius:10px}.sd-seg__pill{background:var(--bg);box-shadow:0 1px 2px #00000040, inset 0 0 0 1px var(--line);border-radius:999px;transition:transform .38s cubic-bezier(.3,1.3,.4,1),width .38s cubic-bezier(.3,1.3,.4,1);position:absolute;top:4px;bottom:4px;left:0}.sd-seg[data-fill=light] .sd-seg__pill{box-shadow:0 1px 3px #0000001f, inset 0 0 0 1px var(--line)}.sd-seg__opt{z-index:1;height:34px;color:var(--mute);white-space:nowrap;border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:500;transition:color .22s;position:relative}.sd-seg__opt[aria-checked=true],.sd-seg__opt:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){.sd-seg *,.sd-seg :before,.sd-seg :after{transition:none!important;animation:none!important}}