tesseract/categories/multichoice/react/src/components/TagInput/TagInput.css

.tesseract-design-tag-input textarea + div > input {
  flex: auto;
}
.tesseract-design-tag-input.tag-input-small textarea + div > input {
  font-size: 0.625rem;
}

.tesseract-design-tag-input.tag-input-medium textarea + div > input {
  font-size: 0.75rem;
}

.tesseract-design-tag-input.tag-input-default textarea + div {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tesseract-design-tag-input.tag-input-alternate textarea + div {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.tesseract-design-tag-input.tag-input-small.tag-input-default textarea + div {
  padding-top: 0.625rem;
  padding-bottom: 0.875rem;
}

.tesseract-design-tag-input.tag-input-medium.tag-input-default textarea + div {
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}

.tesseract-design-tag-input.tag-input-large.tag-input-default textarea + div {
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}

.tesseract-design-tag-input.tag-input-small.tag-input-alternate textarea + div {
  padding-top: 1.375rem;
}

.tesseract-design-tag-input.tag-input-medium.tag-input-alternate textarea + div {
  padding-top: 1.5rem;
}

.tesseract-design-tag-input.tag-input-large.tag-input-alternate textarea + div {
  padding-top: 1.75rem;
}

.tesseract-design-tag-input.tag-input-small textarea + div {
  gap: 0.25rem;
  min-height: 2.5rem;
}

.tesseract-design-tag-input.tag-input-small.tag-input-indicator textarea + div {
  padding-right: 2.5rem;
}

.tesseract-design-tag-input.tag-input-medium textarea + div {
  gap: 0.375rem;
  min-height: 3rem;
}

.tesseract-design-tag-input.tag-input-medium.tag-input-indicator textarea + div {
  padding-right: 3rem;
}

.tesseract-design-tag-input.tag-input-large textarea + div {
  gap: 0.375rem;
  min-height: 4rem;
}

.tesseract-design-tag-input.tag-input-large.tag-input-indicator textarea + div {
  padding-right: 4rem;
}

.tesseract-design-tag-input textarea + div > span {
  padding: 0.125rem;
  border-radius: 0.25rem;
  line-height: 1;
  background-color: rgb(var(--color-positive) / 25%);
}

.tesseract-design-tag-input textarea + div > span span {
  pointer-events: none;
}

.tesseract-design-tag-input textarea + div > span button {
  color: rgb(var(--color-primary));
  padding: 0;
  width: 1rem;
  margin-left: 0.25rem;
}

.tesseract-design-tag-input textarea + div > span button:hover {
  color: rgb(var(--color-primary));
}