/* ============================================
   CAROUSEL-SLIDE-BADGE.CSS
   ============================================ */

.comp-csb {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: rgba(255, 255, 255, 0.08);
    border: 1.5px solid var(--csb-ac, #7F52FF);
    border-radius: 999px;
    padding: 4px 14px;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 13px;
    letter-spacing: 0.04em;
    box-shadow: 0 0 12px var(--csb-ac, #7F52FF)55;
    backdrop-filter: blur(6px);
}

.comp-csb-num {
    color: var(--csb-ac, #7F52FF);
    font-weight: 800;
    font-size: 15px;
}

.comp-csb-sep {
    color: rgba(255, 255, 255, 0.35);
    font-weight: 400;
}

.comp-csb-tot {
    color: rgba(255, 255, 255, 0.55);
    font-weight: 600;
}