/* ==========================================
   BADGE
========================================== */

.badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: var(--space-2);

    padding: 8px 14px;

    background: var(--component-2);

    border: 1px solid var(--separator);

    border-radius: var(--radius-full);

    margin-bottom: var(--space-6);

    /* Empêche la sélection */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;

}

.badge-icon {

    font-size: 14px;
    line-height: 1;

}

.badge-indicator {

    width: 10px;
    height: 10px;

    border-radius: 2px;

    background: var(--text-70);

}

.badge .caption {

    color: var(--text-70);

}

.badge svg {

    width: 16px;
    height: 16px;

    stroke-width: 2;

    color: var(--text-70);

}