.panel-loading-overlay {
    display: none;
}

body[aria-busy="true"] {
    overflow: hidden;
}

.panel-loading-enabled .panel-loading-overlay {
    display: grid;
    position: fixed;
    inset: 0;
    z-index: 10000;
    padding: 1.25rem;
    place-items: center;
    background: rgba(7, 6, 10, 0.72);
    backdrop-filter: blur(9px) saturate(0.8);
    -webkit-backdrop-filter: blur(9px) saturate(0.8);
    opacity: 1;
    visibility: visible;
    transition:
        opacity 220ms ease,
        visibility 220ms ease;
}

.panel-loading-enabled .panel-loading-overlay[data-state="hidden"] {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.panel-loading-overlay__runner {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
}

.panel-loading-overlay__indicator {
    width: 3.25rem;
    aspect-ratio: 1;
    border: 3px solid rgba(187, 162, 224, 0.16);
    border-top-color: #9f6bea;
    border-right-color: #cbb3ef;
    border-radius: 50%;
    box-shadow:
        0 0 1.4rem rgba(143, 91, 219, 0.22),
        inset 0 0 0.8rem rgba(143, 91, 219, 0.08);
    animation: panel-loading-spin 760ms linear infinite;
}

@keyframes panel-loading-spin {
    to {
        transform: rotate(1turn);
    }
}

@media (prefers-reduced-motion: reduce) {
    .panel-loading-overlay__indicator {
        animation-duration: 1.6s;
    }
}