.Clock{display:inline-block;position:relative;width:80px;height:80px;border:thin solid #000;border-radius:50%;transform:translateZ(0)}@media (min-width:800px){.Clock{width:80px;height:80px}}.Clock:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(0);z-index:1;width:4%;height:4%;border-radius:50%;background-color:#000}.Clock--linear .Clock__container--minutes{animation:rotate 3600s infinite linear}.Clock--linear .Clock__container--seconds{animation:rotate 60s infinite linear}.Clock--steps .Clock__container--minutes{animation:rotate 3600s infinite steps(60)}.Clock--steps .Clock__container--seconds{animation:rotate 60s infinite steps(60)}.Clock--bounce .Clock__container--minutes{transition:transform .3s cubic-bezier(.4,2.08,.55,.44)}.Clock--bounce .Clock__container--seconds{transition:transform .2s cubic-bezier(.4,2.08,.55,.44)}.Clock__container{position:absolute;top:0;right:0;bottom:0;left:0}.Clock__container--hour{animation:rotate 43200s infinite linear}.Clock__hand{position:absolute;background-color:#000;width:1px;outline:1px solid transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Clock__hand--hours{height:26%;left:49.4%;top:28.5%;transform-origin:50% 82%;transform:rotateZ(0deg)}.Clock__hand--minutes{height:40%;left:49.4%;top:14.5%;transform-origin:50% 88%;transform:rotateZ(0deg)}.Clock__hand--seconds{height:47.5%;left:49.4%;top:7%;transform-origin:50% 90%;transform:rotateZ(0deg);background-color:rgba(0,0,0,.25)}@keyframes rotate{to{transform:rotateZ(1turn)}}