@import '../../../../../global/theme.less';

.trend {
  font-size: 14px;
  display: flex;
  .up,
  .down,
  .right,
  .zero,
  .notZero {
    width: 44px;
    text-align: center;
    display: inline-block;
  }

  .up {
    color: @trend-up-color;
    :global {
      .anticon {
        color: @trend-up-color;
      }
    }
  }
  .down {
    color: @trend-down-color;
    :global {
      .anticon {
        color: @trend-down-color;
      }
    }
  }
  .right {
    color: @trend-equal-color;
    :global {
      .anticon {
        color: @trend-equal-color;
      }
    }
  }

  .zero {
    color: @trend-down-color;
  }

  .notZero {
    color: @trend-up-color;
  }
}