.ty-tag {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: none;
  margin-right: var(--ty-tag-margin-inline-end, 8px);
  padding: var(--ty-tag-padding, 3px 7px);
  font-size: var(--ty-tag-font-size, 12px);
  border: 1px solid var(--ty-tag-border, var(--ty-color-border));
  border-radius: var(--ty-tag-radius, var(--ty-border-radius));
  color: var(--ty-tag-color, var(--ty-color-text));
  background: var(--ty-tag-bg, var(--ty-color-fill));
}
.ty-tag a,
.ty-tag a:hover {
  color: var(--ty-tag-link-color, var(--ty-color-text-secondary));
}
.ty-tag_visible {
  display: inline-block;
}
.ty-tag__close-btn {
  cursor: pointer;
  font-size: var(--ty-tag-close-font-size, 10px);
  margin-left: var(--ty-tag-close-gap, 5px);
  line-height: 1;
  transition: all var(--ty-tag-transition-duration, 300ms);
  background: none;
  border: none;
  padding: 0;
  color: inherit;
  font-family: inherit;
}
.ty-tag__close-btn:hover {
  opacity: var(--ty-tag-close-opacity-hover, 0.8);
}
.ty-tag_magenta {
  color: var(--ty-tag-magenta-color);
  background: var(--ty-tag-magenta-bg);
  border-color: var(--ty-tag-magenta-border);
}
.ty-tag_red {
  color: var(--ty-tag-red-color);
  background: var(--ty-tag-red-bg);
  border-color: var(--ty-tag-red-border);
}
.ty-tag_volcano {
  color: var(--ty-tag-volcano-color);
  background: var(--ty-tag-volcano-bg);
  border-color: var(--ty-tag-volcano-border);
}
.ty-tag_orange {
  color: var(--ty-tag-orange-color);
  background: var(--ty-tag-orange-bg);
  border-color: var(--ty-tag-orange-border);
}
.ty-tag_gold {
  color: var(--ty-tag-gold-color);
  background: var(--ty-tag-gold-bg);
  border-color: var(--ty-tag-gold-border);
}
.ty-tag_lime {
  color: var(--ty-tag-lime-color);
  background: var(--ty-tag-lime-bg);
  border-color: var(--ty-tag-lime-border);
}
.ty-tag_green {
  color: var(--ty-tag-green-color);
  background: var(--ty-tag-green-bg);
  border-color: var(--ty-tag-green-border);
}
.ty-tag_cyan {
  color: var(--ty-tag-cyan-color);
  background: var(--ty-tag-cyan-bg);
  border-color: var(--ty-tag-cyan-border);
}
.ty-tag_blue {
  color: var(--ty-tag-blue-color);
  background: var(--ty-tag-blue-bg);
  border-color: var(--ty-tag-blue-border);
}
.ty-tag_geekblue {
  color: var(--ty-tag-geekblue-color);
  background: var(--ty-tag-geekblue-bg);
  border-color: var(--ty-tag-geekblue-border);
}
.ty-tag_purple {
  color: var(--ty-tag-purple-color);
  background: var(--ty-tag-purple-bg);
  border-color: var(--ty-tag-purple-border);
}
.ty-tag_success {
  color: var(--ty-color-success);
  background: var(--ty-color-success-bg);
  border-color: var(--ty-color-success-border);
}
.ty-tag_info {
  color: var(--ty-color-info);
  background: var(--ty-color-info-bg);
  border-color: var(--ty-color-info-border);
}
.ty-tag_warning {
  color: var(--ty-color-warning);
  background: var(--ty-color-warning-bg);
  border-color: var(--ty-color-warning-border);
}
.ty-tag_danger {
  color: var(--ty-color-danger);
  background: var(--ty-color-danger-bg);
  border-color: var(--ty-color-danger-border);
}
.ty-tag_magenta-soft {
  color: var(--ty-tag-magenta-color);
  background: var(--ty-tag-magenta-bg);
  border-color: transparent;
}
.ty-tag_red-soft {
  color: var(--ty-tag-red-color);
  background: var(--ty-tag-red-bg);
  border-color: transparent;
}
.ty-tag_volcano-soft {
  color: var(--ty-tag-volcano-color);
  background: var(--ty-tag-volcano-bg);
  border-color: transparent;
}
.ty-tag_orange-soft {
  color: var(--ty-tag-orange-color);
  background: var(--ty-tag-orange-bg);
  border-color: transparent;
}
.ty-tag_gold-soft {
  color: var(--ty-tag-gold-color);
  background: var(--ty-tag-gold-bg);
  border-color: transparent;
}
.ty-tag_lime-soft {
  color: var(--ty-tag-lime-color);
  background: var(--ty-tag-lime-bg);
  border-color: transparent;
}
.ty-tag_green-soft {
  color: var(--ty-tag-green-color);
  background: var(--ty-tag-green-bg);
  border-color: transparent;
}
.ty-tag_cyan-soft {
  color: var(--ty-tag-cyan-color);
  background: var(--ty-tag-cyan-bg);
  border-color: transparent;
}
.ty-tag_blue-soft {
  color: var(--ty-tag-blue-color);
  background: var(--ty-tag-blue-bg);
  border-color: transparent;
}
.ty-tag_geekblue-soft {
  color: var(--ty-tag-geekblue-color);
  background: var(--ty-tag-geekblue-bg);
  border-color: transparent;
}
.ty-tag_purple-soft {
  color: var(--ty-tag-purple-color);
  background: var(--ty-tag-purple-bg);
  border-color: transparent;
}
.ty-tag_success-soft {
  color: var(--ty-color-success);
  background: var(--ty-color-success-bg);
  border-color: transparent;
}
.ty-tag_info-soft {
  color: var(--ty-color-info);
  background: var(--ty-color-info-bg);
  border-color: transparent;
}
.ty-tag_warning-soft {
  color: var(--ty-color-warning);
  background: var(--ty-color-warning-bg);
  border-color: transparent;
}
.ty-tag_danger-soft {
  color: var(--ty-color-danger);
  background: var(--ty-color-danger-bg);
  border-color: transparent;
}
.ty-tag_magenta-solid {
  color: #fff;
  background: var(--ty-tag-magenta-color);
  border-color: var(--ty-tag-magenta-color);
}
.ty-tag_red-solid {
  color: #fff;
  background: var(--ty-tag-red-color);
  border-color: var(--ty-tag-red-color);
}
.ty-tag_volcano-solid {
  color: #fff;
  background: var(--ty-tag-volcano-color);
  border-color: var(--ty-tag-volcano-color);
}
.ty-tag_orange-solid {
  color: #fff;
  background: var(--ty-tag-orange-color);
  border-color: var(--ty-tag-orange-color);
}
.ty-tag_gold-solid {
  color: #fff;
  background: var(--ty-tag-gold-color);
  border-color: var(--ty-tag-gold-color);
}
.ty-tag_lime-solid {
  color: #fff;
  background: var(--ty-tag-lime-color);
  border-color: var(--ty-tag-lime-color);
}
.ty-tag_green-solid {
  color: #fff;
  background: var(--ty-tag-green-color);
  border-color: var(--ty-tag-green-color);
}
.ty-tag_cyan-solid {
  color: #fff;
  background: var(--ty-tag-cyan-color);
  border-color: var(--ty-tag-cyan-color);
}
.ty-tag_blue-solid {
  color: #fff;
  background: var(--ty-tag-blue-color);
  border-color: var(--ty-tag-blue-color);
}
.ty-tag_geekblue-solid {
  color: #fff;
  background: var(--ty-tag-geekblue-color);
  border-color: var(--ty-tag-geekblue-color);
}
.ty-tag_purple-solid {
  color: #fff;
  background: var(--ty-tag-purple-color);
  border-color: var(--ty-tag-purple-color);
}
.ty-tag_success-solid {
  color: #fff;
  background: var(--ty-color-success);
  border-color: var(--ty-color-success);
}
.ty-tag_info-solid {
  color: #fff;
  background: var(--ty-color-info);
  border-color: var(--ty-color-info);
}
.ty-tag_warning-solid {
  color: #fff;
  background: var(--ty-color-warning);
  border-color: var(--ty-color-warning);
}
.ty-tag_danger-solid {
  color: #fff;
  background: var(--ty-color-danger);
  border-color: var(--ty-color-danger);
}
.ty-tag_magenta-outlined {
  color: var(--ty-tag-magenta-color);
  background: transparent;
  border-color: var(--ty-tag-magenta-border);
}
.ty-tag_red-outlined {
  color: var(--ty-tag-red-color);
  background: transparent;
  border-color: var(--ty-tag-red-border);
}
.ty-tag_volcano-outlined {
  color: var(--ty-tag-volcano-color);
  background: transparent;
  border-color: var(--ty-tag-volcano-border);
}
.ty-tag_orange-outlined {
  color: var(--ty-tag-orange-color);
  background: transparent;
  border-color: var(--ty-tag-orange-border);
}
.ty-tag_gold-outlined {
  color: var(--ty-tag-gold-color);
  background: transparent;
  border-color: var(--ty-tag-gold-border);
}
.ty-tag_lime-outlined {
  color: var(--ty-tag-lime-color);
  background: transparent;
  border-color: var(--ty-tag-lime-border);
}
.ty-tag_green-outlined {
  color: var(--ty-tag-green-color);
  background: transparent;
  border-color: var(--ty-tag-green-border);
}
.ty-tag_cyan-outlined {
  color: var(--ty-tag-cyan-color);
  background: transparent;
  border-color: var(--ty-tag-cyan-border);
}
.ty-tag_blue-outlined {
  color: var(--ty-tag-blue-color);
  background: transparent;
  border-color: var(--ty-tag-blue-border);
}
.ty-tag_geekblue-outlined {
  color: var(--ty-tag-geekblue-color);
  background: transparent;
  border-color: var(--ty-tag-geekblue-border);
}
.ty-tag_purple-outlined {
  color: var(--ty-tag-purple-color);
  background: transparent;
  border-color: var(--ty-tag-purple-border);
}
.ty-tag_success-outlined {
  color: var(--ty-color-success);
  background: transparent;
  border-color: var(--ty-color-success-border);
}
.ty-tag_info-outlined {
  color: var(--ty-color-info);
  background: transparent;
  border-color: var(--ty-color-info-border);
}
.ty-tag_warning-outlined {
  color: var(--ty-color-warning);
  background: transparent;
  border-color: var(--ty-color-warning-border);
}
.ty-tag_danger-outlined {
  color: var(--ty-color-danger);
  background: transparent;
  border-color: var(--ty-color-danger-border);
}

.ty-checkable-tag {
  background-color: var(--ty-tag-checkable-bg, var(--ty-color-bg-container));
  color: var(--ty-tag-checkable-color, var(--ty-color-primary));
  border-color: var(--ty-tag-checkable-border, var(--ty-color-bg-container));
  transition: all var(--ty-tag-transition-duration, 300ms);
  cursor: pointer;
}
.ty-checkable-tag_checked {
  background-color: var(--ty-tag-checkable-bg-checked, var(--ty-color-primary));
  color: var(--ty-tag-checkable-color-checked, #fff);
  border-color: var(--ty-tag-checkable-border-checked, var(--ty-color-primary));
}