.loading-overlay{z-index:9999;background:linear-gradient(270deg,#090512,#0b0418,#0b0418) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;animation:10s infinite gradientAnimation;display:flex}.loading-overlay:not(.container-cover){width:100vw;height:calc(100vh - 31px);position:fixed;top:31px;left:0}.loading-overlay.container-cover{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.loading-overlay.fade-in{animation:.5s ease-in forwards fadeInAnimation}.loading-overlay.fade-out{animation:.5s ease-out forwards fadeOutAnimation}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.error-message{text-shadow:2px 2px 4px #000000b3;text-align:center;margin-bottom:20px;padding:0 2rem;font-size:1.5rem;font-weight:700}.custom-spinner{opacity:0;width:120px;height:120px;position:relative}.custom-spinner.fade-in{animation:2s ease-in 1s forwards spinnerFadeIn}.custom-spinner.fade-out{animation:.2s ease-out forwards spinnerFadeOut}.custom-spinner div{box-sizing:border-box;border:10px solid #0000;border-top-color:#f59e0b;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.68,-.55,.27,1.55) infinite custom-spin;position:absolute}.custom-spinner div:nth-child(2){border-color:#0000 #0000 #9333ea;animation-delay:-.5s}.custom-spinner div:nth-child(3){animation-direction:reverse;animation-delay:-1s}@keyframes custom-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.6)}to{transform:rotate(360deg)scale(1)}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes spinnerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes spinnerFadeOut{0%{opacity:1}to{opacity:0}}