/**
 * 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%);
  }
}
.highlight-section {
  padding: var(--s-lg) clamp(var(--s-lg), 7vw, var(--s-5xl)) var(--s-2xl);
  color: #fff;
  background-color: var(--c-brand-light);
}
.highlight-section__container {
  max-width: var(--w-wide);
  margin: 0 auto;
}
.highlight-section__icon {
  font-size: 3rem;
}
.highlight-section__title.highlight-section__title {
  margin-bottom: var(--s-xs);
  color: inherit;
}
.highlight-section__text {
  position: relative;
  max-width: 64ch;
  font-size: var(--text-md);
}
@media (min-width: 1024px) {
  .highlight-section__text:after {
    position: absolute;
    top: calc(100% + var(--s-2xl) - 1px);
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: var(--c-brand-light) transparent transparent transparent;
    border-style: solid;
    border-width: 0.875rem 1rem 0;
  }
}

.c-product-finder .highlight-section {
  padding-inline: var(--s-lg);
}
.c-product-finder .highlight-section__container {
  max-width: var(--w-max);
}