.component-slider {
  width:100%;
  position:relative;
  justify-content:inherit
}

.component-slider[data-img-type=image] {
  position:relative
}

.component-slider[data-img-type=image] .component-slider__item {
  height:auto
}

.component-slider[data-img-type=image] .component-image {
  padding-bottom:0
}

.component-slider[data-img-type=image] .component-video {
  padding-bottom:56%
}

.component-slider[data-img-type=image] .component-video .video-wrapper {
  position:absolute
}

.component-slider .slider-pagination {
  width:100%
}

.component-slider .fraction-pagination {
  font-weight:700;
  font-size:13px;
  bottom:10px
}

.component-slider[data-current-content=video] .slider-pagination {
  pointer-events:none;
  opacity:0;
  transform:translateY(5px)
}

.component-slider[data-current-content=video] .slider-button {
  pointer-events:none
}

.component-slider[data-current-content=video] .slider-button span {
  pointer-events:all
}

.component-slider.show-controls-on-hover .slider-button {
  opacity:0;
  transition:opacity .25s ease-out
}

.component-slider.show-controls-on-hover:hover .slider-button,.editor-focus .component-slider .slider-button,.editor-hover .component-slider .slider-button {
  opacity:1
}

.component-slider.show-controls-on-hover:hover .slider-button.swiper-button-disabled,.editor-focus .component-slider .slider-button.swiper-button-disabled,.editor-hover .component-slider .slider-button.swiper-button-disabled {
  opacity:.4
}

.component-slider__container {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden
}

.component-slider__wrapper {
  position:relative;
  height:100%;
  display:flex;
  flex-flow:row nowrap;
  align-items:flex-start
}

.component-slider__item {
  flex-shrink:0;
  width:100%;
  height:100%;
  overflow:hidden
}

.component-slider.swiper-inited .component-slider__item,.component-slider.swiper-inited .component-slider__item *,.component-slider>.swiper-inited .component-slider__item,.component-slider>.swiper-inited .component-slider__item * {
  pointer-events:none
}

.component-slider.swiper-inited .component-slider__item.swiper-slide-active *,.component-slider>.swiper-inited .component-slider__item.swiper-slide-active * {
  pointer-events:auto
}

.slider-pagination.type--thumbs {
  --thumbPad:14px;
  --thumbSize:70px;
  position:static;
  justify-content:inherit;
  padding:0;
  margin:0;
  margin-top:var(--thumbPad);
  width:100%;
  max-width:none
}

.slider-pagination.type--thumbs.size--small {
  --thumbPad:10px;
  --thumbSize:50px
}

.slider-pagination.type--thumbs .thumbs-slider {
  display:flex;
  justify-content:inherit;
  margin:calc(var(--thumbPad) * -.5);
  width:calc(100% + var(--thumbPad))
}

.slider-pagination.type--thumbs .thumbs-slider.is-filled {
  justify-content:flex-start
}

.slider-pagination.type--thumbs .thumbs {
  position:relative;
  width:auto;
  height:100%;
  display:flex;
  flex-flow:row nowrap;
  align-items:flex-start;
  justify-content:flex-start;
  transition:transform .65s ease
}

.slider-pagination.type--thumbs .thumb-item {
  position:relative;
  flex-shrink:0;
  width:calc(var(--thumbSize) + var(--thumbPad));
  padding:calc(var(--thumbPad) / 2);
  cursor:pointer
}

.slider-pagination.type--thumbs .thumb-item .component-image:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  pointer-events:none;
  width:100%;
  height:100%;
  background:#fff;
  background:var(--contrastColor);
  opacity:.35;
  z-index:1;
  transition:opacity .35s ease
}

.slider-pagination.type--thumbs .thumb-item--active .component-image:before {
  opacity:0
}

.slider-pagination.type--thumbs .component-image {
  width:100%;
  height:auto!important;
  padding-bottom:100%!important
}

.slider-pagination.type--thumbs img {
  position:static;
  width:auto;
  height:100%
}

body.adaptive-mobile .slider-pagination.type--thumbs {
  --thumbPad:10px;
  --thumbSize:50px
}