.base-timer[data-v-58d7dd0d]{position:relative;width:200px;height:200px;&__svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}&__circle{fill:none;stroke:none}&__path-elapsed{stroke-width:7px;stroke:grey}&__path-remaining{stroke-width:7px;stroke-linecap:round;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all 1s linear;transition:all 1s linear;fill-rule:nonzero;stroke:currentColor;&.green{color:#41b883}&.orange{color:orange}&.red{color:red}}&__label{position:absolute;width:200px;height:200px;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:28px}}#left-scroll{height:calc(100vh - 64px);overflow:auto}