.spinner{width:44px;height:44px;animation:spinner-y0fdc1 2s ease infinite;transform-style:preserve-3d}.spinner>div{background-color:hsl(36,94%,51%);height:100%;position:absolute;width:100%;border:2px solid hsl(30,5%,8%)}.spinner div:first-of-type{transform:translateZ(-22px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translateX(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translateX(-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(22px)}@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)}}