.sd-tzs{--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-tzs[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-tzs :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-tzs :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-tzs .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-tzs{background:var(--bg);width:min(100%,340px);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:20px;padding:14px}.sd-tzs__h{color:var(--mute);justify-content:space-between;margin-bottom:10px;font-size:12.5px;display:flex}.sd-tzs__h b{color:var(--fg)}.sd-tzs__area{touch-action:none;cursor:ew-resize;border-radius:10px;outline:0;position:relative}.sd-tzs__area:focus-visible{box-shadow:0 0 0 2px var(--fg)}.sd-tzs__row{grid-template-columns:1fr auto;gap:4px 8px;padding:6px 0;transition:opacity .2s;display:grid}.sd-tzs__row[data-off]{opacity:.45}.sd-tzs__city{font-size:13px;font-weight:600}.sd-tzs__time{text-align:right;font-size:13px;font-weight:600}.sd-tzs__time small{color:var(--mute);margin-left:4px;font-weight:400}.sd-tzs__track{background:var(--soft);border-radius:4px;grid-column:1/-1;height:10px;position:relative;overflow:hidden}.sd-tzs__work{background:color-mix(in srgb, var(--fg) 28%, transparent);position:absolute;top:0;bottom:0}.sd-tzs__cursor{background:var(--fg);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.sd-tzs__cursor:before{content:"";background:var(--fg);border-radius:99px;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.sd-tzs__foot{color:var(--mute);text-align:center;margin-top:10px;font-size:12px}@media (prefers-reduced-motion:reduce){.sd-tzs *,.sd-tzs :before,.sd-tzs :after{transition:none!important;animation:none!important}}