.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;z-index:9999}.spinner{width:70.4px;height:70.4px;--clr: #9b42ff;--clr-alpha: rgba(155, 66, 255, .1);animation:spinner 1.6s infinite ease,glow 1.6s infinite ease;transform-style:preserve-3d}.spinner>div{background-color:var(--clr-alpha);height:100%;position:absolute;width:100%;border:3.5px solid var(--clr);box-shadow:0 0 6px var(--clr),0 0 12px var(--clr),0 0 18px var(--clr)}.spinner div:nth-of-type(1){transform:translateZ(-35.2px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(35.2px)}@keyframes spinner{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}@keyframes glow{0%,to{box-shadow:0 0 6px var(--clr),0 0 12px var(--clr),0 0 18px var(--clr)}50%{box-shadow:0 0 12px var(--clr),0 0 24px var(--clr),0 0 36px var(--clr)}}