#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(54,0,102,0.85);display:flex;align-items:center;justify-content:center;z-index:999999;transition:opacity 0.6s ease,visibility 0.6s ease}.loader{width:48px;height:48px;border:3px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;animation:spin 0.9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loader-wrapper.fade-out{opacity:0;visibility:hidden}