.card {
  &.card--padded-inline {
    padding-inline: var(--_op-card-padding);
  }

  &.card--login {
    max-inline-size: var(--op-breakpoint-x-small);
    margin-block-start: var(--op-space-4x-large);
    margin-inline: auto;

    .card__header svg {
      margin-inline: auto;
      max-inline-size: calc(46 * var(--op-size-unit)); /* 184px */
    }
  }
}