.loading-ui *{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}.loading-ui{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}h1.loading-txt{color:#0000;background:linear-gradient(45deg,#ffd414,#b8ff34,#58c2ff);-webkit-background-clip:text;background-clip:text;margin-top:50px;font-size:3rem}.loader{filter:drop-shadow(0 0 4px #000);transition:all 1s;position:relative}.loader .dot{width:10px;height:10px;animation-name:movement;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:-10px;transform:translateY(-25px)scale(1)}.loader .dot:first-of-type{animation-delay:-.1s;left:150px}.loader .dot:first-of-type:before{animation-delay:-.1s}.loader .dot:nth-of-type(2){animation-delay:-1.2s;left:150px}.loader .dot:nth-of-type(2):before{animation-delay:-1.2s}.loader .dot:nth-of-type(3){animation-delay:-.3s;left:125px}.loader .dot:nth-of-type(3):before{animation-delay:-.3s}.loader .dot:nth-of-type(4){animation-delay:-1.4s;left:125px}.loader .dot:nth-of-type(4):before{animation-delay:-1.4s}.loader .dot:nth-of-type(5){animation-delay:-.5s;left:100px}.loader .dot:nth-of-type(5):before{animation-delay:-.5s}.loader .dot:nth-of-type(6){animation-delay:-1.6s;left:100px}.loader .dot:nth-of-type(6):before{animation-delay:-1.6s}.loader .dot:nth-of-type(7){animation-delay:-.7s;left:75px}.loader .dot:nth-of-type(7):before{animation-delay:-.7s}.loader .dot:nth-of-type(8){animation-delay:-1.8s;left:75px}.loader .dot:nth-of-type(8):before{animation-delay:-1.8s}.loader .dot:nth-of-type(9){animation-delay:-.9s;left:50px}.loader .dot:nth-of-type(9):before{animation-delay:-.9s}.loader .dot:nth-of-type(10){animation-delay:-2s;left:50px}.loader .dot:nth-of-type(10):before{animation-delay:-2s}.loader .dot:nth-of-type(11){animation-delay:-1.1s;left:25px}.loader .dot:nth-of-type(11):before{animation-delay:-1.1s}.loader .dot:nth-of-type(12){animation-delay:-2.2s;left:25px}.loader .dot:nth-of-type(12):before{animation-delay:-2.2s}.loader .dot:nth-of-type(13){animation-delay:-1.3s;left:0}.loader .dot:nth-of-type(13):before{animation-delay:-1.3s}.loader .dot:nth-of-type(14){animation-delay:-2.4s;left:0}.loader .dot:nth-of-type(14):before{animation-delay:-2.4s}.loader .dot:nth-of-type(15){animation-delay:-1.5s;left:-25px}.loader .dot:nth-of-type(15):before{animation-delay:-1.5s}.loader .dot:nth-of-type(16){animation-delay:-2.6s;left:-25px}.loader .dot:nth-of-type(16):before{animation-delay:-2.6s}.loader .dot:nth-of-type(17){animation-delay:-1.7s;left:-50px}.loader .dot:nth-of-type(17):before{animation-delay:-1.7s}.loader .dot:nth-of-type(18){animation-delay:-2.8s;left:-50px}.loader .dot:nth-of-type(18):before{animation-delay:-2.8s}.loader .dot:nth-of-type(19){animation-delay:-1.9s;left:-75px}.loader .dot:nth-of-type(19):before{animation-delay:-1.9s}.loader .dot:nth-of-type(20){animation-delay:-3s;left:-75px}.loader .dot:nth-of-type(20):before{animation-delay:-3s}.loader .dot:nth-of-type(21){animation-delay:-2.1s;left:-100px}.loader .dot:nth-of-type(21):before{animation-delay:-2.1s}.loader .dot:nth-of-type(22){animation-delay:-3.2s;left:-100px}.loader .dot:nth-of-type(22):before{animation-delay:-3.2s}.loader .dot:nth-of-type(23){animation-delay:-2.3s;left:-125px}.loader .dot:nth-of-type(23):before{animation-delay:-2.3s}.loader .dot:nth-of-type(24){animation-delay:-3.4s;left:-125px}.loader .dot:nth-of-type(24):before{animation-delay:-3.4s}.loader .dot:nth-of-type(25){animation-delay:-2.5s;left:-150px}.loader .dot:nth-of-type(25):before{animation-delay:-2.5s}.loader .dot:nth-of-type(26){animation-delay:-3.6s;left:-150px}.loader .dot:nth-of-type(26):before{animation-delay:-3.6s}.loader .dot:before{content:"";background:#fff;border-radius:50%;width:100%;height:100%;animation-name:size-opacity;animation-duration:2s;animation-timing-function:ease;animation-iteration-count:infinite;display:block}.loader .dot:nth-of-type(2n):before{background-color:#ffdd47;box-shadow:inset 0 0 4px #ffd414}@keyframes movement{0%{z-index:0;transform:translateY(-25px)}50%{z-index:10;transform:translateY(25px)}to{z-index:-5;transform:translateY(-25px)}}@keyframes size-opacity{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.5)}50%{opacity:1}75%{opacity:.35;transform:scale(.5)}to{opacity:1;transform:scale(1)}}