#preloader{background-color:var(--tg-color-white-default);height:83dvh;width:100%;margin-top:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}#preloader h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:10px}#preloader p{font-size:1.2rem;font-weight:600;color:#0f0f0f}.loader{position:relative;width:80px;margin:100px auto}.duo{height:20px;width:50px;background:transparent;position:absolute}.dot,.duo{animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.duo1{left:0}.duo2{left:30px}.dot{width:20px;height:20px;border-radius:10px;background:#000;position:absolute}.dot-a{left:0}.dot-b{right:0}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes onOff{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}.duo1,.duo2{animation-name:spin}.duo2{animation-direction:reverse}.duo1 .dot-a,.duo2 .dot-b{animation-name:onOff}.duo1 .dot-a{opacity:0;animation-direction:reverse}