/** Shopify CDN: Minification failed

Line 247:55 The "-" operator only works if there is whitespace on both sides
Line 277:58 The "-" operator only works if there is whitespace on both sides

**/
.slideshow {
  position: relative;
  display: block;
  overflow-y: hidden;
}

.slideshow__slides {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.slideshow__slides::-webkit-scrollbar {
  display: none;
}

/* Slideshow indicator styling */

.slideshow__controls {
  position: absolute;
  left: 0;
  right: 0;
  width: fit-content;
  z-index: 10;
  bottom: var(--padding-sections-mobile);
  display: flex;
  margin: 0 auto;
  transform: unset;
}

slideshow-indicators {
  /*
  position: absolute;
  left: 0;
  right: 0;
  width: fit-content;
  z-index: 10;
  bottom: var(--padding-sections-mobile);
   margin: 0 auto;
  */

  position: relative;
  margin: 0;
  display: flex;
  padding: var(--space-8) var(--space-12);
  border-radius: 3.2rem;
  height: var(--space-19);
  max-height: var(--space-19);
  background: rgba(var(--color-grey-30));
  --slideshow-nav-width: var(--space-4);
  --slideshow-nav-height: var(--space-4);
}

slideshow-indicators ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  gap: var(--space-4);
}

slideshow-indicators button:not(.slide-nav) {
  width: var(--slideshow-nav-width);
  height: var(--slideshow-nav-height);
  appearance: none;
  border: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: flex;
  cursor: pointer;
  position: relative;
  background: none;
  border-radius: 0.5rem;
  transition: all linear 200ms;
}

slideshow-indicators button:not(.slide-nav)::before {
  content: "";
  height: var(--slideshow-nav-height);
  width: var(--slideshow-nav-width);
  border-radius: 0;
  background: rgba(var(--color-grey-dark), 0.7);
  position: absolute;
  inset: 0;
  margin: auto;
  transition: all linear 200ms;
}

slideshow-indicators button:not(.slide-nav)::after {
  content: "";
  /* max-width: var(--delay-progress); */
  height: var(--slideshow-nav-height);
  background: rgb(var(--color-base-dark));
  width: var(--slideshow-nav-width);
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
  position: absolute;
  inset: 0;
  opacity: 0;
  max-width: unset;
  margin: auto auto auto 0;
  transition: all linear 200ms;
}

slideshow-indicators button.slide-nav {
  appearance: none;
  border: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: flex;
  cursor: pointer;
  position: relative;
  background: none;
  margin: 0 var(--space-4);
  height: var(--space-6);
  width: var(--space-6);
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  color: rgb(var(--color-base-dark));
  opacity: 1;
}

slideshow-indicators button.slide-nav svg {
  width: var(--space-6);
  height: var(--space-6);
}

slideshow-indicators button.slide-nav svg path {
  /* fill: rgb(var(--color-base-dark)); */
}

slideshow-indicators button.slide-nav:hover svg path {
  /* fill: rgb(var(--color-base-light)); */
}

slideshow-indicators img {
  width: var(--space-4);
  height: var(--space-4);
  object-fit: cover;
  transform: scale(1);
  border-radius: 50%;
  border: 1px solid rgb(var(--color-base-dark));
  opacity: 0;
  animation: loadInImage 1s forwards;
  animation-delay: 350ms;
}

slideshow-indicators button:not(.slide-nav)::after,
slideshow-indicators li:not(.active) button:not(.slide-nav)::after {
}

slideshow-indicators .active button:not(.slide-nav)::after {
  opacity: 1;
}

slideshow-indicators .active button:not(.slide-nav)::before {
  background: rgba(var(--color-grey-dark), 0.2);
}

slideshow-indicators .active button:not(.slide-nav),
slideshow-indicators .active button:not(.slide-nav)::before,
slideshow-indicators .active button:not(.slide-nav)::after {
  width: 5rem;
}

slideshow-indicators.light-mode {
  /* filter: invert(1); */
}

slideshow-indicators.light-mode button:not(.slide-nav)::before {
  background-color: rgba(var(--color-white), 0.2);
}

slideshow-indicators.light-mode button:not(.slide-nav)::after {
  background-color: rgb(var(--color-white));
}

slideshow-indicators.light-mode button.slide-nav {
  color: rgb(var(--color-white));
}

slideshow-indicators.light-mode img {
  border: 1px solid rgb(var(--color-white));
}

@media (min-width: 550px) {
  slideshow-indicators {
    /* 
    left: var(--padding-sections-desktop);
    right: var(--padding-sections-desktop);
    bottom: var(--space-10);
    */
  }

  .slideshow__controls {
    left: var(--padding-sections-desktop);
    right: var(--padding-sections-desktop);
    bottom: var(--space-10);
  }

  slideshow-indicators ul {
    gap: var(--space-4);
  }
  slideshow-indicators button:not(.slide-nav) {
    width: var(--slideshow-nav-width);
    height: var(--slideshow-nav-height);
  }
}

/* End of slideshow indicators styling */

/* Indented Slideshow */

slideshow-indicators {
  /* bottom: var(--space-8); */
}

.slideshow slideshow-indicators {
  /* bottom: var(--space-10); */
}

.slideshow__slides.slideshow__slides--indent {
  margin: 0 0 calc(-1 * var(--grid-mobile-horizontal-spacing)) var(--padding-sections-mobile);
  margin: 0 0 0 var(--padding-sections-mobile);
}

.slideshow__slides.slideshow__slides--indent .slideshow__slide {
  min-width: calc(100% - var(--padding-sections-mobile) - var(--grid-mobile-horizontal-spacing));
  max-width: calc(100% - var(--padding-sections-mobile)- var(--grid-mobile-horizontal-spacing));
  margin-right: var(--padding-sections-mobile);
}

.slideshow__slides.slideshow__slides--indent.slideshow__slides--rounded .slideshow__slide {
  border-radius: var(--block-corner-radius);
  overflow: hidden;
  background-clip: border-box;
}

.slideshow__slides.slideshow__slides--indent .slideshow__slide:last-of-type {
  min-width: calc(100% - var(--padding-sections-mobile));
  max-width: calc(100% - var(--padding-sections-mobile));
  margin-right: calc(var(--padding-sections-mobile));
}

@media (max-width: 1079px) {
  .slideshow__slides.slideshow__slides--indent .slideshow__slide.image-banner {
    padding: var(--padding-sections-mobile) var(--padding-sections-mobile) calc(var(--padding-sections-desktop) + 1.5rem) var(--padding-sections-mobile);
  }
}

@media (min-width: 1080px) {
  .slideshow__slides.slideshow__slides--indent {
    margin: 0 0 calc(-1 * var(--grid-desktop-vertical-spacing)) var(--padding-sections-desktop);
    margin: 0 0 0 var(--padding-sections-desktop);
  }

  .slideshow__slides.slideshow__slides--indent .slideshow__slide {
    min-width: calc(100% - var(--padding-sections-desktop) - var(--grid-mobile-horizontal-spacing));
    max-width: calc(100% - var(--padding-sections-desktop)- var(--grid-mobile-horizontal-spacing));
    margin-right: var(--grid-desktop-horizontal-spacing);
  }

  .slideshow__slides.slideshow__slides--indent .slideshow__slide:last-of-type {
    min-width: calc(100% - var(--padding-sections-desktop));
    max-width: calc(100% - var(--padding-sections-desktop));
    margin-right: calc(var(--padding-sections-desktop));
  }
}