.multi-column-card-slider {
    display: block;

    .multi-column-card-slider-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: baseline;

        @screen sm {
            flex-wrap: nowrap;
        }
    }

    .multi-column-card-slider-header-navigation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;

        @screen sm {
            width: auto;
        }
    }

    .multi-column-card-slider-header-navigation-control {
        display: flex;
        flex-shrink: 0;
    }

    .multi-column-card-slider-title {
        margin-bottom: 0;
    }

    .multi-column-card-slider-index-slider {
        @apply text-red;

        display: block;
        height: 28px;
        width: 120px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
    }

    .multi-column-card-slider-card-slider {
        overflow: hidden;

        .swiper-wrapper {
            align-items: flex-start;
            height: auto;
        }

        .swiper-slide {
            opacity: 0;
            visibility: hidden;

            transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
        }
        .swiper-slide-active {
            opacity: 1;
            visibility: visible;
        }
    }
}