/* the-farol-pwa-plugin/css/splash.css */
@media (display-mode: standalone) {
    .pwa-splash {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f7f7f7 url('../assets/splash.png') no-repeat center center;
        background-size: cover;
        z-index: 9999;
        animation: fadeOut 4s forwards;
    }

    @keyframes fadeOut {
        0% { opacity: 1; }
        100% { opacity: 0; display: none; }
    }
}