.base {
  text-transform: none;
  line-height: var(--lib_text_lineheight_medium);
  font-size: var(--lib_text_size_medium);
  composes: inflex from "../../commoncss/flex.module.css";
}

.wrap {
  word-break: break-word;
  word-wrap: break-word;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

/* text transform */
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}

/* weight*/
.fw_xs {
  font-weight: var(--lib_text_weight_xsmall);
}
.fw_sm {
  font-weight: var(--lib_text_weight_small);
}
.fw_md {
  font-weight: var(--lib_text_weight_medium);
}
.fw_lg {
  font-weight: var(--lib_text_weight_large);
}
.fw_xl {
  font-weight: var(--lib_text_weight_xlarge);
}
.fw_bold {
  font-weight: var(--lib_text_weight_bold);
}
.fw_normal {
  font-weight: var(--lib_text_weight_normal);
}
.fw_bolder {
  font-weight: var(--lib_text_weight_bolder);
}
.fw_lighter {
  font-weight: var(--lib_text_weight_lighter);
}

/* text align */
.align_right {
  justify-content: flex-end;
}
.align_left {
  justify-content: flex-start;
}
.align_center {
  justify-content: center;
}

/* font size  */
.size_xsmall {
  font-size: var(--lib_text_size_xsmall);
}
.size_small {
  font-size: var(--lib_text_size_small);
}
.size_medium {
  font-size: var(--lib_text_size_medium);
}
.size_large {
  font-size: var(--lib_text_size_large);
}
.size_xlarge {
  font-size: var(--lib_text_size_xlarge);
}
.size_xxlarge {
  font-size: var(--lib_text_size_xxlarge);
}

.vertical {
  flex-direction: column;
}
.horizontal {
  flex-direction: row;
}

.stretch {
  height: 100%;
  width: 100%;
  font-size: inherit;
}
.auto {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

/* colors */
.default {
  color: var(--lib_base_text_default_color);
}
.primary {
  color: var(--lib_base_text_primary_color);
}
.secondary {
  color: var(--lib_base_text_secondary_color);
}
.whiteness {
  color: var(--lib_base_text_whiteness_color);
}
.grayness {
  color: var(--lib_base_text_grayness_color);
}
.danger {
  color: var(--lib_base_text_danger_color);
}
.success {
  color: var(--lib_base_text_success_color);
}
.info {
  color: var(--lib_base_text_info_color);
}
.highlight {
  color: var(--lib_base_text_highlight_color);
}
.lighter {
  color: var(--lib_base_text_lighter_color);
}
.dark_knight {
  color: var(--lib_base_text_dark_knight_color);
}
/* line height */

.textlineheight_xs {
  line-height: var(--lib_text_lineheight_xsmall);
}
.textlineheight_sm {
  line-height: var(--lib_text_lineheight_small);
}
.textlineheight_md {
  line-height: var(--lib_text_lineheight_medium);
}
.textlineheight_lg {
  line-height: var(--lib_text_lineheight_large);
}
.textlineheight_xl {
  line-height: var(--lib_text_lineheight_xlarge);
}
.textlineheight_xxl {
  line-height: var(--lib_text_lineheight_xxlarge);
}
/* letter spacing -ls*/
.ls_xs {
  letter-spacing: var(--lib_text_letterspace_xsmall);
}
.ls_sm {
  letter-spacing: var(--lib_text_letterspace_small);
}
.ls_md {
  letter-spacing: var(--lib_text_letterspace_medium);
}
.ls_lg {
  letter-spacing: var(--lib_text_letterspace_large);
}
.ls_xl {
  letter-spacing: var(--lib_text_letterspace_xlarge);
}
.ls_xxl {
  letter-spacing: var(--lib_text_letterspace_xxlarge);
}
/*decoration*/
.overline {
  text-decoration: overline;
}
.line_through {
  text-decoration: line-through;
}
.underline {
  text-decoration: underline;
}

.dc_whiteness {
  text-decoration-color: var(--lib_base_text_whiteness_decoration);
}
.dc_grayness {
  text-decoration-color: var(--lib_base_text_grayness_decoration);
}
.dc_danger {
  text-decoration-color: var(--lib_base_text_danger_decoration);
}
.dc_success {
  text-decoration-color: var(--lib_base_text_success_decoration);
}
.dc_info {
  text-decoration-color: var(--lib_base_text_info_decoration);
}
.dc_highlight {
  text-decoration-color: var(--lib_base_text_highlight_decoration);
}
.dc_lighter {
  text-decoration-color: var(--lib_base_text_lighter_decoration);
}
.dc_dark_knight {
  text-decoration-color: var(--lib_base_text_dark_knight_decoration);
}
/* indent*/
.textindent_sm {
  text-indent: var(--lib_text_indent_small);
}
.textindent_md {
  text-indent: var(--lib_text_indent_medium);
}
.textindent_lg {
  text-indent: var(--lib_text_indent_large);
}

.heading {
  font-weight: var(--lib_text_weight_bold);
}
.heading.level1 {
  font-size: var(--lib_text_heading_size_level1);
}
.heading.level2 {
  font-size: var(--lib_text_heading_size_level2);
}
.heading.level3 {
  font-size: var(--lib_text_heading_size_level3);
}
.heading.level4 {
  font-size: var(--lib_text_heading_size_level4);
}
.heading.level5 {
  font-size: var(--lib_text_heading_size_level5);
}
.heading.level6 {
  font-size: var(--lib_text_heading_size_level6);
}

.paragraph {
  font-size: var(--lib_text_size_medium);
  margin: var(--lib_size_16) 0;
}

.blockquote {
  font-size: var(--lib_text_size_medium);
  margin: var(--lib_size_16) var(--lib_size_40);
}
.content {
  display: flex;
  align-items: center;
}
.start_icon {
  display: flex;
}
[dir=ltr] .start_icon {
  margin: 0 var(--lib_size_5) 0 0;
}
[dir=rtl] .start_icon {
  margin: 0 0 0 var(--lib_size_5);
}
.end_icon {
  display: flex;
}
[dir=ltr] .end_icon {
  margin: 0 0 0 var(--lib_size_5);
}
[dir=rtl] .end_icon {
  margin: 0 var(--lib_size_5) 0 0;
}

/* .hover:hover {
  color: #0a73eb;
  cursor: pointer;
} */
