/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.paragraph--type--video-grid .slick-wrapper {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .paragraph--type--video-grid .slick-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(12, 1fr);
  }
}

.paragraph--type--video-grid .slick--optionset--video-carousel {
  margin-bottom: 16px;
}

@media (min-width: 1200px) {
  .paragraph--type--video-grid .slick--optionset--video-carousel {
    grid-column: span 9;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .paragraph--type--video-grid .slick--optionset--video-nav {
    grid-column: span 3;
  }

  .paragraph--type--video-grid .slick--optionset--video-nav .slick-slider,
  .paragraph--type--video-grid .slick--optionset--video-nav .slick-list,
  .paragraph--type--video-grid .slick--optionset--video-nav .slick-track {
    height: 100%;
  }
}

.paragraph--type--video-grid .slick--optionset--video-nav .slick-track {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  transform: none !important;
}

@media (min-width: 1200px) {
  .paragraph--type--video-grid .slick--optionset--video-nav .slick-track {
    flex-direction: column;
  }
}

.paragraph--type--video-grid .slick--optionset--video-nav .slick-track:before {
  display: none;
}

.paragraph--type--video-grid .slick--optionset--video-nav .slick-track:after {
  display: none;
}

@media (min-width: 1200px) {
  .paragraph--type--video-grid .slick--optionset--video-nav .slick__slide {
    width: 100% !important;
    height: auto;
  }
}

.paragraph--type--video-grid .slick--optionset--video-nav .slick-current {
  display: none;
}

.paragraph--type--video-grid .image-carousel .slick-list {
  border-radius: 0;
}