#content-container .article svg.d3-chart foreignObject.tooltip{
    pointer-events:none;
    opacity:0;
    transition:opacity 0.3s
}
#content-container .article svg.d3-chart foreignObject.tooltip.hover{
    opacity:1
}

#content-container .article svg.d3-chart.bar foreignObject.tooltip>div,#content-container .article svg.d3-chart.line foreignObject.tooltip>div{
    background:#D0E4A2;
    padding:5px;
    width:auto;
    min-width:4em;
    flex-flow:column;
    transform:translate(calc(-100% - 10px), calc(-100% - 10px));
    position:relative;
    z-index:1;
    min-height:3.5em
}
#content-container .article svg.d3-chart.bar foreignObject.tooltip>div:after,#content-container .article svg.d3-chart.line foreignObject.tooltip>div:after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    content:"";
    position:absolute;
    bottom:-6px;
    right:-1px;
    transform:rotate(45deg) scaleX(2);
    transform-origin:left;
    font-size:2rem;
    z-index:0;
    color:#D0E4A2
}
#content-container .article svg.d3-chart.bar foreignObject.tooltip>div span,#content-container .article svg.d3-chart.line foreignObject.tooltip>div span{
    white-space:nowrap;
    font-size:0.75rem;
    z-index:1
}

#content-container .article svg.d3-chart.bar foreignObject.tooltip>div{
    transform:translate(calc(-100% - 6px), -10px)
}

#content-container .article svg.d3-chart.donut g foreignObject.tooltip>div{
    width:auto;
    text-align:center;
    transform:translate(-50%, -50%);
    font-size:1.5rem;
    line-height:0.75
}
#content-container .article svg.d3-chart.donut g foreignObject.tooltip>div span{
    white-space:nowrap
}