.o-tag{display:flex;align-items:center;gap:4px;width:fit-content;padding:0 4px;font-size:12px;line-height:1.5;border-radius:3px;white-space:nowrap}.o-tag--blue{color:var(--color-text-blue);background-color:hsl(var(--color-surface-blue-bold-hs) calc(var(--color-surface-blue-bold-l) + 40%))}.o-tag--gray{color:var(--color-text-gray);background-color:hsl(var(--color-surface-gray-bold-hs) calc(var(--color-surface-gray-bold-l) + 40%))}.o-tag--green{color:var(--color-text-green);background-color:hsl(var(--color-surface-green-bold-hs) calc(var(--color-surface-green-bold-l) + 40%))}.o-tag--orange{color:var(--color-text-orange);background-color:hsl(var(--color-surface-orange-bold-hs) calc(var(--color-surface-orange-bold-l) + 40%))}.o-tag--pink{color:var(--color-text-pink);background-color:hsl(var(--color-surface-pink-bold-hs) calc(var(--color-surface-pink-bold-l) + 40%))}.o-tag--purple{color:var(--color-text-purple);background-color:hsl(var(--color-surface-purple-bold-hs) calc(var(--color-surface-purple-bold-l) + 40%))}.o-tag--red{color:var(--color-text-red);background-color:hsl(var(--color-surface-red-bold-hs) calc(var(--color-surface-red-bold-l) + 40%))}.o-tag--yellow{color:var(--color-text-yellow);background-color:hsl(var(--color-surface-yellow-bold-hs) calc(var(--color-surface-yellow-bold-l) + 40%))}