.pre-loader{align-items:center;animation:rotate-bg-color 10s infinite;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}@keyframes rotate-bg-color{0%{background-color:#fff}25%{background-color:#f3d4d4}50%{background-color:#f8c4c4}75%{background-color:#f3d4d4}to{background-color:#fff}}.pre-loader .hidden{animation:fadeOut 2s;animation-fill-mode:forwards}.pre-loader img{height:60px!important}.pre-loader .glitch{animation:shift 1s ease-in-out infinite alternate;color:#fff;font-size:25px;font-weight:700;letter-spacing:5px;line-height:1.2;margin-top:20px;position:relative;z-index:1}.pre-loader .glitch:after,.pre-loader .glitch:before{content:attr(data-glitch);display:block;left:0;opacity:.8;position:absolute;top:0}.pre-loader .glitch:before{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) infinite both;color:#8b00ff;z-index:-1}.pre-loader .glitch:after{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) infinite reverse both;color:#00e571;z-index:-2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes shift{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:skewX(0deg)}41%{transform:skewX(10deg)}42%{transform:skewX(-10deg)}59%{transform:skewX(40deg) skewY(10deg)}60%{transform:skewX(-40deg) skewY(-10deg)}63%{transform:skewX(10deg) skewY(-5deg)}70%{transform:skewX(-50deg) skewY(-20deg)}71%{transform:skewX(10deg) skewY(-10deg)}}.progress-loading{display:none;height:4px;width:100%;--c:no-repeat linear-gradient(#6100ee 0 0);animation:l16 3s infinite;background:var(--c),var(--c),#d7b8fc;background-size:60% 100%}@keyframes l16{0%{background-position:-150% 0,-150% 0}66%{background-position:250% 0,-150% 0}to{background-position:250% 0,250% 0}}