/* @group Example
------------------------------------ */


.meet-kai .col-title {
    position: relative;
    isolation: isolate;
    z-index: 1;
}


.meet-kai .deco {
    position: absolute;
    z-index: -1;
}

.meet-kai .splide__arrows {
    display: none;
}
.meet-kai .splide__slide .bp-multimedia {
    height: 22rem;
}
.meet-kai .splide__slide .bp-multimedia .img-box {
    height: 100%;
}

@media only screen and (min-width : 961px) {
    :where(#wrapper) .meet-kai :is(.splide__list, #important) {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
        transform: none !important;
        transition: none !important;
        column-gap: 3.1rem;
        row-gap: 4.7rem;
    }

    .meet-kai .col-title {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .meet-kai .deco {
        padding-block: 10rem
    }

    .meet-kai .col-title .wp-block-heading {
        --fs: 3.5rem;
    }

    .meet-kai .deco {
        padding-inline: calc(var(--gap-desktop) * 0.5)
    }

    .meet-kai .splide__slide .bp-multimedia {
        height: 21.6rem;
    }
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {}

@media only screen and (min-width : 0) and (max-width : 960px) {

    .meet-kai {
        background-color: transparent !important;
    }

    .meet-kai .swipe {
        width: 5.7rem;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }

    .meet-kai .splide__slide {
        width: 55.97vw;
    }

    .meet-kai .col-title {
        padding-block: 3.8rem 2rem;
    }

    .meet-kai .col-title .wp-block-heading {
        color: var(--lagoon);
        max-width: 20.5rem;
        margin: auto;
    }

    .meet-kai .deco .bp-multimedia {
        width: 30.6rem;
    }

    .meet-kai .col-slider {
        padding-block: 3.5rem 1rem;
        background: var(--lagoon);
    }

    .meet-kai .deco {
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        z-index: 1;
    }

    .meet-kai .splide p {
        --fs: 1.8rem
    }

}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .contenedor.animateActive .elemento {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}

:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}

/* CMS */
.editor-styles-wrapper .meet-kai .splide__list>.block-editor-inner-blocks>:is(.block-editor-block-list__layout, #important) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    column-gap: 3.1rem;
    row-gap: 4.7rem;
}

.editor-styles-wrapper .meet-kai .col-title :is(.block-editor-inner-blocks, .block-editor-block-list__layout) {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.editor-styles-wrapper .meet-kai [data-type="bp-core/bp-slide"] {
    width: 100%
}