/** Shopify CDN: Minification failed

Line 130:26 Unexpected "var("
Line 134:26 Unexpected "calc("
Line 135:26 Unexpected "calc("
Line 136:26 Unexpected "calc("
Line 137:26 Unexpected "calc("

**/
.carousel__wrapper {
  position: relative;
  padding: 1rem;
}

.dynamic-carousel {
  display: grid;
  grid-template-rows: var(--carousel-item-height) 50px;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  padding: 2rem 0;
}

.carousel__container {
  grid-row: 1 / 2;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;

  transform-style: preserve-3d;
  perspective: 600px;
  pointer-events: none;
  list-style: none;
  padding: 0;
  position: relative;
  transition: transform 0.5s linear;
  will-change: transform;
}

.carousel video,
.carousel iframe {
  width: 100%;
  height: 100%;
  display: flex;
  margin: auto;
  justify-content: center;
}

.carousel deferred-media {
  width: 100%;
  height: 100%;
  margin: auto;
}

ul.slider-main {
  display: flex;
  overflow: scroll;
  width: 100%;
}
.active__item-image li {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;
  min-width: 100%;
  height: auto;
  width: 100%;
  flex: 1;
  display: flex;
  position: relative;
}

.active__item-image button.link {
  position: absolute;
  z-index: 999;
  right: 3rem;
  top: 3rem;
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.slider-thumbnails li {
  min-width: calc((100% / 5) - 20px);
  margin-left: 10px;
  height: auto;
  aspect-ratio: 1;
  justify-content: center;
}

.carousel__item {
  text-align: center;
  border: var(--item-border-width) solid;
  overflow: hidden;
  border-radius: var(--item-border-radius);
  background-color: white;
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
  --r: calc(var(--position) - var(--offset));
  --abs: max(calc(var(--r) * -1), var(--r));
  --translateX: calc(var(--carousel-item-width) - 1rem);
  --scale: calc(1 + 0.05 * (1 - max(calc(var(--r) * -1), var(--r))));
  width: var(--carousel-item-width);
  height: auto;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    scale 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  transform: translateX(calc((var(--carousel-item-width) * -1) * var(--r)));
  scale: var(--scale);
  z-index: calc((var(--position) - var(--abs)));
  position: absolute;
  will-change: transform, scale, opacity;
  backface-visibility: hidden;
  transform-origin: center center;
  aspect-ratio: var(--aspect-ratio-width) / var(--aspect-ratio-height);
  box-shadow: 0px 0px 10px 3px rgba(var(--color-foreground), 0.3);
}

.carousel__item:nth-child(var(--position)) {
  opacity: 1 !important;
}

.carousel__item:nth-child(calc(var(--position) - 2)),
.carousel__item:nth-child(calc(var(--position) - 1)),
.carousel__item:nth-child(calc(var(--position) + 1)),
.carousel__item:nth-child(calc(var(--position) + 2)) {
  opacity: 1 !important;
}

/* Navigation */
.carousel-nav {
  grid-row: 2 / 3;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.nav-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid white;
  background: transparent;
  color: white;
  cursor: pointer;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.nav-btn:hover {
  background: white;
  color: #8c52ff;
}

.nav-btn:active {
  transform: scale(0.95);
}

.autoplay-btn {
  width: 50px;
  height: 50px;
  font-size: 1.4em;
}

.carousel__item.active-item {
  scale: 1.2;
}

.active__item {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 999999;
}

.active__item-image {
  background: white;
  width: 100%;
  height: 100%;
  display: block;
  justify-items: center;
  align-content: center;
}

.active__item-image ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.active__item-image li {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 300px;
  height: auto;
}

.modal-close {
  display: none !important;
}

dynamic-slider {
  --transition-duration: 500ms;
  --thumbnail-size: 80px;
  --thumbnail-gap: 10px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

div#main-carousel,
#thumbnail-carousel {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 1rem;
}

div#main-carousel-track {
  margin-bottom: 1rem;

  height: auto;
  aspect-ratio: 1;
}

#main-carousel-track img {
  object-fit: contain;
}

.carousel__item--overlay {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 1111;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}

dynamic-carousel deferred-media.video-section__media.deferred-media {
    width: 100%;
    height: 100%;  
}

/* Responsive adjustments */
@media (max-width: 749px) {
  .carousel.gradient {
    --carousel-item-width: 25vw;
    --carousel-item-height: 60vw;
  }
  .dynamic-carousel {
    grid-template-rows: var(--carousel-item-height) var(
        --carousel-button-height
      );
  }
}

span.deferred-media__poster-button {
    display: none;
}