.cell.chart-ng-cell > div {
      position: relative;
}

.chart-ng-cell .download-button {
      position: absolute;
      line-height: 1;
      padding: 0.25em 0.5em;
      bottom: 0;
      right: auto;
      left: -100vw;
}
.chart-ng-cell .download-button:after {
      font-family: FontAwesome;
      content: "\f019"; /* download */
}

.chart-ng-cell:hover .download-button,
.chart-ng-cell .download-button:focus,
.chart-ng-cell .download-button.shown {
      left: auto;
      right: 0;
}

.dataviz-table.total-line tr:last-child,
.dataviz-table.total-line-and-column tr:last-child {
      font-weight: 600;
      background: #f7f7f7;
}

.variation-badge.fx-grid {
      --grid-gutter: 1em;
      align-items: baseline;
}

.variation-badge--label,
.variation-badge--rate {
      flex-basis: auto;
      margin-top: 0;
      margin-bottom: 0;
}

.variation-badge--rate {
      padding: .33em .66em;
      border-radius: 0.2em;
      background-color: #619fca;
      color: black;
      flex: 0 0 auto;
      font-weight: bold;
}

.variation-badge--rate[data-rate^="+"] {
      background-color: #6abc6a;
}

.variation-badge--rate[data-rate^="-"] {
      background-color: #ffa555;
}