.Loading{position:fixed;top:0;left:0;z-index:9999;background-color:var(--grey-900);width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.pl{background:linear-gradient(var(--grey-900) calc(50% + 1.5em),var(--blue-alt-900) calc(50% + 2.5em) calc(50% + 10.5em),var(--grey-900));position:relative;overflow:hidden;perspective:800px;transform-style:preserve-3d}.pl,.pl:before{width:100%;height:100%}.pl:before,.pl__sphere,.pl__sphere-shadow{position:absolute}.pl:before,.pl__sphere-shadow{display:block}.pl:before{background:linear-gradient(var(--blue-alt-900),rgba(6,39,121,0)),radial-gradient(100% 100% at 50% 50%,rgba(6,39,121,0) 37.5%,var(--blue-alt-900) 50%),repeating-linear-gradient(0deg,rgba(8,55,170,0) 0 .95em,var(--blue-alt-500) .95em 1em),repeating-linear-gradient(90deg,rgba(8,55,170,0) 0 .9em,var(--blue-alt-500) .9em 1em) .5em 0;content:"";top:50%;left:50%;transform:translate(-50%,-50%) rotateX(90deg) translateZ(-4em);width:34em;height:34em}.pl__sphere{animation-name:moveSphere;background:var(--blue-alt-400);box-shadow:0 -.75em .5em var(--blue-alt-900) inset,0 0 .5em rgba(0,238,119,.7);transform:translateZ(10em)}.pl__sphere,.pl__sphere-shadow{animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;border-radius:50%;top:calc(50% - 1em);left:calc(50% - 1em);width:2em;height:2em;z-index:1}.pl__sphere-shadow{animation-name:moveSphereShadow;background-image:radial-gradient(100% 100% at center,rgba(0,0,0,.2) 45%,transparent 50%);transform:translateY(4em) translateZ(10em) rotateX(90deg)}.pl__sphere-shadow:first-of-type,.pl__sphere:first-of-type{left:calc(50% - 5.5em)}.pl__sphere-shadow:nth-of-type(2),.pl__sphere:nth-of-type(2){left:calc(50% - 2.5em);animation-delay:.1s}.pl__sphere-shadow:nth-of-type(3),.pl__sphere:nth-of-type(3){left:calc(50% - -.5em);animation-delay:.2s}.pl__sphere-shadow:nth-of-type(4),.pl__sphere:nth-of-type(4){left:calc(50% - -3.5em);animation-delay:.3s}@keyframes moveSphere{0%,to{filter:brightness(100%) blur(0);-webkit-filter:brightness(100%) blur(0);transform:translateZ(10em)}25%,75%{filter:brightness(100%) blur(0);-webkit-filter:brightness(100%) blur(0);transform:translateZ(12em)}50%{filter:brightness(80%) blur(4px);-webkit-filter:brightness(80%) blur(4px);transform:translateZ(-10em)}}@keyframes moveSphereShadow{0%,to{transform:translateY(4em) translateZ(10em) rotateX(90deg)}25%,75%{transform:translateY(4em) translateZ(12em) rotateX(90deg)}50%{transform:translateY(4em) translateZ(-10em) rotateX(90deg)}}