@pieChartLegendPrefix: armu_ai_chatbot-pie-chart-legend;

.@{pieChartLegendPrefix} {
    width: auto;
    flex-grow: 2;
    max-height: 100%;
    min-width: 20rem;
    overflow-y: auto;

    &-item {
        align-items: center;

        font-weight: 500;
    }

    &-color-ref {
        margin-left: 1rem;
        width: 2px;
        height: 17px;
        top: 6px;
        left: 14px;
        border-radius: 4px;
    }

    &-value {
        flex-grow: 1;
        text-align: right;
        padding-right: 1rem;
    }

    &-divisor {
        height: 1px;
        width: 100%;
        background-color: #BFBFBF;
    }
}