/* Keep feedback within the scrolling form and preserve the established dialog dimensions. */
dialog.account-modal .account-field:focus-within{box-shadow:none;background:transparent}
dialog.account-modal .account-field-feedback{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:4px;font-size:11px;line-height:1.45;color:#97aaa3;overflow-wrap:anywhere}
dialog.account-modal .account-field-feedback[hidden]{display:none}
.account-field-feedback li{display:flex;align-items:flex-start;gap:6px;min-width:0}
.account-field-feedback svg,.account-field-indicator svg{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-field-feedback svg{margin-top:0}
.auth-check-path,.auth-cross-path{display:none}
dialog.account-modal [data-rule-state="valid"]{color:#8ee8ce}
dialog.account-modal [data-rule-state="invalid"]{color:#ff9ca8}
dialog.account-modal [data-rule-state="valid"] .auth-check-path,dialog.account-modal [data-rule-state="invalid"] .auth-cross-path{display:block}
dialog.account-modal [data-rule-state="valid"] .auth-pending-path,dialog.account-modal [data-rule-state="invalid"] .auth-pending-path{display:none}
dialog.account-modal .account-field-indicator{display:none;flex:none;width:18px;height:18px;margin-right:10px;pointer-events:none}
dialog.account-modal [data-auth-state="valid"] .account-field-indicator,dialog.account-modal [data-auth-state="invalid"] .account-field-indicator{display:block}
dialog.account-modal [data-auth-state="valid"] .account-field-indicator{color:#8ee8ce}
dialog.account-modal [data-auth-state="invalid"] .account-field-indicator{color:#ff9ca8}
dialog.account-modal [data-auth-state="valid"] .account-field-indicator .auth-check-path,dialog.account-modal [data-auth-state="invalid"] .account-field-indicator .auth-cross-path{display:block}
.account-field-indicator .auth-pending-path{display:none}
dialog.account-modal .account-field[data-auth-state="invalid"] .account-input,dialog.account-modal .account-field[data-auth-state="invalid"] .account-input:focus-within{border-color:#f17f91;box-shadow:0 0 0 2px #f17f9114}
dialog.account-modal .account-field[data-auth-state="valid"] .account-input{border-color:#6ab7a3}
dialog.account-modal .account-field[data-auth-state="valid"] .account-input:focus-within{border-color:#7fe2ce}
dialog.account-modal .account-field input:focus,dialog.account-modal .account-field input:focus-visible{outline:0;box-shadow:none;background:transparent}
dialog.account-modal .account-validation-summary,dialog.account-modal .account-social-status{margin:0;padding:9px 11px;border-radius:8px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
dialog.account-modal .account-validation-summary{border:1px solid #f17f9160;background:#472c32;color:#ffb4bf}
dialog.account-modal .account-validation-summary[hidden],dialog.account-modal .account-consent-error[hidden],dialog.account-modal .account-social-status:empty{display:none}
dialog.account-modal .account-social-status{background:#1a3931;color:#b5e6d5}
.account-terms-group{min-width:0}
dialog.account-modal .account-terms-group[data-auth-state="invalid"] .account-consent{color:#ffb4bf}
dialog.account-modal .account-terms-group[data-auth-state="invalid"] .account-consent>input{outline:2px solid #f17f91;outline-offset:2px}
dialog.account-modal .account-consent-error{margin:5px 0 0;padding-left:24px;font-size:11px;line-height:1.5;color:#ff9ca8}
@media(max-width:760px){dialog.account-modal .account-field-feedback{font-size:12px;line-height:1.5;gap:5px}dialog.account-modal .account-field-feedback svg{margin-top:1px}dialog.account-modal .account-consent-error{padding-left:30px;font-size:12px}}