.sd-ft{--bg:#1d1d1d;--fg:#f7f7f7;--mute:#8e8e8e;--line:#ffffff17;--soft:#ffffff14;background:var(--bg);width:min(100%,250px);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-feature-settings:"tnum";border-radius:26px;padding:18px}.sd-ft[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000014;--soft:#0000000f}.sd-ft__face{aspect-ratio:1;width:132px;margin:0 auto;position:relative}.sd-ft__svg{width:100%;height:100%;transform:rotate(-90deg)}.sd-ft__svg:has(.sd-ft__tk){transform:none}.sd-ft__track,.sd-ft__arc{fill:none;stroke-width:5px}.sd-ft__track{stroke:var(--soft)}.sd-ft__arc{stroke:var(--fg);stroke-linecap:round;transition:stroke-dashoffset .4s linear}.sd-ft__tk{stroke:var(--soft);stroke-width:1.8px;stroke-linecap:round;transition:stroke .3s}.sd-ft__tk[data-on]{stroke:var(--fg)}.sd-ft__time{letter-spacing:-.03em;grid-auto-flow:column;justify-content:center;place-items:center;font-size:31px;font-weight:600;display:grid;position:absolute;inset:0}.sd-ft__colon{padding:0 1px;transition:opacity .3s}.sd-ft[data-running] .sd-ft__colon{animation:1s step-end infinite sd-ft-blink}.sd-ft__presets{justify-content:center;gap:4px;margin-top:10px;display:flex}.sd-ft__presets button{height:26px;color:var(--mute);border-radius:999px;padding:0 10px;font-size:12.5px;transition:color .2s,background-color .2s}.sd-ft__presets button:hover{color:var(--fg)}.sd-ft__presets button[aria-pressed=true]{color:var(--fg);background:var(--soft)}.sd-ft__ctl{gap:6px;margin-top:10px;display:flex}.sd-ft__go{background:var(--fg);height:40px;color:var(--bg);border-radius:999px;flex:1;font-size:14px;font-weight:500;transition:transform .16s}.sd-ft__reset{background:var(--soft);width:40px;height:40px;color:var(--fg);border-radius:999px;place-items:center;transition:transform .16s;display:grid}.sd-ft__go:active,.sd-ft__reset:active{transform:scale(.94)}.sd-ft__reset svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sd-ft__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sd-ft button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@keyframes sd-ft-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.sd-ft *{transition:none!important;animation:none!important}}
