main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px}#reset-password-graphic-light,#reset-password-graphic-dark{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1}#reset-password-graphic-dark{display:none}@media(prefers-color-scheme:dark){#reset-password-graphic-dark{display:block}}@media(prefers-color-scheme:dark){#reset-password-graphic-light{display:none}}#password-reset-form{background:#fcfcfd;border:1px solid hsl(240,10%,90%);padding:16px;border-radius:12px;margin-bottom:128px;max-width:480px;width:100%}@media(prefers-color-scheme:dark){#password-reset-form{background:#22222a;border:1px solid hsl(240,10%,25%)}}#password-reset-form>header h1{margin:0}#password-reset-form>header p{padding:0 32px;color:#73738c}@media(prefers-color-scheme:dark){#password-reset-form>header p{color:#8f8fa3}}#password-reset-form>section{display:flex;flex-direction:column;gap:8px}#password-reset-form header{text-align:center}#password-reset-form[data-sent] #send-help-text,#password-reset-form:not([data-sent]) #sent-text,#password-reset-form[data-sent] #input-group,#password-reset-form[data-sent] #send-button,#password-reset-form:not([data-sent]) #resend-button{display:none}#input-group{background:#fff;border:1px solid hsl(240,10%,90%);display:flex;cursor:text;padding:16px;border-radius:12px}@media(prefers-color-scheme:dark){#input-group{background:#292932;border-color:#40404f}}#input-group:focus-within{outline:auto}#input-group svg{align-self:center;color:#d1d1e0}@media(prefers-color-scheme:dark){#input-group svg{color:#818198}}#input-group input{flex-grow:1;font-size:16px;border:0;outline:none;padding-left:4px;background:transparent}#input-group input::placeholder{color:#d1d1e0}@media(prefers-color-scheme:dark){#input-group input::placeholder{color:#818198}}@media(prefers-color-scheme:dark){#input-group input{color:#fff}}#send-button,#resend-button{flex-grow:1;padding:16px;font-size:16px;border-radius:12px;color:#fff;cursor:pointer;border:1px solid transparent}#send-button{background:#2626d9;border-color:#1f1f7a}@media(prefers-color-scheme:dark){#send-button{background:#33c;border-color:#5c5cd6}#send-button:hover{background:#2e2eb8}}#resend-button{background:#f9f9fa;border-color:#e3e3e8;color:#2e2e38}#resend-button:hover{background:#f4f4f6}@media(prefers-color-scheme:dark){#resend-button:hover{background:#32323e}}@media(prefers-color-scheme:dark){#resend-button{background:#2e2e38;border-color:#454554;color:#e3e3e8}}