html,body{height:100%;margin:0}body{background:#fff;place-items:center;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;display:grid}.stopwatch{--sec-duration:60s;--min-duration:3600s;border:1vmin dotted #000;border-radius:100%;justify-content:center;align-items:center;width:80vmin;height:80vmin;display:flex;position:relative}.stopwatch--speed-up{--sec-duration:10s;--min-duration:600s}.stopwatch__hand{transform-origin:50% 100%;pointer-events:none;position:absolute;bottom:50%;left:50%;transform:translate(-50%)rotate(0)}.stopwatch__hand--minute{z-index:2;animation:rotate var(--min-duration)steps(60,end)infinite;transform-origin:50% 100%;background:#0700ff;width:3vmin;height:20vmin;bottom:50%;left:50%;box-shadow:inset 0 -.2vmin #00000014}.stopwatch__hand--second{animation:rotate var(--sec-duration)linear infinite;transform-origin:50% 100%;background:#2c8000;width:1.5vmin;height:38vmin;bottom:50%;left:50%}.stopwatch__center{z-index:3;pointer-events:none;background:#f6a603;border-radius:50%;width:5vmin;height:5vmin;box-shadow:0 .2vmin #0000001f}@keyframes rotate{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}
/*# sourceMappingURL=index.8310ee0e.css.map */