.embla-gallery {
  --gallery-inline-gap: calc(100% - min(100%, var(--gallery-size, 100%)));
  --gallery-visible-count: 1;
  --gallery-slot-size: calc(100% / var(--gallery-visible-count, 1));
  --gallery-wrap-centered-width: max(
    0px,
    calc((var(--gallery-inline-gap) / 2) * var(--gallery-wrap-scale))
  );
  --gallery-wrap-side-width: max(
    0px,
    calc(var(--gallery-inline-gap) * var(--gallery-wrap-scale))
  );
  --gallery-wrap-left-width: 0px;
  --gallery-wrap-right-width: 0px;
  --gallery-wrap-scale: 1.04;
  --gallery-wrap-gradient-stops:
    rgb(var(--page-background-rgb, 255 255 255) / 1) 0%,
    rgb(var(--page-background-rgb, 255 255 255) / 0.985) 14%,
    rgb(var(--page-background-rgb, 255 255 255) / 0.94) 34%,
    rgb(var(--page-background-rgb, 255 255 255) / 0.82) 54%,
    rgb(var(--page-background-rgb, 255 255 255) / 0.58) 72%,
    rgb(var(--page-background-rgb, 255 255 255) / 0.24) 88%,
    rgb(var(--page-background-rgb, 255 255 255) / 0) 100%;
  --slide-spacing: 0.75rem;
  display: grid;
  gap: 0.65rem;
  width: 100%;
}

.embla-gallery__viewport {
  overflow: hidden;
}

.embla-gallery__stage {
  background-color: var(--page-background, #fff);
  overflow: hidden;
  position: relative;
}

.embla-gallery__stage::before,
.embla-gallery__stage::after {
  content: "";
  inset-block: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.embla-gallery__stage::before {
  background: linear-gradient(90deg, var(--gallery-wrap-gradient-stops));
  left: 0;
  width: var(--gallery-wrap-left-width);
}

.embla-gallery__stage::after {
  background: linear-gradient(270deg, var(--gallery-wrap-gradient-stops));
  right: 0;
  width: var(--gallery-wrap-right-width);
}

.embla-gallery__container {
  display: flex;
  margin-inline-start: calc(var(--slide-spacing) * -1);
  touch-action: pan-y pinch-zoom;
}

.embla-gallery[data-fixed-frame="false"][data-image-vertical-align="top"] .embla-gallery__container {
  align-items: flex-start;
}

.embla-gallery[data-fixed-frame="false"][data-image-vertical-align="center"] .embla-gallery__container {
  align-items: center;
}

.embla-gallery[data-fixed-frame="false"][data-image-vertical-align="bottom"] .embla-gallery__container {
  align-items: flex-end;
}

.embla-gallery__slide {
  flex: 0 0 100%;
  min-width: 0;
  padding-inline-start: var(--slide-spacing);
}

.embla-gallery[data-visible-count="1"][data-adjacent-slides="visible"] .embla-gallery__slide {
  flex: 0 0 min(100%, var(--gallery-size, 100%));
}

.embla-gallery[data-visible-count]:not([data-visible-count="1"]) .embla-gallery__slide {
  flex: 0 0 var(--gallery-slot-size);
}

.embla-gallery[data-visible-count]:not([data-visible-count="1"]) {
  --gallery-wrap-left-width: 0px;
  --gallery-wrap-right-width: 0px;
}

.embla-gallery[data-wrap="true"][data-adjacent-slides="hidden"][data-frame-align="left"] {
  --gallery-wrap-right-width: var(--gallery-wrap-side-width);
}

.embla-gallery[data-wrap="true"][data-adjacent-slides="hidden"][data-frame-align="center"] {
  --gallery-wrap-left-width: var(--gallery-wrap-centered-width);
  --gallery-wrap-right-width: var(--gallery-wrap-centered-width);
}

.embla-gallery[data-wrap="true"][data-adjacent-slides="hidden"][data-frame-align="right"] {
  --gallery-wrap-left-width: var(--gallery-wrap-side-width);
}

.embla-gallery[data-wrap="true"][data-adjacent-slides="visible"] {
  --gallery-wrap-left-width: var(--gallery-wrap-centered-width);
  --gallery-wrap-right-width: var(--gallery-wrap-centered-width);
}

.embla-gallery__frame {
  display: flex;
  width: 100%;
}

.embla-gallery[data-frame-align="left"] .embla-gallery__frame {
  justify-content: flex-start;
}

.embla-gallery[data-frame-align="center"] .embla-gallery__frame {
  justify-content: center;
}

.embla-gallery[data-frame-align="right"] .embla-gallery__frame {
  justify-content: flex-end;
}

.embla-gallery__media {
  aspect-ratio: var(--gallery-media-ratio, auto);
  background-color: var(--page-background, #fff);
  height: var(--gallery-media-height, auto);
  overflow: hidden;
  width: min(100%, var(--gallery-size, 100%));
}

.embla-gallery__link {
  display: block;
  height: 100%;
  width: 100%;
}

.embla-gallery__viewport,
.embla-gallery__link[data-pswp] {
  cursor: -webkit-grab;
  cursor: grab;
}

.embla-gallery.is-dragging .embla-gallery__viewport,
.embla-gallery.is-dragging .embla-gallery__link[data-pswp],
.embla-gallery.is-dragging .embla-gallery__image {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.embla-gallery.is-dragging .progressive-image__preview,
.embla-gallery.is-dragging .progressive-image__full,
.embla-gallery.is-dragging .progressive-image::before {
  transition: none;
}

.embla-gallery[data-visible-count="1"][data-adjacent-slides="visible"] .embla-gallery__media {
  width: 100%;
}

.embla-gallery__image {
  display: block;
  height: auto;
  object-fit: contain;
  object-position: var(--gallery-image-position, center center);
  width: 100%;
}

.embla-gallery__media[data-fixed-frame="true"] .embla-gallery__image {
  height: 100%;
}

.embla-gallery[data-crop="true"] .embla-gallery__image {
  object-fit: cover;
}

.embla-gallery__caption {
  max-width: min(100%, var(--gallery-size, 100%));
}

@media screen and (max-width: 800px) {
  .embla-gallery__media[data-has-height="true"] {
    height: min(
      var(--gallery-media-height),
      calc(100dvw - 2rem),
      calc(70dvh - 2rem)
    );
  }
}
