.cube-loader-container{display:flex !important;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.cube-loader,.cube-loader *{position:absolute;width:20px;height:20px}.cube-loader{position:relative;width:20px;height:20px}.cube-loader .sides{animation:cube-rotate 2s ease infinite;transform-style:preserve-3d;transform:rotateX(-37.5deg) rotateY(45deg)}.cube-loader .sides *{box-sizing:border-box;background-color:rgba(255,255,255,0.9) !important;border:2px solid #fff !important;opacity:1 !important}@keyframes cube-rotate{0%{transform:rotateX(-37.5deg) rotateY(45deg)}50%{transform:rotateX(-37.5deg) rotateY(405deg)}100%{transform:rotateX(-37.5deg) rotateY(405deg)}}.cube-loader .sides .top{animation:cube-top-animation 2s ease infinite;animation-delay:0ms;transform:rotateX(90deg) translateZ(10px);animation-fill-mode:forwards;transform-origin:50% 50%}.cube-loader .sides .bottom{animation:cube-bottom-animation 2s ease infinite;animation-delay:0ms;transform:rotateX(-90deg) translateZ(10px);animation-fill-mode:forwards;transform-origin:50% 50%}.cube-loader .sides .front{animation:cube-front-animation 2s ease infinite;animation-delay:100ms;transform:rotateY(0deg) translateZ(10px);animation-fill-mode:forwards;transform-origin:50% 50%}.cube-loader .sides .back{animation:cube-back-animation 2s ease infinite;animation-delay:100ms;transform:rotateY(-180deg) translateZ(10px);animation-fill-mode:forwards;transform-origin:50% 50%}.cube-loader .sides .left{animation:cube-left-animation 2s ease infinite;animation-delay:100ms;transform:rotateY(-90deg) translateZ(10px);animation-fill-mode:forwards;transform-origin:50% 50%}.cube-loader .sides .right{animation:cube-right-animation 2s ease infinite;animation-delay:100ms;transform:rotateY(90deg) translateZ(10px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes cube-top-animation{0%{opacity:1;transform:rotateX(90deg) translateZ(10px)}20%{opacity:1;transform:rotateX(90deg) translateZ(5px)}70%{opacity:1;transform:rotateX(90deg) translateZ(5px)}90%{opacity:1;transform:rotateX(90deg) translateZ(10px)}100%{opacity:1;transform:rotateX(90deg) translateZ(10px)}}@keyframes cube-bottom-animation{0%{opacity:1;transform:rotateX(-90deg) translateZ(10px)}20%{opacity:1;transform:rotateX(-90deg) translateZ(5px)}70%{opacity:1;transform:rotateX(-90deg) translateZ(5px)}90%{opacity:1;transform:rotateX(-90deg) translateZ(10px)}100%{opacity:1;transform:rotateX(-90deg) translateZ(10px)}}@keyframes cube-front-animation{0%{opacity:1;transform:rotateY(0deg) translateZ(10px)}20%{opacity:1;transform:rotateY(0deg) translateZ(5px)}70%{opacity:1;transform:rotateY(0deg) translateZ(5px)}90%{opacity:1;transform:rotateY(0deg) translateZ(10px)}100%{opacity:1;transform:rotateY(0deg) translateZ(10px)}}@keyframes cube-back-animation{0%{opacity:1;transform:rotateY(-180deg) translateZ(10px)}20%{opacity:1;transform:rotateY(-180deg) translateZ(5px)}70%{opacity:1;transform:rotateY(-180deg) translateZ(5px)}90%{opacity:1;transform:rotateY(-180deg) translateZ(10px)}100%{opacity:1;transform:rotateY(-180deg) translateZ(10px)}}@keyframes cube-left-animation{0%{opacity:1;transform:rotateY(-90deg) translateZ(10px)}20%{opacity:1;transform:rotateY(-90deg) translateZ(5px)}70%{opacity:1;transform:rotateY(-90deg) translateZ(5px)}90%{opacity:1;transform:rotateY(-90deg) translateZ(10px)}100%{opacity:1;transform:rotateY(-90deg) translateZ(10px)}}@keyframes cube-right-animation{0%{opacity:1;transform:rotateY(90deg) translateZ(10px)}20%{opacity:1;transform:rotateY(90deg) translateZ(5px)}70%{opacity:1;transform:rotateY(90deg) translateZ(5px)}90%{opacity:1;transform:rotateY(90deg) translateZ(10px)}100%{opacity:1;transform:rotateY(90deg) translateZ(10px)}}
