/**
 * Global settings.
 */
/**
 * Bacon overrides.
 */
/**
 * Mixins (imported after variables so they can use them)
 */
@keyframes skeleton-loading {
  0% {
    transform: translateX(-100%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.topic-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--s-3xl) var(--s-lg);
  transition: background-color var(--easing);
  text-decoration: none;
}
@media (min-width: 768px) {
  .topic-card {
    max-width: 620px;
  }
}
@media (min-width: 1024px) {
  .topic-card {
    padding: var(--s-3xl) var(--s-md) var(--s-3xl) var(--s-4xl);
  }
}
.topic-card:hover.topic-card--dark {
  background-color: var(--c-brand-secondary-darker);
}
.topic-card:hover.topic-card--light {
  background-color: var(--c-grayscale-off-white-darker);
}
.topic-card--dark {
  background-color: var(--c-brand-secondary);
}
.topic-card--dark .topic-card__icon,
.topic-card--dark .topic-card__title,
.topic-card--dark .topic-card__text,
.topic-card--dark .topic-card__link {
  color: #fff;
}
.topic-card--light {
  background-color: var(--c-grayscale-off-white);
}
.topic-card--light .topic-card__icon,
.topic-card--light .topic-card__title {
  color: var(--c-brand-secondary);
}
.topic-card--light .topic-card__text {
  color: var(--c-grayscale-dark);
}
.topic-card__icon {
  font-size: 34px;
  margin-bottom: var(--s-sm);
}
@media (min-width: 768px) {
  .topic-card__icon {
    font-size: 40px;
  }
}
.topic-card__title {
  margin-bottom: var(--s-sm);
}
.topic-card__link {
  text-decoration: underline;
  margin-top: var(--s-sm);
}
@media (min-width: 768px) {
  .topic-card__link {
    margin-top: auto;
  }
}