.clock-container{justify-content:center;align-items:center;width:90vw;height:90vh;display:flex;position:relative}.counter{color:#f1e1c7;z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-container svg{width:110%;max-width:110%;height:110%;max-height:110%}.clock-container circle{stroke:#ef2032;stroke-opacity:.15;stroke-width:5.7px;fill:none;transition:all .3s}.clock-container circle.active{stroke-opacity:1!important;stroke-width:10px!important;fill:#ef2032!important}.clock-container #hand{stroke:#ef2032;stroke-width:8px;stroke-linecap:round;transition:all .6s cubic-bezier(.4,0,.2,1)}.clock-container .center-circle{fill:#ef2032;stroke:#ef2032;stroke-width:0}