:root {
  --ty-tag-font-size: 12px;
  --ty-tag-margin-inline-end: 8px;
  --ty-tag-padding: 3px 7px;
  --ty-tag-radius: var(--ty-border-radius);
  --ty-tag-color: var(--ty-color-text);
  --ty-tag-bg: var(--ty-color-fill);
  --ty-tag-border: var(--ty-color-border);
  --ty-tag-link-color: var(--ty-color-text-secondary);
  --ty-tag-close-font-size: 10px;
  --ty-tag-close-gap: 5px;
  --ty-tag-close-opacity-hover: 0.8;
  --ty-tag-transition-duration: 300ms;
  --ty-tag-checkable-bg: var(--ty-color-bg-container);
  --ty-tag-checkable-color: var(--ty-color-primary);
  --ty-tag-checkable-border: var(--ty-color-bg-container);
  --ty-tag-checkable-bg-checked: var(--ty-color-primary);
  --ty-tag-checkable-color-checked: #fff;
  --ty-tag-checkable-border-checked: var(--ty-color-primary);
  --ty-tag-magenta-color: #eb2f96;
  --ty-tag-magenta-bg: #fff0f6;
  --ty-tag-magenta-border: #ffadd2;
  --ty-tag-red-color: #f5222d;
  --ty-tag-red-bg: var(--ty-color-danger-bg);
  --ty-tag-red-border: var(--ty-color-danger-border);
  --ty-tag-volcano-color: #fa541c;
  --ty-tag-volcano-bg: #fff2e8;
  --ty-tag-volcano-border: #ffbb96;
  --ty-tag-orange-color: #fa8c16;
  --ty-tag-orange-bg: #fff7e6;
  --ty-tag-orange-border: #ffd591;
  --ty-tag-gold-color: #faad14;
  --ty-tag-gold-bg: var(--ty-color-warning-bg);
  --ty-tag-gold-border: var(--ty-color-warning-border);
  --ty-tag-lime-color: #a0d911;
  --ty-tag-lime-bg: #fcffe6;
  --ty-tag-lime-border: #eaff8f;
  --ty-tag-green-color: #52c41a;
  --ty-tag-green-bg: var(--ty-color-success-bg);
  --ty-tag-green-border: var(--ty-color-success-border);
  --ty-tag-cyan-color: #13c2c2;
  --ty-tag-cyan-bg: #e6fffb;
  --ty-tag-cyan-border: #87e8de;
  --ty-tag-blue-color: #1890ff;
  --ty-tag-blue-bg: var(--ty-color-info-bg);
  --ty-tag-blue-border: var(--ty-color-info-border);
  --ty-tag-geekblue-color: #2f54eb;
  --ty-tag-geekblue-bg: #f0f5ff;
  --ty-tag-geekblue-border: #adc6ff;
  --ty-tag-purple-color: #722ed1;
  --ty-tag-purple-bg: #f9f0ff;
  --ty-tag-purple-border: #d3adf7;
}

