.swiper {
  position: relative;
  z-index: 1;
  display: block;
  margin-inline: auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.swiper.swiper-initialized {
  overflow: clip;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-slide {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
}

.swiper .swiper-notification {
  position: absolute;
  z-index: -1;
  inset: 0 auto auto 0;
  opacity: 0;
  pointer-events: none;
}

.media-gallery {
  --media-gallery-navigation-gap: var(--dia-front-space-24);
  background: var(--dia-front-color-surface);
  color: var(--dia-front-color-heading);
  padding-block: var(--dia-front-space-64) var(--dia-front-space-80);
}
.media-gallery__sections, .media-gallery__empty {
  width: min(100% - 2 * var(--dia-front-container-gutter), var(--dia-front-content-max));
  margin-inline: auto;
}
.media-gallery__navigation {
  width: max-content;
  max-width: min(100% - 2 * var(--dia-front-container-gutter), var(--dia-front-content-max));
  margin-inline: auto;
  position: relative;
  z-index: var(--dia-front-z-gallery-navigation);
  display: flex;
  align-items: center;
  gap: var(--dia-front-space-8);
  padding-block: var(--dia-front-space-16);
  padding-inline: var(--dia-front-space-24);
  background: var(--dia-front-color-white);
  border-radius: var(--dia-front-radius-12);
  box-shadow: var(--dia-front-shadow-navigation);
  isolation: isolate;
}
.media-gallery__navigation-list {
  display: flex;
  gap: var(--media-gallery-navigation-gap);
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.media-gallery__navigation-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--dia-front-control-height-cta-main-mobile);
  color: var(--dia-front-color-heading);
  font-family: var(--dia-front-font-heading);
  font-size: var(--dia-front-font-size-menu-item);
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--dia-front-radius-8);
  padding-inline: var(--dia-front-space-8);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: var(--dia-front-space-8);
  white-space: nowrap;
  transform-origin: center;
  transition: color var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), background-color var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), border-color var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), opacity var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), transform var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard);
}
.media-gallery__navigation-link:hover, .media-gallery__navigation-link:focus-visible {
  transform: none;
}
.media-gallery__navigation-link:active {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .media-gallery__navigation-link {
    transition: none;
  }
  .media-gallery__navigation-link:hover, .media-gallery__navigation-link:focus-visible, .media-gallery__navigation-link:active {
    transform: none;
  }
}
.media-gallery__navigation-link:hover {
  color: var(--dia-front-color-mint);
  background-color: transparent;
}
.media-gallery__navigation-link[aria-current=location] {
  color: var(--dia-front-color-white);
  background-color: var(--dia-front-color-mint);
}
.media-gallery__navigation-link:focus-visible {
  outline: none;
  box-shadow: var(--dia-front-focus-ring);
}
.media-gallery__sections {
  display: grid;
  gap: var(--dia-front-space-64);
  margin-top: var(--dia-front-space-64);
}
.media-gallery__heading {
  scroll-margin-top: calc(var(--media-gallery-nav-height, var(--dia-front-space-80)) + var(--dia-front-sticky-offset));
  margin: 0 0 var(--dia-front-space-24);
  font-family: var(--dia-front-font-heading);
  font-size: var(--dia-front-font-size-section-title-mobile);
  font-weight: 700;
  line-height: 1;
}
.media-gallery__heading:focus {
  outline: none;
  box-shadow: none;
}
.media-gallery__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--dia-front-space-16);
  margin: 0;
  padding: 0;
  list-style: none;
}
.media-gallery__item {
  position: relative;
  min-width: 0;
}
.media-gallery__edit {
  display: none;
}
.media-gallery__edit[hidden] {
  display: none;
}
.media-gallery__edit-error {
  position: absolute;
  z-index: 6;
  inset: auto var(--dia-front-space-8) var(--dia-front-space-8);
  padding: var(--dia-front-space-8);
  border-radius: var(--dia-front-radius-8);
  background: var(--dia-front-color-surface);
  color: var(--dia-front-color-heading);
  font-size: var(--dia-front-font-size-caption);
}
.media-gallery__link {
  display: block;
  overflow: clip;
  aspect-ratio: 4/3;
  border-radius: var(--dia-front-radius-16);
}
.media-gallery__link:focus-visible {
  outline: none;
  box-shadow: var(--dia-front-focus-ring-inset);
}
.media-gallery__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-gallery__empty {
  margin-block: 0;
  padding-block: var(--dia-front-space-80);
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  text-align: center;
}

.dia-front-panel-gallery[data-dia-panel-gallery-continuous] .dia-front-panel-gallery__title {
  margin-bottom: var(--dia-front-space-24);
}
.dia-front-panel-gallery[data-dia-panel-gallery-continuous] .dia-front-panel-gallery__shell > .dia-front-panel-gallery__category + .dia-front-panel-gallery__category {
  padding-block-start: var(--dia-front-space-64);
}

