.qd-left-ribbon-tag[data-v-e400f68e] {
  --tag-bg: var(--td-bg-color-component);
  --tag-color: var(--td-text-color-primary);
  --tag-svg: var(--td-bg-color-component);
  height: var(--td-comp-size-xs);
  display: flex;
  align-items: center;
}
.qd-left-ribbon-tag__svg[data-v-e400f68e] {
  color: var(--tag-svg);
  margin-right: -1px;
}
.qd-left-ribbon-tag__content[data-v-e400f68e] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: var(--td-comp-size-xs);
  padding-right: var(--td-comp-paddingLR-l);
  font: var(--td-font-body-small);
  background-color: var(--tag-bg);
  color: var(--tag-color);
  min-width: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--default[data-v-e400f68e] {
  --tag-bg: var(--td-bg-color-component);
  --tag-color: var(--td-text-color-primary);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--primary[data-v-e400f68e] {
  --tag-bg: var(--td-brand-color);
  --tag-color: var(--td-text-color-anti);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--success[data-v-e400f68e] {
  --tag-bg: var(--td-success-color);
  --tag-color: var(--td-text-color-anti);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--warning[data-v-e400f68e] {
  --tag-bg: var(--td-warning-color);
  --tag-color: var(--td-text-color-anti);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--danger[data-v-e400f68e] {
  --tag-bg: var(--td-error-color);
  --tag-color: var(--td-error-color-light);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--dark.qd-left-ribbon-tag--default[data-v-e400f68e] {
  --tag-svg: var(--td-bg-color-component);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--dark.qd-left-ribbon-tag--primary[data-v-e400f68e] {
  --tag-svg: var(--td-brand-color);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--dark.qd-left-ribbon-tag--success[data-v-e400f68e] {
  --tag-svg: var(--td-success-color);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--dark.qd-left-ribbon-tag--warning[data-v-e400f68e] {
  --tag-svg: var(--td-warning-color);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--dark.qd-left-ribbon-tag--danger[data-v-e400f68e] {
  --tag-svg: var(--td-error-color);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--light.qd-left-ribbon-tag--default[data-v-e400f68e] {
  --tag-bg: var(--td-bg-color-secondarycontainer);
  --tag-svg: var(--td-bg-color-secondarycontainer);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--light.qd-left-ribbon-tag--primary[data-v-e400f68e] {
  --tag-bg: var(--td-brand-color-light);
  --tag-color: var(--td-brand-color);
  --tag-svg: var(--td-brand-color-light);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--light.qd-left-ribbon-tag--success[data-v-e400f68e] {
  --tag-bg: var(--td-success-color-light);
  --tag-color: var(--td-success-color);
  --tag-svg: var(--td-success-color-light);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--light.qd-left-ribbon-tag--warning[data-v-e400f68e] {
  --tag-bg: var(--td-warning-color-light);
  --tag-color: var(--td-warning-color);
  --tag-svg: var(--td-warning-color-light);
}
.qd-left-ribbon-tag.qd-left-ribbon-tag--light.qd-left-ribbon-tag--danger[data-v-e400f68e] {
  --tag-bg: #fff0ed;
  --tag-color: var(--td-error-color);
  --tag-svg: var(--td-error-color-light);
}