/* loader */
/* Dual ring loader */
.dual-ring {
    display: inline-block;
    border-radius: 50%;
    animation: dual-spin 1s linear infinite;
}

/* Sizes */
.dual-ring.sm {
    width: 24px;
    height: 24px;
    border: 3px solid #eca9d8;
    border-top-color: #fc056c;
}
.dual-ring.md {
    width: 40px;
    height: 40px;
    border: 4px solid #eca9d8;
    border-top-color: #fc056c;
}
.dual-ring.lg {
    width: 60px;
    height: 60px;
    border: 5px solid #afa9ec;
    border-top-color: #534ab7;
}
.dual-ring.xl {
    width: 80px;
    height: 80px;
    border: 6px solid #afa9ec;
    border-top-color: #534ab7;
}

/* Color variants */
.dual-ring.teal {
    border-color: #9fe1cb;
    border-top-color: #0f6e56;
}
.dual-ring.coral {
    border-color: #f0997b;
    border-top-color: #993c1d;
}
.dual-ring.blue {
    border-color: #85b7eb;
    border-top-color: #185fa5;
}

/* Speed variants */
.dual-ring.slow {
    animation-duration: 1.8s;
}
.dual-ring.fast {
    animation-duration: 0.5s;
}

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