/****************************
 * Loading Animation
****************************/
body.has-loading-animation {height:100vh; overflow:hidden;}
.vii-loading-animation {
    --active-index:0;
    --duration-icon:0.8s;
    --height-item:5vh;
    transition:all 1.2s ease;
}
.vii-loading-animation__inner {width:35vh;}
.vii-loading-animation__inner i {font-size:35vh}
.vii-loading-animation__number {width:40%; height:var(--height-item);}
.vii-loading-animation__number-inner {transform:translateY(calc(-1 * var(--active-index) * var(--height-item)));}
.vii-loading-animation__number span {font-size:var(--height-item);}

/* first screen */
.vii-loading-animation__inner i, .vii-loading-animation__number {
    opacity:0; transition:all var(--duration-icon) ease;
}
.vii-loading-animation__inner i {transform:rotate(-72deg) scale(0.7);}


/* show animation */
.vii-loading-animation.show-icon .vii-loading-animation__inner i {
    opacity:1; transform:rotate(0) scale(1);
}
.vii-loading-animation.show-icon .vii-loading-animation__number {opacity:1;}
.vii-loading-animation.hide-layer {opacity:0; pointer-events:none;}