/* =========================================================
   HONFLEUR INSIDER - SPLASH SCREEN HI
   ========================================================= */

html.rdh-splash-active,
body.rdh-splash-active {
    overflow: hidden !important;
}

#rdh-hi-splash {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #082c5c !important;

    opacity: 1;
    visibility: visible;

    transition:
        opacity 650ms ease,
        visibility 650ms ease;
}

#rdh-hi-splash.rdh-hi-splash-leaving {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#rdh-hi-splash img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
    #rdh-hi-splash {
        transition-duration: 150ms !important;
    }
}

/* SPLASH HI - ANTI FLASH - DEBUT */

/*
 * Cette classe est placée sur <html> dans le head,
 * avant l'affichage de la page.
 */
html.rdh-hi-splash-skip #rdh-hi-splash {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* SPLASH HI - ANTI FLASH - FIN */
