/*-- scss:rules --*/
/* Timer Countdown */

.base-timer {
  cursor: pointer;
  position: relative;
  width: 300px;
  height: 300px;
}

div.base-timer svg circle, div.base-timer svg path {
    fill: none;
}

.base-timer__path-elapsed {
  stroke-width: 6px;
  stroke: #E8E2D8;
}

.base-timer__path-remaining {
  stroke-width: 6px;
  stroke-linecap: round;
  transform-origin: center;
  transition: 0.1s ease-in-out all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining {
  color: #A63D2F;
}

.base-timer__path-remaining.lvl0 {
  color: #B8821A;
}

.base-timer__path-remaining.lvl1 {
  color: #8B2E20;
}