.auth-button-wrapper{position:relative}.MuiAvatar-root{cursor:pointer;transition:all .2s ease-in-out}.MuiAvatar-root:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.MuiMenu-paper{color:#fff!important;background-color:#0b0d29!important}@media (max-width:600px){:where([dir=ltr]) .auth-button-wrapper{margin-left:0}:where([dir=rtl]) .auth-button-wrapper{margin-right:0}}
.auth-modal-container{border-radius:8px;flex-direction:column;width:98%;height:95vh;max-height:95vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.auth-form{background-color:#0000;width:100%;max-width:100%;margin:0 auto;padding:0 .5rem}.auth-title{text-align:center;margin-top:2.5rem!important;margin-bottom:1rem!important;font-size:1.4rem!important}.auth-modal-content{flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow-y:auto;padding:.75rem!important}.auth-input-field{width:100%!important;margin-bottom:.75rem!important}.auth-input-field input,.auth-modal-container input[type=text],.auth-modal-container input[type=password],.auth-modal-container input[type=email],.auth-modal-content .MuiTextField-root .MuiInputBase-input{color:#fff!important;height:3rem!important;padding:.5rem .75rem!important;font-size:.9rem!important}.auth-modal-content .MuiOutlinedInput-root,.auth-modal-container .MuiOutlinedInput-root,.auth-form .MuiOutlinedInput-root,.auth-input-field .MuiOutlinedInput-root{background-color:#fafafa40!important}.auth-modal-content .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.auth-modal-content .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f4ae35b3!important}.auth-modal-content .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px!important;border-color:#f4ae35!important}.auth-modal-content .MuiInputBase-root::placeholder,.auth-modal-content .MuiInputBase-input::placeholder{color:#ffffffb3!important;opacity:1!important}.auth-input-field .MuiSelect-select{align-items:center;height:1.4375em;display:flex;padding:.5rem .75rem!important;font-size:.9rem!important}form{flex-direction:column;align-items:center;width:100%;display:flex;padding:.5rem!important}.auth-form-button{width:100%!important;margin-top:.75rem!important;margin-bottom:.75rem!important;padding:.75rem!important;font-size:.9rem!important}.auth-form-link{margin-bottom:.5rem!important;font-size:.8rem!important}.signup-form-row{display:flex;flex-direction:column!important;gap:.75rem!important;width:100%!important;margin-bottom:.75rem!important}.signup-form-row>div{width:100%!important}.auth-login-button{white-space:nowrap;border-radius:6px!important;min-width:auto!important;max-width:fit-content!important;padding:.3rem .6rem!important;font-size:.6rem!important;transition:all .3s!important}.auth-login-button:hover{transform:translateY(-2px);color:#0b0d29!important;background-color:#f4ae35!important;box-shadow:0 4px 8px #00000026!important}.auth-button-wrapper{justify-content:center!important;align-items:center!important;width:auto!important;max-width:fit-content!important;display:inline-flex!important}@media (max-height:600px){.auth-modal-container{height:100vh;overflow-y:auto}.auth-modal-content{padding-bottom:4rem!important}.auth-title{margin-top:3rem!important}.auth-input-field{margin-bottom:.5rem!important}.auth-input-field input{height:2.5rem}.auth-form-button{padding:.6rem!important}}@media (max-width:320px){.auth-modal-container{width:100%}.auth-form{padding:0 .25rem}.auth-title{font-size:1.2rem!important}.auth-input-field input{height:2.75rem;font-size:.8rem!important}.auth-form-button{padding:.6rem!important;font-size:.8rem!important}}@media (min-width:321px) and (max-width:480px){.auth-modal-container{width:95%}.auth-title{font-size:1.5rem!important}.auth-input-field{margin-bottom:1rem!important}.auth-input-field input,.auth-input-field .MuiSelect-select{padding:.75rem .85rem!important}.auth-form-button{padding:.65rem!important}.signup-form-row{margin-bottom:.5rem!important}}@media (min-width:481px) and (max-width:767px){.auth-modal-container{width:90%;height:90vh}.auth-title{margin-bottom:1.2rem!important;font-size:1.6rem!important}.auth-modal-content{padding:1rem!important}.auth-input-field{margin-bottom:1rem!important}.auth-form-button{margin-top:1rem!important;margin-bottom:1rem!important}.auth-login-button{min-width:auto!important;max-width:fit-content!important;padding:.4rem .8rem!important;font-size:.65rem!important}}@media (min-width:768px){.auth-modal-container{width:85%;height:85vh}.auth-form{max-width:420px;padding:0 1rem}.auth-title{margin-bottom:1.5rem!important;font-size:2rem!important}.auth-modal-content{padding:1.5rem!important}.auth-input-field{margin-bottom:1.2rem!important}.auth-input-field input{height:3.5rem;font-size:1rem!important}.auth-form-button{padding:1rem!important;font-size:1rem!important}.auth-form-link{font-size:.9rem!important}.auth-login-button{min-width:auto!important;max-width:fit-content!important;padding:.45rem .9rem!important;font-size:.68rem!important}.signup-form-row{flex-direction:row!important}}@media (min-width:1025px){.auth-modal-container{width:80%;max-width:1800px;height:80vh}.auth-form{max-width:450px}.auth-title{margin-bottom:2rem!important;font-size:2.5rem!important}.auth-modal-content{padding:2rem!important}.auth-input-field{margin-bottom:1.5rem!important}.auth-form-button{margin-top:1.5rem!important;margin-bottom:1.5rem!important;padding:1.2rem!important}.auth-form-link{font-size:1rem!important}}@media (min-width:1367px){.auth-modal-container{width:70%;height:75vh}}