html.sdk-fqe-active .media-gallery__edit {
  position: absolute;
  z-index: 5;
  top: var(--dia-front-space-8);
  right: var(--dia-front-space-8);
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 0;
  border-radius: var(--builder-radius-sm, 4px);
  background: var(--builder-color-accent-2, #1b84ff);
  color: var(--builder-color-on-accent, #fff);
  font: 700 11px/1 Outfit, ui-sans-serif, system-ui, sans-serif;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
html.sdk-fqe-active .media-gallery__edit[hidden] {
  display: none;
}
html.sdk-fqe-active .media-gallery__edit:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
html.sdk-fqe-active .media-gallery__item:is(:hover, :focus-within) > [data-sdk-fqe-external-editor] > .media-gallery__edit, html.sdk-fqe-active .media-gallery__edit:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none) {
  html.sdk-fqe-active .media-gallery__edit {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 40rem) {
  .media-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 62rem) {
  .media-gallery {
    padding-block: var(--dia-front-space-80) var(--dia-front-space-120);
    --media-gallery-navigation-gap: var(--dia-front-space-8);
  }
  .media-gallery__navigation {
    padding: var(--dia-front-space-8);
  }
  .media-gallery__navigation-link {
    min-height: var(--dia-front-control-height-cta-main);
    padding: var(--dia-front-space-12) var(--dia-front-space-24);
    font-size: var(--dia-front-font-size-body);
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
  }
  .media-gallery.has-navigation-overflow .media-gallery__navigation-link {
    max-width: none;
    white-space: nowrap;
  }
  .media-gallery__sections, .media-gallery__empty {
    width: calc(100% - 2 * var(--dia-front-layout-grid-column-width));
  }
  .media-gallery__heading {
    font-size: var(--dia-front-font-size-section-title);
  }
  .media-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--dia-front-space-24);
  }
}
.media-gallery__navigation-viewport {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: clip;
}
.media-gallery__navigation-viewport:not(.swiper-initialized) {
  overflow-x: auto;
  scrollbar-width: none;
}
.media-gallery__navigation-viewport:not(.swiper-initialized)::-webkit-scrollbar {
  display: none;
}
.media-gallery__navigation-list > .swiper-slide {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  height: auto;
}
.media-gallery.is-navigation-enhanced .media-gallery__navigation-list {
  flex-wrap: nowrap;
  justify-content: center;
  gap: var(--media-gallery-navigation-gap);
}
.media-gallery.has-navigation-overflow .media-gallery__navigation-list {
  justify-content: flex-start;
}
.media-gallery.has-navigation-overflow .media-gallery__navigation-viewport.swiper-initialized .media-gallery__navigation-list {
  gap: 0;
}
.media-gallery.has-navigation-overflow .media-gallery__navigation-link {
  max-width: 100%;
  white-space: normal;
}
.media-gallery__rail-arrow {
  flex: 0 0 var(--dia-front-space-40);
  width: var(--dia-front-space-40);
  height: var(--dia-front-space-40);
  padding: 0;
  border: 0;
  border-radius: var(--dia-front-radius-8);
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-sand);
  cursor: pointer;
  transform-origin: center;
  transition: color var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), background-color var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), border-color var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), opacity var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard), transform var(--dia-front-transition-fast) var(--dia-front-motion-ease-standard);
}
.media-gallery__rail-arrow:hover, .media-gallery__rail-arrow:focus-visible {
  transform: none;
}
.media-gallery__rail-arrow:active {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .media-gallery__rail-arrow {
    transition: none;
  }
  .media-gallery__rail-arrow:hover, .media-gallery__rail-arrow:focus-visible, .media-gallery__rail-arrow:active {
    transform: none;
  }
}
.media-gallery__rail-arrow::before {
  display: block;
  width: var(--dia-front-space-16);
  height: var(--dia-front-space-16);
  margin: auto;
  content: "";
  background: currentColor;
  mask: url("../../../../assets/images/icons/icon-chevron-down.svg") center/contain no-repeat;
  transform: rotate(-90deg);
}
.media-gallery__rail-arrow--previous::before {
  transform: rotate(90deg);
}
.media-gallery__rail-arrow:hover {
  background-color: var(--dia-front-color-sun);
}
.media-gallery__rail-arrow:focus-visible {
  outline: 0;
  box-shadow: var(--dia-front-focus-ring-inset);
}
.media-gallery__rail-arrow:disabled {
  opacity: 0.4;
  cursor: default;
}
.media-gallery__rail-arrow[hidden] {
  display: none;
}

