.sd-cm{--bg:#1d1d1d;--fg:#f7f7f7;--mute:#8e8e8e;--line:#ffffff17;--soft:#ffffff12;background:var(--bg);width:min(100%,320px);color:var(--fg);font-feature-settings:"tnum";border-radius:22px;padding:18px}.sd-cm[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000014;--soft:#0000000d}.sd-cm[data-stroke]{box-shadow:inset 0 0 0 1px var(--line)}.sd-cm__head{justify-content:space-between;align-items:center;display:flex}.sd-cm__head h3{margin:0;font-size:15px;font-weight:500}.sd-cm__mode{background:var(--fg);height:28px;color:var(--bg);border-radius:999px;padding:0 12px;font-size:12.5px;font-weight:500;transition:transform .2s}.sd-cm__mode:active{transform:scale(.94)}.sd-cm__total{align-items:baseline;gap:8px;margin:14px 0 12px;display:flex}.sd-cm__num{letter-spacing:-.04em;font-size:40px;font-weight:600;line-height:1}.sd-cm__of{color:var(--mute);font-size:13px}.sd-cm__bar{gap:3px;height:30px;display:flex}.sd-cm[data-variant=compact] .sd-cm__bar{height:14px}.sd-cm__seg,.sd-cm__free{border-radius:7px;min-width:4px;transition:flex-grow .7s cubic-bezier(.2,1,.3,1),opacity .25s,height .4s}.sd-cm__seg[data-dim]{opacity:.22}.sd-cm__free{background:repeating-linear-gradient(135deg, var(--soft) 0 4px, transparent 4px 8px);box-shadow:inset 0 0 0 1px var(--line)}.sd-cm__chips{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.sd-cm__chip{background:var(--soft);height:28px;color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;transition:background-color .2s,box-shadow .2s;display:inline-flex}.sd-cm__chip[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--fg)}.sd-cm__chip i{border-radius:3px;width:8px;height:8px}.sd-cm__v{color:var(--mute)}.sd-cm button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sd-cm *{transition:none!important}}