.tag_LEAN {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: calc(var(--base) - calc(var(--minimum) / 2)) calc(var(--extra_small) - calc(var(--minimum) / 2));
  gap: var(--extra_small);
  width: auto;
  height: auto;
  max-height: var(--large);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--extra_small);
  flex: none;
  flex-grow: 0;
}

.tag_LEAN.light {
  color: var(--light);
}

.tag_LEAN.fill.light {
  background: var(--light);
  color: var(--dark);
}

.tag_LEAN.outline.light {
  border-color: var(--light);
  color: var(--light);
}

.tag_LEAN.dark {
  color: var(--dark);
}

.tag_LEAN.fill.dark {
  background: var(--dark);
  color: var(--light);
}

.tag_LEAN.outline.dark {
  border-color: var(--dark);
  color: var(--dark);
}

.tag_LEAN.principal {
  color: var(--principal);
}

.tag_LEAN.fill.principal {
  background: var(--principal);
  color: var(--pure_white);
}

.tag_LEAN.outline.principal {
  border-color: var(--principal);
  color: var(--principal);
}

.tag_LEAN.second {
  color: var(--second);
}

.tag_LEAN.fill.second {
  background: var(--second);
  color: var(--dark);
}

.tag_LEAN.outline.second {
  border-color: var(--second);
  color: var(--second);
}

.tag_LEAN.third {
  color: var(--third);
}

.tag_LEAN.fill.third {
  background: var(--third);
  color: var(--dark);
}

.tag_LEAN.outline.third {
  border-color: var(--third);
  color: var(--third);
}

.tag_LEAN.support {
  color: var(--support);
}

.tag_LEAN.fill.support {
  background: var(--support);
  color: var(--dark);
}

.tag_LEAN.outline.support {
  border-color: var(--support);
  color: var(--support);
}

.tag_LEAN.text_color {
  color: var(--texts);
}

.tag_LEAN.fill.text_color {
  background: var(--texts);
  color: var(--light);
}

.tag_LEAN.outline.text_color {
  border-color: var(--texts);
  color: var(--texts);
}

.tag_LEAN.backgrounds {
  color: var(--backgrounds);
}

.tag_LEAN.fill.backgrounds {
  background: var(--backgrounds);
  color: var(--texts);
}

.tag_LEAN.outline.backgrounds {
  border-color: var(--backgrounds);
  color: var(--backgrounds);
}

.tag_LEAN.pure_white {
  color: var(--pure_white);
}

.tag_LEAN.fill.pure_white {
  background: var(--pure_white);
  color: var(--pure_black);
}

.tag_LEAN.outline.pure_white {
  border-color: var(--pure_white);
  color: var(--pure_white);
}

.tag_LEAN.pure_black {
  color: var(--pure_black);
}

.tag_LEAN.fill.pure_black {
  background: var(--pure_black);
  color: var(--pure_white);
}

.tag_LEAN.outline.pure_black {
  border-color: var(--pure_black);
  color: var(--pure_black);
}

.tag_LEAN .value_tag {
  width: auto;
  height: auto;
  font-family: var(--family_texts);
  font-style: normal;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1rem;
  font-feature-settings: "pnum" on, "lnum" on;
  color: inherit;
  flex: none;
  flex-grow: 0;
}

.tag_LEAN .icons_tag {
  width: calc(--extra_small);
  height: auto;
  aspect-ratio: 1 / 1;
  font-weight: 400;
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: inherit;
  flex: none;
  flex-grow: 0;
}