.sk-circle{width:30px;height:100px;position:absolute;top:50%;left:44%;z-index:9999}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:20%;background-color:#f00;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0);transition:background-color .2s ease-out}.loading-anim{position:relative;width:100px;height:100px;perspective:800px;transform-style:preserve-3d;transform:translateZ(-100px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) scale(.5);opacity:0;transition:all .2s ease-out}.loadingText{position:absolute;top:23%;left:23%;text-align:center;background:#0606061f;border-radius:50%;width:85%;height:85%;padding:10px}.loadingText .textCms{font-weight:700;text-shadow:1px 0 0 #fff;color:#ff3636ff}.loading-anim .circle{width:130%;height:130%;animation:spin 10s linear infinite}.loading-anim .border{position:absolute;border-radius:50%;border:3px solid #f00}.loading-anim .out{top:15%;left:15%;width:100%;height:100%;border-left-color:transparent;border-right-color:transparent;animation:spin 2s linear reverse infinite}.loading-anim .in{top:20%;left:20%;width:90%;height:90%;border-top-color:transparent;border-bottom-color:transparent;animation:spin 2s linear infinite}.loading-anim .mid{top:40%;left:40%;width:20%;height:20%;border-left-color:transparent;border-right-color:transparent;animation:spin 1s linear infinite}.loading-anim{transform:translate(-50%,-50%);top:50%;left:50%;opacity:1}.loading-overlay{background:rgba(255,255,255,.5)}.dot{position:absolute;display:block;width:10px;height:10px;border-radius:50%;background-color:#ab00003d;animation:jitter 5s ease-in-out infinite,fade-in-out 5s linear infinite}.dot:nth-child(1){top:54px;left:120px;animation-delay:0s}.dot:nth-child(2){top:82px;left:116px;animation-delay:.41667s}.dot:nth-child(3){top:106px;left:99px;animation-delay:.83333s}.dot:nth-child(4){top:117px;left:72px;animation-delay:1.25s}.dot:nth-child(5){top:114px;left:40px;animation-delay:1.66667s}.dot:nth-child(6){top:98px;left:15px;animation-delay:2.08333s}.dot:nth-child(7){top:73px;left:1px;animation-delay:2.5s}.dot:nth-child(8){top:44px;left:2px;animation-delay:2.91667s}.dot:nth-child(9){top:17px;left:18px;animation-delay:3.33333s}.dot:nth-child(10){top:4px;left:48px;animation-delay:3.75s}.dot:nth-child(11){top:6px;left:85px;animation-delay:4.16667s}.dot:nth-child(12){top:25px;left:110px;animation-delay:4.58333s}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes jitter{0%{transform:scale(1,1)}25%{transform:scale(.7,.7)}50%{transform:scale(1,1)}75%{transform:scale(1.3,1.3)}100%{transform:scale(1,1)}}@keyframes fade-in-out{0%{opacity:.8}25%{opacity:.2}75%{opacity:1}100%{opacity:.8}}.loader--text:after{content:"Đang xử lý...";color:#fff;animation-name:loading-text;animation-duration:3s;animation-iteration-count:infinite}@keyframes loading-text{0%{}25%{}50%{}75%{color:#2f0}}