$vv-dropdown-option: (
	display: flex,
	min-width: 0,
	overflow: hidden,
	gap: var(--spacing-sm),
	align-items: flex-end,
	padding: var(--spacing-sm),
	state: (
		disabled: (
			opacity: var(--opacity-50),
			cursor: not-allowed,
			pointer-events: none,
		),
		focus-visible: (
			background-color: var(--color-surface-success),
			color: var(--color-success-darken-1),
			element: (
				hint: (
					opacity: var(--opacity-100),
				),
			),
		),
		selected: (
			font-weight: var(--font-bold),
			background-color: var(--color-surface-brand),
			color: var(--color-brand-darken-1),
		),
	),
	modifier: (
		unselectable: (
			state: (
				focus-visible: (
					background-color: var(--color-surface-danger),
					color: var(--color-danger),
				),
			),
		),
		inert: (
			cursor: default,
			color: var(--color-word-3),
			font-size: 0.8em,
			state: (
				focus-visible: (
					background-color: transparent,
					color: var(--color-word-3),
				),
			),
		),
	),
	element: (
		hint: (
			opacity: var(--opacity-0),
			transition: var(--transition-opacity),
			will-change: opacity,
			margin-left: auto,
			font-size: 0.8em,
			font-weight: var(--font-normal),
			text-overflow: ellipsis,
			white-space: nowrap,
			overflow: hidden,
		),
		label: (
			text-overflow: ellipsis,
			white-space: nowrap,
			overflow: hidden,
		),
	),
) !default;