.stage-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--Spacing-06);
}
@media (min-width: 704px) {
  .stage-gallery {
    gap: var(--Spacing-08);
  }
}
.stage-gallery .splide__track {
  z-index: 1;
}
.stage-gallery .fullscreen-button {
  padding: var(--Spacing-02) var(--Spacing-03);
  position: absolute;
  z-index: 2;
  height: 35px;
  width: 35px;
  overflow: hidden;
}
.stage-gallery .fullscreen-button .icon {
  width: var(--Spacing-05);
  height: var(--Spacing-05);
}
.stage-gallery .fullscreen-button {
  top: var(--Spacing-04);
  left: var(--Spacing-04);
}
@media (min-width: 704px) {
  .stage-gallery .fullscreen-button {
    width: auto;
  }
}
.stage-gallery--gallery {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}
@media (min-width: 960px) {
  .stage-gallery--gallery {
    column-gap: var(--Spacing-06);
    row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "main";
  }
}
@media (min-width: 960px) {
  .stage-gallery--gallery:has(.stage-gallery--gallery-navigation) {
    grid-template-columns: 1fr 306px;
    grid-template-areas: "main navigation";
  }
}
@media (min-width: 960px) {
  .stage-gallery--gallery:has(.stage-gallery--gallery-navigation) .stage-gallery--gallery-main .stage-gallery-item .stage-gallery-item--media {
    aspect-ratio: unset;
    max-height: 543px;
  }
}
@media (min-width: 960px) {
  .stage-gallery--gallery-main {
    grid-area: main;
    height: 100%;
  }
}
.stage-gallery--gallery-main__slides {
  height: 100%;
}
@media (min-width: 960px) {
  .stage-gallery--gallery-navigation {
    grid-area: navigation;
  }
}
.stage-gallery--gallery-navigation {
  margin-top: var(--Spacing-06);
}
@media (min-width: 960px) {
  .stage-gallery--gallery-navigation {
    margin-top: 0;
  }
}
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media {
  aspect-ratio: 16/9;
}
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img.image-sizes,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media responsive-img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img img.image-sizes,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img responsive-img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img picture,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img.image-sizes img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img.image-sizes img.image-sizes,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img.image-sizes responsive-img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media img.image-sizes picture,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media responsive-img img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media responsive-img img.image-sizes,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media responsive-img responsive-img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media responsive-img picture,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media picture img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media picture img.image-sizes,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media picture responsive-img,
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--media picture picture {
  transition: var(--Transition-Base);
  transform: scale(1);
}
.stage-gallery--gallery-navigation .stage-gallery-item .stage-gallery-item--content {
  display: none;
}
.stage-gallery--fullscreen .stage-gallery-item {
  display: flex;
  flex-direction: column;
  row-gap: var(--Spacing-06);
}
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media {
  aspect-ratio: 16/9;
}
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img responsive-img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img picture,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img.image-sizes img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img.image-sizes img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img.image-sizes responsive-img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img.image-sizes picture,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img responsive-img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img picture,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media picture img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media picture img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media picture responsive-img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media picture picture {
  transition: var(--Transition-Base);
  transform: scale(1);
}
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img,
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  aspect-ratio: 16/9;
}
.stage-gallery--fullscreen .stage-gallery-item .stage-gallery-item--media responsive-img {
  display: block;
  height: 100%;
  width: auto;
}
.stage-gallery--fullscreen .teaser-generic--media,
.stage-gallery--fullscreen .stage-gallery-item--media,
.stage-gallery--fullscreen .media--type-_d-file canvas {
  aspect-ratio: 16/9;
  max-height: 100%;
  width: auto;
}
.stage-gallery--fullscreen .teaser-generic--media img,
.stage-gallery--fullscreen .teaser-generic--media img.image-sizes,
.stage-gallery--fullscreen .teaser-generic--media responsive-img,
.stage-gallery--fullscreen .teaser-generic--media picture,
.stage-gallery--fullscreen .stage-gallery-item--media img,
.stage-gallery--fullscreen .stage-gallery-item--media img.image-sizes,
.stage-gallery--fullscreen .stage-gallery-item--media responsive-img,
.stage-gallery--fullscreen .stage-gallery-item--media picture,
.stage-gallery--fullscreen .media--type-_d-file canvas img,
.stage-gallery--fullscreen .media--type-_d-file canvas img.image-sizes,
.stage-gallery--fullscreen .media--type-_d-file canvas responsive-img,
.stage-gallery--fullscreen .media--type-_d-file canvas picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  aspect-ratio: 16/9;
}
.stage-gallery--fullscreen .media--type-_d-file .fux-three-viewer,
.stage-gallery--fullscreen .media--type-_d-file .three-container {
  height: 100%;
}
.fullscreen-button:hover + .stage-gallery--gallery-main:before, .fullscreen-button:hover + .stage-gallery--gallery-main:after, .fullscreen-button:focus + .stage-gallery--gallery-main:before, .fullscreen-button:focus + .stage-gallery--gallery-main:after {
  border-color: var(--Color-Gray-200);
  border-width: 2px;
}
.fullscreen-button:hover + .stage-gallery--gallery-main:before, .fullscreen-button:focus + .stage-gallery--gallery-main:before {
  top: var(--Spacing-02-);
  left: var(--Spacing-02-);
}
.fullscreen-button:hover + .stage-gallery--gallery-main:after, .fullscreen-button:focus + .stage-gallery--gallery-main:after {
  bottom: var(--Spacing-02-);
  right: var(--Spacing-02-);
}
.fullscreen-button:hover + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media img,
.fullscreen-button:hover + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media img.image-sizes,
.fullscreen-button:hover + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media responsive-img,
.fullscreen-button:hover + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media picture, .fullscreen-button:focus + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media img,
.fullscreen-button:focus + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media img.image-sizes,
.fullscreen-button:focus + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media responsive-img,
.fullscreen-button:focus + .stage-gallery--gallery-main .stage-gallery--gallery-main__slides .stage-gallery-item--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  transform: scale(1.1);
}
.stage-gallery--gallery-main:before, .stage-gallery--gallery-main:after {
  content: "";
  width: 42px;
  height: 42px;
  position: absolute;
  transition: var(--Transition-Base);
}
.stage-gallery--gallery-main:before {
  border-top-left-radius: 2px;
  border-top: solid 1px var(--Color-Border);
  border-left: solid 1px var(--Color-Border);
  top: 0;
  left: 0;
  z-index: 1;
}
.stage-gallery--gallery-main:after {
  border-bottom-right-radius: 2px;
  border-right: solid 1px var(--Color-Border);
  border-bottom: solid 1px var(--Color-Border);
  bottom: 0;
  right: 0;
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__list {
  gap: var(--Spacing-04);
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide {
  border: 1px solid var(--Color-Border);
  transition: var(--Transition-Base);
  overflow: hidden;
  width: calc(33.3333333333% - var(--Spacing-04) / 3 * 2);
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img picture,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img.image-sizes img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img.image-sizes img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img.image-sizes responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide img.image-sizes picture,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide responsive-img img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide responsive-img img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide responsive-img responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide responsive-img picture,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide picture img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide picture img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide picture responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide picture picture {
  transition: var(--Transition-Base);
  transform: scale(1);
}
@media (min-width: 960px) {
  .stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide {
    width: 100%;
  }
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:hover {
  border-color: var(--Color-Primary-Hover);
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:hover img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:hover img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:hover responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:hover picture, .stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:focus img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:focus img.image-sizes,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:focus responsive-img,
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:focus picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  transform: scale(1.1);
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide:focus {
  border: 1px solid var(--Color-Primary-Hover);
  outline: none;
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide.is-active {
  border: 1px solid var(--Color-Border);
}
.stage-gallery .stage-gallery--gallery-navigation.splide .splide__slide.is-active:after {
  background: rgba(255, 255, 255, 0.2);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.stage-gallery .stage-gallery--gallery-navigation .splide__arrows {
  display: flex;
  column-gap: var(--Spacing-05);
}
.stage-gallery .stage-gallery--gallery-navigation .splide__arrows button.splide__arrow {
  background-color: transparent;
  border-radius: 0;
  width: 34px;
  opacity: 1;
  transition: var(--Transition-Base);
}
.stage-gallery .stage-gallery--gallery-navigation .splide__arrows button.splide__arrow svg {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.stage-gallery .stage-gallery--gallery-navigation .splide__arrows button.splide__arrow:hover, .stage-gallery .stage-gallery--gallery-navigation .splide__arrows button.splide__arrow:focus {
  outline: none;
}
.stage-gallery .stage-gallery--gallery-navigation .splide__arrows button.splide__arrow:hover svg, .stage-gallery .stage-gallery--gallery-navigation .splide__arrows button.splide__arrow:focus svg {
  fill: var(--Color-Primary-Hover);
}
.stage-gallery--gallery-navigation .splide__arrows .splide__arrow svg {
  fill: var(--Color-Gray-100);
}
.stage-gallery--gallery-navigation .splide__arrows .splide__arrow--prev {
  top: var(--Spacing-09-);
}
.stage-gallery--gallery-navigation .splide__arrows .splide__arrow--prev:hover, .stage-gallery--gallery-navigation .splide__arrows .splide__arrow--prev:focus {
  transform: translate(-50%, var(--Spacing-02-));
}
.stage-gallery--gallery-navigation .splide__arrows .splide__arrow--next {
  bottom: var(--Spacing-09-);
}
.stage-gallery--gallery-navigation .splide__arrows .splide__arrow--next:hover, .stage-gallery--gallery-navigation .splide__arrows .splide__arrow--next:focus {
  transform: translate(-50%, var(--Spacing-02));
}

/*# sourceMappingURL=stage-gallery.css.map */
