/* HTML styles for the splash screen */
.avalonia-splash {
    position: fixed;
    inset: 0;
    background: #f8fbfc;
    display: grid;
    place-items: center;
    padding: 24px;
    pointer-events: none;
}

.avalonia-splash__image {
    display: block;
    width: min(80vw, 760px);
    max-height: 60vh;
    object-fit: contain;
}

.avalonia-splash.splash-close {
    transition: opacity 200ms ease, display 200ms ease;
    display: none;
    opacity: 0;
}

@media (max-width: 768px) {
    .avalonia-splash {
        padding: 16px;
    }

    .avalonia-splash__image {
        width: min(88vw, 620px);
        max-height: 54vh;
    }
}