/* Shared mobile safety rules for independently-built demo sites. */
@media (max-width: 760px) {
    html,
    body {
        max-width: 100%;
        overflow-x: clip;
    }

    body.vweb-demo-ready {
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.vweb-demo-ready :is(
        .reveal,
        .reveal-up,
        .fade-up,
        .fade-in,
        [data-reveal]
    ) {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    body.vweb-demo-ready > :is(
        .loader,
        .page-loader,
        .site-loader,
        .page-wipe,
        .loading-screen,
        .preloader
    ) {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-105%) !important;
        transition: opacity .3s ease, visibility .3s ease, transform .55s ease !important;
    }

    .vweb-float-links {
        z-index: 2147483000;
    }
}

@media (prefers-reduced-motion: reduce) {
    body > :is(.loader,.page-loader,.site-loader,.page-wipe,.loading-screen,.preloader) {
        display: none !important;
    }
}