@media (scripting: none) {
  .media-gallery__link > img.mf-defer {
    display: none;
  }
}
@media (max-width: 39.999rem) {
  .media-gallery {
    --media-gallery-navigation-gap: var(--dia-front-space-16);
  }
  .media-gallery__navigation {
    width: calc(100% - 2 * var(--dia-front-container-gutter));
    padding-block: var(--dia-front-space-8);
    padding-inline: 0;
  }
  .media-gallery.is-navigation-enhanced .media-gallery__navigation-list {
    justify-content: flex-start;
  }
  .media-gallery__navigation-list > .swiper-slide {
    max-width: none;
  }
  .media-gallery__navigation-link {
    min-height: var(--dia-front-control-height-cta-main-mobile);
    padding: var(--dia-front-space-12) var(--dia-front-space-24);
    color: var(--dia-front-color-heading);
    font-size: var(--dia-front-font-size-meta);
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
  }
  .media-gallery__navigation-link:hover {
    color: var(--dia-front-color-mint);
    background: transparent;
  }
  .media-gallery__navigation-link[aria-current=location] {
    color: var(--dia-front-color-white);
    background: var(--dia-front-color-mint);
    text-decoration-line: none;
  }
  .media-gallery.has-navigation-overflow .media-gallery__navigation-link {
    max-width: none;
    white-space: nowrap;
  }
  .media-gallery__rail-arrow {
    display: none;
  }
}
.media-gallery__film-link {
  position: relative;
  background: var(--dia-front-color-ink-deep);
  color: var(--dia-front-color-white);
  text-decoration: none;
  cursor: pointer;
}

.media-gallery__film-play {
  position: absolute;
  inset: 50% auto auto 50%;
  width: calc(var(--dia-front-space-48) * 2);
  height: calc(var(--dia-front-space-48) * 2);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.media-gallery__film-dialog {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: calc(var(--dia-front-space-48) + 2 * var(--dia-front-space-16) + env(safe-area-inset-top, 0px)) calc(var(--dia-front-space-16) + env(safe-area-inset-right, 0px)) calc(var(--dia-front-space-16) + env(safe-area-inset-bottom, 0px)) calc(var(--dia-front-space-16) + env(safe-area-inset-left, 0px));
  overflow: hidden;
  border: 0;
  background: var(--dia-front-color-ink-deep);
  color: var(--dia-front-color-white);
  --dia-video-command-color: var(--dia-front-color-heading);
  --dia-video-command-background: var(--dia-front-color-cta-main);
  --dia-video-command-hover-background: var(--dia-front-color-cta-main-hover);
  --dia-video-command-radius: var(--dia-front-radius-8);
  --dia-video-command-border-width: 0;
  --dia-video-command-font-family: var(--dia-front-font-interface);
  --dia-video-command-font-size: var(--dia-front-font-size-body);
  --dia-video-command-font-weight: var(--dia-front-font-weight-heading);
  --dia-video-command-focus-color: var(--dia-front-color-cta-main);
  --dia-video-command-status-color: var(--dia-front-color-white);
  --dia-video-command-status-background: var(--dia-front-color-ink-deep);
}
.media-gallery__film-dialog::backdrop {
  background: var(--dia-front-color-overlay-card-strong);
}
.media-gallery__film-dialog [hidden] {
  display: none;
}
.media-gallery__film-dialog [data-dia-video-player] video,
.media-gallery__film-dialog [data-dia-video-player] hls-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.media-gallery__film-dialog .media-gallery__film-close {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 auto;
  width: var(--dia-front-space-48);
  min-width: var(--dia-front-space-48);
  height: var(--dia-front-space-48);
  min-height: var(--dia-front-space-48);
  place-items: center;
  padding: var(--dia-front-space-16);
  border: 0;
  border-radius: var(--dia-front-radius-8);
  background-color: var(--dia-front-color-cta-main);
  background-image: url("../images/icons/icon-close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--dia-front-close-icon-size);
  box-shadow: none;
  color: var(--dia-front-color-heading);
  font-size: 0;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dia-front-transition-fast) ease;
}
.media-gallery__film-dialog .media-gallery__film-close > :where(svg, img, span) {
  display: none;
}
.media-gallery__film-dialog .media-gallery__film-close::before {
  content: none;
}
.media-gallery__film-dialog .media-gallery__film-close:hover, .media-gallery__film-dialog .media-gallery__film-close:active {
  background-color: var(--dia-front-color-cta-main-hover);
}
.media-gallery__film-dialog .media-gallery__film-close:focus-visible {
  outline: 0;
  box-shadow: var(--dia-front-focus-ring-inset);
}
@media (prefers-reduced-motion: reduce) {
  .media-gallery__film-dialog .media-gallery__film-close {
    transition: none;
  }
}
.media-gallery__film-dialog .media-gallery__film-close {
  background-image: url("../../../../assets/images/icons/icon-close.svg");
  position: absolute;
  top: calc(var(--dia-front-space-16) + env(safe-area-inset-top, 0px));
  right: calc(var(--dia-front-space-16) + env(safe-area-inset-right, 0px));
  background-color: var(--dia-front-color-cta-main);
}
.media-gallery__film-dialog .media-gallery__film-close:hover, .media-gallery__film-dialog .media-gallery__film-close:active {
  background-color: var(--dia-front-color-cta-main-hover);
}

.media-gallery__film-loading,
.media-gallery__film-error {
  margin: 0;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-medium);
}
.media-gallery__film-loading[hidden],
.media-gallery__film-error[hidden] {
  display: none;
}

@media (scripting: none) {
  .media-gallery__film-play.mf-defer {
    display: none;
  }
}