@media (max-width: 768px) {
  .video-shorts-carousel > .container {
    padding-inline: 10px;
  }
}
.video-shorts-carousel .glide__track {
  margin-top: 4rem;
  margin-bottom: 2rem;
  min-height: 20vw;
}
@media (max-width: 2200px) {
  .video-shorts-carousel .glide__track {
    min-height: 22vw;
  }
}
@media (max-width: 2000px) {
  .video-shorts-carousel .glide__track {
    min-height: 26vw;
  }
}
@media (max-width: 1700px) {
  .video-shorts-carousel .glide__track {
    min-height: 25vw;
  }
}
@media (max-width: 1600px) {
  .video-shorts-carousel .glide__track {
    min-height: 31vw;
  }
}
@media (max-width: 1500px) {
  .video-shorts-carousel .glide__track {
    min-height: 30vw;
  }
}
@media (max-width: 1400px) {
  .video-shorts-carousel .glide__track {
    min-height: 29vw;
  }
}
@media (max-width: 1300px) {
  .video-shorts-carousel .glide__track {
    min-height: 34vw;
  }
}
@media (max-width: 1200px) {
  .video-shorts-carousel .glide__track {
    min-height: 32vw;
  }
}
@media (max-width: 1100px) {
  .video-shorts-carousel .glide__track {
    min-height: 35vw;
  }
}
@media (max-width: 1000px) {
  .video-shorts-carousel .glide__track {
    min-height: 32vw;
  }
}
@media (max-width: 950px) {
  .video-shorts-carousel .glide__track {
    min-height: 41vw;
  }
}
@media (max-width: 768px) {
  .video-shorts-carousel .glide__track {
    min-height: 55vw;
  }
}
@media (max-width: 650px) {
  .video-shorts-carousel .glide__track {
    min-height: 52vw;
  }
}
@media (max-width: 600px) {
  .video-shorts-carousel .glide__track {
    min-height: 90vw;
  }
}
@media (max-width: 550px) {
  .video-shorts-carousel .glide__track {
    min-height: 80vw;
  }
}
@media (max-width: 500px) {
  .video-shorts-carousel .glide__track {
    min-height: 70vw;
  }
}
@media (max-width: 450px) {
  .video-shorts-carousel .glide__track {
    min-height: 68vw;
  }
}
@media (max-width: 400px) {
  .video-shorts-carousel .glide__track {
    min-height: 90vw;
  }
}
@media (max-width: 375px) {
  .video-shorts-carousel .glide__track {
    min-height: 85vw;
  }
}
@media (max-width: 350px) {
  .video-shorts-carousel .glide__track {
    min-height: 98vw;
  }
}
@media (max-width: 325px) {
  .video-shorts-carousel .glide__track {
    min-height: 90vw;
  }
}
.video-shorts-carousel .glide__item {
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 9/16;
}
.video-shorts-carousel .modal-video-toggle {
  background: none;
  position: relative;
  isolation: isolate;
}
.video-shorts-carousel .modal-video-toggle img {
  scale: 101%;
}
.video-shorts-carousel .modal-video-toggle::after {
  content: url('data:image/svg+xml,<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><circle cx="35.5" cy="35.5" r="35.5" fill="white"/><path d="M51.747 33.768C53.0803 34.5378 53.0803 36.4623 51.747 37.2321L28.8765 50.4364C27.5432 51.2062 25.8765 50.2439 25.8765 48.7043L25.8765 22.2958C25.8765 20.7562 27.5432 19.7939 28.8765 20.5637L51.747 33.768Z" fill="%231942D8"/></svg>');
  opacity: 0;
}
.video-shorts-carousel .modal-video-toggle::before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #1E1E1E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.video-shorts-carousel .modal-video-toggle:hover img {
  opacity: 1;
}
.video-shorts-carousel .modal-video-toggle:hover::before {
  opacity: 0.5;
  z-index: 1;
  transition: opacity 500ms ease;
}
.video-shorts-carousel .modal-video-toggle:hover::after {
  z-index: 2;
  opacity: 1;
  transition: opacity 500ms ease;
}

/*# sourceMappingURL=video-shorts-carousel.css.map */