.spinner{width:88px;height:88px;transform-style:preserve-3d;animation:2s infinite spinner-y0fdc1}.spinner>div{background-color:#2366f8b0;border:4px solid #fff;width:100%;height:100%;position:absolute}.spinner div:first-of-type{transform:translateZ(-44px)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(44px)}@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)}}