@use '../mixins/function.scss' as *;
@use '../mixins/mixins.scss' as *;

@include b(statistic) {
  display: inline-flex;
  flex-direction: column;

  @include e(title) {
    font-size: getCssVar('font-size', 'medium');
    color: getCssVar('color', 'text-2');
    margin-bottom: 8px;
  }
  @include e(content) {
    display: flex;
    align-items: flex-end;
    color: getCssVar('color', 'text-1');
  }
  @include e(value) {
    font-size: 24px;
    white-space: nowrap;
  }
  @include e(prefix) {
    font-size: getCssVar('font-size', 'medium');
  }
  @include e(suffix) {
    font-size: getCssVar('font-size', 'medium');
  }
  @include e(extra) {
    font-size: getCssVar('font-size', 'medium');
    color: getCssVar('color', 'text-2');
    margin-top: 8px;
  }
}