[data-scope='combobox'][data-part='root'] {
	@apply inline-flex flex-col gap-2 w-full max-w-sm mx-auto;
}

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

[data-scope='combobox'][data-part='control'] {
	@apply inline-flex w-full rounded-md;
}
[data-scope='combobox'][data-part='control'][data-focus] {
    @apply ring-2 ring-ring ring-offset-2 ring-offset-background;
}

[data-scope='combobox'][data-part='input'] {
	@apply flex-1 px-3 py-2 bg-background border border-border rounded-l-md text-sm placeholder:text-muted-foreground focus:outline-none
}

[data-scope='combobox'][data-part='trigger'] {
	@apply flex items-center justify-center px-3 py-2 bg-background border border-l-0 border-border rounded-r-md hover:bg-muted transition-colors focus:outline-none; 
}

[data-scope='combobox'][data-part='trigger'] svg {
	@apply w-4 h-4 text-muted-foreground;
}

[data-scope='combobox'][data-part='trigger']:hover svg {
	@apply text-foreground;
}

[data-scope='combobox'][data-part='content'] {
	@apply bg-popover border border-border rounded-md shadow-md max-h-60 overflow-auto p-1 z-50;
	list-style-type: none;
	margin: 0;
	overscroll-behavior: contain;
}

[data-scope='combobox'][data-part='item'] {
	@apply flex items-center gap-2 px-3 py-2 text-sm select-none cursor-default rounded-sm transition-colors;
	content-visibility: auto;
}

[data-scope='combobox'][data-part='item'][data-highlighted] {
	@apply bg-primary text-primary-foreground;
}

[data-scope='combobox'][data-part='item'][data-selected] {
	@apply bg-primary text-primary-foreground;
}

[data-scope='combobox'][data-part='item'][data-disabled] {
	@apply opacity-50 cursor-not-allowed;
}

[data-scope='combobox'][data-part='clear-trigger'] {
	@apply inline-flex items-center justify-center w-8 h-8 rounded-md hover:bg-muted transition-colors;
}

[data-scope='combobox'][data-part='clear-trigger'] svg {
	@apply w-4 h-4 text-muted-foreground;
}

[data-scope='combobox'][data-part='item-group-label'] {
	@apply select-none mt-2 flex items-center px-3 pb-2 text-xs font-semibold text-muted-foreground;
}
