/** Shopify CDN: Minification failed

Line 168:0 Unexpected "}"

**/
slideshow-component {
  position: relative;
  display: flex;
  flex-direction: column;
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  gap: 0;
  overflow-y: hidden;
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  visibility: visible;
}

@media screen and (max-width: 749px) {
  .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
    height: 28rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow--placeholder.banner--adapt_image {
    height: 56rem;
  }
}

.slideshow__text.banner__box {
  display: flex;
  background: transparent;
  flex-direction: column;
  justify-content: center;
  max-width: 100rem;
}

.slideshow__text > * {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__text {
    border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%;
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1;
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
  }

  .banner--mobile-bottom .slideshow__text .button {
    flex-grow: 0;
    background: white;
  }

  .slideshow__text.slideshow__text-mobile--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text-mobile--right {
    align-items: flex-end;
    text-align: right;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__text.slideshow__text--left {
    align-items: flex-start;
    text-align: left;
  }

  .slideshow__text.slideshow__text--right {
    align-items: flex-end;
    text-align: right;
  }
}

.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}

@media screen and (min-width: 750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
    padding: 5rem;
  }
}

.slideshow__controls {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.slideshow__controls--top {
  order: 2;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .slideshow__controls--border-radius-mobile {
    border-bottom-right-radius: var(--text-boxes-radius);
    border-bottom-left-radius: var(--text-boxes-radius);
  }
}

.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  border-bottom: none;
}

@media screen and (min-width: 750px) {
  .slideshow__controls {
    position: relative;
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0;
}

.slideshow__control-wrapper {
  display: flex;
}
/*
.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
*/



.slideshow__autoplay {
  color: #fff;
  background: rgba(0,0,0,0.28);
  border: none;
  padding: 0.28rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
}

/* svg wrapper sizing */
.slideshow__autoplay .svg-wrapper {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* target the inline SVGs and their paths */
.slideshow__autoplay .svg-wrapper svg,
.slideshow__autoplay .svg-wrapper svg path {
  width: 0.9rem;
  height: 0.9rem;
  fill: currentColor;
  stroke: none;
  display: block;
}

/* preserve existing show/hide logic while keeping icons visually correct */
.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  position: relative;
  opacity: 1;
  transition: transform 150ms ease, opacity 150ms ease;
}

/* ensure paused/playing visibility maintained (no overrides to logic) */
.slideshow__autoplay.slideshow__autoplay--paused .icon.icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon.icon-play {
  opacity: 0;
  visibility: hidden;
}






@media screen and (max-width: 749px) {
  slideshow-component.page-width .slideshow__autoplay {
    right: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: 0.6rem;
    padding: 0 0 0 0.6rem;
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  width: 0.8rem;
  height: 1.2rem;
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem;
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slideshow__autoplay path,
  .slideshow__autoplay:hover path {
    fill: CanvasText;
  }
}

.slideshow__autoplay:hover .svg-wrapper {
  transform: scale(1.1);
}

.slideshow__autoplay--paused .icon-pause,
.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}






/* ensure slideshow container forms stacking context */
.slideshow.banner {
  position: relative; /* already present in some files; keep to be safe */
  z-index: 0;
}

/* overlay external controls onto the slideshow */
.slideshow__controls.slider-buttons {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5rem;               /* distance from bottom of image — adjust */
  z-index: 10;                  /* above image and text */
  background: rgba(0,0,0,0.35); /* translucent background to improve contrast */
  border: none;                 /* remove default border */
  padding: 0.4rem 0.6rem;
  border-radius: 0.5rem;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  backdrop-filter: blur(4px);   /* subtle blur for legibility (optional) */
}

/* ensure autoplay button sits next to controls (preserve current layout) */
.slideshow__controls .slideshow__autoplay {
  position: static;
  margin-left: 0.4rem;
  border-left: none;
  background: transparent;
  color: white;
}

/* buttons style adjustments for small screens */
@media screen and (max-width: 749px) {
  .slideshow__controls.slider-buttons {
      width: calc(100% - 2rem);
      left: 1rem;
      transform: none;
      bottom: 1rem;
      padding: 0.6rem;
  }

  /* keep the text box from being covered on mobile when show_text_below == false */
  .banner--mobile-bottom .slideshow__text-wrapper {
    padding-bottom: 3.8rem; /* increase if controls overlap text */
  }
}

/* optional: light theme variant when your color variables are used */
.slideshow__controls {
  color: white;
}
.slideshow__controls .slider-counter,
.slideshow__controls .slider-button {
  background: transparent;
  color: inherit;
}





/* override inline background-color and visual styling on the controls container */
.slideshow__controls.slider-buttons {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  --controls-bg: transparent;
}

/* ensure child elements keep contrast (icons, buttons) */
.slideshow__controls.slider-buttons .slider-button,
.slideshow__controls.slider-buttons .slider-counter,
.slideshow__controls.slider-buttons .slideshow__autoplay {
  background: transparent;
  color: inherit;
  border: none;
  box-shadow: none;
}

/* if the template adds a style attribute on a wrapper element, target by inline-style fallback */
.slideshow__controls[style] {
  background: transparent !important;
}

/* mobile safe: preserve spacing while transparent */
@media screen and (max-width: 749px) {
  .slideshow__controls.slider-buttons {
    background: transparent !important;
    padding: 0.5rem !important;
  }
}