body {
    min-width: 300px;
    opacity: 0;
    transition: opacity .5s, background-color .5s;
}

body.ready {
    /* FOUC fix */
    opacity: 1;
}

@media (prefers-color-scheme: dark) {
    /* FOUC fix */
    body:not(.ready) {
        background-color: black;
    }
}

.overlay {
    position: absolute;
    background-color: rgba(var(--bs-body-bg-rgb), 0.7);
}