@keyframes loading-ping { 75%, 100% {transform: scale(2);opacity: 0;} }

#page-loader-container {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: oklch(0.9698 0.0057 264.5324);
    color: oklch(0.4106 0.0358 168.6808);
}

#page-loader {
    width: 96px;
    height: 96px;
    animation: loading-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@media (prefers-color-scheme: dark) {
    #page-loader-container {
        background: oklch(0.2118 0.0098 341.2477);
        color: oklch(0.9759 0.0334 180.4714);
    }
}