.spinner{--clr:#ca9ff7;--clr-alpha:#f7c59f1a;width:90.4px;height:90.4px;transform-style:preserve-3d;animation:1.6s infinite spinner}.spinner>div{background-color:var(--clr-alpha);border:3.5px solid var(--clr);width:100%;height:100%;position:absolute}.spinner div:first-of-type{transform:translateZ(-35.2px)rotateY(180deg)}.spinner div:nth-of-type(2){transform-origin:100% 0;transform:rotateY(-270deg)translate(50%)}.spinner div:nth-of-type(3){transform-origin:0;transform:rotateY(270deg)translate(-50%)}.spinner div:nth-of-type(4){transform-origin:top;transform:rotateX(90deg)translateY(-50%)}.spinner div:nth-of-type(5){transform-origin:bottom;transform:rotateX(-90deg)translateY(50%)}.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)}}