.laoding_wrap_hide{display:none}.laoding_wrap{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10}.loading_main{font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:row;margin:0 auto;width:100%;height:100%}@keyframes rotate{0%{transform:rotateX(-37.5deg) rotateY(45deg)}50%{transform:rotateX(-37.5deg) rotateY(405deg)}to{transform:rotateX(-37.5deg) rotateY(405deg)}}.cube,.cube *{position:absolute;width:61px;height:61px}.sides{animation:rotate 3s ease infinite;animation-delay:.8s;transform-style:preserve-3d;transform:rotateX(-37.5deg) rotateY(45deg)}.cube .sides *{box-sizing:border-box;background-color:rgba(253,186,123,.5);border:6px solid hsla(0,0%,100%,.5)}.cube .sides .top{animation:top-animation 3s ease infinite;animation-delay:0ms;transform:rotateX(90deg) translateZ(60px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes top-animation{0%{opacity:1;transform:rotateX(90deg) translateZ(60px)}20%{opacity:1;transform:rotateX(90deg) translateZ(30px)}70%{opacity:1;transform:rotateX(90deg) translateZ(30px)}90%{opacity:1;transform:rotateX(90deg) translateZ(60px)}to{opacity:1;transform:rotateX(90deg) translateZ(60px)}}.cube .sides .bottom{animation:bottom-animation 3s ease infinite;animation-delay:0ms;transform:rotateX(-90deg) translateZ(60px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes bottom-animation{0%{opacity:1;transform:rotateX(-90deg) translateZ(60px)}20%{opacity:1;transform:rotateX(-90deg) translateZ(30px)}70%{opacity:1;transform:rotateX(-90deg) translateZ(30px)}90%{opacity:1;transform:rotateX(-90deg) translateZ(60px)}to{opacity:1;transform:rotateX(-90deg) translateZ(60px)}}.cube .sides .front{animation:front-animation 3s ease infinite;animation-delay:.1s;transform:rotateY(0deg) translateZ(60px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes front-animation{0%{opacity:1;transform:rotateY(0deg) translateZ(60px)}20%{opacity:1;transform:rotateY(0deg) translateZ(30px)}70%{opacity:1;transform:rotateY(0deg) translateZ(30px)}90%{opacity:1;transform:rotateY(0deg) translateZ(60px)}to{opacity:1;transform:rotateY(0deg) translateZ(60px)}}.cube .sides .back{animation:back-animation 3s ease infinite;animation-delay:.1s;transform:rotateY(-180deg) translateZ(60px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes back-animation{0%{opacity:1;transform:rotateY(-180deg) translateZ(60px)}20%{opacity:1;transform:rotateY(-180deg) translateZ(30px)}70%{opacity:1;transform:rotateY(-180deg) translateZ(30px)}90%{opacity:1;transform:rotateY(-180deg) translateZ(60px)}to{opacity:1;transform:rotateY(-180deg) translateZ(60px)}}.cube .sides .left{animation:left-animation 3s ease infinite;animation-delay:.1s;transform:rotateY(-90deg) translateZ(60px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes left-animation{0%{opacity:1;transform:rotateY(-90deg) translateZ(60px)}20%{opacity:1;transform:rotateY(-90deg) translateZ(30px)}70%{opacity:1;transform:rotateY(-90deg) translateZ(30px)}90%{opacity:1;transform:rotateY(-90deg) translateZ(60px)}to{opacity:1;transform:rotateY(-90deg) translateZ(60px)}}.cube .sides .right{animation:right-animation 3s ease infinite;animation-delay:.1s;transform:rotateY(90deg) translateZ(60px);animation-fill-mode:forwards;transform-origin:50% 50%}@keyframes right-animation{0%{opacity:1;transform:rotateY(90deg) translateZ(60px)}20%{opacity:1;transform:rotateY(90deg) translateZ(30px)}70%{opacity:1;transform:rotateY(90deg) translateZ(30px)}90%{opacity:1;transform:rotateY(90deg) translateZ(60px)}to{opacity:1;transform:rotateY(90deg) translateZ(60px)}}