/* components/dynamic-scroller/src/scss/dynamic-scroller.scss */
@media (min-width: 62em) {
  .c-dynamic-scroller__side .grid {
    grid-template-columns: repeat(20, 1fr);
  }
}
.c-dynamic-scroller__navigation,
.c-dynamic-scroller__medias {
  display: none;
}
.c-dynamic-scroller__navigation {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.1875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 100vh;
}
@media (min-width: 62em) {
  .c-dynamic-scroller__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-dynamic-scroller__navigation__item {
  font-weight: var(--iio-fw-semibold);
  font-size: 1.375rem;
  line-height: 1.3636363636;
  color: var(--iio-body-color-light);
  -webkit-transition: var(--iio-transition-eased);
  transition: var(--iio-transition-eased);
}
.c-dynamic-scroller__navigation__item.active {
  color: var(--iio-color-primary);
}
.c-dynamic-scroller__medias {
  position: relative;
}
.c-dynamic-scroller__medias .media {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 100vh;
  width: 100%;
  overflow: hidden;
  border-radius: 2.1875rem;
}
.c-dynamic-scroller__medias .media div {
  height: 100%;
  width: 100%;
}
.c-dynamic-scroller__medias .media .contextual-region {
  position: initial;
}
.c-dynamic-scroller__medias .media .contextual {
  display: none;
}
.c-dynamic-scroller__medias .media img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  z-index: -1;
}
@media (min-width: 48em) {
  .c-dynamic-scroller__medias {
    display: block;
  }
}
/*# sourceMappingURL=dynamic-scroller.css.map */