[data-chart]{position:relative;height:100%;display:flex;width:100%;flex-wrap:nowrap;flex-direction:row;align-items:center}[data-chart] .canvas-container{display:flex;width:100%;padding:15px}[data-chart] .canvas-container canvas{width:100%}[data-chart] .legend{position:relative;width:120px;padding:0 15px;flex-shrink:0}[data-chart] .legend .item{position:relative;display:flex;flex-wrap:nowrap;width:100%;padding:3px 0;align-items:center}[data-chart] .legend .item .color{display:block;padding:0;margin:0;width:12px;height:12px;border-radius:50%;flex-shrink:0}[data-chart] .legend .item .name{font-size:10px;width:100%;margin-left:7px;line-height:1em}