/* .embla {
  --slide-height: auto;
  --slide-spacing: 1rem;
  --slide-size: 100%;
}

.embla__viewport {
  overflow: hidden;
}

.embla__container {
  backface-visibility: hidden;
  display: flex;
  touch-action: pan-y pinch-zoom;
  margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
  flex: 0 0 var(--slide-size);
  min-width: 0;
  padding-left: var(--slide-spacing);
}

.embla__slide__number {
  height: var(--slide-height);
}

.embla-thumbs {
  --thumbs-slide-spacing: 4px;
  --thumbs-slide-height: 6rem;
  margin-top: var(--thumbs-slide-spacing);
}

.embla-thumbs__viewport {
  overflow: hidden;
}

.embla-thumbs__container {
  display: flex;
  flex-direction: row;
  margin-left: calc(var(--thumbs-slide-spacing) * -1);
}

.embla-thumbs__slide {
  flex: 0 0 auto;
  min-width: 0;
  padding-left: var(--thumbs-slide-spacing);
  transform: opacity 200ms ease;
}

.embla-thumbs__slide:not(.embla-thumbs__slide--selected) {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .embla {
    display: flex;
    flex-direction: row;
  }

  .embla-thumbs {
    order: 1;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 1rem;
  }

  .embla__viewport {
    order: 2;
  }

  .embla-thumbs__container {
    flex-direction: column;
  }
} */