.deca-loading {
    position: fixed;
    inset: 0;
    z-index: 2060;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--deca-overlay);
    backdrop-filter: blur(1px);
}

.deca-loading[hidden] {
    display: none !important;
}

.deca-loading__card {
    display: grid;
    place-items: center;
    min-width: 196px;
    min-height: 112px;
    padding: 22px 28px;
    border: 1px solid var(--deca-border);
    border-radius: var(--deca-radius);
    background: var(--deca-panel);
    box-shadow: var(--deca-shadow);
}

.deca-loading__text {
    margin-bottom: 18px;
    color: var(--deca-heading);
    font-size: 15px;
    font-weight: 750;
}

.deca-loading__spinner {
    width: 34px;
    height: 34px;
    border: 4px solid rgba(115, 127, 145, 0.22);
    border-top-color: var(--deca-primary);
    border-radius: 50%;
    animation: deca-loading-spin 0.8s linear infinite;
}

@keyframes deca-loading-spin {
    to {
        transform: rotate(360deg);
    }
}