/* 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(92vw, 1400px);
    max-height: min(84vh, 900px);
    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(96vw, 960px);
        max-height: 78vh;
    }
}