/* A focused step within the existing sign-in card. */
.registration-next-steps{padding:12px 14px;border:1px solid rgba(255,179,107,.35);border-radius:10px;background:rgba(255,179,107,.06);color:var(--ember,#ffb36b);font-size:14px;line-height:1.6}
[data-step="email-confirm"]{min-width:0;max-width:100%}
[data-step="email-confirm"] h2{margin:0 0 12px;font-family:var(--font-d,Georgia,serif);font-size:30px;line-height:1.15;font-weight:400;color:var(--text,#f4eff6)}
[data-step="email-confirm"] p{font-size:14px;line-height:1.6}
#emailConfirmAddress{display:block;margin:8px 0 16px;color:var(--ember,#ffb36b);font-size:16px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;word-break:normal}
#emailConfirmStatus{min-height:3.2em;margin:16px 0;color:var(--text,#f4eff6);overflow-wrap:anywhere}
#emailConfirmStatus[data-state="error"],#emailConfirmStatus[data-state="expired"]{color:var(--red-soft,#ff5c6c)}
#emailConfirmStatus[data-state="verified"]{color:var(--ok,#7dffb0)}
#emailConfirmResend,#emailConfirmCheck,#emailConfirmBack{min-width:44px;min-height:44px;max-width:100%;padding:12px 16px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
#emailConfirmResend{font-variant-numeric:tabular-nums}
#emailConfirmResend:focus-visible,#emailConfirmCheck:focus-visible,#emailConfirmBack:focus-visible{outline:2px solid var(--ember,#ffb36b);outline-offset:3px}
#emailConfirmResend:disabled,#emailConfirmCheck:disabled{opacity:.6;cursor:default}
@media(max-width:380px){[data-step="email-confirm"] h2{font-size:26px}#emailConfirmAddress{margin-bottom:12px}#emailConfirmStatus{margin:12px 0}}