/*--------------------------------------------------------------------------*\
    Chart labels of series
\*--------------------------------------------------------------------------*/

/* for circular charts, no text-enchor:middle allowed (automatically manager in JS) */
.chart__serie:not(.chart__serie--circular):not(.chart__serie--bubble) .chart__serie-label{
    /*text*/
    text-anchor: middle;
}

/*--------------------------------------------------------------------------*\
    Chart labels total of series
\*--------------------------------------------------------------------------*/

.chart__serie-label--total{
    /*text*/
    font-weight: var(--fw-bold);
    text-anchor: middle;
}

/*--------------------------------------------------------------------------*\
    Sizes (md for a chart = xtn for framework font sizes)
\*--------------------------------------------------------------------------*/

.chart--md .chart__serie-label{
    /*text*/
    font-size: var(--fs-sm);
}

.chart--sm .chart__serie-label{
    /*text*/
    font-size: var(--fs-tn);
}

.chart--tn .chart__serie-label{
    /*text*/
    font-size: var(--fs-xtn);
}

.chart--md .chart__serie-label--total{
    /*text*/
    font-size: var(--fs-xxlg);
}

.chart--sm .chart__serie-label--total{
    /*text*/
    font-size: var(--fs-lg);
}

.chart--tn .chart__serie-label--total{
    /*text*/
    font-size: var(--fs-lg);
}

/*--------------------------------------------------------------------------*\
    Chart labels of series for total
\*--------------------------------------------------------------------------*/

.chart__serie--total .chart__serie-label{
    /*text*/
    font-weight: var(--fw-bold);
}

/*--------------------------------------------------------------------------*\
    Chart labels text anchor
\*--------------------------------------------------------------------------*/

.chart__serie-label--left{
    /*text*/
    text-anchor: start !important;
}

.chart__serie-label--right{
    /*text*/
    text-anchor: end !important;
}

/*--------------------------------------------------------------------------*\
    Chart labels in bubbles (smaller cause a lot of informations)
\*--------------------------------------------------------------------------*/

.chart__serie--bubble .chart__serie-label{
    /*text*/
    font-size:var(--fs-tn);
}