:root {
  --jui-dialog-z-index: 1260;
  --jui-dialog-off-canvas-z-index: 501;
}

.ui-front[data-modal-id] {
  display: none;
}

div.ui-widget-overlay {
  background-color: var(--Color-Gray-700);
  opacity: 0.8;
}

div.ui-dialog .ui-widget-content.ui-dialog-content {
  overflow: hidden;
}
div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=media-gallery-modal], div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=stage-gallery-modal],
div.ui-dialog .ui-widget-content.ui-dialog-content .stage-gallery--fullscreen {
  overflow: auto;
  /* Track */
  /* Handle */
}
div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=media-gallery-modal]::-webkit-scrollbar, div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=stage-gallery-modal]::-webkit-scrollbar,
div.ui-dialog .ui-widget-content.ui-dialog-content .stage-gallery--fullscreen::-webkit-scrollbar {
  width: var(--Spacing-03);
}
div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=media-gallery-modal]::-webkit-scrollbar-track, div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=stage-gallery-modal]::-webkit-scrollbar-track,
div.ui-dialog .ui-widget-content.ui-dialog-content .stage-gallery--fullscreen::-webkit-scrollbar-track {
  background: var(--Color-Gray-700);
  box-shadow: none;
  border-radius: 0;
}
div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=media-gallery-modal]::-webkit-scrollbar-thumb, div.ui-dialog .ui-widget-content.ui-dialog-content[data-modal-id=stage-gallery-modal]::-webkit-scrollbar-thumb,
div.ui-dialog .ui-widget-content.ui-dialog-content .stage-gallery--fullscreen::-webkit-scrollbar-thumb {
  background: var(--Color-Primary);
  border-radius: 0;
}

div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) {
  border: none;
  background-color: var(--Color-Gray-200) !important;
  border-radius: 0;
  min-width: unset;
  max-width: unset;
  width: 100% !important;
  padding: var(--Spacing-06) var(--Spacing-06) calc(var(--Spacing-09) + var(--Spacing-06));
  position: fixed;
  top: 0 !important;
  max-height: 100vh;
  display: flex;
  row-gap: var(--Spacing-06);
  flex-direction: column;
}
@media (min-width: 1296px) {
  div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) {
    max-width: calc(var(--Container-Max-Width) + var(--Spacing-06) + var(--Spacing-06));
    padding: var(--Spacing-09) var(--Spacing-09) calc(var(--Spacing-09) + var(--Spacing-06));
    width: 100% !important;
    max-height: calc(100vh - var(--Spacing-09) - var(--Spacing-09));
    top: var(--Spacing-09) !important;
  }
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas):has(.is-single) {
  padding: var(--Spacing-06);
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  display: flex;
  column-gap: var(--Spacing-06);
  justify-content: center;
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar:before, div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar:after {
  display: none;
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-title {
  color: var(--Color-Text);
  display: inline-block;
  font-family: var(--Font-Family);
  font-weight: 700;
  line-height: 1.2;
  font-size: var(--Font-Size-h2);
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-title:empty {
  height: 0;
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-content.ui-widget-content {
  background: none;
  border: none;
  max-width: var(--Container-Max-Width);
  margin-right: auto;
  margin-left: auto;
  padding-left: calc(0 * 0.5);
  padding-right: calc(0 * 0.5);
  margin: 0;
  padding: 0;
  overflow: visible;
  overflow: auto;
  position: static;
}
@media (min-width: 704px) {
  div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-content.ui-widget-content {
    padding-left: 0;
    padding-right: 0;
  }
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar-close {
  border: none;
  width: auto;
  height: auto;
  text-transform: none;
  transform: none;
  text-indent: unset;
  align-items: start;
  margin: 0;
  margin-left: auto;
  position: relative;
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar-close span {
  display: none;
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar-close span:before {
  display: none;
}
@media (min-width: 704px) {
  div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar-close span {
    display: block;
  }
}
div.ui-dialog.ui-widget.ui-widget-content:not(.ui-dialog-off-canvas) .ui-dialog-titlebar-close .icon {
  fill: var(--Color-Text);
}

.ui-dialog-content .slider-navigation.splide__navigation {
  justify-content: end;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: var(--Spacing-06) var(--Spacing-06);
}
@media (min-width: 1296px) {
  .ui-dialog-content .slider-navigation.splide__navigation {
    padding: var(--Spacing-06) var(--Spacing-09);
  }
}
.ui-dialog-content .slider-navigation.splide__navigation .splide__arrows {
  display: flex;
}
.ui-dialog-content .teaser-generic-container {
  container: unset;
  height: auto;
}
.ui-dialog-content .teaser-generic {
  grid-template-columns: 1fr;
}
.ui-dialog-content .teaser-generic .splide__slide__container {
  height: 100%;
  max-height: 100%;
}
.ui-dialog-content .teaser-generic--media img,
.ui-dialog-content .teaser-generic--media img.image-sizes,
.ui-dialog-content .teaser-generic--media responsive-img,
.ui-dialog-content .teaser-generic--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ui-dialog-content .teaser-generic--media img img,
.ui-dialog-content .teaser-generic--media img img.image-sizes,
.ui-dialog-content .teaser-generic--media img responsive-img,
.ui-dialog-content .teaser-generic--media img picture,
.ui-dialog-content .teaser-generic--media img.image-sizes img,
.ui-dialog-content .teaser-generic--media img.image-sizes img.image-sizes,
.ui-dialog-content .teaser-generic--media img.image-sizes responsive-img,
.ui-dialog-content .teaser-generic--media img.image-sizes picture,
.ui-dialog-content .teaser-generic--media responsive-img img,
.ui-dialog-content .teaser-generic--media responsive-img img.image-sizes,
.ui-dialog-content .teaser-generic--media responsive-img responsive-img,
.ui-dialog-content .teaser-generic--media responsive-img picture,
.ui-dialog-content .teaser-generic--media picture img,
.ui-dialog-content .teaser-generic--media picture img.image-sizes,
.ui-dialog-content .teaser-generic--media picture responsive-img,
.ui-dialog-content .teaser-generic--media picture picture {
  transition: var(--Transition-Base);
  transform: scale(1);
}
.ui-dialog-content .teaser-generic--media img,
.ui-dialog-content .teaser-generic--media img.image-sizes,
.ui-dialog-content .teaser-generic--media responsive-img,
.ui-dialog-content .teaser-generic--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  max-height: 100%;
}
.ui-dialog-content .stage-gallery-item img,
.ui-dialog-content .stage-gallery-item img.image-sizes,
.ui-dialog-content .stage-gallery-item responsive-img,
.ui-dialog-content .stage-gallery-item picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  max-height: 100%;
  width: auto;
  margin: auto;
  aspect-ratio: 16/9;
}

.splide.stage-gallery--fullscreen {
  width: 100%;
  transition: all 0.5s;
  position: static;
}
.splide.stage-gallery--fullscreen .stage-gallery--fullscreen-inner {
  position: relative;
}
.splide.stage-gallery--fullscreen .splide__list {
  transition: all 0.5s;
}
.splide.stage-gallery--fullscreen .splide__slide > * {
  width: 100%;
}
.splide.stage-gallery--fullscreen .stage-gallery-item {
  overflow: unset;
  height: unset;
}
.splide.stage-gallery--fullscreen .splide__video__wrapper,
.splide.stage-gallery--fullscreen .splide__video {
  aspect-ratio: 16/9;
  height: auto;
}

/*# sourceMappingURL=modal.css.map */