.login-overlay{align-items:center;background-color:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:1000}.login-container{background-image:url(/assets/images/backgrounds/login-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:123%;border-radius:8px;height:241px;position:relative;transition:opacity .3s ease-in-out;width:433px}.login-container.background-loading{opacity:.3}.login-container.background-loaded{opacity:1}.login-title{color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;margin-top:20px;text-align:center}.login-content{gap:16px;margin-top:34px;text-align:center}.login-channel-button,.login-content{align-items:center;display:flex;height:58px;justify-content:center}.login-channel-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;transition:all .3s ease;width:58px}.login-channel-button:hover{opacity:.8}.login-channel-button:active{opacity:.6}.close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:24px;top:21px;transition:opacity .2s ease}.close-button:hover{opacity:.8}.close-button img{height:24px;width:24px}.login-services{color:#fff;font-family:Roboto,sans-serif;font-size:12px;margin-top:28px;text-align:center}.online-service{border-bottom:none;color:#fff;text-decoration:underline;transition:opacity .2s ease}.online-service:hover{opacity:.8}.login-loading-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.login-loading-overlay .loading-overlay{background:transparent;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10000}.login-loading-overlay .loading-container{backdrop-filter:blur(4px);background:rgba(0,0,0,.8);border-radius:8px;padding:20px}