/* Tag color variants mapped to rainbow palette tokens */
/* Color token maps: tag color name -> rainbow token */
nv-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--tag-gap-x);
  padding: 0 var(--tag-padding-x);
  border-radius: var(--tag-border-radius);
  border: 1px solid;
  overflow: hidden;
  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium-emphasis);
  line-height: var(--line-height-xs);
  height: var(--tag-height);
  width: fit-content;
  vertical-align: middle;
}
nv-tag.has-dismiss {
  padding-right: 0;
}
nv-tag.tag-orange {
  color: var(--color-rainbow-2-text);
  background-color: var(--color-rainbow-2-background);
  border-color: var(--color-rainbow-2-border-light);
}
nv-tag.tag-orange nv-icon {
  color: var(--color-rainbow-2-icon);
}
nv-tag.tag-orange .nv-tag-content:focus, nv-tag.tag-orange .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-orange .nv-tag-content:focus-visible, nv-tag.tag-orange .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-crimson {
  color: var(--color-rainbow-6-text);
  background-color: var(--color-rainbow-6-background);
  border-color: var(--color-rainbow-6-border-light);
}
nv-tag.tag-crimson nv-icon {
  color: var(--color-rainbow-6-icon);
}
nv-tag.tag-crimson .nv-tag-content:focus, nv-tag.tag-crimson .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-crimson .nv-tag-content:focus-visible, nv-tag.tag-crimson .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-yellow {
  color: var(--color-rainbow-3-text);
  background-color: var(--color-rainbow-3-background);
  border-color: var(--color-rainbow-3-border-light);
}
nv-tag.tag-yellow nv-icon {
  color: var(--color-rainbow-3-icon);
}
nv-tag.tag-yellow .nv-tag-content:focus, nv-tag.tag-yellow .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-yellow .nv-tag-content:focus-visible, nv-tag.tag-yellow .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-red {
  color: var(--color-rainbow-4-text);
  background-color: var(--color-rainbow-4-background);
  border-color: var(--color-rainbow-4-border-light);
}
nv-tag.tag-red nv-icon {
  color: var(--color-rainbow-4-icon);
}
nv-tag.tag-red .nv-tag-content:focus, nv-tag.tag-red .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-red .nv-tag-content:focus-visible, nv-tag.tag-red .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-blue {
  color: var(--color-rainbow-8-text);
  background-color: var(--color-rainbow-8-background);
  border-color: var(--color-rainbow-8-border-light);
}
nv-tag.tag-blue nv-icon {
  color: var(--color-rainbow-8-icon);
}
nv-tag.tag-blue .nv-tag-content:focus, nv-tag.tag-blue .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-blue .nv-tag-content:focus-visible, nv-tag.tag-blue .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-amber {
  color: var(--color-rainbow-1-text);
  background-color: var(--color-rainbow-1-background);
  border-color: var(--color-rainbow-1-border-light);
}
nv-tag.tag-amber nv-icon {
  color: var(--color-rainbow-1-icon);
}
nv-tag.tag-amber .nv-tag-content:focus, nv-tag.tag-amber .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-amber .nv-tag-content:focus-visible, nv-tag.tag-amber .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-green {
  color: var(--color-rainbow-7-text);
  background-color: var(--color-rainbow-7-background);
  border-color: var(--color-rainbow-7-border-light);
}
nv-tag.tag-green nv-icon {
  color: var(--color-rainbow-7-icon);
}
nv-tag.tag-green .nv-tag-content:focus, nv-tag.tag-green .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-green .nv-tag-content:focus-visible, nv-tag.tag-green .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-turquoise {
  color: var(--color-rainbow-5-text);
  background-color: var(--color-rainbow-5-background);
  border-color: var(--color-rainbow-5-border-light);
}
nv-tag.tag-turquoise nv-icon {
  color: var(--color-rainbow-5-icon);
}
nv-tag.tag-turquoise .nv-tag-content:focus, nv-tag.tag-turquoise .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-turquoise .nv-tag-content:focus-visible, nv-tag.tag-turquoise .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-lime {
  color: var(--color-rainbow-9-text);
  background-color: var(--color-rainbow-9-background);
  border-color: var(--color-rainbow-9-border-light);
}
nv-tag.tag-lime nv-icon {
  color: var(--color-rainbow-9-icon);
}
nv-tag.tag-lime .nv-tag-content:focus, nv-tag.tag-lime .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-lime .nv-tag-content:focus-visible, nv-tag.tag-lime .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag.tag-grey {
  color: var(--color-rainbow-10-text);
  background-color: var(--color-rainbow-10-background);
  border-color: var(--color-rainbow-10-border-light);
}
nv-tag.tag-grey nv-icon {
  color: var(--color-rainbow-10-icon);
}
nv-tag.tag-grey .nv-tag-content:focus, nv-tag.tag-grey .nv-tag-content:focus-within {
  outline: none;
}
nv-tag.tag-grey .nv-tag-content:focus-visible, nv-tag.tag-grey .nv-tag-content:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-text);
  outline-offset: calc(var(--focus-outline-offset) * 0.2);
}
nv-tag .nv-tag-leading {
  display: contents;
}
nv-tag .nv-tag-label {
  white-space: nowrap;
}
nv-tag .nv-tag-content {
  display: inline-flex;
  align-items: center;
  gap: var(--tag-gap-x);
  color: inherit;
  text-decoration: none;
  border-radius: var(--tag-border-radius);
}
nv-tag.is-link .nv-tag-content {
  cursor: pointer;
}
nv-tag.is-link .nv-tag-content:hover {
  text-decoration: underline;
}
nv-tag .nv-tag-dismiss {
  padding: 0;
  margin: 0;
  line-height: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tag-height);
  height: var(--tag-height);
  border-radius: 0;
  appearance: none;
}
nv-tag .nv-tag-dismiss:focus, nv-tag .nv-tag-dismiss:focus-within {
  outline: none;
}
nv-tag .nv-tag-dismiss:focus-visible {
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--focus-outline-stroke) var(--color-focus-brand);
}
nv-tag .nv-tag-dismiss:hover {
  background-color: var(--color-interaction-container-neutral-background-hover);
  mix-blend-mode: multiply;
}
nv-tag .nv-tag-dismiss:disabled {
  opacity: var(--opacity-disabled);
  pointer-events: none;
  cursor: default;
}
nv-tag nv-icon > svg {
  width: var(--spacing-3);
  height: var(--spacing-3);
  stroke-width: 1.2px;
}