:root {
  --gallery-button-bg-color: transparent;
  --gallery-arrow-color: var(--color-primary);
  --gallery-btn-spacing-mob: 10px;
  --gallery-btn-spacing-tablet: 20px;
  --glide-nav-bullet-width: 6px;
  --glide-nav-bullet-color: var(--grey-300);
  --glide-nav-bullet-active-color: var(--grey-1000);
}

.surface--contrast {
  --glide-nav-bullet-color: var(--white);
  --glide-nav-bullet-active-color: var(--color-primary);
}

.surface--contrast .glide__arrow {
  --local-btn-text-color: var(--white);
  --local-btn-text-color-hover: var(--white);
}

.glide--gallery .glide__slide--active {
  z-index: 1;
}

.glide--gallery .glide__arrows,
.glide--gallery .glide__bullets {
  display: contents;
}

.glide--gallery .glide__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  margin-block: 0.5rem;
}

.glide--gallery .glide__arrow {
  --btn-height: 2.5rem;
  flex-shrink: 1;
}

.glide--gallery .glide__arrows :nth-child(2) {
  order: 1;
}

.glide--gallery .glide__arrows .svg-icon {
  height: 20px;
  width: 20px;
}

.glide--gallery .glide__arrow--left svg {
  transform: rotate(90deg);
}

.glide--gallery .glide__arrow--right svg {
  transform: rotate(-90deg);
}

.glide--gallery .glide__bullets {
  position: relative;
  left: auto;
  bottom: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.glide--gallery .glide__bullet {
  flex: 1 1 0%;
  width: calc(var(--glide-nav-bullet-width) * 4);
  max-width: calc(var(--glide-nav-bullet-width) * 4);
  min-width: var(--glide-nav-bullet-width);
  height: 30px;
  background: transparent;
  border: none;
  margin-inline: 0;
  padding-inline: calc(var(--glide-nav-bullet-width) * 1.5);
}

.glide--gallery .glide__bullet span:not(.visually-hidden) {
  display: block;
  height: var(--glide-nav-bullet-width);
  width: 100%;
  background: var(--glide-nav-bullet-color);
  border-radius: var(--glide-nav-bullet-width);
}

.glide--gallery .glide__bullet--active span:not(.visually-hidden),
.glide--gallery .glide__bullet:hover span:not(.visually-hidden),
.glide--gallery .glide__bullet:focus span:not(.visually-hidden) {
  background: var(--glide-nav-bullet-active-color);
}

.glide--gallery .glide__bullet--active,
.glide--gallery .glide__bullet:hover,
.glide--gallery .glide__bullet:focus {
  border: none;
}

.glide--product-cards,
.glide--product-cards .glide__track,
.glide--product-cards .glide__slides {
  overflow: visible;
}

.glide--product-cards .glide__track {
  --glide-overflow-offset: calc((var(--card-text-padding-inline) + 0.5rem) * -1);
  --glide-overflow-offset: calc((var(--card-text-padding-inline)) * -1);
  clip-path: inset(var(--glide-overflow-offset));
}

.glide--product-cards .glide__slide {
  height: auto;
}

.glide--product-cards .post--card {
  height: 100%;
}

[data-gallery-on-screen-value=true].glide--product-cards .glide__slide {
  width: auto;
}

@media (max-width: 47.9375rem) {
  .glide--gallery .glide__arrows {
    display: none;
  }
  .glide--product-cards .glide__slide:not(.glide__slide--active) .post--card:hover::before,
  .glide--product-cards .glide__slide:not(.glide__slide--active) .post--card:focus::before {
    opacity: 0;
  }
}
@media (min-width: 48rem) {
  .glide--product-cards .glide__slide {
    width: 51%;
  }
}
@media (min-width: 67.5rem) {
  .glide--product-cards .glide__slide {
    width: 34%;
  }
  .bg-image__media .glide--gallery .image-caption,
  .glide--gallery__caption {
    padding-bottom: 0.5rem;
  }
}

/*# sourceMappingURL=/assets/application/base/glide-gallery-df397f20.css.map */