/**
 * Keep the Image Optimizer placeholder on Hyva hero slides, but prevent the
 * banner sizing utilities from stretching the loader image.
 */
.splide[x-defer="intersect"]:not(.is-initialized):not(.is-rendered) {
    visibility: hidden !important;
}

.splide[x-defer="intersect"].is-initialized,
.splide[x-defer="intersect"].is-rendered {
    visibility: visible !important;
}

.splide__slide picture:has(> img.mplazyload-icon) {
    position: static !important;
}

.splide__slide img.mplazyload-icon.mplazyload-cms.absolute {
    position: absolute !important;
    inset: auto !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    z-index: 2;
    box-sizing: content-box !important;
    width: 32px !important;
    min-width: 0 !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 0 !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 8px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 9999px;
    background: rgb(255 255 255 / 85%);
    box-shadow: 0 4px 16px rgb(0 0 0 / 15%);
    object-fit: contain !important;
}