.sd-sc{--bg:#1d1d1d;--fg:#f7f7f7;--mute:#8e8e8e;--line:#ffffff17;--soft:#ffffff12;--gap:4px;--row:36px;background:var(--bg);width:min(100%,290px);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;padding:16px}.sd-sc[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000014;--soft:#0000000d}.sd-sc[data-density=compact]{--gap:2px;--row:32px}.sd-sc__head{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 0;display:flex}.sd-sc__title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:500;animation:.36s cubic-bezier(.2,1,.3,1) sd-sc-in}.sd-sc__sub{color:var(--mute);font-feature-settings:"tnum";margin:2px 0 0;font-size:12.5px}.sd-sc__ring{flex:none;width:36px;height:36px;transform:rotate(-90deg)}.sd-sc__track,.sd-sc__arc{fill:none;stroke-width:3px}.sd-sc__track{stroke:var(--soft)}.sd-sc__arc{stroke:var(--fg);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,1,.3,1)}.sd-sc__tick{fill:none;stroke:var(--fg);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:18px 18px;animation:.42s cubic-bezier(.2,1.5,.4,1) sd-sc-pop;transform:rotate(90deg)}.sd-sc__count{color:var(--mute);font-feature-settings:"tnum";font-size:13px}.sd-sc__bar{background:var(--soft);border-radius:99px;height:4px;margin:12px 2px 0;overflow:hidden}.sd-sc__bar span{background:var(--fg);transform-origin:0;height:100%;transition:transform .6s cubic-bezier(.2,1,.3,1);display:block}.sd-sc__list{gap:var(--gap);margin:12px 0 0;padding:0;list-style:none;display:grid}.sd-sc__item{height:var(--row);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 10px;transition:background-color .2s;display:flex;position:relative}.sd-sc__item:hover{background:var(--soft)}.sd-sc__item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sd-sc__box{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--mute);border-radius:999px;flex:none;place-items:center;transition:background-color .22s,box-shadow .22s;display:grid}.sd-sc__box svg{fill:none;width:12px;height:12px;stroke:var(--bg);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset .32s cubic-bezier(.2,1,.3,1) 80ms}.sd-sc__item[data-on] .sd-sc__box{background:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-sc__item[data-on] .sd-sc__box svg{stroke-dashoffset:0}.sd-sc__label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;transition:color .22s;overflow:hidden}.sd-sc__item[data-on] .sd-sc__label{color:var(--mute);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--mute) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--mute) 60%, transparent)}.sd-sc__item:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:1px}@keyframes sd-sc-in{0%{opacity:0;transform:translateY(4px)}}@keyframes sd-sc-pop{0%{opacity:0;transform:rotate(90deg)scale(.4)}}@media (prefers-reduced-motion:reduce){.sd-sc *{transition:none!important;animation:none!important}}