.auth-container{background:url(../media/auth_bg.59a6e10c.png) 50%;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.auth-container button{border-radius:var(--border-radius-sm);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem 1rem;font-size:1rem;display:flex}.auth-container header{z-index:2;position:absolute;top:20px;left:20px}.auth-wrapper{z-index:2;width:100%;max-width:500px;margin:0 auto;padding:20px;display:flex;position:relative}.overlay{width:100%;height:100%;top:0;left:0}.top{flex-direction:column;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.top h3{font-size:1rem}.top p{color:#858481;text-align:center;font-size:.8rem}.overlay.one{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.overlay.one .oauth{flex-direction:column;gap:1rem;width:100%;display:flex}.overlay.one .oauth button{color:#000;background:#fff;transition:background .3s}.overlay.one .oauth button:hover{background:#f0f0f0}.overlay.one .oauth button img{width:20px;height:20px}.overlay.one span{color:#858481}.overlay.one span a{color:#5e5e5b;cursor:pointer;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.overlay.form-wrapper{border-radius:var(--border-radius-lg);background:#202020;flex-direction:column;align-items:center;width:100%;padding:5px;position:relative}.overlay.form-wrapper.sign-in{display:none}.overlay.form-wrapper.sign-up,.overlay.form-wrapper.show{display:flex!important}.overlay.form-wrapper form{border-radius:var(--border-radius-sides);background-color:#141414;flex-direction:column;gap:1rem;width:100%;padding:1rem 2rem 2rem;display:flex}.overlay.form-wrapper form .back{border-radius:var(--border-radius-round);background-color:rgba(240,240,240,.3);justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:20px;left:20px}.overlay.form-wrapper form .back button{color:#fff;background:0 0;padding:0;font-size:.9rem}.overlay.form-wrapper form .back:hover{background:rgba(255,255,255,.24)}.overlay.form-wrapper form .input-group{flex-direction:column;display:flex;position:relative}.overlay.form-wrapper form .input-group label{color:#fff;margin-bottom:.9rem;font-size:.8rem}.overlay.form-wrapper form .input-group input:not([type=checkbox]){color:#fff;border-radius:var(--border-radius-sm);background:#111;border:none;padding:.6rem;font-size:1rem;box-shadow:inset 2px 2px 5px rgba(0,0,0,.5),2px 2px 1px #202020}.overlay.form-wrapper form .input-group input:not([type=checkbox])::placeholder{color:rgba(82,82,84,.5);font-size:.7rem}.overlay.form-wrapper form .checkbox-group{align-items:center;display:flex}.overlay.form-wrapper form .checkbox-group label{color:#fff;align-items:center;display:flex}.overlay.form-wrapper form .checkbox-group input{margin-right:.5rem}.overlay.form-wrapper form .checkbox-group a{text-decoration:underline}.overlay.form-wrapper form .checkbox-group a:hover{text-decoration:none}.overlay.form-wrapper form .submit{color:#fff;background:#009a21;font-size:.8rem;transition:background .3s;box-shadow:inset 0 2px 1px #16ce3e}.overlay.form-wrapper form .submit:hover{background:#007f1a}.overlay.form-wrapper form .submit:disabled{box-shadow:none;cursor:not-allowed;background:#005f0f}.overlay.form-wrapper span{padding:1rem 0;font-size:.7rem}.cancel-button{color:#fff;background:#444;transition:background .3s;box-shadow:inset 0 2px 1px #222;font-size:.8rem!important}.cancel-button:hover{background:#333}.email-button{color:#fff;background:#1a1a19;margin-bottom:2rem}.resend-otp-button{color:#009a21;background:0 0;padding:0!important;font-size:.8rem!important}.link-redirect{color:#5e5e5b;text-align:center;padding:1rem 0}.link-redirect a{color:#858481;cursor:pointer;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.show-password{color:#fff;cursor:pointer;background:0 0;border:none;height:50%;font-size:1.9rem;position:absolute;top:70%;right:0;transform:translateY(-50%);width:3rem!important}.error{color:#ff6b6b;margin-top:.5rem;font-size:.75rem}.success{color:#009a21;margin-top:.5rem;font-size:.75rem}.spinner{border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;width:100px;height:100px;margin:auto;animation:1s linear infinite spin;padding:0!important}.spinner.small{border-width:3px;width:40px;height:40px}.spinner.tiny{border-width:2px;width:20px;height:20px}.spinner:after{content:" ";text-align:center;color:#fff;margin-top:10px;font-size:.8rem;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resendLink{justify-content:center;align-items:center;gap:10px;display:flex}.success-message,.error-message{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.success-message p,.error-message p{color:#858481;font-size:1rem}.success-message .submit,.error-message .submit{border-radius:var(--border-radius-sm);width:100%;padding:.8rem 1.5rem;font-weight:500}