.base {
  composes: inflex from "../../commoncss/flex.module.css";
  composes: align_center_both from "../../commoncss/flex.module.css";
  position: relative;
  font-size: var(--lib_text_size_small);
  height: var(--lib_height_auto);
  border-radius: var(--lib_border_radius_small);
}
.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.wrap {
  word-break: break-word;
  word-wrap: break-word;
}
.size_small {
  padding:  var(--lib_size_4) var(--lib_size_7);
}

.size_medium {
  padding: var(--lib_size_6) var(--lib_size_15);
}

.size_large {
  padding: var(--lib_size_9) var(--lib_size_14);
}

.size_xlarge {
  padding: var(--lib_size_12) var(--lib_size_25);
}
.size_stretch {
  width: 100%;
  display: block;
  padding: var(--lib_size_12) var(--lib_size_25);
  text-align: center;
}

.shape_oval {
  border-radius: 16px;
}
.shape_square {
  border-radius: var(--lib_border_radius_none);
}
.variant_outlined, .variant_contained{
  border-width: 1px;
  border-style: solid;
  border-color: var(--border)
}
.variant_outlined.color_primary {
  --border:var(--lib_base_tag_primary_outlined_border);
  color: var(--lib_base_tag_primary_outlined_color);
  background-color: var(--lib_base_tag_primary_outlined_bg);
}

.variant_contained.color_primary {
  --border:var(--lib_base_tag_primary_contained_border);
  color: var(--lib_base_tag_primary_contained_color);
  background-color: var(--lib_base_tag_primary_contained_bg);
}

.variant_outlined.color_secondary {
  --border:var(--lib_base_tag_secondary_outlined_border);
  color: var(--lib_base_tag_secondary_outlined_color);
  background-color: var(--lib_base_tag_secondary_outlined_bg);
}
.variant_contained.color_secondary {
  --border:var(--lib_base_tag_secondary_contained_border);
  color: var(--lib_base_tag_secondary_contained_color);
  background-color: var(--lib_base_tag_secondary_contained_bg);
}

.variant_outlined.color_success {
  --border:var(--lib_base_tag_success_outlined_border);
  color: var(--lib_base_tag_success_outlined_color);
  background-color: var(--lib_base_tag_success_outlined_bg);
}
.variant_contained.color_success {
  --border:var(--lib_base_tag_success_contained_border);
  color: var(--lib_base_tag_success_contained_color);
  background-color: var(--lib_base_tag_success_contained_bg);
}

.variant_outlined.color_danger {
  --border:var(--lib_base_tag_danger_outlined_border);
  color: var(--lib_base_tag_danger_outlined_color);
  background-color: var(--lib_base_tag_danger_outlined_bg);
}
.variant_contained.color_danger {
  --border:var(--lib_base_tag_danger_contained_border);
  color: var(--lib_base_tag_danger_contained_color);
  background-color: var(--lib_base_tag_danger_contained_bg);
}

[dir=ltr] .start_icon {
  margin-right: var(--lib_size_5);
}

[dir=rtl] .start_icon {
  margin-left: var(--lib_size_5);
}
[dir=ltr] .end_icon {
  margin-left: var(--lib_size_5);
}
[dir=rtl] .end_icon {
  margin-right: var(--lib_size_5);
}
