[data-scope='tags-input'][data-part='root'] {
	@apply flex flex-col gap-2 w-full max-w-lg mx-auto;
}

[data-scope='tags-input'][data-part='label'] {
	@apply text-sm font-medium text-foreground;
}

[data-scope='tags-input'][data-part='control'] {
	@apply flex flex-wrap gap-2 p-3 bg-background border border-border rounded-md focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background transition-all;
}

[data-scope='tags-input'][data-part='item'] {
	@apply inline-flex items-center;
}

[data-scope='tags-input'][data-part='item-preview'] {
	@apply inline-flex items-center gap-1 px-2 py-1 bg-primary/10 text-primary border border-primary/20 rounded-md text-sm;
}

[data-scope='tags-input'][data-part='item-preview'] span {
	@apply font-medium;
}

[data-scope='tags-input'][data-part='item-delete-trigger'] {
	@apply flex items-center justify-center w-4 h-4 text-primary/70 hover:text-primary hover:bg-primary/20 rounded-sm transition-colors;
}

[data-scope='tags-input'][data-part='item-delete-trigger'] svg {
	@apply w-3 h-3;
}

[data-scope='tags-input'][data-part='item-input'] {
	@apply bg-transparent border-0 outline-none text-sm font-medium min-w-0 flex-1;
}

[data-scope='tags-input'][data-part='input'] {
	@apply bg-transparent border-0 outline-none text-sm placeholder:text-muted-foreground min-w-20 flex-1;
}

[data-scope='tags-input'][data-part='control'][data-invalid] {
	@apply border-destructive;
}

[data-scope='tags-input'][data-part='control'][data-disabled] {
	@apply opacity-50 cursor-not-allowed;
}
