.embla {
    --dots-height: 2.5rem;
    --dot-color: var(--wp--preset--color--contrast);
    --dot-color-active: var(--wp--preset--color--accent-1);
    --gap: var(--mobile-gap, 12px);
    position: relative
}

.embla.-dots-in button {
    top: 50%
}

.embla button {
    position: absolute;
    top: calc(50% - var(--dots-height)/2);
    transform: translateY(-50%);
    z-index: 2;
    border: none;
    line-height: 0;
    padding: 0;
    background: none;
    transition: all .3s;
    cursor: pointer;
    color: var(--wp--preset--color--accent-1)
}

.embla button:hover {
    color: var(--wp--preset--color--accent-2)
}

.embla button:disabled,
.embla button [disabled] {
    opacity: .25;
    cursor: not-allowed
}

.embla.-arrows-m-0 button {
    display: none
}

.embla.-dots-m-0 {
    --dots-height: 0rem
}

.embla.-dots-m-0 .embla__dots {
    display: none
}

.embla.-m1\.2 .e_vp>div>div {
    flex: 0 0 84%
}

.embla.-m1\.4 .e_vp>div>div {
    flex: 0 0 90%
}

.embla.-m2 .e_vp>div>div {
    flex: 0 0 50%
}

.embla.-m3 .e_vp>div>div {
    flex: 0 0 33.333333%
}

.embla.-m4 .e_vp>div>div {
    flex: 0 0 25%
}

@media(min-width: 768px) {
    .embla {
        --gap: var(--tablet-gap, 16px)
    }

    .embla.-t1 .e_vp>div>div {
        flex: 0 0 100%
    }

    .embla.-t2 .e_vp>div>div {
        flex: 0 0 50%
    }

    .embla.-t3 .e_vp>div>div {
        flex: 0 0 33.333333%
    }

    .embla.-t4 .e_vp>div>div {
        flex: 0 0 25%
    }

    .embla.-t5 .e_vp>div>div {
        flex: 0 0 20%
    }

    .embla.-t6 .e_vp>div>div {
        flex: 0 0 16.666666%
    }
}

@media(min-width: 1024px) {
    .embla {
        --gap: var(--desktop-gap, 24px)
    }

    .embla.-arrows-d-1 button {
        display: block
    }

    .embla.-arrows-d-0 button {
        display: none
    }

    .embla.-dots-d-1 {
        --dots-height: 2.5rem
    }

    .embla.-dots-d-1 .embla__dots {
        display: flex
    }

    .embla.-dots-d-0 {
        --dots-height: 0rem
    }

    .embla.-dots-d-0 .embla__dots {
        display: none
    }

    .embla.-d1 .e_vp>div>div {
        flex: 0 0 calc(100% - var(--gap)*1)
    }

    .embla.-d2 .e_vp>div>div {
        flex: 0 0 calc(50% - var(--gap)*1/2)
    }

    .embla.-d3 .e_vp>div>div {
        flex: 0 0 calc(33.333333% - var(--gap)*2/3)
    }

    .embla.-d4 .e_vp>div>div {
        flex: 0 0 calc(25% - var(--gap)*3/4)
    }

    .embla.-d5 .e_vp>div>div {
        flex: 0 0 calc(20% - var(--gap)*4/5)
    }

    .embla.-d6 .e_vp>div>div {
        flex: 0 0 calc(16.666666% - var(--gap)*5/6)
    }

    .embla.-d7 .e_vp>div>div {
        flex: 0 0 calc(14.285714% - var(--gap)*6/7)
    }

    .embla.-d8 .e_vp>div>div {
        flex: 0 0 calc(12.5% - var(--gap)*7/8)
    }

    .embla.-d9 .e_vp>div>div {
        flex: 0 0 calc(11.111111% - var(--gap)*8/9)
    }
}

.embla__viewport {
    overflow: hidden
}

.embla .e_vp>div {
    display: flex
}

.embla .e_vp>div>div {
    flex: 0 0 100%;
    min-width: 0;
    margin-right: var(--gap)
}

.embla .e_vp>.gb-query-loop-wrapper {
    flex-wrap: nowrap;
    row-gap: 0
}

.embla.-loop-0 .e_vp>div>div:last-child {
    margin-right: 0
}

.embla__dots {
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center;
    height: var(--dots-height);
    overflow: hidden
}

.embla.-dots-in .embla__dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.embla__dots .embla__dot {
    background: var(--dot-color);
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    transition: all .3s;
    cursor: pointer
}

.embla__dots .embla__dot--selected {
    background: var(--dot-color-active, #000000)
}

.embla__prev {
    left: 1rem
}

.embla__prev>svg {
    transform: scaleX(-1)
}

.embla__next {
    right: 1rem
}

@media(min-width: 768px) {
    .embla__prev {
        left: 1.5rem
    }

    .embla__next {
        right: 1.5rem
    }
}

@media(min-width: 1024px) {
    .embla__prev {
        left: 2rem
    }

    .embla__next {
        right: 2rem
    }
}

@media(min-width: 1200px) {
    .embla:not(.alignfull) .embla__prev {
        left: -3rem
    }

    .embla:not(.alignfull) .embla__next {
        right: -3rem
    }
}

/*# sourceMappingURL=block-slider.css.map */