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

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

[data-scope='select'][data-part='control'] {
	@apply flex flex-col gap-1.5 items-start;
}

[data-scope='select'][data-part='trigger'] {
	@apply flex items-center justify-between gap-2 px-3 py-2 bg-background border border-border rounded-md cursor-default text-sm hover:bg-muted transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background w-full;
}

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

[data-scope='select'][data-part='trigger'][data-invalid] {
	@apply border-destructive;
}

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

[data-scope='select'][data-part='trigger'] span {
	@apply flex-1 text-left truncate;
}

[data-scope='select'][data-part='content'] {
	@apply w-(--reference-width) bg-popover border border-border rounded-lg shadow-lg p-1 max-h-60 overflow-auto z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200;
	list-style: none;
	margin: 0;
	overscroll-behavior: contain;
}

[data-scope='select'][data-part='item'] {
	@apply relative flex items-center justify-between px-3 py-2 text-sm cursor-default select-none rounded-md transition-colors;
}

[data-scope='select'][data-part='item']:hover {
	@apply bg-accent text-accent-foreground;
}

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


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

[data-scope='select'][data-part='item-text'] {
	@apply flex-1;
}

[data-scope='select'][data-part='item-indicator'] {
	@apply flex items-center justify-center w-4 h-4;
}

[data-scope='select'][data-part='item-indicator'] svg {
	@apply w-3 h-3;
}
