.base-timer{height:300px;margin:auto;position:relative;width:300px}.base-timer__svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.base-timer__circle{fill:none;stroke:none}.base-timer__path-elapsed{stroke:var(--color-grey-dark);stroke-width:7px}.base-timer__path-remaining{fill-rule:nonzero;stroke:currentcolor;stroke-linecap:round;stroke-width:7px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all 1s linear;transition:all 1s linear}.base-timer__path-remaining.info{color:var(--color-primary)}.base-timer__path-remaining.warning{color:var(--color-warning)}.base-timer__path-remaining.alert{color:var(--color-danger)}.base-timer__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:48px;height:300px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;width:300px}