.loader{--paper:#f0f0f0;--ink:#1a1a1a;--cyan:#0ff;--magenta:#33f;--yellow:#00ffa2;--size:132px;--half:calc(var(--size) / 2);--smooth-ease:cubic-bezier(.8, 0, .2, 1);perspective:1500px;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;overflow:hidden}.loader .action-space{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;animation:6s ease-in-out infinite worldShake;display:flex;position:absolute}@keyframes worldShake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(2px,-2px)rotate(.5deg)}50%{transform:translate(-3px,3px)rotate(-.5deg)}75%{transform:translate(1px,1px)rotate(.2deg)}}.loader .speed-lines{width:600px;height:600px;transform-style:preserve-3d;opacity:0;animation:linesFlash 4s var(--smooth-ease) infinite;position:absolute}@keyframes linesFlash{0%,40%,60%,to{opacity:0;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(15deg)}}.loader .line{background:var(--ink);transform-origin:top;width:2px;height:300px;position:absolute;top:50%;left:50%}.loader .line:first-child{transform:rotate(0)translateY(-300px)}.loader .line:nth-child(2){transform:rotate(45deg)translateY(-300px)}.loader .line:nth-child(3){transform:rotate(90deg)translateY(-300px)}.loader .line:nth-child(4){transform:rotate(135deg)translateY(-300px)}.loader .line:nth-child(5){transform:rotate(180deg)translateY(-300px)}.loader .line:nth-child(6){transform:rotate(225deg)translateY(-300px)}.loader .line:nth-child(7){transform:rotate(270deg)translateY(-300px)}.loader .line:nth-child(8){transform:rotate(315deg)translateY(-300px)}.loader .cube-panel{width:var(--size);height:var(--size);transform-style:preserve-3d;animation:panelLogic 4s var(--smooth-ease) infinite;position:relative}@keyframes panelLogic{0%,to{transform:rotateX(-20deg)rotateY(45deg)scale(1)}25%{transform:rotateX(-15deg)rotateY(135deg)scale3d(.85,.85,.85)}50%{transform:rotateX(160deg)rotateY(225deg)scale3d(1.4,1.4,1.4)}75%{transform:rotateX(155deg)rotateY(315deg)scale3d(.85,.85,.85)}}.loader .face{border:6px solid var(--ink);box-sizing:border-box;backface-visibility:visible;width:100%;height:100%;transition:border-color .4s var(--smooth-ease);background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.loader .face:before{content:"";background-image:radial-gradient(var(--ink) 20%, transparent 20%);opacity:.1;background-size:6px 6px;position:absolute;inset:0}.loader .face:after{content:"";border:2px solid var(--cyan);box-shadow:15px 15px 0 var(--magenta);opacity:.3;pointer-events:none;transition:transform .4s var(--smooth-ease);position:absolute;inset:-10px}.loader .content{color:var(--ink);text-transform:uppercase;z-index:2;font-family:Reisinger \- Michal,sans-serif;font-size:37px;transform:skew(-10deg)}.loader .f-f{transform:rotateY(0deg) translateZ(var(--half))}.loader .f-b{transform:rotateY(180deg) translateZ(var(--half))}.loader .f-r{transform:rotateY(90deg) translateZ(var(--half))}.loader .f-l{transform:rotateY(-90deg) translateZ(var(--half))}.loader .f-t{transform:rotateX(90deg) translateZ(var(--half))}.loader .f-bt{transform:rotateX(-90deg) translateZ(var(--half))}.loader .f-f{background:var(--yellow)}.loader .f-r{background:var(--cyan)}.loader .f-l{background:var(--magenta)}@media (width<=639px){.loader{--size:92px}.loader .face{border-width:4px}.loader .face:after{box-shadow:10px 10px 0 var(--magenta);inset:-7px}.loader .content{font-size:26px}}