ranui/dist/iife/loading.iife.js

A framework-agnostic Web Components UI library built on native custom elements, with TypeScript types, light/dark theming, SSR and PWA support.

var ranui_loading=(function(e){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var t=`.remove-wap-active-focus,.remove-wap-active-focus:active,.remove-wap-active-focus:focus{-webkit-tap-highlight-color:transparent;outline:0}.ran-loading .stretch{width:var(--loading-stretch-width,4em);height:var(--loading-stretch-height,5em);text-align:var(--loading-stretch-text-align,center);display:var(--loading-stretch-display,flex);flex-flow:var(--loading-stretch-flex-flow,row nowrap);justify-content:var(--loading-stretch-justify-content,space-between);align-items:var(--loading-stretch-align-items,center)}@keyframes ran-loading-stretch{0%,40%,to{transform:var(--loading-stretch-keyframes-0,scaleY(.4))}20%{transform:var(--loading-stretch-keyframes-20,scaleY(1))}}.ran-loading .stretch div{background-color:var(--loading-stretch-div-background-color,var(--ran-color-primary,#4096ff));height:var(--loading-stretch-div-height,100%);width:var(--loading-stretch-div-width,.4em);animation:var(--loading-stretch-div-animation,ran-loading-stretch 1.2s infinite ease-in-out);animation-play-state:var(--loading-stretch-div-animation-play-state,running)}.ran-loading .stretch .rect5{animation-delay:var(--loading-stretch-rect-animation-delay,-.8s)}.ran-loading .stretch .rect4{animation-delay:var(--loading-stretch-rect-animation-delay,-.9s)}.ran-loading .stretch .rect3{animation-delay:var(--loading-stretch-rect-animation-delay,-1s)}.ran-loading .stretch .rect2{animation-delay:var(--loading-stretch-rect-animation-delay,-1.1s)}.ran-loading .rotate{width:var(--loading-rotate-width,4em);height:var(--loading-rotate-height,4em);background:var(--loading-rotate-background,var(--ran-color-primary,#4096ff));animation:var(--loading-rotate-animation,ran-loading-rotate 1.2s infinite ease-in-out);animation-play-state:var(--loading-rotate-div-animation-play-state,running)}@keyframes ran-loading-rotate{0%{transform:var(--loading-rotate-keyframes-0,perspective(120px) rotateX(0deg) rotateY(0deg))}50%{transform:var(--loading-rotate-keyframes-50,perspective(120px) rotateX(-180.1deg) rotateY(0deg))}to{transform:var(--loading-rotate-keyframes-100,perspective(120px) rotateX(-180deg) rotateY(-179.9deg))}}.ran-loading .double-bounce{width:var(--loading-double-bounce-width,4em);height:var(--loading-double-bounce-height,4em);position:var(--loading-double-bounce-height,relative)}.ran-loading .double-bounce .double-bounce1{width:var(--loading-double-bounce1-width,100%);height:var(--loading-double-bounce1-height,100%);border-radius:var(--loading-double-bounce1-border-radius,50%);background:var(--loading-double-bounce1-background,var(--ran-color-primary,#4096ff));opacity:var(--loading-double-bounce1-opacity,.6);position:var(--loading-double-bounce1-position,absolute);top:var(--loading-double-bounce1-top,0);left:var(--loading-double-bounce1-left,0);animation:var(--loading-double-bounce1-animation,ran-loading-bounce 2s infinite ease-in-out);animation-play-state:var(--loading-double-bounce1-animation-play-state,running)}.ran-loading .double-bounce .double-bounce2{width:var(--loading-double-bounce2-width,100%);height:var(--loading-double-bounce2-height,100%);border-radius:var(--loading-double-bounce2-border-radius,50%);background:var(--loading-double-bounce2-background,var(--ran-color-primary,#4096ff));opacity:var(--loading-double-bounce2-opacity,.6);position:var(--loading-double-bounce2-position,absolute);top:var(--loading-double-bounce2-top,0);left:var(--loading-double-bounce2-left,0);animation:var(--loading-double-bounce2-animation,ran-loading-bounce 2s infinite ease-in-out);animation-delay:var(--loading-double-bounce2-animation-delay,-1s);animation-play-state:var(--loading-double-bounce2-animation-play-state,running)}@keyframes ran-loading-bounce{0%,to{transform:var(--loading-double-bounce-keyframes-0,scale(0))}50%{transform:var(--loading-double-bounce-keyframes-50,scale(1))}}.ran-loading .cube{width:var(--loading-cube-width,2em);height:var(--loading-cube-width,2em);position:var(--loading-cube-width,relative)}.ran-loading .cube .cube1{background:var(--loading-cube1-background,var(--ran-color-primary,#4096ff));width:var(--loading-cube1-width,2em);height:var(--loading-cube1-height,2em);position:var(--loading-cube1-position,absolute);top:var(--loading-cube1-top,0);left:var(--loading-cube1-left,0);animation:var(--loading-cube1-animation,ran-loading-cube 1.8s infinite ease-in-out);animation-play-state:var(--loading-cube1-animation-play-state,running)}.ran-loading .cube .cube2{background:var(--loading-cube2-background,var(--ran-color-primary,#4096ff));width:var(--loading-cube2-width,2em);height:var(--loading-cube2-height,2em);position:var(--loading-cube2-position,absolute);top:var(--loading-cube2-top,0);left:var(--loading-cube2-left,0);animation:var(--loading-cube2-animation,ran-loading-cube 1.8s infinite ease-in-out);animation-delay:var(--loading-cube2-animation-delay,-.9s);animation-play-state:var(--loading-cube2-animation-play-state,running)}@keyframes ran-loading-cube{25%{transform:var(--loading-cube-keyframes-25,translateX(42px) rotate(-90deg) scale(.5))}50%{transform:var(--loading-cube-keyframes-50,translateX(42px) translateY(42px) rotate(-179deg))}50.1%{transform:var(--loading-cube-keyframes-501,translateX(42px) translateY(42px) rotate(-180deg))}75%{transform:var(--loading-cube-keyframes-75,translateX(0px) translateY(42px) rotate(-270deg) scale(.5))}to{transform:var(--loading-cube-keyframes-100,rotate(-360deg))}}.ran-loading .dot{width:var(--loading-dot-width,4em);height:var(--loading-dot-height,4em);position:var(--loading-dot-position,relative);text-align:var(--loading-dot-text-align,center);animation:var(--loading-dot-animation,ran-loading-dot-rotate 2s infinite linear);animation-play-state:var(--loading-dot-animation-play-state,running)}.ran-loading .dot .dot1{width:var(--loading-dot1-width,60%);height:var(--loading-dot1-height,60%);display:var(--loading-dot1-display,inline-block);position:var(--loading-dot1-position,absolute);top:var(--loading-dot1-top,0);background:var(--loading-dot1-background,var(--ran-color-primary,#4096ff));border-radius:var(--loading-dot1-border-radius,100%);animation:var(--loading-dot1-animation,ran-loading-dot-bounce 2s infinite ease-in-out);animation-play-state:var(--loading-dot1-animation-play-state,running)}.ran-loading .dot .dot2{width:var(--loading-dot2-width,60%);height:var(--loading-dot2-height,60%);display:var(--loading-dot2-display,inline-block);position:var(--loading-dot2-position,absolute);background:var(--loading-dot2-background,var(--ran-color-primary,#4096ff));border-radius:var(--loading-dot2-border-radius,100%);animation:var(--loading-dot2-animation,ran-loading-dot-bounce 2s infinite ease-in-out);top:var(--loading-dot2-top,auto);bottom:var(--loading-dot2-bottom,0px);animation-delay:var(--loading-dot2-animation-delay,-1s);animation-play-state:var(--loading-dot2-animation-play-state,running)}@keyframes ran-loading-dot-rotate{to{transform:var(--loading-dot-keyframes-rotate,rotate(360deg))}}@keyframes ran-loading-dot-bounce{0%,to{transform:var(--loading-dot-keyframes-bounce-0,scale(0))}50%{transform:var(--loading-dot-keyframes-bounce-50,scale(1))}}.ran-loading .triple-bounce{width:var(--loading-triple-bounce-width,10em);text-align:var(--loading-triple-bounce-text-align,center)}.ran-loading .triple-bounce div{width:var(--loading-triple-bounce-div-width,2em);height:var(--loading-triple-bounce-div-height,2em);background:var(--loading-triple-bounce-div-background,var(--ran-color-primary,#4096ff));border-radius:var(--loading-triple-bounce-div-border-radius,100%);display:var(--loading-triple-bounce-div-display,inline-block);animation:var(--loading-triple-bounce-div-animation,ran-loading-triple-bounce 1.4s infinite ease-in-out);animation-play-state:var(--loading-triple-bounce-div-animation-play-state,running);animation-fill-mode:var(--loading-triple-bounce-div-animation-fill-mode,both)}.ran-loading .triple-bounce .triple-bounce1{animation-delay:var(--loading-triple-bounce1-animation-delay,-.32s)}.ran-loading .triple-bounce .triple-bounce2{animation-delay:var(--loading-triple-bounce2-animation-delay,-.16s)}@keyframes ran-loading-triple-bounce{0%,80%,to{transform:var(--loading-triple-bounce-keyframes-0,scale(0))}40%{transform:var(--loading-triple-bounce-keyframes-40,scale(1))}}.ran-loading .scale-out{width:var(--loading-scale-out-width,4em);height:var(--loading-scale-out-height,4em);background:var(--loading-scale-out-background,var(--ran-color-primary,#4096ff));border-radius:var(--loading-scale-out-border-radius,100%);animation:var(--loading-scale-out-animation,ran-loading-scale-out 1s infinite ease-in-out);animation-play-state:var(--loading-scale-out-animation-play-state,running)}@keyframes ran-loading-scale-out{0%{transform:var(--loading-scale-out-keyframes-0-transform,scale(0))}to{transform:var(--loading-scale-out-keyframes-100-transform,scale(1));opacity:var(--loading-scale-out-keyframes-100-transform,0)}}.ran-loading .circle{width:var(--loading-circle-width,4em);height:var(--loading-circle-height,4em);position:var(--loading-circle-position,relative)}.ran-loading .circle-container{position:var(--loading-circle-container-position,absolute);width:var(--loading-circle-container-width,100%);height:var(--loading-circle-container-height,100%)}.ran-loading .circle-container div{width:var(--loading-circle-container-div-width,1em);height:var(--loading-circle-container-div-height,1em);background:var(--loading-circle-container-div-background,var(--ran-color-primary,#4096ff));border-radius:var(--loading-circle-container-div-border-radius,100%);position:var(--loading-circle-container-div-position,absolute);animation:var(--loading-circle-container-div-animation,ran-loading-circle 1.2s infinite ease-in-out);animation-play-state:var(--loading-circle-container-div-animation-play-state,running);animation-fill-mode:var(--loading-circle-container-div-animation-fill-mode,both)}.ran-loading .circle .container1 .circle2{animation-delay:var(--loading-circle-container1-circle2-animation-delay,-.9s)}.ran-loading .circle .container1 .circle3{animation-delay:var(--loading-circle-container1-circle3-animation-delay,-.6s)}.ran-loading .circle .container1 .circle4{animation-delay:var(--loading-circle-container1-circle4-animation-delay,-.3s)}.ran-loading .circle .container2{transform:var(--loading-circle-container2-transform,rotateZ(45deg))}.ran-loading .circle .container2 .circle1{animation-delay:var(--loading-circle-container2-circle1-animation-delay,-1.1s)}.ran-loading .circle .container2 .circle2{animation-delay:var(--loading-circle-container2-circle2-animation-delay,-.8s)}.ran-loading .circle .container2 .circle3{animation-delay:var(--loading-circle-container2-circle3-animation-delay,-.5s)}.ran-loading .circle .container2 .circle4{animation-delay:var(--loading-circle-container2-circle4-animation-delay,-.2s)}.ran-loading .circle .container3{transform:var(--loading-circle-container3-transform,rotateZ(90deg))}.ran-loading .circle .container3 .circle1{animation-delay:var(--loading-circle-container3-circle1-transform,-1s)}.ran-loading .circle .container3 .circle2{animation-delay:var(--loading-circle-container3-circle2-transform,-.7s)}.ran-loading .circle .container3 .circle3{animation-delay:var(--loading-circle-container3-circle3-transform,-.4s)}.ran-loading .circle .container3 .circle4{animation-delay:var(--loading-circle-container3-circle4-transform,-.1s)}.ran-loading .circle .circle1{top:var(--loading-circle1-top,0);left:var(--loading-circle1-left,0)}.ran-loading .circle .circle2{top:var(--loading-circle2-top,0);right:var(--loading-circle2-right,0)}.ran-loading .circle .circle3{right:var(--loading-circle3-right,0);bottom:var(--loading-circle3-bottom,0)}.ran-loading .circle .circle4{left:var(--loading-circle3-left,0);bottom:var(--loading-circle3-bottom,0)}@keyframes ran-loading-circle{0%,80%,to{transform:var(--loading-circle-keyframes-0,scale(0))}40%{transform:var(--loading-circle-keyframes-40,scale(1))}}@keyframes circle-line{0%{transform:var(--loading-circle-line-keyframes-from,rotate(0))}to{transform:var(--loading-circle-line-keyframes-to,rotate(359deg))}}.ran-loading .circle-line-border{width:var(--loading-circle-line-border-width,50px);height:var(--loading-circle-line-border-height,50px);padding:var(--loading-circle-line-border-padding,3px);display:var(--loading-circle-line-border-display,flex);justify-content:var(--loading-circle-line-border-justify-content,center);align-items:var(--loading-circle-line-border-align-items,center);border-radius:var(--loading-circle-line-border-border-radius,50%);background:var(--loading-circle-line-border-background,linear-gradient(0deg, #3ff9dc1a 33%, #3ff9dc 100%));animation:var(--loading-circle-line-border-animation,circle-line .8s linear 0s infinite);animation-play-state:var(--loading-circle-line-border-animation-play-state,running)}.ran-loading .circle-line-core{width:var(--loading-circle-line-core-width,100%);height:var(--loading-circle-line-core-height,100%);background:var(--loading-circle-line-core-background,#fff);border-radius:var(--loading-circle-line-core-border-radius,50%)}@keyframes square-box1{0%{transform:var(--loading-square-box1-keyframes-0,rotate(0))}25%{transform:var(--loading-square-box1-keyframes-25,rotate(90deg))}50%{transform:var(--loading-square-box1-keyframes-50,rotate(180deg))}75%{transform:var(--loading-square-box1-keyframes-75,rotate(270deg))}to{transform:var(--loading-square-box1-keyframes-100,rotate(360deg))}}@keyframes square-box2{0%{transform:var(--loading-square-box2-keyframes-0,rotate(45deg))}25%{transform:var(--loading-square-box2-keyframes-25,rotate(-45deg))}50%{transform:var(--loading-square-box2-keyframes-50,rotate(-135deg))}75%{transform:var(--loading-square-box2-keyframes-75,rotate(-225deg))}to{transform:var(--loading-square-box2-keyframes-100,rotate(-315deg))}}.ran-loading .square-box1{width:var(--loading-square-box1-width,50px);height:var(--loading-square-box1-height,50px);padding:var(--loading-square-box1-padding,3px);position:var(--loading-square-box1-position,absolute);display:var(--loading-square-box1-display,flex);justify-content:var(--loading-square-box1-justify-content,center);align-items:var(--loading-square-box1-align-items,center);background:var(--loading-square-box1-background,#ffab91);animation:var(--loading-square-box1-animation,square-box1 3s ease-in-out 0s infinite alternate);animation-play-state:var(--loading-square-box1-animation-play-state,running)}.ran-loading .square-box2{width:var(--loading-square-box2-width,50px);height:var(--loading-square-box2-height,50px);padding:var(--loading-square-box2-padding,3px);left:var(--loading-square-box2-left,-50px);display:var(--loading-square-box2-display,flex);justify-content:var(--loading-square-box2-justify-content,center);align-items:var(--loading-square-box2-align-items,center);background:var(--loading-square-box2-background,#3ff9dc);transform:var(--loading-square-box2-transform,rotate(45deg));animation:var(--loading-square-box2-animation,square-box2 3s ease-in-out 0s infinite alternate);animation-play-state:var(--loading-square-box2-animation-play-state,running)}.ran-loading .square-core{width:var(--loading-square-core-width,100%);height:var(--loading-square-core-height,100%);background:var(--loading-square-core-background,#37474f)}.ran-loading .pulse{width:var(--loading-pulse-width,120px);display:var(--loading-pulse-display,flex);justify-content:var(--loading-pulse-justify-content,space-between);align-items:var(--loading-pulse-align-items,center)}.ran-loading .pulse-bubble{width:var(--loading-pulse-bubble-width,20px);height:var(--loading-pulse-bubble-height,20px);border-radius:var(--loading-pulse-bubble-border-radius,50%);background:var(--loading-pulse-bubble-background,#3ff9dc)}@keyframes pulse{0%{transform:var(--loading-dot-bar-keyframes-from-transform,scale(1.2));opacity:var(--loading-dot-bar-margin-from-opacity,1)}to{transform:var(--loading-dot-bar-keyframes-to-transform,scale(.7));opacity:var(--loading-dot-bar-keyframes-to-opacity,.1)}}.ran-loading .pulse-bubble-1{animation:var(--loading-pulse-bubble-1-animation,pulse .4s ease 0s infinite alternate);animation-play-state:var(--loading-pulse-bubble-1-animation-play-state,running)}.ran-loading .pulse-bubble-2{animation:var(--loading-pulse-bubble-2-animation,pulse .4s ease .2s infinite alternate);animation-play-state:var(--loading-pulse-bubble-2-animation-play-state,running)}.ran-loading .pulse-bubble-3{animation:var(--loading-pulse-bubble-3-animation,pulse .4s ease .4s infinite alternate);animation-play-state:var(--loading-pulse-bubble-3-animation-play-state,running)}.ran-loading .solar{width:var(--loading-solar-width,250px);height:var(--loading-solar-height,250px);display:var(--loading-solar-display,flex);justify-content:var(--loading-solar-justify-content,center);align-items:var(--loading-solar-align-items,center)}@keyframes solar{0%{transform:var(--loading-solar-keyframes-from,rotate(0))}to{transform:var(--loading-solar-keyframes-to,rotate(359deg))}}.ran-loading .solar .orbit{position:var(--loading-solar-orbit-position,relative);display:var(--loading-solar-orbit-display,flex);justify-content:var(--loading-solar-orbit-justify-content,center);align-items:var(--loading-solar-orbit-align-items,center);border:var(--loading-solar-orbit-border,1px solid #77777d);border-radius:var(--loading-solar-orbit-border-radius,50%)}.ran-loading .solar .earth-orbit{width:var(--loading-solar-earth-orbit-width,165px);height:var(--loading-solar-earth-orbit-height,165px);animation:var(--loading-solar-earth-orbit-animation,solar 12s linear 0s infinite);animation-play-state:var(--loading-solar-earth-orbit-animation-play-state,running)}.ran-loading .solar .venus-orbit{width:var(--loading-solar-venus-orbit-width,120px);height:var(--loading-solar-venus-orbit-height,120px);animation:var(--loading-solar-venus-orbit-width,solar 7.4s linear 0s infinite);animation-play-state:var(--loading-solar-venus-orbit-animation-play-state,running)}.ran-loading .solar .mercury-orbit{width:var(--loading-solar-mercury-orbit-width,90px);height:var(--loading-solar-mercury-orbit-height,90px);animation:var(--loading-solar-mercury-orbit-animation,solar 3s linear 0s infinite);animation-play-state:var(--loading-solar-mercury-orbit-animation-play-state,running)}.ran-loading .solar .planet{position:var(--loading-solar-planet-position,absolute);top:var(--loading-solar-planet-top,-5px);width:var(--loading-solar-planet-width,10px);height:var(--loading-solar-planet-height,10px);border-radius:var(--loading-solar-planet-border-radius,50%);background:var(--loading-solar-planet-background,#3ff9dc)}.ran-loading .solar .sun{width:var(--loading-solar-sun-width,35px);height:var(--loading-solar-sun-height,35px);border-radius:var(--loading-solar-sun-border-radius,50%);background:var(--loading-solar-sun-background,#ffab91)}.ran-loading .cube-fold{width:var(--loading-cube-fold-width,4em);height:var(--loading-cube-fold-height,4em);position:var(--loading-cube-fold-position,relative);margin:var(--loading-cube-fold-margin,auto);transform:var(--loading-cube-fold-transform,rotateZ(45deg))}@keyframes cube-fold{0%,10%{transform:var(--loading-cube-fold-keyframes-0-transform,perspective(140px) rotateX(-180deg));opacity:var(--loading-cube-fold-keyframes-0-opacity,0)}25%,75%{transform:var(--loading-cube-fold-keyframes-25-transform,perspective(140px) rotateX(0deg));opacity:var(--loading-cube-fold-keyframes-25-opacity,1)}90%,to{transform:var(--loading-cube-fold-keyframes-90-transform,perspective(140px) rotateY(180deg));opacity:var(--loading-cube-fold-keyframes-90-opacity,0)}}.ran-loading .cube-fold-item{float:var(--loading-cube-fold-item-float,left);width:var(--loading-cube-fold-item-width,50%);height:var(--loading-cube-fold-item-height,50%);position:var(--loading-cube-fold-item-position,relative);transform:var(--loading-cube-fold-item-transform,scale(1.1))}.ran-loading .cube-fold-item:before{content:var(--loading-cube-fold-item-before-content," ");position:var(--loading-cube-fold-item-before-position,absolute);top:var(--loading-cube-fold-item-before-top,0);left:var(--loading-cube-fold-item-before-left,0);width:var(--loading-cube-fold-item-before-width,100%);height:var(--loading-cube-fold-item-before-height,100%);background:var(--loading-cube-fold-item-before-background,#337ab7);animation:var(--loading-cube-fold-item-before-animation,cube-fold 2.4s infinite linear both);animation-play-state:var(--loading-cube-fold-item-before-animation-play-state,running);transform-origin:var(--loading-cube-fold-item-before-transform-origin,100% 100%)}.ran-loading .cube-fold-item-2{transform:var(--loading-cube-fold-item-2-transform,scale(1.1) rotateZ(90deg))}.ran-loading .cube-fold-item-2:before{animation-delay:var(--loading-cube-fold-item-2-before-animation-delay,.3s)}.ran-loading .cube-fold-item-3{transform:var(--loading-cube-fold-item-3-transform,scale(1.1) rotateZ(270deg))}.ran-loading .cube-fold-item-3:before{animation-delay:var(--loading-cube-fold-item-3-before-animation-delay,.9s)}.ran-loading .cube-fold-item-4{transform:var(--loading-cube-fold-item-4-transform,scale(1.1) rotateZ(180deg))}.ran-loading .cube-fold-item-4:before{animation-delay:var(--loading-cube-fold-item-4-before-animation-delay,.6s)}.ran-loading .circle-fold{width:var(--loading-circle-fold-width,4em);height:var(--loading-circle-fold-height,4em);position:var(--loading-circle-fold-position,relative);margin:var(--loading-circle-fold-margin,auto)}@keyframes circle-fold{0%,39%,to{opacity:var(--loading-circle-fold-keyframes-0-opacity,0)}40%{opacity:var(--loading-circle-fold-keyframes-40-opacity,1)}}.ran-loading .circle-fold-item{width:var(--loading-circle-fold-item-width,100%);height:var(--loading-circle-fold-item-height,100%);position:var(--loading-circle-fold-item-position,absolute);left:var(--loading-circle-fold-item-left,0);top:var(--loading-circle-fold-item-top,0)}.ran-loading .circle-fold-item:before{content:var(--loading-circle-fold-item-before-content," ");display:var(--loading-circle-fold-item-before-display,block);margin:var(--loading-circle-fold-item-before-margin,0 auto);width:var(--loading-circle-fold-item-before-width,15%);height:var(--loading-circle-fold-item-before-height,15%);background:var(--loading-circle-fold-item-before-background,#337ab7);border-radius:var(--loading-circle-fold-item-before-border-radius,100%);animation:var(--loading-circle-fold-item-before-animation,circle-fold 1.2s infinite ease-in-out both);animation-play-state:var(--loading-circle-fold-item-before-animation-play-state,running)}.ran-loading .circle-fold-item-2{transform:var(--loading-circle-fold-item-2-transform,rotate(30deg))}.ran-loading .circle-fold-item-2:before{animation-delay:var(--loading-circle-fold-item-2-before-animation-delay,-1.1s)}.ran-loading .circle-fold-item-3{transform:var(--loading-circle-fold-item-3-transform,rotate(60deg))}.ran-loading .circle-fold-item-3:before{animation-delay:var(--loading-circle-fold-item-3-before-animation-delay,-1s)}.ran-loading .circle-fold-item-4{transform:var(--loading-circle-fold-item-4-transform,rotate(90deg))}.ran-loading .circle-fold-item-4:before{animation-delay:var(--loading-circle-fold-item-4-before-animation-delay,-.9s)}.ran-loading .circle-fold-item-5{transform:var(--loading-circle-fold-item-5-transform,rotate(120deg))}.ran-loading .circle-fold-item-5:before{animation-delay:var(--loading-circle-fold-item-5-before-animation-delay,-.8s)}.ran-loading .circle-fold-item-6{transform:var(--loading-circle-fold-item-6-transform,rotate(150deg))}.ran-loading .circle-fold-item-6:before{animation-delay:var(--loading-circle-fold-item-6-before-animation-delay,-.7s)}.ran-loading .circle-fold-item-7{transform:var(--loading-circle-fold-item-7-transform,rotate(180deg))}.ran-loading .circle-fold-item-7:before{animation-delay:var(--loading-circle-fold-item-7-before-animation-delay,-.6s)}.ran-loading .circle-fold-item-8{transform:var(--loading-circle-fold-item-8-transform,rotate(210deg))}.ran-loading .circle-fold-item-8:before{animation-delay:var(--loading-circle-fold-item-8-before-animation-delay,-.5s)}.ran-loading .circle-fold-item-9{transform:var(--loading-circle-fold-item-9-transform,rotate(240deg))}.ran-loading .circle-fold-item-9:before{animation-delay:var(--loading-circle-fold-item-9-before-animation-delay,-.4s)}.ran-loading .circle-fold-item-10{transform:var(--loading-circle-fold-item-10-transform,rotate(270deg))}.ran-loading .circle-fold-item-10:before{animation-delay:var(--loading-circle-fold-item-10-before-animation-delay,-.3s)}.ran-loading .circle-fold-item-11{transform:var(--loading-circle-fold-item-11-transform,rotate(300deg))}.ran-loading .circle-fold-item-11:before{animation-delay:var(--loading-circle-fold-item-11-before-animation-delay,-.2s)}.ran-loading .circle-fold-item-12{transform:var(--loading-circle-fold-item-12-transform,rotate(330deg))}.ran-loading .circle-fold-item-12:before{animation-delay:var(--loading-circle-fold-item-12-before-animation-delay,-.1s)}.ran-loading .cube-grid{width:var(--loading-cube-grid-width,4em);height:var(--loading-cube-grid-height,4em);margin:var(--loading-cube-grid-margin,auto)}@keyframes cube-grid{0%,70%,to{transform:var(--loading-cube-grid-keyframes-0-transform,scale3D(1, 1, 1))}35%{transform:var(--loading-cube-grid-keyframes-35-transform,scale3D(0, 0, 1))}}.ran-loading .cube-grid-item{width:var(--loading-cube-grid-item-width,33%);height:var(--loading-cube-grid-item-height,33%);background:var(--loading-cube-grid-item-background,#337ab7);float:var(--loading-cube-grid-item-float,left);animation:var(--loading-cube-grid-item-animation,cube-grid 1.3s infinite ease-in-out);animation-play-state:var(--loading-cube-grid-item-animation-play-state,running)}.ran-loading .cube-grid-item-1{animation-delay:var(--loading-cube-grid-item-1-animation-delay,.2s)}.ran-loading .cube-grid-item-2{animation-delay:var(--loading-cube-grid-item-2-animation-delay,.3s)}.ran-loading .cube-grid-item-3{animation-delay:var(--loading-cube-grid-item-3-animation-delay,.4s)}.ran-loading .cube-grid-item-4{animation-delay:var(--loading-cube-grid-item-4-animation-delay,.1s)}.ran-loading .cube-grid-item-5{animation-delay:var(--loading-cube-grid-item-5-animation-delay,.2s)}.ran-loading .cube-grid-item-6{animation-delay:var(--loading-cube-grid-item-6-animation-delay,.3s)}.ran-loading .cube-grid-item-7{animation-delay:var(--loading-cube-grid-item-7-animation-delay,0s)}.ran-loading .cube-grid-item-8{animation-delay:var(--loading-cube-grid-item-8-animation-delay,.1s)}.ran-loading .cube-grid-item-9{animation-delay:var(--loading-cube-grid-item-9-animation-delay,.2s)}.ran-loading .circle-turn{width:var(--loading-circle-turn-width,30px);height:var(--loading-circle-turn-height,30px);border:var(--loading-circle-turn-border,8px solid #fff);border-right-color:var(--loading-circle-turn-border-right-color,transparent);border-top-color:var(--loading-circle-turn-border-top-color,transparent);border-radius:var(--loading-circle-turn-border-radius,50%);box-shadow:var(--loading-circle-turn-box-shadow,0 0 25px 2px);border-color:var(--loading-circle-turn-border-color,red);color:var(--loading-circle-turn-color,#c00);animation:var(--loading-circle-turn-animation,circle-turn 1s linear infinite normal);animation-play-state:var(--loading-circle-turn-animation-play-state,running);animation-delay:var(--loading-circle-turn-animation-delay,0);margin:var(--loading-circle-turn-margin,30px auto 0)}@keyframes circle-turn{0%{transform:var(--loading-circle-turn-keyframes-from-transform,rotate(0deg));opacity:var(--loading-circle-turn-keyframes-from-opacity,.2)}50%{transform:var(--loading-circle-turn-keyframes-50-transform,rotate(180deg));opacity:var(--loading-circle-turn-keyframes-50-opacity,1)}to{transform:var(--loading-circle-turn-keyframes-50-transform,rotate(360deg));opacity:var(--loading-circle-turn-keyframes-50-opacity,.2)}}.ran-loading .circle-turn:after{display:var(--loading-circle-turn-after-display,block);width:var(--loading-circle-turn-after-width,13px);height:var(--loading-circle-turn-after-height,13px);margin:var(--loading-circle-turn-after-margin,3px);border:var(--loading-circle-turn-after-border,6px solid red);content:var(--loading-circle-turn-after-content," ");border-radius:var(--loading-circle-turn-after-border-radius,50%);border-left-color:var(--loading-circle-turn-after-border-left-color,transparent);border-bottom-color:var(--loading-circle-turn-after-border-bottom-color,transparent)}.ran-loading .circle-rotate{margin:var(--loading-circle-rotate-margin,30px auto 0)}@keyframes spin-right{0%{transform:var(--loading-circle-spin-keyframes-spin-right-from-transform,rotate(0deg));opacity:var(--loading-circle-spin-keyframes-spin-right-from-opacity,.2)}50%{transform:var(--loading-circle-spin-keyframes-spin-right-50-transform,rotate(180deg));opacity:var(--loading-circle-spin-keyframes-spin-right-50-opacity,1)}to{transform:var(--loading-circle-spin-keyframes-spin-right-to-transform,rotate(360deg));opacity:var(--loading-circle-spin-keyframes-spin-right-to-opacity,.2)}}@keyframes spin-left{0%{transform:var(--loading-circle-rotate-keyframes-spin-left-from-transform,rotate(0deg));opacity:var(--loading-circle-rotate-keyframes-spin-left-from-opacity,.2)}50%{transform:var(--loading-circle-rotate-keyframes-spin-left-50-transform,rotate(-180deg));opacity:var(--loading-circle-rotate-keyframes-spin-left-50-opacity,1)}to{transform:var(--loading-circle-rotate-keyframes-spin-left-to-transform,rotate(-360deg));opacity:var(--loading-circle-rotate-keyframes-spin-left-to-opacity,.2)}}.ran-loading .circle-rotate-outer{border:var(--loading-circle-rotate-outer-border,5px solid #00b7e5e6);opacity:var(--loading-circle-rotate-outer-opacity,.9);width:var(--loading-circle-rotate-outer-width,50px);height:var(--loading-circle-rotate-outer-height,50px);border-top-color:var(--loading-circle-rotate-outer-border-top-color,transparent);border-bottom-color:var(--loading-circle-rotate-outer-border-bottom-color,transparent);border-radius:var(--loading-circle-rotate-outer-border-radius,50%);box-shadow:var(--loading-circle-rotate-outer-box-shadow,0 0 35px #003d4ce6);animation:var(--loading-circle-rotate-outer-animation,spin-right .5s linear infinite normal);animation-play-state:var(--loading-circle-rotate-outer-animation-play-state,running);animation-delay:var(--loading-circle-rotate-outer-animation-delay,0);margin:var(--loading-circle-rotate-outer-margin,0 auto)}.ran-loading .circle-rotate-inner{display:var(--loading-circle-rotate-inner-display,block);width:var(--loading-circle-rotate-inner-width,30px);height:var(--loading-circle-rotate-inner-height,30px);border:var(--loading-circle-rotate-inner-border,5px solid #00b7e5e6);opacity:var(--loading-circle-rotate-inner-opacity,.9);border-radius:var(--loading-circle-rotate-inner-border-radius,50%);border-left-color:var(--loading-circle-rotate-inner-border-left-color,transparent);border-bottom-color:var(--loading-circle-rotate-inner-border-bottom-color,transparent);box-shadow:var(--loading-circle-rotate-inner-box-shadow,0 0 35px #003d4ce6);position:var(--loading-circle-rotate-inner-position,relative);top:var(--loading-circle-rotate-inner-top,-50px);margin:var(--loading-circle-rotate-inner-margin,0 auto);animation:var(--loading-circle-rotate-inner-animation,spin-left .5s linear infinite normal);animation-play-state:var(--loading-circle-rotate-inner-animation-play-state,running);animation-delay:var(--loading-circle-rotate-inner-animation-delay,0)}@keyframes spin-pulse{0%{transform:var(--loading-circle-spin-keyframes-spin-pulse-from-transform,rotate(160deg));opacity:var(--loading-circle-spin-keyframes-spin-pulse-from-opacity,0);box-shadow:var(--loading-circle-spin-keyframes-spin-pulse-from-box-shadow,0 0 1px #003d4ce6)}50%{transform:var(--loading-circle-spin-keyframes-spin-pulse-50-transform,rotate(145deg));opacity:var(--loading-circle-spin-keyframes-spin-pulse-50-opacity,1)}to{transform:var(--loading-circle-spin-keyframes-spin-pulse-to-transform,rotate(-320deg));opacity:var(--loading-circle-spin-keyframes-spin-pulse-to-opacity,0)}}.ran-loading .circle-spin-inner{border:var(--loading-circle-spin-inner-border,5px solid #00e5b7e6);opacity:var(--loading-circle-spin-inner-opacity,.9);border-left-color:var(--loading-circle-spin-inner-border-left-color,transparent);border-right-color:var(--loading-circle-spin-inner-border-right-color,transparent);border-radius:var(--loading-circle-spin-inner-border-radius,50%);box-shadow:var(--loading-circle-spin-inner-box-shadow,0 0 15px #004c3de6);width:var(--loading-circle-spin-inner-width,30px);height:var(--loading-circle-spin-inner-height,30px);position:var(--loading-circle-spin-inner-position,relative);top:var(--loading-circle-spin-inner-top,-50px);margin:var(--loading-circle-spin-inner-margin,0 auto);animation:var(--loading-circle-spin-inner-animation,spin-right 1s linear infinite normal);animation-play-state:var(--loading-circle-spin-inner-animation-play-state,running);animation-delay:var(--loading-circle-spin-inner-animation-delay,0)}.ran-loading .circle-spin-outer{border:var(--loading-circle-spin-inner-border,5px solid #00e5b7e6);opacity:var(--loading-circle-spin-inner-border,.9);border-right-color:var(--loading-circle-spin-inner-border,transparent);border-left-color:var(--loading-circle-spin-inner-border,transparent);width:var(--loading-circle-spin-inner-border,50px);height:var(--loading-circle-spin-inner-border,50px);margin:var(--loading-circle-spin-inner-border,0 auto);border-radius:var(--loading-circle-spin-inner-border,50%);box-shadow:var(--loading-circle-spin-inner-border,0 0 35px #004c3de6);animation:var(--loading-circle-spin-inner-border,spin-pulse 1s linear infinite normal);animation-play-state:var(--loading-circle-spin-outer-animation-play-state,running);animation-delay:var(--loading-circle-spin-inner-border,0)}.ran-loading .dot-bar{margin:var(--loading-dot-bar-margin,0 auto);overflow:var(--loading-dot-bar-overflow,hidden);width:var(--loading-dot-bar-width,90px)}.ran-loading .dot-bar-item{background-color:var(--loading-dot-bar-item-background-color,#8aff51);background-image:var(--loading-dot-bar-item-background-image,linear-gradient(45deg, #8aff51 25%, #f1ffea));width:var(--loading-dot-bar-item-width,10px);height:var(--loading-dot-bar-item-height,10px);float:var(--loading-dot-bar-item-float,left);margin-left:var(--loading-dot-bar-item-margin-left,5px);opacity:var(--loading-dot-bar-item-opacity,.1);animation:var(--loading-dot-bar-item-animation,pulse 1s linear infinite normal);animation-play-state:var(--loading-dot-bar-item-animation-play-state,running);animation-delay:var(--loading-dot-bar-item-animation-delay,0)}.ran-loading .dot-bar-item-1{animation-delay:var(--loading-dot-bar-item-1-animation-delay,.3s)}.ran-loading .dot-bar-item-2{animation-delay:var(--loading-dot-bar-item-2-animation-delay,.2s)}.ran-loading .dot-bar-item-3{animation-delay:var(--loading-dot-bar-item-3-animation-delay,.1s)}.ran-loading .dot-bar-item-4{animation-delay:var(--loading-dot-bar-item-4-animation-delay,.2s)}.ran-loading .dot-bar-item-5{animation-delay:var(--loading-dot-bar-item-5-animation-delay,.3s)}.ran-loading .dot-circle-item{background-color:var(--loading-dot-circle-item-background-color,red);background-image:var(--loading-dot-circle-item-background-image,linear-gradient(90deg, red 25%, #f99));width:var(--loading-dot-circle-item-width,3px);height:var(--loading-dot-circle-item-height,3px);border-radius:var(--loading-dot-circle-item-border-radius,50%);box-shadow:var(--loading-dot-circle-item-box-shadow,0 0 5px #c00);margin:var(--loading-dot-circle-item-margin,0 auto);position:var(--loading-dot-circle-item-position,relative);animation:var(--loading-dot-circle-item-animation,dot-circle 2s infinite cubic-bezier(0, 0, .35, 1) normal)}.ran-loading .dot-circle-item-1{animation-play-state:var(--loading-dot-circle-item-1-animation-play-state,running);animation-delay:var(--loading-dot-circle-item-1-animation-delay,0)}.ran-loading .dot-circle-item-2{opacity:var(--loading-dot-circle-item-2-opacity,.7);top:var(--loading-dot-circle-item-2-top,1px);animation-play-state:var(--loading-dot-circle-item-2-animation-play-state,running);animation-delay:var(--loading-dot-circle-item-2-animation-delay,.1s)}.ran-loading .dot-circle-item-3{opacity:var(--loading-dot-circle-item-3-opacity,.5);top:var(--loading-dot-circle-item-3-top,2px);animation-play-state:var(--loading-dot-circle-item-3-animation-play-state,running);animation-delay:var(--loading-dot-circle-item-3-animation-delay,.2s)}.ran-loading .dot-circle-item-4{opacity:var(--loading-dot-circle-item-4-opacity,.3);top:var(--loading-dot-circle-item-4-top,3px);animation-play-state:var(--loading-dot-circle-item-4-animation-play-state,running);animation-delay:var(--loading-dot-circle-item-4-animation-delay,.3s)}.ran-loading .dot-circle-item-5{opacity:var(--loading-dot-circle-item-5-opacity,.1);top:var(--loading-dot-circle-item-5-top,4px);animation-play-state:var(--loading-dot-circle-item-5-animation-play-state,running);animation-delay:var(--loading-dot-circle-item-5-animation-delay,.4s)}@keyframes dot-circle{0%{transform:var(--loading-dot-circle-keyframes-from-transform,translateX(0px))}25%{transform:var(--loading-dot-circle-keyframes-25-transform,translateX(25px));animation-timing-function:ease-in}50%{transform:var(--loading-dot-circle-keyframes-50-transform,translateX(0px))}75%{transform:var(--loading-dot-circle-keyframes-75-transform,translateX(-25px));animation-timing-function:ease-in}to{transform:var(--loading-dot-circle-keyframes-to-transform,translateX(0px))}}.ran-loading .line{width:var(--loading-line-width,32px);height:var(--loading-line-width,32px);margin:var(--loading-line-width,0 auto)}@keyframes line{10%{margin-top:var(--loading-line-keyframes-10-margin-top,5px);height:var(--loading-line-keyframes-10-height,22px);border-color:var(--loading-line-keyframes-10-border-color,#d1d8e6);background-color:var(--loading-line-keyframes-10-background-color,#bac5db)}20%{margin-top:var(--loading-line-keyframes-20-margin-top,0px);height:var(--loading-line-keyframes-20-height,32px);border-color:var(--loading-line-keyframes-20-border-color,#d1d7e2);background-color:var(--loading-line-keyframes-20-background-color,#bac5db)}30%{margin-top:var(--loading-line-keyframes-30-margin-top,1px);height:var(--loading-line-keyframes-30-height,30px);border-color:var(--loading-line-keyframes-30-border-color,#d1d8e6);background-color:var(--loading-line-keyframes-30-background-color,#bac5db)}40%{margin-top:var(--loading-line-keyframes-40-margin-top,3px);height:var(--loading-line-keyframes-40-height,26px)}50%{margin-top:var(--loading-line-keyframes-50-margin-top,5px);height:var(--loading-line-keyframes-50-height,22px)}60%{margin-top:var(--loading-line-keyframes-60-margin-top,6px);height:var(--loading-line-keyframes-60-height,18px)}}.ran-loading .line-item{background:var(--loading-line-item-background,#99aaca);border:var(--loading-line-item-border,1px solid #96a6c9);float:var(--loading-line-item-float,left);margin:var(--loading-line-item-margin,6px 4px 0 0);width:var(--loading-line-item-width,6px);height:var(--loading-line-item-height,18px);animation:var(--loading-line-item-animation,line 1s linear infinite normal);animation-play-state:var(--loading-line-item-animation-play-state,running);animation-delay:var(--loading-line-item-animation-delay,0)}.ran-loading .line-item:nth-child(2){animation-delay:var(--loading-line-nth-child-2-animation-delay,.1s)}.ran-loading .line-item:last-child{margin-right:var(--loading-line-last-child-margin-right,0);animation-delay:var(--loading-line-last-child-animation-delay,.2s)}.ran-loading .dot-pulse{width:var(--loading-dot-pulse-width,48px);padding:var(--loading-dot-pulse-padding,8px 5px);margin:var(--loading-dot-pulse-margin,30px auto);overflow:var(--loading-dot-pulse-overflow,hidden)}@keyframes dot-pulse{0%{transform:var(--loading-dot-pulse-keyframes-from,scale(0))}to{transform:var(--loading-dot-pulse-keyframes-to,scale(1))}}@keyframes dot-pulse-glow{0%{transform:var(--loading-dot-pulse-keyframes-glow-from-transform,scale(0));opacity:var(--loading-dot-pulse-keyframes-glow-from-opacity,0)}10%{transform:var(--loading-dot-pulse-keyframes-glow-10-transform,scale(1));opacity:var(--loading-dot-pulse-keyframes-glow-10-opacity,.5)}50%{transform:var(--loading-dot-pulse-keyframes-glow-50-transform,scale(1.75));opacity:var(--loading-dot-pulse-keyframes-glow-50-opacity,0)}to{transform:var(--loading-dot-pulse-keyframes-glow-to-transform,scale(0));opacity:var(--loading-dot-pulse-keyframes-glow-to-opacity,0)}}.ran-loading .dot-pulse-item{float:var(--loading-dot-pulse-item-float,left);position:var(--loading-dot-pulse-item-position,relative);width:var(--loading-dot-pulse-item-width,6px);height:var(--loading-dot-pulse-item-height,6px);border-radius:var(--loading-dot-pulse-item-border-radius,50px);margin-left:var(--loading-dot-pulse-item-margin-left,2px)}.ran-loading .dot-pulse-item:first-child{margin-left:var(--loading-dot-pulse-item-first-child-margin-left,0)}.ran-loading .dot-pulse-item-dot{background-color:var(--loading-dot-pulse-item-dot-background-color,#2187e7);background-image:var(--loading-dot-pulse-item-dot-background-image,linear-gradient(90deg, #2187e7 25%, #a0eaff));width:var(--loading-dot-pulse-item-dot-width,6px);height:var(--loading-dot-pulse-item-dot-height,6px);border-radius:var(--loading-dot-pulse-item-dot-border-radius,50px);transform:var(--loading-dot-pulse-item-dot-transform,scale(0));animation:var(--loading-dot-pulse-item-dot-animation,dot-pulse 1s linear forwards normal);animation-play-state:var(--loading-dot-pulse-item-dot-animation-play-state,running);animation-delay:var(--loading-dot-pulse-item-dot-animation-delay,0)}.ran-loading .dot-pulse-item-dot-1{animation-delay:var(--loading-dot-pulse-item-dot-1-animation-delay,.5s)}.ran-loading .dot-pulse-item-dot-2{animation-delay:var(--loading-dot-pulse-item-dot-2-animation-delay,1s)}.ran-loading .dot-pulse-item-dot-3{animation-delay:var(--loading-dot-pulse-item-dot-3-animation-delay,1.5s)}.ran-loading .dot-pulse-item-dot-4{animation-delay:var(--loading-dot-pulse-item-dot-4-animation-delay,2s)}.ran-loading .dot-pulse-item-dot-5{animation-delay:var(--loading-dot-pulse-item-dot-5-animation-delay,2.5s)}.ran-loading .dot-pulse-item-ball{width:var(--loading-dot-pulse-item-ball-width,6px);height:var(--loading-dot-pulse-item-ball-height,6px);border-radius:var(--loading-dot-pulse-item-ball-border-radius,30px);border:var(--loading-dot-pulse-item-ball-border,1px solid #00c6ff);box-shadow:var(--loading-dot-pulse-item-ball-box-shadow,0 0 5px #00c6ff);position:var(--loading-dot-pulse-item-ball-position,absolute);top:var(--loading-dot-pulse-item-ball-top,-1px);left:var(--loading-dot-pulse-item-ball-left,-1px);transform:var(--loading-dot-pulse-item-ball-transform,scale(0));animation:var(--loading-dot-pulse-item-ball-animation,dot-pulse-glow 3s infinite ease-out normal);animation-play-state:var(--loading-dot-pulse-item-ball-animation-play-state,running);animation-delay:var(--loading-dot-pulse-item-ball-animation-delay,0)}.ran-loading .dot-pulse-item-ball-1{animation-delay:var(--loading-dot-pulse-item-ball-1-animation-delay,1.5s)}.ran-loading .dot-pulse-item-ball-2{animation-delay:var(--loading-dot-pulse-item-ball-2-animation-delay,2s)}.ran-loading .dot-pulse-item-ball-3{animation-delay:var(--loading-dot-pulse-item-ball-3-animation-delay,2.5s)}.ran-loading .dot-pulse-item-ball-4{animation-delay:var(--loading-dot-pulse-item-ball-4-animation-delay,3s)}.ran-loading .dot-pulse-item-ball-5{animation-delay:var(--loading-dot-pulse-item-ball-5-animation-delay,3.5s)}.ran-loading .line-scale{display:var(--loading-line-scale-display,block);position:var(--loading-line-scale-position,relative);overflow:var(--loading-line-scale-overflow,hidden);width:var(--loading-line-scale-width,5em);margin:var(--loading-line-scale-margin,30px auto);padding:var(--loading-line-scale-padding,20px 10px)}@keyframes pound{to{transform:var(--loading-line-scale-keyframes-to-transform,scale(1.2))}}.ran-loading .line-scale-item{display:var(--loading-line-scale-item-display,block);float:var(--loading-line-scale-item-float,left);width:var(--loading-line-scale-item-width,.5em);height:var(--loading-line-scale-item-height,3em);margin:var(--loading-line-scale-item-margin,0 .5em 0 0);background:var(--loading-line-scale-item-background,#635863);background-image:var(--loading-line-scale-item-background-image,linear-gradient(top, #635863 25%, #3d353b));box-shadow:var(--loading-line-scale-item-box-shadow,1px 1px 1px 0 #0000, 1px 1px 1px 0 #0000, 1px 1px 1px 0 #0000);animation:var(--loading-line-scale-item-animation,pound .7s ease-in-out infinite alternate);animation-play-state:var(--loading-line-scale-item-animation-play-state,running);animation-delay:var(--loading-line-scale-item-animation-delay,50ms);transform-origin:var(--loading-line-scale-item-transform-origin,center bottom)}.ran-loading .line-scale-item:nth-child(2){animation-delay:var(--loading-line-scale-item--nth-child-2-animation-delay,.2s)}.ran-loading .line-scale-item:nth-child(3){animation-delay:var(--loading-line-scale-item--nth-child-3-animation-delay,.35s)}.ran-loading .line-scale-item:nth-child(4){animation-delay:var(--loading-line-scale-item--nth-child-4-animation-delay,.5s)}.ran-loading .line-scale-item:nth-child(5){animation-delay:var(--loading-line-scale-item--nth-child-5-animation-delay,.65s)}.ran-loading .text{text-align:var(--loading-text-text-align,center);text-transform:var(--loading-text-text-transform,uppercase);font-family:var(--loading-text-font-family,"Nunito", sans-serif);font-size:var(--loading-text-font-size,4em);color:var(--loading-text-color,transparent);letter-spacing:var(--loading-text-letter-spacing,.4em)}@keyframes letters{to{text-shadow:var(--loading-text-keyframes-to-text-shadow,0 0 2px #ccd0d433, 0 0 3px #00000005, 0 0 0 #0000, 0 0 0 #fff0, 0 0 0 #0000, 0 0 0 #fff0, 0 0 0 #fff0)}}.ran-loading .text-item{text-shadow:var(--loading-text-item-text-shadow,0 0 2px #161616e6, 0 15px 25px #0000004d, 0 -2px 3px #0000001a, 0 -5px 10px #16161680, 0 5px 10px #0000004d, 0 3px 4px #16161633, 0 0 20px #16161673);animation:var(--loading-text-item-animation,letters .85s ease-in-out infinite alternate);animation-play-state:var(--loading-text-item-animation-play-state,running);animation-delay:var(--loading-text-item-animation-delay,0)}.ran-loading .text-item:nth-child(2){animation-delay:var(--loading-text-item-nth-child-2-animation-delay,.15s)}.ran-loading .text-item:nth-child(3){animation-delay:var(--loading-text-item-nth-child-3-animation-delay,.3s)}.ran-loading .text-item:nth-child(4){animation-delay:var(--loading-text-item-nth-child-4-animation-delay,.45s)}.ran-loading .text-item:nth-child(5){animation-delay:var(--loading-text-item-nth-child-5-animation-delay,.6s)}.ran-loading .text-item:nth-child(6){animation-delay:var(--loading-text-item-nth-child-6-animation-delay,.75s)}.ran-loading .text-item:nth-child(7){animation-delay:var(--loading-text-item-nth-child-7-animation-delay,.9s)}.ran-loading .cube-dim{height:var(--loading-cube-dim-height,9em);width:var(--loading-cube-dim-width,9em);padding:var(--loading-cube-dim-padding,3em);transform:var(--loading-cube-dim-transform,rotateX(45deg) rotateZ(45deg));transform-style:var(--loading-cube-dim-transform-style,preserve-3d)}@keyframes anim{50%{transform:var(--loading-cube-dim-width,translateZ(.5em))}}.ran-loading .cube-dim-item{background-color:var(--loading-cube-dim-item-background-color,#05afd1);position:var(--loading-cube-dim-item-position,relative);transform:var(--loading-cube-dim-item-transform,translateZ(3em));transform-style:var(--loading-cube-dim-item-transform-style,preserve-3d);transition:var(--loading-cube-dim-item-transition,transform .25s);box-shadow:var(--loading-cube-dim-item-box-shadow,13em 13em 1.5em #0000001a);animation:var(--loading-cube-dim-item-animation,anim 1s infinite);animation-play-state:var(--loading-cube-dim-item-animation-play-state,running);float:var(--loading-cube-dim-item-float,left);height:var(--loading-cube-dim-item-height,3em);width:var(--loading-cube-dim-item-width,3em)}.ran-loading .cube-dim-item:first-child{animation-delay:var(--loading-cube-dim-item-nth-child-1-animation-delay,50ms)}.ran-loading .cube-dim-item:nth-child(2){animation-delay:var(--loading-cube-dim-item-nth-child-2-animation-delay,.1s)}.ran-loading .cube-dim-item:nth-child(3){animation-delay:var(--loading-cube-dim-item-nth-child-3-animation-delay,.15s)}.ran-loading .cube-dim-item:nth-child(4){animation-delay:var(--loading-cube-dim-item-nth-child-4-animation-delay,.2s)}.ran-loading .cube-dim-item:nth-child(5){animation-delay:var(--loading-cube-dim-item-nth-child-5-animation-delay,.25s)}.ran-loading .cube-dim-item:nth-child(6){animation-delay:var(--loading-cube-dim-item-nth-child-6-animation-delay,.3s)}.ran-loading .cube-dim-item:nth-child(7){animation-delay:var(--loading-cube-dim-item-nth-child-7-animation-delay,.35s)}.ran-loading .cube-dim-item:nth-child(8){animation-delay:var(--loading-cube-dim-item-nth-child-8-animation-delay,.4s)}.ran-loading .cube-dim-item:nth-child(9){animation-delay:var(--loading-cube-dim-item-nth-child-9-animation-delay,.45s)}.ran-loading .cube-dim-item:before{content:var(--loading-cube-dim-item-before-content,"");float:var(--loading-cube-dim-item-before-float,left);height:var(--loading-cube-dim-item-before-height,3em);position:var(--loading-cube-dim-item-before-position,absolute);width:var(--loading-cube-dim-item-before-width,3em);background-color:var(--loading-cube-dim-item-before-background-color,#048ca7);transform:var(--loading-cube-dim-item-before-transform,rotateY(90deg) translateX(3em));transform-origin:var(--loading-cube-dim-item-before-transform-origin,100% 0)}.ran-loading .cube-dim-item:after{content:var(--loading-cube-dim-item-after-content,"");float:var(--loading-cube-dim-item-after-float,left);height:var(--loading-cube-dim-item-after-height,3em);position:var(--loading-cube-dim-