.slider20 {
    position: relative;
    display: grid;
    align-items: center;
}

.slider20__wrap {
    overflow: hidden;
}

.slider20 .swiper {
    height: 100%;
    width: 100%;
}

.slider20 swiper-slide {
    display: flex;
    justify-content: center;
    flex-direction: column;

    container-type: inline-size;
}

.slider20.auto swiper-slide {
    width: fit-content;
}

.slider20 swiper-container::part(wrapper) {
    align-items: center;
}

.slider20 swiper-container::part(button-prev),
.slider20 swiper-container::part(button-next) {
    color: var(--accent-color);
}

.slider20 swiper-container::part(bullet-active) {
    background-color: var(--accent-color);
}

.headerSlider20 swiper-container {
    display: grid;
}

.slider20.hero img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slider20__item {
    width: 100%;
}

/** NAVIGATION OVERRIDE **/
.slider20__button {
    all: unset;

    position: absolute;
    color: var(--accent-color, #000000);
    cursor: pointer;
    font-size: 34px;
    z-index: 1;
}

.slider20__button:before {
    margin: 0;
}

.slider20__button--left {
    grid-column: padding_left;
    left: 0;
}

.section20__article--full-width .slider20__button--left {
    left: 0;
    right: auto;
}

.slider20__button--right {
    grid-column: padding_right;
    right: 0;
}

.section20__article--full-width .slider20__button--right {
    left: auto;
    right: 0;
}

.slider20__button:where(.swiper-button-disabled) {
    visibility: hidden;
    cursor: auto;
}

@media (min-width: 992px) {
    .slider20__button {
        font-size: 28px;
    }
}

@media (min-width: 1200px) {
    .slider20__button {
        font-size: 34px;
    }

    .slider20__button--left {
        inset: auto 0 auto auto;
    }

    .slider20__button--right {
        inset: auto auto auto 0;
    }
}

.mediumTileSliderLayout20 swiper-container,
.miniTileSliderLayout20 swiper-container {
    display: grid;
}

.flex-card--in-swiper-slide {
    min-height: 150px;
}

.slider__slide {
    flex-basis: 100%;
}

@media screen and (min-width: 768px) {
    .slider__slide:not([size="1-1"]) {
        flex-basis: calc(50% - var(--flex-gap, 0px));
    }
}

@media screen and (min-width: 992px) {
    .slider__slide[size='1-3'],
    .slider__slide[size='1-4'],
    .slider__slide[size='1-5'],
    .slider__slide[size='1-6'] {
        flex-basis: calc((100% / 3) - var(--flex-gap, 0px));
    }

    .slider__slide[size='2-3'] {
        flex-basis: calc(100% * (2 / 3) - var(--flex-gap, 0px));
    }
}

@media screen and (min-width: 1200px) {
    .slider__slide[size='1-4'] {
        flex-basis: calc(25% - var(--flex-gap, 0px));
    }

    .slider__slide[size='1-5'] {
        flex-basis: calc(20% - var(--flex-gap, 0px));
    }

    .slider__slide[size='1-6'] {
        flex-basis: calc(100% * (1 / 6) - var(--flex-gap, 0px));
    }

    .slider__slide[size='3-4'] {
        flex-basis: calc(75% - var(--flex-gap, 0px));
    }

    .slider__slide[size='3-5'] {
        flex-basis: calc(60% - var(--flex-gap, 0px));
    }

    .slider__slide[size='2-5'] {
        flex-basis: calc(40% - var(--flex-gap, 0px));
    }

    .slider__slide[size='4-5'] {
        flex-basis: calc(80% - var(--flex-gap, 0px));
    }

    .slider__slide[size='5-6'] {
        flex-basis: calc(100% * (5 / 6) - var(--flex-gap, 0px));
    }
}