"use strict";

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

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

const boxLoaderStyles = styleh_components_1.styled.todo`@keyframes loader{0%,10%,100%{width:80px;height:80px;}65%{width:150px;height:150px;}}@keyframes loaderBlock{0%,30%{transform:rotate(0);}55%{background-color:var(--color-blue);}100%{transform:rotate(90deg);}}@keyframes loaderBlockInverse{0%,20%{transform:rotate(0);}55%{background-color:var(--color-blue);}100%{transform:rotate(-90deg);}}.box-loader{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);animation:loader 1.2s infinite ease-in-out;span{position:absolute;display:block;width:40px;height:40px;background-color:var(--color-blue);animation:loaderBlock 1.2s infinite ease-in-out both;&:nth-child(1){top:0;left:0;}&:nth-child(2){top:0;right:0;animation:loaderBlockInverse 1.2s infinite ease-in-out both;}&:nth-child(3){bottom:0;left:0;animation:loaderBlockInverse 1.2s infinite ease-in-out both;}&:nth-child(4){bottom:0;right:0;}}}`;
exports.boxLoaderStyles = boxLoaderStyles; //# sourceMappingURL=styled.js.map