.component-slider {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: auto 1fr auto;
    justify-content: inherit
}

.component-slider .slider-button,
.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[data-pagination=inside] .component-image__content {
    padding-top: 35px;
    padding-bottom: 35px
}

.component-slider[data-pagination=top] {
    grid-template-rows: auto 1fr
}

.component-slider[data-pagination=top] .slider-pagination {
    grid-column: 1/-1;
    grid-row: 1;
    margin: 0 0 var(--thumbPad)
}

.component-slider[data-pagination=top] .component-slider__wrapper {
    grid-row: 2
}

.component-slider[data-pagination=top] .slider-button[data-direction=next],
.component-slider[data-pagination=top] .slider-button[data-direction=prev] {
    grid-row: 2/2
}

.component-slider[data-pagination=left] .component-slider__wrapper,
.component-slider[data-pagination=right] .component-slider__wrapper {
    grid-row: 1/-1
}

.component-slider[data-pagination=left] .slider-pagination,
.component-slider[data-pagination=right] .slider-pagination {
    grid-column: 1;
    grid-row: 1/-1;
    margin: 0
}

.component-slider[data-pagination=left] .slider-pagination.type--thumbs .thumbs,
.component-slider[data-pagination=right] .slider-pagination.type--thumbs .thumbs {
    flex-direction: column
}

.component-slider[data-pagination=right] {
    grid-template-rows: 1fr;
    grid-template-columns: auto 1fr auto min-content
}

.component-slider[data-pagination=right] .component-slider__wrapper {
    grid-column: 1/4
}

.component-slider[data-pagination=right] .slider-pagination {
    grid-column: 4
}

.component-slider[data-pagination=right] .slider-pagination.type--thumbs .thumb-item {
    margin-left: var(--thumbPad);
    margin-right: 0
}

.component-slider[data-pagination=left] {
    grid-template-rows: 1fr;
    grid-template-columns: min-content auto 1fr auto
}

.component-slider[data-pagination=left] .component-slider__wrapper {
    grid-column: 2/5
}

.component-slider[data-pagination=left] .slider-button[data-direction=prev] {
    grid-column: 2
}

.component-slider[data-pagination=left] .slider-button[data-direction=next] {
    grid-column: 4
}

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

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

.slider-button[data-direction=prev] {
    grid-row: 1/1;
    grid-column: 1
}

.slider-button[data-direction=next] {
    grid-row: 1/1;
    grid-column: 3
}

.component-slider .slider-pagination {
    grid-column: 1/-1;
    grid-row: 2
}

.component-slider__wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    grid-column: 1/-1;
    grid-row: 1;
    border-radius: var(--radius, 0)
}

.component-slider__item,
.component-slider__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}

.component-slider__item {
    flex-shrink: 0
}

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

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

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

.slider-pagination.type--thumbs.swiper-vertical .thumbs {
    min-height: stretch;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    height: 0
}

@supports (-webkit-hyphens:none) {
    .slider-pagination.type--thumbs.swiper-vertical .thumbs {
        min-height: 100%
    }
}

.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;
    pointer-events: all
}

.slider-pagination.type--thumbs .thumb-item {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    width: var(--thumbSize);
    height: var(--thumbSize);
    margin-right: var(--thumbPad);
    scroll-snap-stop: normal !important
}

.slider-pagination.type--thumbs .thumb-item:last-child {
    margin-right: 0
}

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

.slider-pagination.type--thumbs .thumb-item:hover:before {
    opacity: .2
}

.slider-pagination.type--thumbs .thumb-item.swiper-slide-thumb-active:before {
    opacity: 0
}

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

.element-content.element-744938690.element-content--static {
    overflow: hidden;
}