.modal-layer{z-index:999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(var(--little));backdrop-filter:blur(var(--little));background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s modal-reveal;display:flex;position:absolute}.modal{background-color:var(--light);border:solid var(--little)var(--blue-gray);border-radius:2rem;justify-content:flex-end;animation:.5s modal-appear,1s .1s show-shadow;display:flex;position:absolute;box-shadow:0 0 40px 10px #ffffff80}.modal>*{border-radius:calc(2rem - 4px)}.modal-closing{animation:.3s forwards modal-disappear}.modal-overlay-closing{animation:.3s forwards modal-unreveal}.modal-close-btn{color:var(--gray);float:right;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1rem;margin-right:1rem;padding:1.25rem;transition:all .25s;display:flex;position:absolute}.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 #fff0}to{box-shadow:0 0 40px 10px #ffffff80}}@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%{opacity:1;scale:1}50%{scale:1.05}to{opacity:0;scale:0}}
.login-form-container{padding:1rem}.login-form.disabled{display:none}.login-heading{padding:2rem 100px;font-size:2rem;font-weight:500;display:block}.login-options{flex-direction:column;align-items:center;width:100%;margin:1rem 0;display:flex}.login-options>button{z-index:2;border-radius:var(--medium);align-items:center;width:75%;padding:8px 12px;font-size:1rem;transition:all .3s;display:flex}.login-options button:hover{box-shadow:0 0 20px #00000040}.login-options button:active{transform:translateY(var(--little))}.icon-wrapper{justify-content:center;width:32px;height:24px;display:flex}.icon-wrapper>img{width:auto;height:24px}.login-btn-desc{text-align:center;flex:1}.google-login-btn{color:var(--dark-gray);background-color:var(--light);border-radius:var(--medium);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:solid var(--slight)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(--medium);border:solid var(--slight)var(--soft-gray)}.microsoft-login-btn:hover{border:solid var(--slight)var(--dark-gray);background-color:#f3f3f3}.github-login-btn{color:var(--light);border-radius:var(--medium);border:solid var(--slight)transparent;background-color:#24292f}.github-login-btn:hover{border:solid var(--slight)var(--dark-gray);background-color:#1b1f23}.login-divider{z-index:1;text-align:center;border-radius:var(--slight);background-color:var(--platinum);width:75%;height:var(--slight);margin:14px auto}.login-divider span{-webkit-user-select:none;user-select:none;color:var(--soft-gray);background-color:var(--light);z-index:-1;padding:0 1rem;font-size:.75rem;position:relative;bottom:9px}
.result-container{flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;display:flex}.result-container>span{text-align:center;margin-top:2rem;font-weight:500}.result-icon{aspect-ratio:1;border-radius:100px;justify-content:center;align-items:center;height:100px;animation:1s emerge;display:flex}.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%{opacity:0;scale:.25}50%{opacity:1;scale:1.05}to{scale:1}}