@-webkit-keyframes initial-fill{0%{stroke-dashoffset:780}to{stroke-dashoffset:0}}@keyframes initial-fill{0%{stroke-dashoffset:780}to{stroke-dashoffset:0}}@-webkit-keyframes fill{0%{stroke-dashoffset:0}to{stroke-dashoffset:780}}@keyframes fill{0%{stroke-dashoffset:0}to{stroke-dashoffset:780}}.svg--timer{transform:rotate(90deg) scaleX(-1);-webkit-transform:rotate(90deg) scaleX(-1);-moz-transform:rotate(90deg) scaleX(-1);-ms-transform:rotate(90deg) scaleX(-1);-o-transform:rotate(90deg) scaleX(-1)}.svg--timer--mini{border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;box-shadow:0 1px 10px rgba(0,0,0,.160784)}.svg--timer__group{fill:#f4f8ff;stroke:#fff;stroke-width:3px}.svg--timer__group--border{stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease-in-out;-webkit-transition:stroke .3s ease-in-out;-moz-transition:stroke .3s ease-in-out;-ms-transition:stroke .3s ease-in-out;-o-transition:stroke .3s ease-in-out;will-change:stroke}.svg--timer__group--border--default{stroke-width:14px}.svg--timer__group--border--mini{stroke-width:30px}.svg--timer__group--border--green{stroke:#4d7aeb}.svg--timer__group--border--grey{stroke:#d6d6d6}.svg--timer__group--border--red{stroke:#f7856a}.svg--timer__group--border__circle{transform-origin:center;-webkit-animation-name:initial-fill;animation-name:initial-fill;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;stroke-dashoffset:0}.svg--timer__group--border__circle.js--active{-webkit-animation-name:fill;animation-name:fill;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear}.svg--timer__ellipse{fill:#fff}