:root{--minute-duration:60s}@keyframes rotate-full{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex}.stopwatch{border-style:dotted;border-width:1vmin;border-radius:50%;justify-content:center;align-items:center;width:80vmin;height:80vmin;display:flex;position:relative}.stopwatch--speed-up{--minute-duration:10s}.stopwatch__center{z-index:1;background-color:#f6a603;border-radius:50%;width:5vmin;height:5vmin;top:50%;left:50%}.stopwatch__minutes-hand,.stopwatch__seconds-hand{transform-origin:bottom;position:absolute;bottom:50%}.stopwatch__minutes-hand{animation:rotate-full calc(var(--minute-duration)*60)steps(60)infinite;background-color:#0700ff;width:3vmin;height:20vmin}.stopwatch__seconds-hand{animation:rotate-full var(--minute-duration)linear infinite;background-color:#2c8000;width:1.5vmin;height:38vmin}
/*# sourceMappingURL=index.8c61c127.css.map */