#loading-animation{width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cube-container{perspective:800px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cube{width:100px;height:100px;transform-style:preserve-3d;animation:5s linear infinite rotate-cube;position:relative}.face{background-color:#ffffff4d;width:100%;height:100%;position:absolute;box-shadow:0 5px 15px #0006}.front{transform:translateZ(50px)}.back{transform:rotateY(180deg)translateZ(50px)}.right{transform:rotateY(90deg)translateZ(50px)}.left{transform:rotateY(-90deg)translateZ(50px)}.top{transform:rotateX(90deg)translateZ(50px)}.bottom{transform:rotateX(-90deg)translateZ(50px)}@keyframes rotate-cube{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}