.modal-layer{top:0;z-index:999}.modal-layer,.modal-overlay{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(var(--little));backdrop-filter:blur(var(--little));background-color:rgba(0,0,0,.5);animation:modal-reveal .3s ease}.modal{position:fixed;background-color:var(--light);border-radius:2rem;display:flex;justify-content:flex-end;border:solid var(--little) var(--blue-gray);box-shadow:0 0 40px 10px rgba(255,255,255,.5);animation:modal-appear .5s ease,show-shadow 1s ease .1s}.modal>*{border-radius:calc(2rem - 4px)}.modal-closing{animation:modal-disappear .3s ease}.modal-overlay-closing{animation:modal-unreveal .3s ease}.modal-close-btn{padding:1.25rem;color:var(--gray);border-radius:50%;display:flex;justify-content:center;align-items:center;height:32px;width:32px;position:absolute;float:right;margin-top:1rem;margin-right:1rem;background-color:transparent;transition:all .25s ease}.modal-close-btn span{font-size:1.5rem}.modal-close-btn:hover{background-color:var(--highlight);color:var(--dark-gray);scale:1.2}@keyframes show-shadow{0%{box-shadow:0 0 40px 10px rgba(255,255,255,0)}to{box-shadow:0 0 40px 10px rgba(255,255,255,.5)}}@keyframes modal-reveal{0%{opacity:0}to{opacity:1}}@keyframes modal-unreveal{0%{opacity:1}to{opacity:0}}@keyframes modal-appear{0%{opacity:0;scale:0}50%{opacity:1;scale:1.05}to{scale:1}}@keyframes modal-disappear{0%{scale:1;opacity:1}50%{scale:1.05}to{scale:0;opacity:0}}.result-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;width:300px}.result-container>span{text-align:center;margin-top:2rem;font-weight:500}.result-icon{display:flex;justify-content:center;align-items:center;border-radius:100px;height:100px;aspect-ratio:1;animation:emerge 1s ease}.result-icon .material-symbols-rounded{color:var(--light);font-size:4rem}.error-mark{background-color:#FF2C2C}.error{color:#FF2C2C}.checkmark{background-color:var(--teal)}.success{color:var(--light-teal)}@keyframes emerge{0%{scale:.25;opacity:0}50%{scale:1.05;opacity:1}to{scale:1}}.login-form-container{padding:1rem}.login-form.disabled{display:none}.login-heading{display:block;padding:2rem 100px;font-size:2rem;font-weight:500}.login-options{margin:1rem 0;width:100%;display:flex;flex-direction:column;align-items:center}.login-options>button{width:75%;padding:8px 12px;display:flex;align-items:center;font-size:1rem;border-radius:var(--mid);transition:all .3s ease}.login-options button:hover{box-shadow:0 0 20px rgba(0,0,0,.25)}.login-options button:active{transform:translateY(var(--little))}.icon-wrapper{display:flex;justify-content:center;height:24px;width:32px}.icon-wrapper>img{height:24px;width:auto}.login-btn-desc{flex:1 1;text-align:center}.google-login-btn{color:var(--dark-gray);background-color:var(--light);border-radius:var(--mid);border:solid var(--slight) var(--soft-gray)}.google-login-btn:hover{background-color:var(--anti-flash);border:solid var(--slight) var(--dark-gray)}.discord-login-btn{border:var(--slight) solid transparent;color:var(--light);background-color:#5865F2}.discord-login-btn:hover{background-color:#4955cf}.microsoft-login-btn{color:var(--dark-gray);background-color:var(--light);border-radius:var(--mid);border:solid var(--slight) var(--soft-gray)}.microsoft-login-btn:hover{background-color:#f3f3f3;border:solid var(--slight) var(--dark-gray)}.github-login-btn{color:var(--light);background-color:#24292F;border-radius:var(--mid);border:var(--slight) solid transparent}.github-login-btn:hover{background-color:#1B1F23;border:solid var(--slight) var(--dark-gray)}.login-divider{text-align:center;width:75%;border-radius:var(--slight);background-color:var(--platinum);height:var(--slight);margin:14px auto;z-index:-2}.login-divider span{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem;position:relative;bottom:9px;color:var(--soft-gray);padding:0 1rem;background-color:var(--light);z-index:-1}