.base-timer{position:relative;width:50px;height:50px;margin:auto}.base-timer__svg{transform:scaleX(-1)}.base-timer__circle{fill:none;stroke:none}.base-timer__path-elapsed{stroke-width:6px;stroke:#eee}.base-timer__path-remaining{stroke-width:4px;stroke-linecap:round;transform:rotate(90deg);transform-origin:center;transition:all 1s linear;fill-rule:nonzero}.base-timer__label{position:absolute;width:50px;height:50px;top:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:.3px}.green{stroke:#39b37d}.orange{stroke:orange}.red{stroke:red}