.chart{margin:.5rem 0 2rem;overflow-x:auto;padding-bottom:.25rem}.chart svg{display:block;margin:0 auto}.chart.donut svg g path:first-of-type{fill:#4bb4e0}.chart.donut svg g path:last-of-type{fill:#f5f6f7}.chart.donut svg g text{font-size:3.05rem;font-weight:700;padding-top:2rem}.chart.bar .bar-rect{fill:#4bb4e0;opacity:.6;transition:opacity .4s;cursor:pointer}.chart.bar .bar-rect:hover{opacity:1}.chart.bar .axis .domain,.chart.bar .axis .tick line{stroke:#c2c4cc}.chart.bar .axis .tick text{fill:#757680}.d3-tip{text-align:left;transform-origin:left bottom;transform:rotate(-45deg);font-size:.8rem;color:#757680;padding:0 .5rem;border-bottom:1px solid #757680;transition:opacity .3s}.d3-tip:after{content:"";position:absolute;bottom:0;left:0;width:1rem;height:1px;background:#757680;transform-origin:left bottom;transform:rotate(135deg)}