:root{--duration:100ms}body{background:#fff;margin:0}#root{color:#444;font-family:sans-serif;font-size:2.4vmin;left:50vw;line-height:1.5;text-align:right;top:49vh}#root,.hand{position:absolute}.hand{--stroke-width:0.4vmin;--stroke-radius:calc(var(--stroke-width)/2);border-radius:var(--stroke-radius);height:var(--stroke-width);left:0;padding-right:var(--stroke-radius);top:0;transform-origin:var(--stroke-radius) 50%;transition:transform var(--duration)}.hours{background:red;width:28vmin}.minutes{background:#f70;width:32vmin}.seconds{background:#fc0;width:36vmin}.angle-0{animation-duration:var(--duration);animation-name:zero;transform:rotate(-90deg)}@keyframes zero{0%{transform:rotate(-96deg)}to{transform:rotate(-90deg)}}.angle-1{transform:rotate(-84deg)}.angle-2{transform:rotate(-78deg)}.angle-3{transform:rotate(-72deg)}.angle-4{transform:rotate(-66deg)}.angle-5{transform:rotate(-60deg)}.angle-6{transform:rotate(-54deg)}.angle-7{transform:rotate(-48deg)}.angle-8{transform:rotate(-42deg)}.angle-9{transform:rotate(-36deg)}.angle-10{transform:rotate(-30deg)}.angle-11{transform:rotate(-24deg)}.angle-12{transform:rotate(-18deg)}.angle-13{transform:rotate(-12deg)}.angle-14{transform:rotate(-6deg)}.angle-15{transform:rotate(0deg)}.angle-16{transform:rotate(6deg)}.angle-17{transform:rotate(12deg)}.angle-18{transform:rotate(18deg)}.angle-19{transform:rotate(24deg)}.angle-20{transform:rotate(30deg)}.angle-21{transform:rotate(36deg)}.angle-22{transform:rotate(42deg)}.angle-23{transform:rotate(48deg)}.angle-24{transform:rotate(54deg)}.angle-25{transform:rotate(60deg)}.angle-26{transform:rotate(66deg)}.angle-27{transform:rotate(72deg)}.angle-28{transform:rotate(78deg)}.angle-29{transform:rotate(84deg)}.angle-30{transform:rotate(90deg)}.angle-31{transform:rotate(96deg)}.angle-32{transform:rotate(102deg)}.angle-33{transform:rotate(108deg)}.angle-34{transform:rotate(114deg)}.angle-35{transform:rotate(120deg)}.angle-36{transform:rotate(126deg)}.angle-37{transform:rotate(132deg)}.angle-38{transform:rotate(138deg)}.angle-39{transform:rotate(144deg)}.angle-40{transform:rotate(150deg)}.angle-41{transform:rotate(156deg)}.angle-42{transform:rotate(162deg)}.angle-43{transform:rotate(168deg)}.angle-44{transform:rotate(174deg)}.angle-45{transform:rotate(180deg)}.angle-46{transform:rotate(186deg)}.angle-47{transform:rotate(192deg)}.angle-48{transform:rotate(198deg)}.angle-49{transform:rotate(204deg)}.angle-50{transform:rotate(210deg)}.angle-51{transform:rotate(216deg)}.angle-52{transform:rotate(222deg)}.angle-53{transform:rotate(228deg)}.angle-54{transform:rotate(234deg)}.angle-55{transform:rotate(240deg)}.angle-56{transform:rotate(246deg)}.angle-57{transform:rotate(252deg)}.angle-58{transform:rotate(258deg)}.angle-59{transform:rotate(264deg)}
/*# sourceMappingURL=/clocks/16.5a760ffe.css.map */