/* Раскладка форм пользователей на общих компонентах и токенах. */
.accounts-form { max-width: 38rem; }
.accounts-form > form { margin-block: var(--space-md); }
.accounts-form .field__widget input[type="number"] { max-width: 8rem; }
.accounts-form .form-error-summary, .accounts-form .confirm-box { max-width: 100%; }
.accounts-form .field-error .field-help { display: none; }
.accounts-form .form-actions { align-items: stretch; }
.accounts-form .form-actions > .btn { white-space: normal; text-align: center; }

@container screen (width < 40rem) {
  .accounts-form .confirm-box .form-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}

.accounts-form > .card + .card { margin-top: var(--space-md); }

@container screen (width < 40rem) {
  .accounts-form--password .form-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}