.wp-block-splide-carousel.splide--fade.splide--ttb {
    margin-top: -9vh;
    overflow: hidden;
    padding-bottom: 4rem;
    padding-top: 9vh;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__track {
    height: var(--slide-height, 60vh) !important;
    overflow: visible;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__slide {
    height: var(--slide-height, auto) !important;
    left: 0;
    min-height: 60vh;
    position: absolute;
    top: 0;
    transform: scale(1) translateY(100%) !important;
    transform-origin: top center;
    transition:
        transform 0.5s ease,
        opacity 0.5s ease !important;
    width: 100%;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__slide > .wp-block-group {
    min-height: 100% !important;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__slide.is-prev {
    opacity: 1 !important;
    transform: scale(0.8) translateY(-9vh) !important;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__slide.is-next {
    opacity: 1 !important;
    transform: scale(1) translateY(100%) !important;
    z-index: 0;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__slide.is-active {
    transform: scale(1) translateY(0%) !important;
    z-index: 10;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__pagination {
    z-index: 20;
}

.wp-block-splide-carousel.splide--fade.splide--ttb .splide__controls {
    flex-direction: column-reverse;
    gap: 1rem;
    justify-content: flex-end;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 900px) {
    .wp-block-splide-carousel.splide--fade.splide--ttb {
        margin-top: unset;
    }
}