.container {
max-width: 40em;
border-spacing: 0.5em;
font-family: inherit;
}
.title {
padding: 7px;
text-align: center;
font-size: 14px;
line-height: 28px;
.title > h4 {
margin-bottom: 0;
span.color {
display:inline-block;
width: 1.5em;
height: 1.5em;
.legend-items {
padding: 0.1em;
border-style: none;
border-width: 0.05em;
.legend-items div {
width:100%;
height:100%;
.legend-items-text {
max-width: 20em;
padding-left: 0.5em;
text-align: left;
.histogram-items {
width: 100%;
padding-left: 1em;
.histogram-items-text {
font-size: 14pt;
.bar {
height: 1em;
vertical-align: middle;
.bar-label {
margin-left:0.3em;
font-size:0.7em;