.mu-loader {
    position: absolute;
    display: flex;
    inset: 0;
    background: #00000011;
    backdrop-filter: blur(3px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.mu-loader.bg-light {
    background: #ffffff33;
}
body > .mu-loader {
    position: fixed;
    z-index: 999;
}
.mu-loader .loader {
    width: 30px;
    aspect-ratio: 1;
    margin: auto;
    border-radius: 100px;
}
.mu-loader .loader-border {
    border: 4px solid rgba(var(--col));
    border-top-color: rgba(var(--col), 0);
    animation: rotate 0.7s linear infinite;
}
.mu-loader .loader-pulse {
    background: rgba(var(--col));
    animation: pulse 0.7s linear infinite;
}
@keyframes rotate {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
}
@keyframes pulse {
    from {
        width: 0px;
        opacity: 1;
    }
    to {
        width: 40px;
        opacity: 0;
    }
}