:root {
	--ep-combobox-list-background: #fff;
	--ep-combobox-list-background-selected: #f5f5f5;
	--ep-combobox-list-border: #8c8f94;
}

.ep-combobox {
	display: contents;
}

.ep-combobox__list {
	background-color: var(--ep-combobox-list-background);
	border: 1px solid var(--ep-combobox-list-border);
	border-radius: 4px;
	box-shadow: 0 2px 6px rgb(0 0 0 / 5%);
	box-sizing: border-box;
	display: none;
	margin: 4px 0 0;
	overflow: hidden;
	padding: 4px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1;

	@nest .ep-combobox__input[aria-expanded="true"] ~ & {
		display: block;
	}
}

.ep-combobox__option {
	border: var(--wp-admin-border-width-focus) solid transparent;
	border-radius: 4px;
	margin: 0;
	padding: 6px;

	&:hover {
		background-color: var(--ep-combobox-list-background-selected);
		cursor: pointer;
	}

	&[aria-selected="true"] {
		border-color: var(--wp-admin-theme-color);
	}
}