@use "sass:color";
@use "../helpers/variables" as vars;

$bar-color: color.adjust(vars.$bc-green, $saturation: -20%);
$bar-color-hover: vars.$bc-e-green-600;
$bar-stroke-width: 0;

.bar-chart {
    // Bars
    .bar {
        shape-rendering: crispedges;
    }

    .y-axis-group {
        text {
            font-size: 14px;
        }
    }

    // Axes
    .axis path {
        display: none;
    }

    .tick line {
        display: none;
    }

    .adjust-upwards {
        transform: translate(0, -10px);
    }

    .percentage-label {
        fill: vars.$grey-600;
    }
}