.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000!important;background:#000;color:#fff;display:flex;justify-content:center;align-items:center}.preloader .info{font-size:13vw;font-weight:600;line-height:1.2;display:flex;justify-content:space-between;letter-spacing:-1px}.preloader .info div{position:relative;transform:translateY(-100vh) translateZ(0);animation:horizontal-1 5s cubic-bezier(0.455,0.030,0.515,0.955) infinite;animation-delay:1s;will-change:transform;opacity:.05;writing-mode:vertical-rl;text-orientation:mixed}.preloader .info div:nth-child(2){transform:translateY(100vh) translateZ(0);animation:horizontal-2 5s cubic-bezier(0.455,0.030,0.515,0.955) infinite;animation-delay:1s;will-change:transform}.preloader .percent{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);color:#fff;font-weight:600;font-size:14px;display:flex;justify-content:center;flex-direction:column;align-items:center}.preloader .percent span{display:block;margin-top:50px}@keyframes horizontal-1{0%{transform:translateY(-100vh) translateZ(0)}100%{transform:translateY(100vh) translateZ(0)}}@keyframes horizontal-2{0%{transform:translateY(100vh) translateZ(0)}100%{transform:translateY(-100vh) translateZ(0)}}.loader{width:44px;height:44px;position:relative}.loader:before{content:'';width:6px;height:6px;position:absolute;display:block;background:#fff;top:37px;left:19px;-webkit-transform:translate(-18px,-18px);transform:translate(-18px,-18px);-webkit-animation:dotRect 5s cubic-bezier(0.785,0.135,0.15,0.86) infinite;animation:dotRect 5s cubic-bezier(0.785,0.135,0.15,0.86) infinite;animation-delay:1s;will-change:transform}.loader svg{display:block;width:100%;height:100%}.loader svg circle{fill:none;stroke:#fff;stroke-width:10px;stroke-dasharray:150 50 150 50;stroke-dashoffset:75;-webkit-animation:pathCircle 5s cubic-bezier(0.785,0.135,0.15,0.86) infinite;animation:pathCircle 5s cubic-bezier(0.785,0.135,0.15,0.86) infinite;animation-delay:1s;will-change:transform}@-webkit-keyframes dotRect{25%{-webkit-transform:translate(0,0) rotate(90deg);transform:translate(0,0) rotate(90deg)}50%{-webkit-transform:translate(18px,-18px) rotate(180deg);transform:translate(18px,-18px) rotate(180deg)}75%{-webkit-transform:translate(0,-36px) rotate(270deg);transform:translate(0,-36px) rotate(270deg)}100%{-webkit-transform:translate(-18px,-18px) rotate(360deg);transform:translate(-18px,-18px) rotate(360deg)}}@keyframes dotRect{25%{-webkit-transform:translate(0,0) rotate(90deg);transform:translate(0,0) rotate(90deg)}50%{-webkit-transform:translate(18px,-18px) rotate(180deg);transform:translate(18px,-18px) rotate(180deg)}75%{-webkit-transform:translate(0,-36px) rotate(270deg);transform:translate(0,-36px) rotate(270deg)}100%{-webkit-transform:translate(-18px,-18px) rotate(360deg);transform:translate(-18px,-18px) rotate(360deg)}}@-webkit-keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}100%{stroke-dashoffset:275}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}100%{stroke-dashoffset:275}}