.wp-block-masthead-carousel {
    position: relative;
    background-color: var(--wp--preset--color--charcoal-grey);
    color: var(--wp--preset--color--white);
}

.wp-block-masthead-carousel .slick-track {
    display: flex;
}

.slickjs__track:not(.slick-initialized) {
    display: flex;
}

.slickjs__track:not(.slick-initialized) .wp-block-masthead-carousel__slide {
    flex: 1 0 100%;
}

.wp-block-masthead-carousel__slide {
    position: relative;
    /* min-height: 592px !important; */
    height: auto !important;
    padding-bottom: 100px;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

@media (max-width: 600px) {
    .wp-block-masthead-carousel__slide {
        padding-bottom: 4.375rem;
        min-height: 50vh !important;
    }
}

.wp-block-masthead-carousel__slide--tint::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--wp-block-masthead-carousel-tint);
    z-index: -1;
    mix-blend-mode: multiply;
}

.wp-block-masthead-carousel__subtitle {
    max-width: 640px;
}
.wp-block-masthead-carousel__title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: calc(640px + var(--base-margin) * 2);
    width: 100%;
    gap: 0 calc(var(--base-margin) * 2);
    margin-top: 0;
}

.wp-block-masthead-carousel__title > svg {
    fill: currentColor;
    width: 38px;
    flex-shrink: 0;
    margin-bottom: 0.1667em;
}

.wp-block-masthead-carousel__link {
    position: relative;
}

.wp-block-masthead-carousel__link__target {
    background: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.wp-block-masthead-carousel__link__target:focus,
.wp-block-masthead-carousel__link__target:hover {
    background: transparent;
}

.wp-block-masthead-carousel__image,
.wp-block-masthead-carousel__image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    z-index: -2;
}

.wp-block-masthead-carousel__bullets {
    position: absolute;
    bottom: 2.25rem;
    max-width: calc(
        var(--wp--custom--layout--content-size) + (var(--base-margin) * 2)
    );
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}