.card__icon.card__icon--icon-card {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-repeat: no-repeat;
  background-origin: content-box;
  height: var(--card-mb-icon-size-lg);
  background-size: auto var(--card-mb-icon-size-lg);
}.card__icon.card__icon--icon-card.card__icon--icon-size-large-square {
  background-size: var(--card-mb-icon-size-sm) var(--card-mb-icon-size-sm);
}.card__icon.card__icon--icon-card {
  background-position: left center;
}.card__icon.card__icon--icon-card.card__icon--centered-text {
  background-position: center;
}.card__icon.card__icon--icon-card.card__icon--icon-size-small {
  height: var(--card-mb-icon-size-sm);
  background-size: auto var(--card-mb-icon-size-sm);
  background-position: left center;
}.card__icon.card__icon--icon-card.card__icon--icon-size-small.card__icon--centered-text {
  background-position: center;
}.card__icon.card__icon--icon-card.card__icon--icon-size-small-square {
  height: var(--card-mb-icon-size-sm);
  background-size: auto var(--card-mb-icon-size-sm);
  background-position: left center;
}.card__icon.card__icon--icon-card.card__icon--icon-size-small-square.card__icon--centered-text {
  background-position: center;
}.card__icon.card__icon--icon-card.card__icon--icon-size-small-square {
  background-size: var(--card-mb-icon-size-sm) var(--card-mb-icon-size-sm);
}.card__header.card__header--icon-card {
  gap: var(--card-mb-lg-icon-spacing-icon-padding-bottom);
}.card__header.card__header--icon-card.card__header--icon-size-small {
  gap: var(--card-mb-sm-icon-spacing-icon-padding-bottom);
}.card__header.card__header--icon-card.card__header--icon-size-small-square {
  gap: var(--card-mb-sm-icon-spacing-icon-padding-bottom);
}.card__heading.card__heading--image-card {
  padding: 0 var(--card-mb-spacing-horizontal) 0;
}@media screen and (min-width: 640px) {
  .card__icon.card__icon--icon-card {
    height: var(--card-tablet-icon-size-lg);
    background-size: auto var(--card-tablet-icon-size-lg);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-large-square {
    background-size: var(--card-tablet-icon-size-lg) var(--card-tablet-icon-size-lg);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-small {
    height: var(--card-tablet-icon-size-sm);
    background-size: auto var(--card-tablet-icon-size-sm);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-small-square {
    height: var(--card-tablet-icon-size-sm);
    background-size: auto var(--card-tablet-icon-size-sm);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-small-square {
    height: var(--card-tablet-icon-size-sm);
    background-size: var(--card-tablet-icon-size-sm) var(--card-tablet-icon-size-sm);
  }
  .card__header.card__header--icon-card {
    gap: var(--card-tablet-lg-icon-spacing-icon-padding-bottom);
  }
  .card__header.card__header--icon-card.card__header--icon-size-small {
    gap: var(--card-tablet-sm-icon-spacing-icon-padding-bottom);
  }
  .card__header.card__header--icon-card.card__header--icon-size-small-square {
    gap: var(--card-tablet-sm-icon-spacing-icon-padding-bottom);
  }
  .card__heading.card__heading--image-card {
    padding: 0 var(--card-tablet-spacing-horizontal) 0;
  }
}@media screen and (min-width: 1024px) {
  .card__icon.card__icon--icon-card {
    height: var(--card-dsk-icon-size-lg);
    background-size: auto var(--card-dsk-icon-size-lg);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-large-square {
    background-size: var(--card-dsk-icon-size-lg) var(--card-dsk-icon-size-lg);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-small {
    height: var(--card-dsk-icon-size-sm);
    background-size: auto var(--card-dsk-icon-size-sm);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-small-square {
    height: var(--card-dsk-icon-size-sm);
    background-size: auto var(--card-dsk-icon-size-sm);
  }
  .card__icon.card__icon--icon-card.card__icon--icon-size-small-square {
    height: var(--card-dsk-icon-size-sm);
    background-size: var(--card-dsk-icon-size-sm) var(--card-dsk-icon-size-sm);
  }
  .card__header.card__header--icon-card {
    gap: var(--card-dsk-lg-icon-spacing-icon-padding-bottom);
  }
  .card__header.card__header--icon-card.card__header--icon-size-small {
    gap: var(--card-dsk-sm-icon-spacing-icon-padding-bottom);
  }
  .card__header.card__header--icon-card.card__header--icon-size-small-square {
    gap: var(--card-dsk-sm-icon-spacing-icon-padding-bottom);
  }
  .card__heading.card__heading--image-card {
    padding: 0 var(--card-dsk-spacing-horizontal) 0;
  }
}
/* Stretch icon cards to fill their grid cell so every card in a row is the same height. */
:host {
  display: block;
  height: 100%;
}

.card.card--icon-card {
  height: 100%;
  box-sizing: border-box;
}