.sd-sty{--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-sty[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-sty :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-sty :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-sty .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-sty{aspect-ratio:9/15;background:var(--strong);width:min(100%,280px);color:var(--on);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:22px;outline:0;position:relative;overflow:hidden}.sd-sty:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--fg)}.sd-sty__bars{z-index:2;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.sd-sty__bar{background:color-mix(in srgb, var(--on) 25%, transparent);border-radius:3px;flex:1;height:3px;overflow:hidden}.sd-sty__bar i{background:var(--on);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.sd-sty__bar[data-done] i{transform:scaleX(1)}.sd-sty__bar[data-now] i{animation:linear forwards sd-sty-fill}.sd-sty[data-paused] .sd-sty__bar[data-now] i{animation-play-state:paused}@keyframes sd-sty-fill{to{transform:scaleX(1)}}.sd-sty__slide{flex-direction:column;justify-content:flex-end;padding:24px 20px;animation:.32s sd-sty-in;display:flex;position:absolute;inset:0}@keyframes sd-sty-in{0%{opacity:0;transform:scale(1.02)}}.sd-sty__n{opacity:.12;font:600 64px/1 ui-sans-serif,system-ui;position:absolute;top:40px;left:18px}.sd-sty__t{letter-spacing:-.01em;font-size:22px;font-weight:650;line-height:1.15}.sd-sty__b{opacity:.7;margin-top:8px;font-size:13.5px;line-height:1.45}.sd-sty__pause{opacity:.7;z-index:2;font-size:11px;position:absolute;top:24px;right:14px}.sd-sty__end{text-align:center;place-content:center;gap:10px;display:grid;position:absolute;inset:0}.sd-sty__end button{border-radius:99px;height:36px;padding:0 16px;font-size:13px;font-weight:600;background:var(--on)!important;color:var(--strong)!important}@media (prefers-reduced-motion:reduce){.sd-sty *,.sd-sty :before,.sd-sty :after{transition:none!important;animation:none!important}}
