.clock-wrapper{position:relative;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle,#1a1a1a,#000);margin:auto;box-shadow:0 10px 30px #00000080}.center-pivot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#fff;border-radius:50%;z-index:10;box-shadow:0 0 5px #ffffff80}.dial-marker{position:absolute;width:100%;height:100%;text-align:center;color:#ffffff80;font-size:.7rem;padding:8px}.dial-marker span{display:inline-block}.clock-hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom;border-radius:4px}.hour-h{width:4px;height:25%;background:#fff}.min-h{width:3px;height:35%;background:#ffffffb3}.sec-h{width:1.5px;height:40%;background:red}.tick-mark{position:absolute;width:1px;height:100%;left:50%}.tick-mark:after{content:"";position:absolute;top:2px;width:1px;height:6px;background:#fff3}