/* Recipient identity stays at the surrounding FlexAdmin heading's size. */
.credits-purchase-heading {
  display: block;
}

.page-pricing .pricing-hero .pricing-hero-title {
  font-size: 1.875rem;
}

.credits-purchase-heading .purchase-page-description {
  margin: 0;
  max-width: 62ch;
  color: var(--muted-color);
  font-family: var(--default-font);
  font-size: .9rem;
  font-weight: 400;
}

.purchase-recipient-name,
.badge.purchase-recipient-email {
  font: inherit;
  color: color-mix(in srgb, var(--danger-color) 80%, var(--heading-color));
  overflow-wrap: anywhere;
}

.badge.purchase-recipient-email {
  display: inline;
  white-space: normal;
  vertical-align: baseline;
  padding: .08em .3em;
  color: color-mix(in srgb, var(--warning-color) 60%, var(--heading-color));
  background: color-mix(in srgb, #facc15 22%, var(--surface-color));
  border: 1px solid color-mix(in srgb, #facc15 60%, transparent);
  border-radius: var(--radius-sm);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}