.root {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	outline: none;
	color: var(--color-neutral-surface-ghost-idle-fg-default);
	border: none;
	background: transparent;
	width: 100%;
	cursor: pointer;
}

.trigger {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	outline: none;
	color: var(--color-neutral-surface-ghost-idle-fg-default);
	padding: var(--component-spacing-sm) var(--component-spacing-md);
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
}

.trigger:hover {
	background: var(--color-neutral-surface-ghost-hover-bg);
}

.trigger:focus-visible {
	box-shadow: var(--shadows-focus);
}

.content {
	/* Add any specific styles for content if needed */
}

.item {
	/* Add any specific styles for item if needed */
}