:root {
  --dao-tag-blue-text: var(--dao-tag-navy-blue-010);
  --dao-tag-blue-bg: var(--dao-tag-navy-blue-020);
  --dao-tag-canary-text: var(--dao-tag-canary-010);
  --dao-tag-canary-bg: var(--dao-tag-canary-020);
  --dao-tag-cyan-text: var(--dao-tag-cyan-010);
  --dao-tag-cyan-bg: var(--dao-tag-cyan-020);
  --dao-tag-grey-text: var(--dao-tag-cloud-grey-010);
  --dao-tag-grey-bg: var(--dao-tag-cloud-grey-020);
  --dao-tag-red-text: var(--dao-tag-error);
  --dao-tag-red-bg: var(--dao-tag-bg-error);
  --dao-tag-yellow-text: var(--dao-tag-warning);
  --dao-tag-yellow-bg: var(--dao-yellow-075);
  --dao-tag-green-text: var(--dao-tag-health);
  --dao-tag-green-bg: var(--dao-tag-bg-health);
  --dao-tag-skyblue-text: var(--dao-tag-info);
  --dao-tag-skyblue-bg: var(--dao-tag-bg-info);
  --dao-tag-orange-text: var(--dao-tag-tangerine-010);
  --dao-tag-orange-bg: var(--dao-tag-tangerine-020);
  --dao-tag-purple-text: var(--dao-tag-purple-010);
  --dao-tag-purple-bg: var(--dao-tag-purple-020);
  --dao-tag-green-ecology-text: var(--dao-tag-forrest-green-010);
  --dao-tag-green-ecology-bg: var(--dao-tag-forrest-green-020);
  --dao-tag-blue-data-text: var(--dao-tag-ice-blue-010);
  --dao-tag-blue-data-bg: var(--dao-tag-ice-blue-020);
  --dao-tag-green-security-text: var(--dao-tag-bamboo-green-010);
  --dao-tag-green-security-bg: var(--dao-tag-bamboo-green-020);
  --dao-tag-pink-text: var(--dao-tag-dry-rose-010);
  --dao-tag-pink-bg: var(--dao-tag-dry-rose-020);
  --dao-tag-rose-purple-text: var(--dao-tag-lotus-purple-010);
  --dao-tag-rose-purple-bg: var(--dao-tag-lotus-purple-020);
  --dao-tag-green-database-text: var(--dao-tag-mountain-green-010);
  --dao-tag-green-database-bg: var(--dao-tag-mountain-green-020);
}

:host {
  --dao-tag-blue-text: var(--dao-tag-navy-blue-010);
  --dao-tag-blue-bg: var(--dao-tag-navy-blue-020);
  --dao-tag-canary-text: var(--dao-tag-canary-010);
  --dao-tag-canary-bg: var(--dao-tag-canary-020);
  --dao-tag-cyan-text: var(--dao-tag-cyan-010);
  --dao-tag-cyan-bg: var(--dao-tag-cyan-020);
  --dao-tag-grey-text: var(--dao-tag-cloud-grey-010);
  --dao-tag-grey-bg: var(--dao-tag-cloud-grey-020);
  --dao-tag-red-text: var(--dao-tag-error);
  --dao-tag-red-bg: var(--dao-tag-bg-error);
  --dao-tag-yellow-text: var(--dao-tag-warning);
  --dao-tag-yellow-bg: var(--dao-yellow-075);
  --dao-tag-green-text: var(--dao-tag-health);
  --dao-tag-green-bg: var(--dao-tag-bg-health);
  --dao-tag-skyblue-text: var(--dao-tag-info);
  --dao-tag-skyblue-bg: var(--dao-tag-bg-info);
  --dao-tag-orange-text: var(--dao-tag-tangerine-010);
  --dao-tag-orange-bg: var(--dao-tag-tangerine-020);
  --dao-tag-purple-text: var(--dao-tag-purple-010);
  --dao-tag-purple-bg: var(--dao-tag-purple-020);
  --dao-tag-green-ecology-text: var(--dao-tag-forrest-green-010);
  --dao-tag-green-ecology-bg: var(--dao-tag-forrest-green-020);
  --dao-tag-blue-data-text: var(--dao-tag-ice-blue-010);
  --dao-tag-blue-data-bg: var(--dao-tag-ice-blue-020);
  --dao-tag-green-security-text: var(--dao-tag-bamboo-green-010);
  --dao-tag-green-security-bg: var(--dao-tag-bamboo-green-020);
  --dao-tag-pink-text: var(--dao-tag-dry-rose-010);
  --dao-tag-pink-bg: var(--dao-tag-dry-rose-020);
  --dao-tag-rose-purple-text: var(--dao-tag-lotus-purple-010);
  --dao-tag-rose-purple-bg: var(--dao-tag-lotus-purple-020);
  --dao-tag-green-database-text: var(--dao-tag-mountain-green-010);
  --dao-tag-green-database-bg: var(--dao-tag-mountain-green-020);
}

.dao-label-extend {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 12px;
  border-radius: 3px;
}

.dao-label-extend__blue {
  color: var(--dao-tag-blue-text);
  background: var(--dao-tag-blue-bg);
}

.dao-label-extend__cyan {
  color: var(--dao-tag-cyan-text);
  background: var(--dao-tag-cyan-bg);
}

.dao-label-extend__grey {
  color: var(--dao-tag-grey-text);
  background: var(--dao-tag-grey-bg);
}

.dao-label-extend__canary {
  color: var(--dao-tag-canary-text);
  background: var(--dao-tag-canary-bg);
}

.dao-label-extend__red {
  color: var(--dao-tag-red-text);
  background: var(--dao-tag-red-bg);
}

.dao-label-extend__yellow {
  color: var(--dao-tag-yellow-text);
  background: var(--dao-tag-yellow-bg);
}

.dao-label-extend__green {
  color: var(--dao-tag-green-text);
  background: var(--dao-tag-green-bg);
}

.dao-label-extend__skyblue {
  color: var(--dao-tag-skyblue-text);
  background: var(--dao-tag-skyblue-bg);
}

.dao-label-extend__orange {
  color: var(--dao-tag-orange-text);
  background: var(--dao-tag-orange-bg);
}

.dao-label-extend__purple {
  color: var(--dao-tag-purple-text);
  background: var(--dao-tag-purple-bg);
}

.dao-label-extend__green-ecology {
  color: var(--dao-tag-green-ecology-text);
  background: var(--dao-tag-green-ecology-bg);
}

.dao-label-extend__blue-data {
  color: var(--dao-tag-blue-data-text);
  background: var(--dao-tag-blue-data-bg);
}

.dao-label-extend__green-security {
  color: var(--dao-tag-green-security-text);
  background: var(--dao-tag-green-security-bg);
}

.dao-label-extend__pink {
  color: var(--dao-tag-pink-text);
  background: var(--dao-tag-pink-bg);
}

.dao-label-extend__rose-purple {
  color: var(--dao-tag-rose-purple-text);
  background: var(--dao-tag-rose-purple-bg);
}

.dao-label-extend__green-database {
  color: var(--dao-tag-green-database-text);
  background: var(--dao-tag-green-database-bg);
}

.dao-label-extend__md {
  height: 20px;
  padding: 0 8px;
}

.dao-label-extend__sm {
  height: 16px;
  padding: 0 6px;
  font-weight: 600;
}