.ark-block-slider {
    --arkb-slider-height: auto;
    --arkb-padding: 2rem;
    --swiper-navigation-size: 32px;
    --swiper-theme-color: #000
}
.ark-block-slider[data-inner=article] .ark-block-slider__body {
    max-width: var(--ark-width--article, 1000px)
}
.ark-block-slider .swiper {
    height: 100%;
    width: 100%
}
.ark-block-slider[data-direction=horizontal] .ark-block-slider__nav.-prev {
    left: 4px
}
.ark-block-slider[data-direction=horizontal] .ark-block-slider__nav.-next {
    right: 4px
}
.ark-block-slider[data-direction=vertical] .ark-block-slider__nav {
    left: calc(50% - var(--swiper-navigation-size)/2);
    margin: 0 !important;
    right: auto;
    transform: rotate(90deg)
}
.ark-block-slider[data-direction=vertical] .ark-block-slider__nav.-prev {
    bottom: auto;
    top: 4px
}
.ark-block-slider[data-direction=vertical] .ark-block-slider__nav.-next {
    bottom: 4px;
    top: auto
}
.ark-block-slider[data-direction=vertical] .swiper-pagination-fraction {
    padding-right: 8px;
    text-align: right
}
.ark-block-slider .ark-block-slider__nav {
    height: var(--swiper-navigation-size);
    width: var(--swiper-navigation-size)
}
.ark-block-slider .ark-block-slider__nav:after {
    content: none
}
.ark-block-slider .ark-block-slider__nav svg {
    height: 100%;
    width: 100%
}
.ark-block-slider .ark-block-slider__nav.swiper-button-disabled {
    opacity: .3
}
.ark-block-slider[data-height=full] {
    --arkb-slider-height: var(--ark-height--full, 100vh)
}
.ark-block-slider .ark-block-slider__inner {
    height: var(--arkb-slider-height)
}
.ark-block-slider .alignfull {
    left: 0;
    width: 100%
}
.ark-block-slider .swiper.-thumb {
    box-sizing: border-box;
    height: 80px;
    margin: 8px 0
}
.ark-block-slider .swiper.-thumb .swiper-slide {
    cursor: pointer;
    flex: 1;
    height: 100%;
    margin: 0 4px;
    min-width: 80px;
    opacity: .3;
    width: auto
}
.ark-block-slider .swiper.-thumb .swiper-slide:first-child {
    margin-left: 0
}
.ark-block-slider .swiper.-thumb .swiper-slide:last-child {
    margin-right: 0
}
.ark-block-slider .swiper.-thumb .swiper-slide-thumb-active {
    opacity: 1
}
.ark-block-slider .ark-block-slider__thumb {
    display: block;
    height: 100%
}
.ark-block-slider__slide {
    height: 100%;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative
}
.ark-block-slider__media {
    display: block;
    z-index: 0
}
.ark-block-slider__media .ark-block-slider__img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}
.ark-block-slider__color {
    z-index: 1
}
.ark-block-slider__body {
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}
.ark-block-slider__body.-is-fixed {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5
}
.ark-block-slider__body[data-content=top-left] {
    align-items: flex-start;
    justify-content: flex-start
}
.ark-block-slider__body[data-content=top-center] {
    align-items: flex-start;
    justify-content: center;
    text-align: center
}
.ark-block-slider__body[data-content=top-right] {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right
}
.ark-block-slider__body[data-content=center-left] {
    align-items: center;
    justify-content: flex-start
}
.ark-block-slider__body[data-content=center-center] {
    align-items: center;
    justify-content: center;
    text-align: center
}
.ark-block-slider__body[data-content=center-right] {
    align-items: center;
    justify-content: flex-end;
    text-align: right
}
.ark-block-slider__body[data-content=bottom-left] {
    align-items: flex-end;
    justify-content: flex-start
}
.ark-block-slider__body[data-content=bottom-center] {
    align-items: flex-end;
    justify-content: center;
    text-align: center
}
.ark-block-slider__body[data-content=bottom-right] {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right
}
.ark-block-slider__bodyInner {
    padding: var(--arkb-padding);
    width: 100%
}
.ark-block-slider__img, .ark-block-slider__video {
    object-position: center
}
@media not all and (min-width:1000px) {
    .ark-block-slider {
        --swiper-navigation-size: 24px
    }
    .ark-block-slider .swiper.-thumb {
        height: 56px
    }
    .ark-block-slider .swiper.-thumb .swiper-slide {
        min-width: 56px
    }
}