html {
    background-color: var(--bg-primary, Canvas);
}

html.page-transition-fallback-in::after,
html.page-transition-fallback-out::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    background: #0a0a0a;
    pointer-events: none;
}

html.page-transition-fallback-out::after {
    animation: page-transition-cover 240ms ease-in both;
}

html.page-transition-fallback-out body {
    pointer-events: none;
}

html.page-transition-fallback-in::after {
    animation: page-transition-uncover 420ms ease-out both;
}

@keyframes page-transition-cover {
    from {
        opacity: 0;
    }
}

@keyframes page-transition-uncover {
    to {
        opacity: 0;
    }
}