/**
 * 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%);
  }
}
.breadcrumbs {
  margin-bottom: var(--breadcrumbs-margin, var(--s-4xl));
  --breadcrumbs-margin: var(--s-sm);
}
@media (min-width: 768px) {
  .breadcrumbs {
    --breadcrumbs-margin: var(--s-lg);
  }
}

.breadcrumbs--list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: var(--s-sm);
}

.breadcrumb.is-last .icon {
  display: none;
}

span.breadcrumb.is-last {
  color: var(--c-grayscale-dark);
  font-size: 0.875rem;
  font-weight: 500;
}

.single-product .breadcrumbs-wrapper {
  --gutter: 0;
}
@media (min-width: 768px) {
  .single-product .breadcrumbs-wrapper {
    --gutter: var(--s-2xl);
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: var(--gutter);
  }
}
@media (min-width: 1024px) {
  .single-product .breadcrumbs-wrapper {
    --gutter: var(--s-4xl);
    --breadcrumbs-margin: var(--s-sm);
  }
}
.single-product .breadcrumbs-wrapper .breadcrumbs {
  grid-column: 5/span 4;
}

.single-product .product-detail--iframe .breadcrumbs-wrapper {
  display: none;
}