.primary{--tag-border-color: hsl(var(--color-primary));--tag-background-color: hsl(var(--color-primary))}.secondary{--tag-border-color: hsl(var(--color-secondary));--tag-background-color: hsl(var(--color-secondary))}.tertiary{--tag-border-color: hsl(var(--color-tertiary));--tag-background-color: hsl(var(--color-tertiary))}.text{--tag-border-color: hsl(var(--color-text));--tag-background-color: hsl(var(--color-text))}.outlined{--tag-background-color: hsl(var(--color-background-accent))}.tag{border-radius:calc(var(--grid-unit) * 2);font-family:var(--font-body);font-weight:600;font-size:var(--font-size-xs);color:hsl(var(--color-text));background-color:var(--tag-background-color);border:1px solid var(--tag-border-color);padding:calc(var(--grid-unit)/2) calc(var(--grid-unit))}