body {
   
    .splide__track--draggable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .splide__track--fade > .splide__list > .splide__slide {
        opacity: 0;
        z-index: 0;
        margin: 0 !important
    }

        .splide__track--fade > .splide__list > .splide__slide.is-active {
            opacity: 1;
            z-index: 1
        }

    .splide--rtl {
        direction: rtl
    }

    .splide__track--ttb > .splide__list {
        display: block
    }

    .splide__container {
        box-sizing: border-box;
        position: relative
    }

    .splide__list {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: 100%;
        display: flex;
        margin: 0 !important;
        padding: 0 !important
    }

    .splide.is-initialized:not(.is-active) .splide__list {
        display: block
    }

    .splide__pagination {
        pointer-events: none;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        display: flex
    }

        .splide__pagination li {
            pointer-events: auto;
            margin: 0;
            line-height: 1;
            list-style-type: none;
            display: inline-block
        }

    .splide:not(.is-overflow) .splide__pagination {
        display: none
    }

    .splide__progress__bar {
        width: 0
    }

    .splide {
        visibility: hidden;
        position: relative
    }

        .splide.is-initialized, .splide.is-rendered {
            visibility: visible
        }

    .splide__slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box;
        flex-shrink: 0;
        margin: 0;
        position: relative;
        list-style-type: none !important
    }

        .splide__slide img {
            vertical-align: bottom
        }

    .splide__spinner {
        contain: strict;
        border: 2px solid #999;
        border-left-color: transparent;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin: auto;
        animation: 1s linear infinite splide-loading;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .splide__sr {
        clip: rect(0 0 0 0);
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
        display: none
    }

    .splide__toggle.is-active .splide__toggle__pause {
        display: inline
    }

    .splide__track {
        z-index: 0;
        position: relative;
        overflow: hidden
    }
}