.content {
	min-width: 100px;
	border: var(--component-border-width-sm) solid var(--stroke-subtle);
	border-radius: var(--component-radii-sm);
	overflow: hidden;
	padding: var(--component-spacing-xs);
	box-shadow: var(--elevation-medium);
	z-index: 1001;
}

.item {
	all: unset;
	font: var(--font-body-sm-default);
	display: flex;
	align-items: center;
	padding: var(--component-spacing-sm);
	border-radius: var(--component-radii-sm);
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: pointer;
	position: relative;
}

.item:hover {
		background-color: var(--color-neutral-surface-ghost-active-bg);
		color: var(--color-neutral-surface-ghost-hover-fg-default);
	}

.item:focus-visible {
		background-color: var(--color-neutral-surface-ghost-active-bg);
		color: var(--color-neutral-surface-ghost-active-fg-default);
	}

.item[data-disabled],
	.item:disabled {
		color: var(--color-neutral-surface-ghost-idle-fg-subtle);
		pointer-events: none;
	}

.checkboxItem {
	padding-left: calc(var(--component-spacing-xs) * 2 + var(--size-100));
}

.label {
	padding-left: var(--component-spacing-md);
	font: var(--font-label-sm);
	color: var(--color-contextMenuFg);
}

.separator {
	height: var(--component-border-width-md);
	background-color: var(--stroke-subtle);
	margin: var(--component-spacing-xs);
}

.ItemIndicator {
	position: absolute;
	left: var(--component-spacing-xs);
	width: var(--size-100);
	height: var(--size-100);
	display: flex;
	align-items: center;
	justify-content: center;
}

.rightSlot {
	margin-left: auto;
	padding-left: var(--component-spacing-md);
	color: var(--color-neutral-surface-ghost-idle-fg-subtle);
}

.arrow {
	fill: var(--color-neutral-surface-ghost-idle-fg-default);
}