.sd-mpk{--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-mpk[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-mpk :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-mpk :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-mpk .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-mpk{background:var(--bg);width:min(100%,300px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}.sd-mpk__h{justify-content:space-between;align-items:center;display:flex}.sd-mpk__h b{font-variant-numeric:tabular-nums;font-size:15px}.sd-mpk__h button{border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.sd-mpk__h button:hover:not(:disabled){background:var(--soft)}.sd-mpk__h button:disabled{opacity:.3}.sd-mpk__g{grid-template-columns:repeat(3,1fr);gap:4px 0;display:grid}.sd-mpk__m{height:40px;font-size:13px;position:relative}.sd-mpk__m span{z-index:1;border-radius:10px;place-items:center;height:100%;margin:0 4px;display:grid;position:relative}.sd-mpk__m:hover:not(:disabled) span{box-shadow:inset 0 0 0 1px var(--line)}.sd-mpk__m[data-in]:before{content:"";background:var(--soft);position:absolute;inset:0}.sd-mpk__m[data-start]:before{left:50%}.sd-mpk__m[data-end]:before{right:50%}.sd-mpk__m[data-start][data-end]:before{display:none}.sd-mpk__m[aria-pressed=true] span{font-weight:600;background:var(--strong)!important;color:var(--on)!important}.sd-mpk__m[data-now] span{text-underline-offset:3px;text-decoration:underline}.sd-mpk__m:disabled{opacity:.4;cursor:default;color:var(--mute)!important}.sd-mpk__p{flex-wrap:wrap;gap:5px;display:flex}.sd-mpk__p button{box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:5px 10px;font-size:12px}.sd-mpk__p button:hover{background:var(--soft)}.sd-mpk__v{color:var(--mute);font-size:12.5px}.sd-mpk__v b{color:var(--fg)}@media (prefers-reduced-motion:reduce){.sd-mpk *,.sd-mpk :before,.sd-mpk :after{transition:none!important;animation:none!important}}