"use strict";

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

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

const CubeLoaderStyles = styleh_components_1.styled.todo`.cube-folding{width:50px;height:50px;display:inline-block;transform:rotate(45deg);font-size:0;}.cube-folding span{position:relative;width:25px;height:25px;transform:scale(1.1);display:inline-block;}.cube-loading-text{display:flex;align-items:center;justify-content:center;padding-top:15px;}.cube-folding span::before{content:'';background-color:#dedddd;position:absolute;left:0;top:0;display:block;width:25px;height:25px;transform-origin:100% 100%;animation:folding 2.5s infinite linear both;}.cube-folding .leaf2{transform:rotateZ(90deg) scale(1.1);}.cube-folding .leaf2::before{animation-delay:0.3s;background-color:#c7c6c6;}.cube-folding .leaf3{transform:rotateZ(270deg) scale(1.1);}.cube-folding .leaf3::before{animation-delay:0.9s;background-color:#c7c6c6;}.cube-folding .leaf4{transform:rotateZ(180deg) scale(1.1);}.cube-folding .leaf4::before{animation-delay:0.6s;background-color:#a09f9f;}@keyframes folding{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0;}}.cube-wrapper{position:fixed;left:50%;top:50%;margin-top:-50px;margin-left:-50px;width:100px;height:100px;text-align:center;}.cube-wrapper:after{content:'';position:absolute;left:0;right:0;bottom:-20px;margin:auto;width:90px;height:6px;background-color:rgba(0,0,0,0.1);filtblur(2px);border-radius:100%;z-index:1;animation:shadow 0.5s ease infinite alternate;}.cube-wrapper .loading{font-size:12px;letter-spacing:0.1em;display:block;color:#706d6d;position:relative;top:25px;z-index:2;animation:text 0.5s ease infinite alternate;}@keyframes text{100%{top:35px;}}@keyframes shadow{100%{bottom:-18px;width:100px;}}`;
exports.CubeLoaderStyles = CubeLoaderStyles; //# sourceMappingURL=styled.js.map