/**
 * 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%);
  }
}
/**
 * Hero product component style.
 *
 * 1. Required so IE11 will show background-color :shrug:
 */
.c-hero-product {
  max-width: 100%;
  background-color: var(--c-grayscale-off-white);
}
.c-hero-product.wrapper {
  --wrapper-padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}
@media (max-width: 767px) {
  .c-hero-product .hero-product__image {
    order: 1;
  }
}
.c-hero-product picture {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .c-hero-product picture {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .c-hero-product picture img {
    width: 31.25em;
    height: 22.4375rem;
    object-fit: contain;
  }
}
.c-hero-product .hero-product__content {
  position: relative;
  width: 100%;
  max-width: 66.25rem;
  padding: var(--s-lg) 1.25rem 1.88rem;
}
@media (min-width: 400px) {
  .c-hero-product .hero-product__content {
    padding: 2.32rem 2.5rem 3.13rem;
  }
}
@media (min-width: 768px) {
  .c-hero-product .hero-product__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 1024px) {
  .c-hero-product .hero-product__content {
    width: 76%;
    padding: 3rem 4rem;
  }
  .c-hero-product .hero-product__content.has-breadcrumbs {
    padding-top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .c-hero-product .hero-product__content {
    width: 73%;
    padding: 3.92rem 6.2rem;
  }
  .c-hero-product .hero-product__content.has-breadcrumbs {
    padding-top: var(--s-3xl);
  }
}
.c-hero-product .hero-product__content.has-breadcrumbs {
  padding-bottom: var(--s-4xl);
}
.c-hero-product .hero-product__content .breadcrumbs {
  --breadcrumbs-margin: var(--s-2xl);
  grid-column: 1/3;
}
@media (min-width: 768px) {
  .c-hero-product .hero-product__content .breadcrumbs {
    --breadcrumbs-margin: var(--s-4xl);
  }
}
.c-hero-product .hero-product__info {
  display: flex;
  flex-direction: column;
  max-width: 510px;
}
@media (min-width: 768px) {
  .c-hero-product .hero-product__info {
    margin-right: var(--s-4xl);
  }
}
@media (max-width: 767px) {
  .c-hero-product .hero-product__info .subtitle {
    order: 3;
  }
}
.c-hero-product .hero-product__title {
  margin-bottom: var(--s-xs);
  font-size: var(--text-4xl);
  color: var(--c-brand-secondary);
  letter-spacing: -0.1px;
}
@media (max-width: 767px) {
  .c-hero-product .hero-product__title {
    order: 2;
  }
}
@media (max-width: 767px) {
  .c-hero-product .headline {
    order: 2;
  }
}
.c-hero-product .hero-product__details {
  margin-top: var(--s-xl);
  margin-bottom: var(--s-3xl);
}
@media (min-width: 768px) {
  .c-hero-product .hero-product__details {
    margin-top: 0.6rem;
    padding-left: 1rem;
  }
}
.c-hero-product .hero-product__sidebar {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .c-hero-product .c-page-details {
    border-left: 1px solid var(--c-grayscale-lighter);
  }
}
.c-hero-product .c-download-list {
  margin-top: auto;
  border-top: 1px solid var(--c-grayscale-lighter);
  border-bottom: 0;
  padding-top: var(--s-3xl);
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .c-hero-product .c-download-list {
    border-top: none;
    border-left: 1px solid var(--c-grayscale-lighter);
    padding-top: 0;
    padding-left: 1rem;
  }
}
.c-hero-product .c-download-list .download-list__links {
  flex-direction: column;
  margin-top: var(--s-xl);
}
.c-hero-product .c-download-list .download-list__link {
  margin-left: -2.25rem;
}
.c-hero-product .c-download-list .download-list__link__icon.icon {
  font-size: 1.25rem;
  width: 1.25rem;
  margin-right: var(--s-md);
}
.c-hero-product .c-download-list .download-list__actions {
  display: none;
}