.chart {

  .chart-content {

    svg {

      g.axis-label {

        text {
          font-size: 14px;
          font-weight: bold;
        }
      }

      g.axis {

        path {
          display: none;
        }

        g.tick {

          text {
            font-size: 14px;
          }

          line {
            stroke: $mm-sem-neutral-30;
          }
        }
      }
    }

    &.histogram-content, &.bar-vertical, &.waterfall-content {

      svg {

        .axis-bottom {
          g.tick {
            line {
              display: none;
            }
          }
        }
      }
    }

    &.bar-horizontal {

      svg {

        .axis-left {
          g.tick {
            line {
              display: none;
            }
          }
        }
      }
    }
  }
}