.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_xs {
  font-size: var(--lib_text_size_xsmall);
}
.size_sm {
  font-size: var(--lib_text_size_small);
}
.size_md {
  font-size: var(--lib_text_size_medium);
}
.size_lg {
  font-size: var(--lib_text_size_large);
}
.size_xl {
  font-size: var(--lib_text_size_xlarge);
}
.size_xxl {
  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;
}

/* variant */
.default {
  color: var(--lib_primary_text_color_dark);
}
.primary {
  color: var(--lib_primary_text_color_dark);
}
.secondary {
  color: var(--lib_primary_text_color_gray);
}

/* colors */
.color_whiteness {
  color: var(--lib_primary_text_color_whiteness);
}
.color_grayness {
  color: var(--lib_primary_text_color_gray);
}
.color_danger {
  color: var(--lib_primary_text_color_danger);
}
.color_success {
  color: var(--lib_primary_text_color_success);
}
.color_info {
  color: var(--lib_primary_text_color_info);
}
.color_highlight {
  color: var(--lib_primary_text_color_highLight);
}
.color_lighter {
  color: var(--lib_primary_text_color_light);
}
.color_dark_knight {
  color: var(--lib_primary_text_color_dark);
}
/* 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_primary_text_color_whiteness);
}
.dc_grayness {
  text-decoration-color: var(--lib_primary_text_color_gray);
}
.dc_danger {
  text-decoration-color: var(--lib_primary_text_color_danger);
}
.dc_success {
  text-decoration-color: var(--lib_primary_text_color_success);
}
.dc_info {
  text-decoration-color: var(--lib_primary_text_color_info);
}
.dc_highlight {
  text-decoration-color: var(--lib_primary_text_color_highLight);
}
.dc_lighter {
  text-decoration-color: var(--lib_primary_text_color_light);
}
.dc_dark_knight {
  text-decoration-color: var(--lib_primary_text_color_dark);
}
/* 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: 16px 0px;
}

.blockquote {
  font-size: var(--lib_text_size_medium);
  margin: 16px 40px;
}
.content {
  display: flex;
  align-items: center;
}
.start_icon {
  margin: 0 5px 0 0;
  display: flex;
}
.end_icon {
  margin: 0 0 0 5px;
  display: flex;
}

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