#initial-loading{display:table;position:fixed;top:0;height:100vh;width:100vw;background:#fff;z-index:2000;transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s}#initial-loading>div{display:table-cell;vertical-align:middle;text-align:center;padding-bottom:15vh}.cssload{width:10vh;height:10vh;margin:0 auto;margin-top:45px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s}.cssload .square{float:left;width:50%;height:50%;position:relative;opacity:.5;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}.cssload .square::before{content:"";position:absolute;top:-5px;left:-5px;width:100%;height:100%;background-color:var(--color-accent);transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;animation:cssload-fold 2s infinite linear both;-o-animation:cssload-fold 2s infinite linear both;-ms-animation:cssload-fold 2s infinite linear both;-moz-animation:cssload-fold 2s infinite linear both;-webkit-animation:cssload-fold 2s infinite linear both}.cssload .c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg)}.cssload .c2::before{animation-delay:.25s;-o-animation-delay:.25s;-ms-animation-delay:.25s;-moz-animation-delay:.25s;-webkit-animation-delay:.25s}.cssload .c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg)}.cssload .c3::before{animation-delay:.5s;-o-animation-delay:.5s;-ms-animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.cssload .c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg)}.cssload .c4::before{animation-delay:.75s;-o-animation-delay:.75s;-ms-animation-delay:.75s;-moz-animation-delay:.75s;-webkit-animation-delay:.75s}.message span{animation:cssload-fade 1s infinite ease-in-out both;-o-animation:cssload-fade 1s infinite ease-in-out both;-ms-animation:cssload-fade 1s infinite ease-in-out both;-moz-animation:cssload-fade 1s infinite ease-in-out both;-webkit-animation:cssload-fade 1s infinite ease-in-out both}.message span::before{content:"."}.message span:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-ms-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}.message span:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-ms-animation-delay:.4s;-moz-animation-delay:.4s;-webkit-animation-delay:.4s}.message span:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}.message span:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-ms-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}@keyframes cssload-fold{0%,10%{transform:perspective(126px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(126px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(126px) rotateY(180deg);opacity:0}}@-o-keyframes cssload-fold{0%,10%{-o-transform:perspective(126px) rotateX(-180deg);opacity:0}25%,75%{-o-transform:perspective(126px) rotateX(0deg);opacity:1}90%,100%{-o-transform:perspective(126px) rotateY(180deg);opacity:0}}@-ms-keyframes cssload-fold{0%,10%{-ms-transform:perspective(126px) rotateX(-180deg);opacity:0}25%,75%{-ms-transform:perspective(126px) rotateX(0deg);opacity:1}90%,100%{-ms-transform:perspective(126px) rotateY(180deg);opacity:0}}@-webkit-keyframes cssload-fold{0%,10%{-webkit-transform:perspective(126px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(126px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(126px) rotateY(180deg);opacity:0}}@-moz-keyframes cssload-fold{0%,10%{-moz-transform:perspective(126px) rotateX(-180deg);opacity:0}25%,75%{-moz-transform:perspective(126px) rotateX(0deg);opacity:1}90%,100%{-moz-transform:perspective(126px) rotateY(180deg);opacity:0}}@keyframes cssload-fade{0%,100%{opacity:1}50%{opacity:0}}@-o-keyframes cssload-fade{0%,100%{opacity:1}50%{opacity:0}}@-ms-keyframes cssload-fade{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes cssload-fade{0%,100%{opacity:1}50%{opacity:0}}@-moz-keyframes cssload-fade{0%,100%{opacity:1}50%{opacity:0}}
