@import url("./input-block.e924f5940b70.css");
@import url("./checkbox.1c8a6af3c8d0.css");
@import url("./button.a0f9fc52069a.css");
@import url("./header.a539b64878d0.css");

/* Account forms extend the shared payment screen, palette, and button styles. */
@media (min-width: 500px) {
  body.streets-background {
    background-image: url("../../images/nayo_streets.ce8568408fc8.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}

@media (max-width: 499px) {
  .account-page .screen { width: 100%; }
}

.account-content { width: 100%; }
.account-content h1 { margin: 0 0 12px; color: var(--ink); font-size: 29px; font-weight: 650; line-height: 1.2; letter-spacing: -.8px; }
.alpha-auth-eyebrow { margin: 0 0 10px; color: var(--maroon); font-size: 11px; font-weight: 750; letter-spacing: 2px; text-transform: uppercase; }
.alpha-auth-lead { margin: 0 0 24px; color: #7b7372; font-size: 14px; line-height: 1.6; }
.account-content form { display: grid; gap: 10px; }
.account-content label:not(.alpha-checkbox):not(.alpha-radio-option), .account-content legend { display: block; margin: 5px 0; color: #797171; font-size: 13px; font-weight: 600; }
.account-content input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not(.alpha-currency-amount), .account-content select { width: 100%; min-width: 0; padding: 13px 12px; border: 1px solid #ddd3d0; border-radius: 10px; background: var(--paper); color: var(--ink); font: inherit; font-size: 15px; }
.account-content input:not(.alpha-currency-amount):focus-visible, .account-content select:focus-visible { outline: 2px solid var(--maroon); outline-offset: 2px; }
.account-content input[type="radio"], .account-content input[type="checkbox"] { width: auto; accent-color: var(--maroon); }
.account-content .primary { line-height: normal; }
.account-content .secondary { margin-top: 10px; line-height: 1.4; font-size: 14px; }
.account-content .errorlist, .account-content .field-error { margin: 0; padding: 0; list-style: none; color: #a43838; font-size: 13px; }
.alpha-auth-link { display: block; margin-top: 20px; color: var(--maroon); text-align: center; font-size: 13px; font-weight: 600; text-decoration: underline; }
.alpha-auth-note, .alpha-auth-choice { margin: 18px 0; padding: 16px; border: 1px solid #ddd3d0; border-radius: 12px; background: #f5f2f0; color: #7b7372; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.alpha-auth-note summary { cursor: pointer; color: var(--maroon); font-weight: 600; }
.alpha-auth-note[open] summary { margin-bottom: 16px; }
.alpha-radio-group { min-width: 0; margin: 18px 0; padding: 16px; border: 1px solid #ddd3d0; border-radius: 12px; background: #f5f2f0; color: #7b7372; font-size: 13px; line-height: 1.6; }
.alpha-radio-group legend { padding: 0 4px; }
.alpha-radio-options { display: grid; gap: 8px; }
.alpha-radio-option { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 0; color: #797171; font-size: 13px; font-weight: 600; cursor: pointer; }
.alpha-radio-option input[type="radio"] { display: block; flex: 0 0 18px; width: 18px; height: 18px; margin: 0; padding: 0; accent-color: var(--maroon); cursor: pointer; }
.alpha-checkbox { display: inline-flex; align-items: center; justify-self: start; min-height: 24px; line-height: 1.4; }
.alpha-checkbox input[type="checkbox"] { display: block; align-self: center; }