.cube-loader-content{--size:30;width:calc(var(--size) * 2px);height:calc(var(--size) * 2px);transform:rotateX(-35deg) rotateY(45deg);transform-style:preserve-3d}.cube-loader-content>*{transform-style:preserve-3d;box-sizing:border-box}.cuboid{height:calc(var(--size) * 1px);width:calc(var(--size) * 1px);position:absolute;animation:cube1 .6s linear 0s infinite;transform:translateZ(calc(var(--size) * -.5px))}.cuboid .side{position:absolute;top:50%;left:50%;height:100%;width:100%;border-radius:2px}.cuboid .side:first-of-type{transform:translate3d(-50%,-50%,calc(var(--size) * .5px));background:#b7e051}.cuboid .side:nth-of-type(2){transform:translate3d(-50%,-50%,calc(var(--size) * -.5px)) rotateY(180deg);background:#536c13}.cuboid .side:nth-of-type(3){width:calc(var(--size) * 1px);transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--size) * .5px));background:#d2eb92}.cuboid .side:nth-of-type(4){width:calc(var(--size) * 1px);transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--size) * .5px));background:#84ad1e}.cuboid .side:nth-of-type(5){height:calc(var(--size) * 1px);transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--size) * .5px));background:#d2eb92}.cuboid:nth-child(2){transform:translateZ(calc(var(--size) * .5px));animation-name:cube2}.cuboid:nth-child(3){transform:translate3d(calc(var(--size) * 1px),0,calc(var(--size) * .5px));animation-name:cube3}.cuboid:nth-child(4){transform:translate3d(calc(var(--size) * 1px),0,calc(var(--size) * -.5px));animation-name:cube4}@keyframes cube1{25%{transform:translateZ(calc(var(--size) * -1px))}75%{transform:translate3d(calc(var(--size) * 1px),0,calc(var(--size) * -1px))}to{transform:translate3d(calc(var(--size) * 1px),0,calc(var(--size) * -.5px))}}@keyframes cube2{25%{transform:translateZ(0)}75%{transform:translateZ(0)}to{transform:translateZ(calc(var(--size) * -.5px))}}@keyframes cube3{25%{transform:translate3d(calc(var(--size) * 1px),0,calc(var(--size) * 1px))}75%{transform:translateZ(calc(var(--size) * 1px))}to{transform:translateZ(calc(var(--size) * .5px))}}@keyframes cube4{25%{transform:translate3d(calc(var(--size) * 1px),0,0)}75%{transform:translate3d(calc(var(--size) * 1px),0,0)}to{transform:translate3d(calc(var(--size) * 1px),0,calc(var(--size) * .5px))}}