#loading {
    position: fixed;
    width: min(var(--width), 100%);
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 2;
    opacity: 1;
    transform: translateX(-50%);
    transition: opacity 200ms ease-in-out;
    pointer-events: none;
}

#loading[hidden] {
    display: block !important;
    opacity: 0;
}

#loading img {
    position: fixed;
    left: calc(50% - 3rem);
    top: calc(50% - 3rem);
    width: 6rem;
    background: var(--bg-color-0);
    border-radius: 50%;
}