"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const materialCircleLoaderStyles = styleh_components_1.styled.todo`.material-circle-loader{position:relative;width:100px;}.circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round;}@keyframes rotate{100%{transform:rotate(360deg);}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}}@keyframes color{100%,0%{stroke:#009944;}40%{stroke:var(--color-blue);}66%{stroke:var(--color-light-grey);}80%,90%{stroke:#ea2227;}}`;
exports.materialCircleLoaderStyles = materialCircleLoaderStyles; //# sourceMappingURL=styled.js.map