"use strict";

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

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

const BoxLoaderWrapper = styleh_components_1.styled.div`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;@keyframes loader{0%,10%,100%{width:80px;height:80px;}65%{width:150px;height:150px;}}`;
exports.BoxLoaderWrapper = BoxLoaderWrapper;
const BoxLoaderElement = styleh_components_1.styled.span`position:absolute;display:block;width:40px;height:40px;background-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;}@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);}}`;
exports.BoxLoaderElement = BoxLoaderElement; //# sourceMappingURL=styled.js.map