.chart {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 2em;
}

.chart__legend {
    width: auto;
    margin-bottom: 1em 0;
    padding: 1em;

    font-size: font-size(s);
    text-align: center;
}

.chart__legend__item {
    display: inline-block;
    margin: 0 1em;
}

.chart__legend__bullet {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    vertical-align: middle;
}