/* Do not edit anything below */
.media-card-slider-section {
  overflow: hidden;
}
.media-card-slider-section .swiper {
  overflow: visible;
}
.media-card-slider-section .swiper-slide {
  max-inline-size: 75%;
}
.media-card-slider-section .img-cover {
  object-position: top left;
}
.media-card-slider-section .card {
  border-radius: 0.75rem;
  position: relative;
  overflow: hidden;
  user-select: none;
}
.media-card-slider-section .card.left-top img,
.media-card-slider-section .card.left-top video,
.media-card-slider-section .card.left-top iframe {
  object-position: left top;
}
.media-card-slider-section .card.center-top img,
.media-card-slider-section .card.center-top video,
.media-card-slider-section .card.center-top iframe {
  object-position: center top;
}
.media-card-slider-section .card.right-top img,
.media-card-slider-section .card.right-top video,
.media-card-slider-section .card.right-top iframe {
  object-position: right top;
}
.media-card-slider-section .card.left-center img,
.media-card-slider-section .card.left-center video,
.media-card-slider-section .card.left-center iframe {
  object-position: left center;
}
.media-card-slider-section .card.center-center img,
.media-card-slider-section .card.center-center video,
.media-card-slider-section .card.center-center iframe {
  object-position: center center;
}
.media-card-slider-section .card.right-center img,
.media-card-slider-section .card.right-center video,
.media-card-slider-section .card.right-center iframe {
  object-position: right center;
}
.media-card-slider-section .card.left-bottom img,
.media-card-slider-section .card.left-bottom video,
.media-card-slider-section .card.left-bottom iframe {
  object-position: left bottom;
}
.media-card-slider-section .card.center-bottom img,
.media-card-slider-section .card.center-bottom video,
.media-card-slider-section .card.center-bottom iframe {
  object-position: center bottom;
}
.media-card-slider-section .card.right-bottom img,
.media-card-slider-section .card.right-bottom video,
.media-card-slider-section .card.right-bottom iframe {
  object-position: right bottom;
}
.media-card-slider-section .media-landscape-slider .swiper-slide {
  inline-size: 48.875rem;
}
.media-card-slider-section .media-landscape-slider .card {
  aspect-ratio: 782/428;
}
.media-card-slider-section .media-portrait-slider .swiper-slide {
  inline-size: 21.4375rem;
}
.media-card-slider-section .media-portrait-slider .card {
  aspect-ratio: 343/524;
}
.media-card-slider-section .video-wrapper::after {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}
.media-card-slider-section .btn-dialog-open {
  aspect-ratio: 1;
  inline-size: clamp(2.75rem, 2.75rem + 2.25 * (100vw - 48rem) / 27, 5rem);
  margin: auto;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.media-card-slider-section .btn-dialog-open svg {
  inline-size: 100%;
  block-size: 100%;
  opacity: 0.6;
}
.media-card-slider-section .btn-dialog-open:hover svg, .media-card-slider-section .btn-dialog-open:focus-visible svg {
  animation: play 0.3s ease-out;
}
.media-card-slider-section .dialog {
  background-color: #333;
  max-inline-size: 75%;
  padding: 0;
  margin: auto;
  border: 0;
  z-index: 10;
  transition: 0.25s ease-out;
  overflow: hidden;
  user-select: none;
}
.media-card-slider-section .dialog::backdrop {
  background: rgba(0, 0, 0, 0.8);
}
.media-card-slider-section .dialog .btn-dialog-close {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.25rem;
  display: block;
  align-items: center;
  justify-content: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 0.3125rem;
  position: absolute;
  inset-inline-end: 0.9375rem;
  inset-block-start: 0.9375rem;
  z-index: 1;
}
.media-card-slider-section .dialog .btn-dialog-close svg {
  inline-size: 1.5rem;
}
.media-card-slider-section .dialog video,
.media-card-slider-section .dialog iframe {
  inline-size: 75vw;
}
.media-card-slider-section .card > video,
.media-card-slider-section .card > iframe {
  inline-size: 100%;
  block-size: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}
.media-card-slider-section video::-webkit-media-controls {
  display: none !important;
}

@keyframes play {
  50% {
    transform: scale(0.75);
  }
}