$axis-color: rgba($inverted-overlay-color, 0.75);

.axis-bottom,
.axis-left,
.axis-right,
.axis-top {
  font-size: rem-calc(11px);
  font-family: $klavika;
  font-weight: 400;
  color: $axis-color;
  .tick {
    line {
      fill: transparent;
      stroke: transparent;
    }
    text {
      fill: $axis-color;
      font-size: rem-calc(11px);
      font-family: $klavika;
      font-weight: 400;
    }
  }
  .domain {
    stroke: $axis-color;
  }
}