.page-loader,.page-transition-overlay{position:fixed;top:0;left:0;opacity:0;visibility:hidden}.page-loader{width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s,visibility .3s}.loader,.loader span{width:var(--size);height:var(--size)}.page-loader.dark-mode-active,body.dark-mode .page-loader{background-color:#121212}.page-loader.active,.page-transition-overlay.active{opacity:1;visibility:visible}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{--color:#7c3aed;--size:30px;display:flex;flex-direction:column;justify-content:center;gap:5px;margin-bottom:15px}.page-loader.dark-mode-active .loader,body.dark-mode .loader{--color:#9f67ff}.loader span{border:1px solid var(--color);border-radius:5px;animation:2s ease-in-out infinite alternate keyframes-rotate}.loader span:first-child{animation-delay:0s}.loader span:nth-child(2){animation-delay:50ms}.loader span:nth-child(3){animation-delay:.1s}.loader span:nth-child(4){animation-delay:150ms}@keyframes keyframes-rotate{50%{transform:rotate(360deg)}}.loading-text{color:#7c3aed;font-size:16px;font-weight:500;letter-spacing:1px;animation:1.5s ease-in-out infinite pulse}.page-loader.dark-mode-active .loading-text,body.dark-mode .loading-text{color:#9f67ff}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}.fade-content{opacity:0;transition:opacity .5s}.fade-content.loaded{opacity:1}.page-transition-overlay{width:100%;height:100%;background-color:rgba(255,255,255,.8);z-index:9998;transition:opacity .3s,visibility .3s;pointer-events:none}.page-transition-overlay.dark-mode-active,body.dark-mode .page-transition-overlay{background-color:rgba(18,18,18,.8)}@media (max-width:768px){.loader{--size:25px}.loading-text{font-size:14px}}