.preloader-wrapper{width:100%;min-height:100dvh;height:var(--tg-viewport-height);z-index:10;justify-content:center;align-items:center;gap:calc(var(--xxxl) * 2);opacity:1;flex-direction:column;display:flex;position:fixed;inset:0}.preloader-wrapper>div>div,.preloader-wrapper>div>div>div{justify-content:center;align-items:center}.preloader-wrapper h1{font-size:var(--text-size-xxl);font-weight:700}.preloader-box{--size:120px;width:var(--size);height:var(--size);justify-content:center;align-items:center;display:flex}.preloader{width:calc(var(--xxxl) * 2);height:calc(var(--xxxl) * 2);position:relative}.preloader:before,.preloader:after{content:"";box-shadow:0 0 10px 2px rgba(var(--primary-dark-3-rgb), .3) inset;border-radius:50%;position:absolute;inset:0}.preloader:after{box-shadow:0 2px 0 var(--primary) inset;animation:2s linear infinite rotate}@keyframes rotate{0%{width:calc(var(--size) * 4);height:calc(var(--size) * 4);transform:rotate(0)}50%{width:calc(var(--size) * 2);height:calc(var(--size) * 2);transform:rotate(180deg)}to{width:calc(var(--size) * 4);height:calc(var(--size) * 4);transform:rotate(360deg)}}.loader{--size:20px;width:calc(var(--size) * 4);height:calc(var(--size) * 4);background-image:linear-gradient(var(--primary-dark-1) var(--size), transparent 0), linear-gradient(var(--primary) var(--size), transparent 0), linear-gradient(var(--light) var(--size), transparent 0), linear-gradient(var(--primary-dark-2) var(--size), transparent 0);background-repeat:no-repeat;background-size:var(--size) var(--size);background-position:0 0,0 100%,100% 0,100% 100%;animation:1.5s linear infinite rotate;position:relative}