# elasticpress/4.7.1/assets/css/woocommerce/admin/components/combobox.css

ElasticPress, version 4.7.1. 46 lines.

- Page: https://pluginprobe.com/plugins/elasticpress/4.7.1/code/assets/css/woocommerce/admin/components/combobox.css
- Raw: https://pluginprobe.com/plugins/elasticpress/4.7.1/raw/assets/css/woocommerce/admin/components/combobox.css
- Modified: 2023-03-09T20:42:38+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elasticpress/4.7.1/code/assets/css/woocommerce/admin/components/combobox.css#L10-L20`.

```css
: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);
	}
}

```