.cdt-slideshow {
    transition: opacity .3s ease-in-out;
}

.cdt-slideshow:not(.cdt-slideshow-loaded) {
    opacity: 0;
}

.cdt-slideshow-inner {
    width: 100%;
}

.cdt-slideshow-canvas,
.cdt-slideshow-inner {
    height: 100%;
    overflow: hidden;
}

.cdt-slideshow-slide {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    overflow: hidden;
}

.cdt-slideshow-active,
.cdt-slideshow-old {
    transition: all 0.9s ease-out;
}

.cdt-slideshow-active {
    z-index: 10;
}

.cdt-slideshow[data-slideshow-transition="fade"] .cdt-slideshow-slide:not(.cdt-slideshow-active) {
    opacity: 0;
}

/* Slide animation */
.cdt-slideshow[data-slideshow-transition="slide"].cdt-slideshow-running:not(.cdt-slideshow-reverse) .cdt-slideshow-slide.cdt-slideshow-active {
    animation-name: cdt-slideshow-slide-from-right;
    animation-timing-function: ease-out;
    animation-duration: 0.9s;
}

@keyframes cdt-slideshow-slide-from-right {
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

.cdt-slideshow[data-slideshow-transition="slide"].cdt-slideshow-running:not(.cdt-slideshow-reverse) .cdt-slideshow-slide.cdt-slideshow-old {
    animation-name: cdt-slideshow-slide-to-left;
    animation-timing-function: ease-out;
    animation-duration: 0.9s;
}

@keyframes cdt-slideshow-slide-to-left {
    from {
        left: 0;
    }

    to {
        left: -100%;
    }
}

.cdt-slideshow[data-slideshow-transition="slide"].cdt-slideshow-running.cdt-slideshow-reverse .cdt-slideshow-slide.cdt-slideshow-active {
    animation-name: cdt-slideshow-slide-from-left;
    animation-timing-function: ease-out;
    animation-duration: 0.9s;
}

@keyframes cdt-slideshow-slide-from-left {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

.cdt-slideshow[data-slideshow-transition="slide"].cdt-slideshow-running.cdt-slideshow-reverse .cdt-slideshow-slide.cdt-slideshow-old {
    animation-name: cdt-slideshow-slide-to-right;
    animation-timing-function: ease-out;
    animation-duration: 0.9s;
}

@keyframes cdt-slideshow-slide-to-right {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

/* Images */
.cdt-slideshow-slide-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.cdt-slideshow-slide img {
    display: block;
    max-width: none;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

.cdt-slideshow-nav {
    position: static;
}

.cdt-slideshow-bullets {
    position: absolute;
    z-index: 15;
}

.cdt-slideshow-btn-next {
    z-index: 15;
}