.chapters-slider-wrapper {
  position: relative;
}

.chapters-list-slider {
  position: relative;
  margin: 0 60px;
}

.current-chapter-number {
  display: none;
}

.chapters-list-slider.slick-slider {
  display: block;
}

.chapters-nav {
  font-size: 0;
  width: fit-content;
  height: fit-content;
  border-radius: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: auto;
  border: 0;
  font-size: 0;
  padding: 0;
}

.chapters-nav:before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background: rgba(0, 0, 0, .2);
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 0;
  transition: all 300ms ease-in-out;
}

.chapters-next:hover:before {
  background: #e9ecef;
  background-image: url(../../../images/icons/views-arrows-blue-right.svg);
  background-repeat: no-repeat;
  background-position: 50%;
}

.chapters-next:before {
  background-image: url(../../../images/icons/views-arrows-dark-right.svg);
}

.chapters-prev:before {
  background-image: url(../../../images/icons/views-arrows-dark-left.svg);
}

.chapters-prev:hover:before {
  background: #e9ecef;
  background-image: url(../../../images/icons/views-arrows-blue-left.svg);
  background-repeat: no-repeat;
  background-position: 50%;
}

.chapters-prev {
  left: 0;
}

.chapters-next {
  right: 0;
}

.chapters-list-slider .slick-prev.slick-disabled:before,
.chapters-list-slider .slick-next.slick-disabled:before {
  opacity: .25;
}

.block__content:has(>.chapters-slider-wrapper) {
  padding: 20px 0;
}

.chapters-list-slider .slick-track {
  display: flex !important;
}

.chapters-list-slider .slick-slide {
  height: auto;
  display: flex !important;
  flex-direction: column;
}

.chapters-list-slider .slick-slide>div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.slider-not-full~.chapters-nav {
  display: none;
}

.slider-not-full.chapters-list-slider {
  margin: 0;
}

.slider-not-full .slick-track {
  transform: none !important;
  width: 100% !important;
}

.chapters-nav[disabled] {
  pointer-events: none;
  opacity: 0.5;
}