[data-tiny-theme='dark'] {
  --ty-tag-font-size: 12px;
  --ty-tag-margin-inline-end: 8px;
  --ty-tag-padding: 3px 7px;
  --ty-tag-radius: var(--ty-border-radius);
  --ty-tag-color: var(--ty-color-text);
  --ty-tag-bg: #262626;
  --ty-tag-border: #424242;
  --ty-tag-link-color: var(--ty-color-text-secondary);
  --ty-tag-close-font-size: 10px;
  --ty-tag-close-gap: 5px;
  --ty-tag-close-opacity-hover: 0.8;
  --ty-tag-transition-duration: 300ms;
  --ty-tag-checkable-bg: #1f1f1f;
  --ty-tag-checkable-color: var(--ty-color-primary);
  --ty-tag-checkable-border: var(--ty-color-bg-container);
  --ty-tag-checkable-bg-checked: var(--ty-color-primary);
  --ty-tag-checkable-color-checked: #fff;
  --ty-tag-checkable-border-checked: var(--ty-color-primary);
  --ty-tag-magenta-color: #e0529c;
  --ty-tag-magenta-bg: #291321;
  --ty-tag-magenta-border: #55162b;
  --ty-tag-red-color: #e84749;
  --ty-tag-red-bg: #2a1215;
  --ty-tag-red-border: #58181c;
  --ty-tag-volcano-color: #e87040;
  --ty-tag-volcano-bg: #2b1611;
  --ty-tag-volcano-border: #592716;
  --ty-tag-orange-color: #e89a3c;
  --ty-tag-orange-bg: #2b1d11;
  --ty-tag-orange-border: #593815;
  --ty-tag-gold-color: #e8b339;
  --ty-tag-gold-bg: #2b2111;
  --ty-tag-gold-border: #594214;
  --ty-tag-lime-color: #8bbb11;
  --ty-tag-lime-bg: #1a2611;
  --ty-tag-lime-border: #3e4f13;
  --ty-tag-green-color: #6abe39;
  --ty-tag-green-bg: #162312;
  --ty-tag-green-border: #274916;
  --ty-tag-cyan-color: #33bcb7;
  --ty-tag-cyan-bg: #112123;
  --ty-tag-cyan-border: #144848;
  --ty-tag-blue-color: #3c9ae8;
  --ty-tag-blue-bg: #111d2c;
  --ty-tag-blue-border: #15395b;
  --ty-tag-geekblue-color: #5273e0;
  --ty-tag-geekblue-bg: #131a2e;
  --ty-tag-geekblue-border: #1c2d57;
  --ty-tag-purple-color: #854eca;
  --ty-tag-purple-bg: #1a1325;
  --ty-tag-purple-border: #301c4d;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-tag-font-size: 12px;
  --ty-tag-margin-inline-end: 8px;
  --ty-tag-padding: 3px 7px;
  --ty-tag-radius: var(--ty-border-radius);
  --ty-tag-color: var(--ty-color-text);
  --ty-tag-bg: #262626;
  --ty-tag-border: #424242;
  --ty-tag-link-color: var(--ty-color-text-secondary);
  --ty-tag-close-font-size: 10px;
  --ty-tag-close-gap: 5px;
  --ty-tag-close-opacity-hover: 0.8;
  --ty-tag-transition-duration: 300ms;
  --ty-tag-checkable-bg: #1f1f1f;
  --ty-tag-checkable-color: var(--ty-color-primary);
  --ty-tag-checkable-border: var(--ty-color-bg-container);
  --ty-tag-checkable-bg-checked: var(--ty-color-primary);
  --ty-tag-checkable-color-checked: #fff;
  --ty-tag-checkable-border-checked: var(--ty-color-primary);
  --ty-tag-magenta-color: #e0529c;
  --ty-tag-magenta-bg: #291321;
  --ty-tag-magenta-border: #55162b;
  --ty-tag-red-color: #e84749;
  --ty-tag-red-bg: #2a1215;
  --ty-tag-red-border: #58181c;
  --ty-tag-volcano-color: #e87040;
  --ty-tag-volcano-bg: #2b1611;
  --ty-tag-volcano-border: #592716;
  --ty-tag-orange-color: #e89a3c;
  --ty-tag-orange-bg: #2b1d11;
  --ty-tag-orange-border: #593815;
  --ty-tag-gold-color: #e8b339;
  --ty-tag-gold-bg: #2b2111;
  --ty-tag-gold-border: #594214;
  --ty-tag-lime-color: #8bbb11;
  --ty-tag-lime-bg: #1a2611;
  --ty-tag-lime-border: #3e4f13;
  --ty-tag-green-color: #6abe39;
  --ty-tag-green-bg: #162312;
  --ty-tag-green-border: #274916;
  --ty-tag-cyan-color: #33bcb7;
  --ty-tag-cyan-bg: #112123;
  --ty-tag-cyan-border: #144848;
  --ty-tag-blue-color: #3c9ae8;
  --ty-tag-blue-bg: #111d2c;
  --ty-tag-blue-border: #15395b;
  --ty-tag-geekblue-color: #5273e0;
  --ty-tag-geekblue-bg: #131a2e;
  --ty-tag-geekblue-border: #1c2d57;
  --ty-tag-purple-color: #854eca;
  --ty-tag-purple-bg: #1a1325;
  --ty-tag-purple-border: #301c4d;
}
}