#root,body,html{height:100%;margin:0;padding:0}:root{--light-color:#f2f9fd;--dark-color:#00044e;--error-color:#f44336;--border-radius:6px;--main-color:#00044e;--main-green:#00c291}#loadingpage,#root>*{height:100%}.loadingpage{align-items:center;background-color:#fefefe;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}@media(min-width:768px){.loadingpage{justify-content:flex-start}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-left:2px solid var(--dark-color);border-radius:16px;border-top:2px solid var(--dark-color);display:inline-block;height:25px;transform:rotate(1deg);width:25px}.loadingpage-backdrop{background-image:url(epix-login.8c5173fb941ec0f811b2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;height:100%;pointer-events:none}@media(max-width:768px){.loadingpage-backdrop{display:none}}.loadingpage-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;max-width:550px;padding:2rem 1.5rem;position:relative;width:100%;z-index:1}@media(min-width:768px){.loadingpage-container{justify-content:flex-start;max-width:480px;padding:2.5rem}}@media(min-width:1200px){.loadingpage-container{padding:4rem 3rem}}.loadingpage-content-wrapper{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s forwards;opacity:0;transform:translateY(20px);width:100%}.loadingpage-frame{color:var(--main-color);text-align:left;width:100%}.loadingpage-header{margin-bottom:1.5rem;text-align:center}@media(min-width:768px){.loadingpage-header{margin-bottom:2.5rem}}@media(min-width:1200px){.loadingpage-header{text-align:start}}.loadingpage-header h1{color:var(--main-color);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}@media(min-width:768px){.loadingpage-header h1{font-size:2rem;margin-bottom:.75rem}}.loadingpage-header p{color:rgba(26,26,62,.7);font-size:.85rem;font-weight:400;line-height:1.4;margin:0}@media(min-width:768px){.loadingpage-header p{font-size:.95rem;line-height:1.5}}.loadingpage-spinner-container{align-items:center;color:var(--main-color);display:flex;gap:10px}@media(max-width:1023px){body .desktop-layout{display:none}}@media(min-width:1024px){body .not-mobile-optimized{display:none}}.loadingtext:after{animation:dotty 1s step-end infinite;content:" ";display:inline-block}@keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}