.spinner{width:18px;height:14px;transform-style:preserve-3d;animation:2s infinite spinner-y0fdc1;position:relative}.spinner>div{border:8px solid var(--primary);width:100%;height:100%;box-shadow:0 0 4px 0px var(--primary);background-color:#80ff0022;position:absolute}.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(1px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg)rotateX(-25deg)rotateY(25deg)}50%{transform:rotate(45deg)rotateX(-385deg)rotateY(25deg)}to{transform:rotate(45deg)rotateX(-385deg)rotateY(385deg)}}