.bvhero__status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.bvhero[data-transition="fade-up"] .bvhero__slide {
    transform: translate3d(0, 2.5rem, 0);
    transition:
        opacity var(--bvhero-speed, 700ms) ease,
        transform var(--bvhero-speed, 700ms) cubic-bezier(.22, 1, .36, 1),
        visibility var(--bvhero-speed, 700ms) ease;
}

.bvhero[data-transition="fade-up"] .bvhero__slide.is-active {
    transform: translate3d(0, 0, 0);
}

.bvhero[data-transition="fade-zoom"] .bvhero__slide {
    transform: scale(1.035);
    transition:
        opacity var(--bvhero-speed, 700ms) ease,
        transform var(--bvhero-speed, 700ms) cubic-bezier(.22, 1, .36, 1),
        visibility var(--bvhero-speed, 700ms) ease;
}

.bvhero[data-transition="fade-zoom"] .bvhero__slide.is-active {
    transform: scale(1);
}

.bvhero[data-image-animation="zoom-in"] .bvhero__slide.has-image.is-active .bvhero__media img {
    animation: bvhero-zoom-in var(--bvhero-image-duration, 6700ms) linear both;
}

.bvhero[data-image-animation="zoom-out"] .bvhero__slide.has-image.is-active .bvhero__media img {
    animation: bvhero-zoom-out var(--bvhero-image-duration, 6700ms) linear both;
}

.bvhero[data-image-animation="alternate"] .bvhero__slide.has-image:nth-child(odd).is-active .bvhero__media img {
    animation: bvhero-zoom-in var(--bvhero-image-duration, 6700ms) linear both;
}

.bvhero[data-image-animation="alternate"] .bvhero__slide.has-image:nth-child(even).is-active .bvhero__media img {
    animation: bvhero-zoom-out var(--bvhero-image-duration, 6700ms) linear both;
}

@keyframes bvhero-zoom-in {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

@keyframes bvhero-zoom-out {
    from { transform: scale(1.1); }
    to { transform: scale(1); }
}

/* Keep the selected module animation active even when the operating system
   exposes a reduced-motion preference. This visual behaviour is intentional
   for the 3D2REAL hero. */
@media (prefers-reduced-motion: reduce) {
    .bvhero[data-transition="fade"] .bvhero__slide {
        transition: opacity var(--bvhero-speed, 700ms) ease, visibility var(--bvhero-speed, 700ms) ease !important;
    }

    .bvhero[data-transition="fade-up"] .bvhero__slide,
    .bvhero[data-transition="fade-zoom"] .bvhero__slide {
        transition:
            opacity var(--bvhero-speed, 700ms) ease,
            transform var(--bvhero-speed, 700ms) cubic-bezier(.22, 1, .36, 1),
            visibility var(--bvhero-speed, 700ms) ease !important;
    }

    .bvhero[data-transition="slide"] .bvhero__slide {
        transition: transform var(--bvhero-speed, 700ms) ease, visibility var(--bvhero-speed, 700ms) ease !important;
    }
}