/**
 * ChangeAccountPassword — self-service password-change form (drawer body).
 *
 * Override handles:
 *   .byline-account-change-password-wrap     — outer container
 *   .byline-account-change-password-form     — vertical-stack form element
 *   .byline-account-change-password-actions  — Cancel/Save row
 *   .byline-account-change-password-action   — buttons in the actions row
 */

.wrap,
:global(.byline-account-change-password-wrap) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  padding: var(--spacing-4);
  margin-top: var(--spacing-4);
}

.form,
:global(.byline-account-change-password-form) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  padding-top: var(--spacing-8);
}

.actions,
:global(.byline-account-change-password-actions) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-8);
  margin-top: var(--spacing-16);
}

.action,
:global(.byline-account-change-password-action) {
  min-width: 4rem;
}