.page-loader-wrapper{display:grid;place-items:center}.page-loader-wrapper *,.page-loader-wrapper :after,.page-loader-wrapper :before{box-sizing:border-box;transform-style:preserve-3d}.page-loader-wrapper{--size:120;--coefficient:1px;--timeline:3s;--delay:0.65s;--rotation-y:-24;--rotation-x:28;--color-one:#1A3C87;--color-two:#3071FD;--color-three:#1BB5B3}.page-loader-wrapper .scene{position:relative;transform:translateZ(100vmin) rotateX(calc(var(--rotation-y, 0) * 1deg)) rotateY(calc(var(--rotation-x, 0) * 1deg)) rotateX(0deg)}.page-loader-wrapper{transform-origin:50% 50%;animation:scale var(--timeline) var(--delay) infinite linear}@keyframes scale{0%,10%{transform:scaleX(1) scaleY(1)}35%,to{transform:scaleX(.5) scaleY(.5)}}.page-loader-wrapper .shadow{width:calc(var(--size) * var(--coefficient));position:absolute;bottom:0;aspect-ratio:1;transform-origin:50% 50%;background:hsl(210 80% 50%/.2);transform:rotateX(90deg) translateZ(calc((var(--size) * (var(--coefficient) * -.5)) - 1px)) scale(.96);animation:squish-squosh var(--timeline) var(--delay) infinite,fade var(--timeline) var(--delay) infinite;background:black}.page-loader-wrapper .loader{--depth:var(--size);--color:var(--color-one,#8338EC);width:calc(var(--depth) * var(--coefficient));aspect-ratio:1;transform-origin:50% 50%;animation:squish-squosh var(--timeline) var(--delay) infinite}.page-loader-wrapper .spinner{animation:spin var(--timeline) var(--delay) infinite}.page-loader-wrapper .jumper{animation:jump var(--timeline) var(--delay) infinite}@keyframes squish-squosh{0%,50%,60%{scale:1 1 1}10%,35%{scale:1.2 .8 1.2}25%{scale:.8 1.2 .8}70%{scale:1 1 2}80%{scale:2 1 2}90%,to{scale:2 2 2}}@keyframes fade{0%,10%,40%,50%,60%,to{opacity:1}25%{opacity:.5}}@keyframes spin{0%,10%{rotate:0deg}30%,to{rotate:-1turn}}@keyframes jump{0%,10%,35%,50%{translate:0 0}25%{translate:0 -150%}}.page-loader-wrapper .cuboid{width:100%;height:100%;position:relative}.page-loader-wrapper .cuboid__side{background:var(--color);position:absolute}.page-loader-wrapper .cuboid__side:first-of-type{--b:1.1;height:calc(var(--depth, 20) * var(--coefficient));width:100%;top:0;transform:translateY(-50%) rotateX(90deg)}.page-loader-wrapper .cuboid__side:nth-of-type(2){--b:0.9;--color:var(--color-three,#FF006E);height:100%;width:calc(var(--depth, 20) * var(--coefficient));top:50%;right:0;transform:translate(50%,-50%) rotateY(90deg)}.page-loader-wrapper .cuboid__side:nth-of-type(3){--b:1;width:100%;height:calc(var(--depth, 20) * var(--coefficient));bottom:0;transform:translateY(50%) rotateX(90deg)}.page-loader-wrapper .cuboid__side:nth-of-type(4){--b:1;--color:var(--color-three,#FF006E);height:100%;width:calc(var(--depth, 20) * var(--coefficient));left:0;top:50%;transform:translate(-50%,-50%) rotateY(90deg)}.page-loader-wrapper .cuboid__side:nth-of-type(5){--b:1;--color:var(--color-two,#3A86EF);height:100%;width:100%;transform:translateZ(calc(var(--depth, 20) * (var(--coefficient) * .5)));top:0;left:0}.page-loader-wrapper .cuboid__side:nth-of-type(6){--b:1.2;height:100%;width:100%;transform:translateZ(calc(var(--depth, 20) * (var(--coefficient) * -.5))) rotateY(180deg);top:0;left:0}