@import '../../index.less';
@import '~antd/es/style/themes/default.less';

@prefix: ~'@{bigscreen-prefix}-indicators';

.@{prefix} {
  text-align: center;

  .title {
    margin-bottom: calc(15/@bigscreen-base-height * 100vh);
  }

  .value {
    font-family: 'DS-DIGIB-BOLD';
    color: @digi-color;
    font-size: calc(60/@bigscreen-base-width * 100vw);
    margin-top: calc(-10/@bigscreen-base-height * 100vh);

    .unit {
      font-size: calc(20/@bigscreen-base-width * 100vw);
    }
  }

  .onvalue {
    .no-wrap();
    text-align: left;
    font-size: calc(30/@bigscreen-base-width * 100vw);
  }
}