@use '@/shared/assets/styles/_shared.scss' as *;
@use '@/shared/assets/styles/_mixins.scss' as *;
@use '@/shared/assets/styles/_variables.scss' as *;
@use '@/shared/assets/styles/_animations.scss' as *;

.header {
  padding: toRem(21) 0 toRem(30) 0;
}

.title {
  color: $indigo800;
  line-height: 1.3;
  font-size: $fontSizeTiny;
  font-weight: 400;
}

.content {
  @include childrenMargin($marginTiny, right);

  font-family: 'Kanit';
  display: flex;
  color: $indigo700;
  font-size: $fontSizeBig;
  font-weight: 300;
  line-height: 23.4px;
  align-items: flex-end;

  .value {
    color: $indigo;
    font-weight: 600;
  }
}