.loading{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;z-index:2020;isolation:isolate;overflow:hidden;transition:var(--main-transition);transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.loading.hide{height:0}:after,:before{box-sizing:border-box}.loader>div>:last-child h3{font-size:50px}.loader{margin:50px}:root{--duration:.85}.loader{position:relative;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}#ar{direction:rtl}.loader div{flex-direction:column}.loader div,.loader div img{display:flex;align-items:center;justify-content:center}.loader div img{height:auto;width:300px;margin-bottom:20px;object-fit:contain;animation:logo 2s linear 0s infinite alternate;transition:var(--main-transition)}.loading.loaded div img{transform:translateY(-200px);opacity:0}.loader>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.loading ul{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:90%}.loading ul li{width:20px;height:20px;background-color:var(--main-color);border-radius:50%;opacity:0;animation:up-down .4s linear 0s infinite alternate}.loading ul li:nth-child(2){animation:up-down .4s linear .1s infinite alternate;background-color:var(--sec-color)}.loading ul li:nth-child(3){animation:up-down .4s linear .3s infinite alternate;background-color:var(--third-color)}.loading ul li:nth-child(4){animation:up-down .4s linear .5s infinite alternate;background-color:var(--sec-color)}.loading ul li:nth-child(5){animation:up-down .4s linear .7s infinite alternate;background-color:var(--third-color)}.loading ul li:nth-child(6){animation:up-down .4s linear .9s infinite alternate}.loading.loaded ul{transform:translateY(-50px);opacity:0}@keyframes up-down{to{transform:scale(1.3);opacity:1}}