@-webkit-keyframes r-rotate{
from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes r-rotate{
from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.r-loading{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1888;background-color:rgba(0,0,0,.5)}
.r-loading__container{position:absolute;left:50%;top:35%;z-index:1889;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;width:120px;height:120px;background-color:rgba(0,0,0,.87);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.r-loading__icon{display:inline-block;width:30px;height:30px;color:#fff}
.r-loading__icon--spinner{-webkit-animation:r-rotate .8s linear infinite;animation:r-rotate .8s linear infinite;-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}
.r-loading__icon--spinner i{position:absolute;left:0;top:0;width:100%;height:100%}
.r-loading__icon--spinner i::before{content:' ';width:2px;height:25%;border-radius:40%;background-color:currentColor;margin:0 auto;display:block}
.r-loading__icon--circular{-webkit-animation:r-rotate .8s linear infinite;animation:r-rotate .8s linear infinite;-webkit-animation-duration:2s;animation-duration:2s}
.r-loading__text{font-size:14px;color:#fff;margin-top:5px}
.r-loading__circular{display:block;width:100%;height:100%}
.r-loading__circular circle{-webkit-animation:r-circular 1.5s ease-in-out infinite;animation:r-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}
@-webkit-keyframes r-circular{
0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:90,200;stroke-dashoffset:-40}
100%{stroke-dasharray:90,300;stroke-dashoffset:-120}
}
@keyframes r-circular{
0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:90,200;stroke-dashoffset:-40}
100%{stroke-dasharray:90,300;stroke-dashoffset:-120}
}
.r-loading__icon--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}
.r-loading__icon--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}
.r-loading__icon--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}
.r-loading__icon--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}
.r-loading__icon--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}
.r-loading__icon--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}
.r-loading__icon--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}
.r-loading__icon--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}
.r-loading__icon--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}
.r-loading__icon--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}
.r-loading__icon--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}
.r-loading__icon--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}