@use '@beeline/design-tokens/scss/tokens/themes' as theme;

%text_caption {
  font-size: 13px;
  line-height: 16px;
}

@mixin text_caption {
  @extend %text_caption;
  color: theme.$color-text-inactive;
}

@mixin text_caption_error {
  @extend %text_caption;
  color: theme.$color-status-error;
}

@mixin text_body_2 {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
}

@mixin truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}