.loader-overlay{z-index:99999;background:#060b14;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loader-show{opacity:1;visibility:visible}.loader-hide{opacity:0;visibility:hidden}.loading{--speed-of-animation:.9s;--first-color:#4c86f9;--second-color:#49a84c;--third-color:#f6bb02;--fourth-color:#f6bb02;--fifth-color:#2196f3;justify-content:center;align-items:center;gap:6px;width:100px;height:100px;display:flex}.loading span{background:var(--first-color);width:4px;height:50px;animation:loader-scale var(--speed-of-animation) ease-in-out infinite}.loading span:nth-child(2){background:var(--second-color);animation-delay:-.8s}.loading span:nth-child(3){background:var(--third-color);animation-delay:-.7s}.loading span:nth-child(4){background:var(--fourth-color);animation-delay:-.6s}.loading span:nth-child(5){background:var(--fifth-color);animation-delay:-.5s}@keyframes loader-scale{0%,40%,to{transform:scaleY(.05)}20%{transform:scaleY(1)}}.loader-offline-text{color:#ff6b6b;letter-spacing:.05em;opacity:.85;margin:0;font-family:Outfit,sans-serif;font-size:14px}