"use strict";

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

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

const MaterialCircleLoaderWrapper = styleh_components_1.styled.div`position:relative;width:100px;svg{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;@keyframes rotate{100%{transform:rotate(360deg);}}}`;
exports.MaterialCircleLoaderWrapper = MaterialCircleLoaderWrapper;
const MaterialCircleElement = styleh_components_1.styled.circle`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 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.MaterialCircleElement = MaterialCircleElement; //# sourceMappingURL=styled.js.map