input{border-radius:calc(var(--c-radius)*.5);height:var(--c-size);padding:0 var(--hug);width:100%;color:var(--fc);background:var(--bc);border:1px solid rgb(var(--pc-rgb),.1);outline:none;transition:all .2s ease-in-out;display:block}input::placeholder{color:rgb(var(--pc-rgb),.75)}input:disabled{opacity:.5;pointer-events:none}input:focus{border:1px solid var(--pc)}input.red{border:1px solid var(--rc)}input.yellow{border:1px solid var(--yc)}input.green{border:1px solid var(--gc)}textarea{border-radius:calc(var(--c-radius)*.5);min-height:calc(var(--c-size)*5);padding:var(--hug);resize:none;width:100%;color:var(--fc);background:var(--bc);border:1px solid rgb(var(--pc-rgb),.1);outline:none;transition:all .2s ease-in-out;display:block}textarea::placeholder{color:rgb(var(--pc-rgb),.75)}textarea:disabled{opacity:.5;pointer-events:none}textarea:focus{border:1px solid var(--pc)}textarea.red{border:1px solid var(--rc)}textarea.yellow{border:1px solid var(--yc)}textarea.green{border:1px solid var(--gc)}input.input-aero,textarea.input-aero{background-blend-mode:overlay,multiply;background-color:#fffffff2;background-image:linear-gradient(#ffffffa6 0%,#ffffffb3 100%),linear-gradient(#0000 0%,#00000008 100%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid #00000008;box-shadow:0 1px 4px #0000000d,0 6px 16px #0000000a}:root[data-theme=dark] input.input-aero,:root[data-theme=dark] textarea.input-aero{background-color:color-mix(in srgb,var(--bc)90%,white);border-color:#ffffff14;box-shadow:0 1px 4px #0000001a,0 6px 18px #00000017}input.input-aero,textarea.input-aero{font:inherit;line-height:inherit;color:var(--fc);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgb(var(--pc-rgb),.1);border-radius:calc(var(--c-radius)*3);outline:none;transition:all .2s ease-in-out}input.input-aero::placeholder,textarea.input-aero::placeholder{color:rgb(var(--pc-rgb),.65)}input.input-aero:focus-visible,textarea.input-aero:focus-visible{border:1px solid var(--pc)}input.input-aero:disabled,textarea.input-aero:disabled{cursor:not-allowed;opacity:.6}fieldset{border:unset;margin:unset;padding:unset}form{padding:var(--hug);width:100%}form label,form p{margin:0;padding:0;font-size:12px;font-weight:700}form p.form-copy{padding:0 0 var(--hug);font-size:16px;font-weight:400}form input,form select,form textarea{margin:0 0 var(--hug)}@keyframes show-message{0%{height:0}to{height:calc(var(--c-size)*.75)}}form div.message,form p.message{color:#fff;background:var(--rc);border-radius:calc(var(--c-radius)*.5);height:0;margin:0 0 var(--hug);justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;animation:.2s ease-in-out forwards show-message;display:flex;overflow:hidden}form button{color:var(--fc);background-color:rgb(var(--pc-rgb),.1);border-radius:calc(var(--c-size)*.4);height:calc(var(--c-size)*.8);padding:0 calc(var(--hug)*1);border:1px solid #0000000d;justify-content:center;align-items:center;gap:5px;width:auto;font-size:14px;font-weight:700;transition:all .2s ease-in-out;display:flex}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){form button{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%)}}@media (max-width:600px){form button{border-radius:calc(var(--c-size)*.4);height:calc(var(--c-size)*.8);padding:0 calc(var(--hug)*1);font-size:10px}}form button:active,form button.active{background-color:rgb(var(--pc-rgb),.5);box-shadow:inset 0 0 0 1px #00000014,0 1px 2px #0000001f}form button:disabled,form button.disabled{opacity:.5;pointer-events:none}form button:hover:not(:disabled,.disabled){background-color:rgb(var(--pc-rgb),.25);opacity:1;box-shadow:0 2px 4px #0000000f,0 5px 10px #0000000a}form button{margin:0 0 0 auto}form div.checkbox{cursor:pointer;margin:0 0 var(--hug);justify-content:flex-start;align-items:flex-start;width:100%;display:flex}form div.checkbox input[type=checkbox]{height:24px;margin:0 var(--hug)0 0;width:24px}form div.checkbox label,form div.checkbox a,form div.checkbox a.link{font-size:14px;display:inline}form div.checkbox label{width:calc(100% - 24px - var(--hug));font-weight:400}form div.checkbox small{font-size:12px;font-weight:300}form div.checkbox a,form div.checkbox a.link{font-weight:700;text-decoration:underline}form div.form-actions{margin:var(--hug)0 0 0;justify-content:flex-end;align-items:center;width:100%;display:flex}form div.form-actions a{font-size:12px}form div.form-actions button,form div.form-actions a{margin:0 0 0 var(--hug)}button#google{border:1px solid rgb(var(--fc-rgb),.05);border-radius:calc(var(--c-size)*.5);cursor:pointer;height:var(--c-size);justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}button#google img{width:18px;height:18px;margin:0 10px 0 0}button#google:disabled{opacity:.5;pointer-events:none}button#google{color:#fff;background:#131314}button#google:hover{background:#252527}button#google:active,button#google.active{box-shadow:0 0 15px 15px var(--g-shadow);background:#343435}button#github{border:1px solid rgb(var(--fc-rgb),.05);border-radius:calc(var(--c-size)*.5);cursor:pointer;height:var(--c-size);justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}button#github img{width:18px;height:18px;margin:0 10px 0 0}button#github:disabled{opacity:.5;pointer-events:none}button#github{color:#000;background:#f5f5f5}button#github:hover{background:#eaeaea}button#github:active,button#github.active{box-shadow:0 0 15px 15px var(--g-shadow);background:#e0dede}div#login,div#register,div#verify{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}div#login div.login-card,div#register div.login-card,div#verify div.login-card{background:linear-gradient(to bottom,rgb(var(--bc-rgb),.25)0%,rgb(var(--bc-rgb),.75)100%),rgba(var(--panel-bg-rgb),.6);-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);border:1px solid rgb(var(--bc-rgb),.4);border-radius:calc(var(--c-radius)*2);width:100%;max-width:420px;box-shadow:inset 0 0 0 .5px #ffffff40,0 4px 24px var(--g-shadow),0 0 0 .5px #0000001a;padding:calc(var(--hug)*2)}:root[data-theme=dark] div#login div.login-card,:root[data-theme=dark] div#register div.login-card,:root[data-theme=dark] div#verify div.login-card{border:1px solid rgb(var(--fc-rgb),.05);box-shadow:inset 0 0 0 .5px #00000040,0 4px 24px var(--g-shadow),0 0 0 .5px #ffffff1a}div#login div.login-card,div#register div.login-card,div#verify div.login-card{border-radius:calc(var(--c-radius)*4)}div#login a.redirect-link,div#register a.redirect-link,div#verify a.redirect-link{text-align:center;width:100%;font-size:12px;font-weight:700;display:block}div#login div.login-copy,div#register div.login-copy,div#verify div.login-copy{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}div#login div.login-copy div.login-brand,div#register div.login-copy div.login-brand,div#verify div.login-copy div.login-brand{margin:0 0 var(--hug);justify-content:center;align-items:center;width:100%;display:flex}div#login div.login-copy div.login-brand img,div#register div.login-copy div.login-brand img,div#verify div.login-copy div.login-brand img{height:calc(var(--c-size)*3);width:calc(var(--c-size)*3)}div#login div.login-copy p,div#register div.login-copy p,div#verify div.login-copy p{font-size:24px;font-weight:400}div#login div.login-forms form,div#register div.login-forms form,div#verify div.login-forms form{padding:var(--hug);width:100%}div#login div.login-forms form button.submit-button,div#register div.login-forms form button.submit-button,div#verify div.login-forms form button.submit-button{border-radius:calc(var(--c-size)*.5);height:var(--c-size);width:100%}div#login div.login-forms form button.submit-button svg,div#register div.login-forms form button.submit-button svg,div#verify div.login-forms form button.submit-button svg{margin:0;font-size:14px}div#login div.login-forms div.login-sso,div#register div.login-forms div.login-sso,div#verify div.login-forms div.login-sso{padding:var(--hug);width:100%}div#login div.login-forms div.login-sso button,div#register div.login-forms div.login-sso button,div#verify div.login-forms div.login-sso button{height:var(--c-size);margin:0 0 var(--hug);width:100%}div#login div.login-forms div.login-sso button:last-of-type,div#register div.login-forms div.login-sso button:last-of-type,div#verify div.login-forms div.login-sso button:last-of-type{margin:0}
