:host {
  --digi--info-card--background-color--primary: var(--digi--color--background--pop-out);
  --digi--info-card--background-color--secondary: var(--digi--color--background--secondary);
  --digi--info-card--background-color--related: var(--digi--color--background--primary);
  --digi--info-card--color--heading: var(--digi--color--text--primary);
  --digi--info-card--color--heading--multi: var(--digi--color--text--interactive--primary);
  --digi--info-card--border: var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);
  --digi--info-card--padding: var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);
  --digi--info-card--padding--desktop: var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);
  --digi--info-card--heading--font-weight: var(--digi--typography--heading-3--font-weight--desktop);
  --digi--info-card--heading--font-size--mobile: var(--digi--typography--heading-2--font-size--mobile);
  --digi--info-card--heading--font-size--desktop: var(--digi--typography--heading-2--font-size--desktop);
  --BACKGROUND-COLOR: var(--digi--info-card--background-color--single);
}
:host .digi-info-card {
  background-color: var(--BACKGROUND-COLOR);
  height: 100%;
  display: grid;
  position: relative;
}
:host .digi-info-card--primary {
  --BACKGROUND-COLOR: var(--digi--info-card--background-color--primary);
}
:host .digi-info-card--tip {
  --COLOR--HEADING: var(--digi--info-card--color--heading);
  --PADDING: var(--digi--info-card--padding);
  --MARGIN-TOP: var(--digi--margin--medium);
}
@media (min-width: 48rem) {
  :host .digi-info-card--tip {
    --PADDING: var(--digi--info-card--padding--desktop);
  }
}
:host .digi-info-card--related {
  --BACKGROUND-COLOR: var(--digi--info-card--background-color--related);
  --COLOR--HEADING: var(--digi--info-card--color--heading);
  --PADDING: var(--digi--info-card--padding);
  --MARGIN-TOP: var(--digi--margin--medium);
}
@media (min-width: 48rem) {
  :host .digi-info-card--related {
    --PADDING: var(--digi--info-card--padding--desktop);
  }
}
:host .digi-info-card--secondary {
  --BACKGROUND-COLOR: var(--digi--info-card--background-color--secondary);
}
:host .digi-info-card--border-top {
  border-top: var(--digi--info-card--border);
}
:host .digi-info-card--border-left {
  border-left: var(--digi--info-card--border);
}
:host .digi-info-card__content {
  grid-column: 1;
  grid-row: 1;
  padding: var(--PADDING);
}
:host .digi-info-card__icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-50%);
}
:host .digi-info-card__heading {
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--info-card--heading--font-size--mobile);
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: var(--digi--info-card--heading--font-weight);
  display: block;
  color: var(--COLOR--HEADING);
}
@media (min-width: 48rem) {
  :host .digi-info-card__heading {
    font-size: var(--digi--info-card--heading--font-size--desktop);
    margin-bottom: 1rem;
  }
}
:host .digi-info-card--active-link .digi-info-card__heading {
  text-decoration: underline;
}
:host .digi-info-card__link {
  margin-top: var(--MARGIN-TOP);
  display: block;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
:host .digi-info-card__link-overlay {
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
}