.search-filter-component-combobox-base {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: var(--search-filter-input-border-color);
	border-radius: var(--search-filter-scale-border-radius);
}

.search-filter-component-combobox-base__screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px !important;
	word-wrap: normal !important;
}

.search-filter-component-combobox-base__screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.search-filter-component-combobox-base:hover {
	border-color: var(--search-filter-input-border-hover-color);
}

.search-filter-component-combobox-base--focused {
	border-color: var(--search-filter-input-border-focus-color);
}

.search-filter-component-combobox-base--focused:hover {
	border-color: var(--search-filter-input-border-focus-color);
}

.search-filter-component-combobox-base--listbox-position-bottom {
	border-top-left-radius: var(--search-filter-scale-border-radius);
	border-top-right-radius: var(--search-filter-scale-border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.search-filter-component-combobox-base--listbox-position-top {
	border-bottom-left-radius: var(--search-filter-scale-border-radius);
	border-bottom-right-radius: var(--search-filter-scale-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.search-filter-component-combobox-base__listbox {
	margin: 0;
	margin-top: -1px;
	max-height: 250px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	font-size: 16px;
	padding: 0;
	position: absolute;
	top: 2.3em;
	width: 100%;
	border-radius: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid var(--search-filter-input-border-focus-color);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-color: var(--search-filter-input-border-accent-color);
	background: var(--search-filter-input-background-color);
	color: var(--search-filter-input-color);
}

.search-filter-component-combobox-base__listbox-list {
	margin: 0;
	padding: 0;
}

.search-filter-component-combobox-base__listbox.search-filter-component-popup--position-top {
	margin-top: 1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-color: var(--search-filter-input-border-accent-color);
	border-top-color: var(--search-filter-input-border-focus-color);
}

.search-filter-component-combobox-base__listbox-option {
	--search-filter-listbox-option-depth: 0px;
	line-height: 22px;
	padding: .5em;
	display: flex;
	justify-content: var(--search-filter-count-justification);
	outline: 0;
	margin: 0;
	padding-left: calc(.5em + var(--search-filter-listbox-option-depth));
}

.search-filter-component-combobox-base__listbox-option--depth-0 {
	--search-filter-listbox-option-depth: calc(0 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-1 {
	--search-filter-listbox-option-depth: calc(1 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-2 {
	--search-filter-listbox-option-depth: calc(2 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-3 {
	--search-filter-listbox-option-depth: calc(3 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-4 {
	--search-filter-listbox-option-depth: calc(4 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-5 {
	--search-filter-listbox-option-depth: calc(5 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-6 {
	--search-filter-listbox-option-depth: calc(6 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-7 {
	--search-filter-listbox-option-depth: calc(7 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-8 {
	--search-filter-listbox-option-depth: calc(8 * 16px);
}

.search-filter-component-combobox-base__listbox-option--depth-9 {
	--search-filter-listbox-option-depth: calc(9 * 16px);
}

.search-filter-component-combobox-base__listbox-option--selected {
	background: var(--search-filter-input-selection-background-color);
	color: var(--search-filter-input-selection-color);
}

.search-filter-component-combobox-base__listbox-option--active {
	background: var(--search-filter-input-selected-background-color);
	color: var(--search-filter-input-selected-color);
}

.search-filter-component-combobox-base__listbox-option--active:hover, .search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected {
	background: var(--search-filter-input-selected-background-color);
	color: var(--search-filter-input-selected-color);
}

.search-filter-component-combobox-base__listbox-option--disabled {
	cursor: not-allowed;
}

.search-filter-component-combobox-base__listbox-option-count {
	margin-left: calc(var(--search-filter-scale-base-unit-calc-h) * .4);
}

.search-filter-component-combobox {
	position: relative;
	background: var(--search-filter-input-background-color);
	box-sizing: border-box;
	padding: 0 0 0 var(--search-filter-scale-padding-horizontal);
}

.search-filter-component-combobox--hidden {
	display: none;
}

.search-filter-component-combobox__header {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.search-filter-component-combobox__icon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	top: auto;
	left: auto;
	margin: var(--search-filter-scale-icon-padding);
	border-radius: calc(var(--search-filter-scale-border-radius) / 2);
	margin-left: 0;
	width: auto;
}

.search-filter-component-combobox--search-enabled .search-filter-component-combobox__selection {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
}

.search-filter-component-combobox--search-disabled .search-filter-component-combobox__selection:after {
	content: "​";
}

.search-filter-component-combobox .search-filter-component-combobox__actions {
	flex: 1;
	overflow: hidden;
	position: relative;
	display: flex;
}

.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input {
	position: relative;
	border: none;
	background: rgba(0, 0, 0, 0);
	outline: none;
	box-shadow: none;
	min-height: auto;
	max-height: none;
	color: #333;
	height: auto;
}

.search-filter-component-combobox .search-filter-component-combobox__selection {
	align-items: center;
}

.search-filter-component-combobox .search-filter-component-combobox__selection:focus {
	outline: none;
	border: none;
	background: rgba(0, 0, 0, 0);
	box-shadow: none;
}

.search-filter-component-combobox .search-filter-component-combobox__selection.search-filter-hidden {
	display: none;
}

.search-filter-component-combobox .search-filter-component-combobox__selection-placeholder {
	color: var(--search-filter-input-placeholder-color);
}

.search-filter-component-combobox input[type=text] {
	text-overflow: ellipsis;
}

.search-filter-component-combobox .search-filter-component-combobox__selection, .search-filter-component-combobox input[type=text] {
	border-radius: 0;
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
	font-family: inherit;
	letter-spacing: inherit;
	line-height: 20px;
	padding: 6px;
	margin: 0px;
	display: flex;
	justify-content: flex-start;
	outline: none;
	outline-offset: 0;
	white-space: nowrap;
	max-width: 100%;
}

.search-filter-component-combobox__clear-selection {
	flex: 0 0 50px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-filter-component-combobox__clear-selection.search-filter-component-combobox--hidden {
	display: none;
}

.search-filter-component-combobox__clear-selection .search-filter-icon {
	border-radius: calc(var(--search-filter-scale-border-radius) / 2);
}

.search-filter-component-combobox__clear-selection > svg {
	width: 14px;
	height: 14px;
	display: block !important;
	margin: auto !important;
	fill: #ccc;
	color: #ccc;
}

.search-filter-component-combobox__clear-selection:hover > svg {
	fill: #999;
	color: #999;
}

.search-filter-component-combobox__listbox-toggle {
	flex: 0 0 50px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-filter-component-combobox__listbox-toggle::before {
	content: "";
	width: 1px;
	height: 60%;
	border-left: 1px solid var(--search-filter-input-border-accent-color);
	display: block;
	margin: auto 0;
	position: absolute;
	top: 20%;
	left: 0;
}

.search-filter-component-combobox--mode-single .search-filter-component-combobox__selection, .search-filter-component-combobox--mode-single input[type=text] {
	padding: 0 0 0 9px;
	margin: 0;
	min-height: 38px;
}

.search-filter-component-combobox--mode-single .search-filter-component-combobox__actions.search-filter-component-combobox__actions--empty {
	padding-right: 9px;
}

.search-filter-component-combobox--mode-single .search-filter-component-combobox__selection {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.search-filter-component-combobox--mode-single .search-filter-component-combobox__selection.search-filter-component-combobox--hidden {
	display: none;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: inline-flex;
	flex-wrap: wrap;
	max-width: 100%;
	align-self: center;
	padding: 3px;
	margin: 0;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-placeholder {
	color: var(--search-filter-input-placeholder-color);
	padding: var(--search-filter-scale-multiple-padding);
	padding-left: 0;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item--active {
	outline: 1px solid #000;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	max-width: 100%;
	background-color: #ddd;
	padding: 0;
	margin: 2px;
	font-size: 14px;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item .search-filter-component-combobox__selection-label {
	flex: 1;
	align-items: center;
	display: block;
	padding: 0 0 0 .5em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	min-width: 0;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item .search-filter-component-combobox__selection-remove {
	flex: 0 0 1.7em;
	width: 1.7em;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item .search-filter-component-combobox__selection-remove > svg {
	width: 1.15em;
	height: 1.15em;
	display: block !important;
	margin: auto !important;
	fill: #aaa;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item .search-filter-component-combobox__selection-remove:hover > svg {
	fill: #b54c4c;
}

.search-filter-component-combobox--mode-multiple.search-filter-component-combobox input[type=text] {
	position: relative;
	display: inline-block;
	width: 20px;
	min-width: 20px;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
}

.search-filter-component-combobox:not(.search-filter-component-combobox--focused).search-filter-component-combobox--mode-single .search-filter-component-combobox__selection span {
	text-overflow: ellipsis;
	overflow: hidden;
}

.search-filter-component-combobox.search-filter-component-combobox-base--listbox-visible .search-filter-component-combobox__listbox-toggle {
	transform: scaleY(-1);
	padding-top: 0;
}

.search-filter-component-combobox {
	--search-filter-scale-icon-toggle-size: calc(var(--search-filter-scale-icon-size) * 1.2);
	--search-filter-scale-icon-container-clear-width: calc(var(--search-filter-scale-icon-container-width) * .9);
	--search-filter-scale-icon-clear-size: calc(var(--search-filter-scale-icon-size) * .85);
}

.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input {
	color: var(--search-filter-input-color);
}

.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder {
	color: var(--search-filter-input-placeholder-color);
	font-size: var(--search-filter-scale-font-size);
}

.search-filter-component-combobox__actions {
	color: var(--search-filter-input-color);
}

.search-filter-component-combobox__clear-selection svg {
	fill: var(--search-filter-input-clear-color);
	color: var(--search-filter-input-clear-color);
}

.search-filter-component-combobox__clear-selection:hover svg {
	fill: var(--search-filter-input-clear-hover-color);
	color: var(--search-filter-input-clear-hover-color);
}

.search-filter-component-combobox__listbox-toggle svg {
	fill: var(--search-filter-input-interactive-color);
	color: var(--search-filter-input-interactive-color);
}

.search-filter-component-combobox__listbox-toggle:hover svg {
	fill: var(--search-filter-input-interactive-hover-color);
	color: var(--search-filter-input-interactive-hover-color);
}

.search-filter-component-combobox .search-filter-component-combobox__listbox {
	font-size: var(--search-filter-scale-font-size);
}

.search-filter-component-combobox .search-filter-component-combobox__listbox .search-filter-component-combobox__listbox-option {
	line-height: var(--search-filter-scale-line-height);
}

.search-filter-component-combobox .search-filter-component-combobox__selection, .search-filter-component-combobox input[type=text] {
	line-height: var(--search-filter-scale-line-height);
	font-size: var(--search-filter-scale-font-size);
	padding: var(--search-filter-scale-padding-vertical) 0 var(--search-filter-scale-padding-vertical);
}

.search-filter-component-combobox--mode-single .search-filter-component-combobox__selection, .search-filter-component-combobox--mode-single input[type=text] {
	min-height: 0;
}

.search-filter-component-combobox--mode-single .search-filter-component-combobox__selection-count {
	margin-left: calc(var(--search-filter-scale-base-unit-calc-h) * .4);
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection {
	padding: var(--search-filter-scale-multiple-padding);
	padding-left: 0;
}

.search-filter-component-combobox--mode-multiple input[type=text] {
	padding: var(--search-filter-scale-multiple-padding);
	padding-left: 0;
}

.search-filter-component-combobox--mode-multiple input[type=text]:not(:first-child) {
	margin-left: 2px;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item {
	font-size: var(--search-filter-scale-selection-item-font-size);
	line-height: var(--search-filter-scale-selection-item-line-height);
	height: var(--search-filter-scale-selection-item-height);
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item:first-child {
	margin-left: 0;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-label {
	padding-left: var(--search-filter-scale-selection-padding-left);
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-remove {
	flex-basis: var(--search-filter-scale-selection-remove-width);
	width: var(--search-filter-scale-selection-remove-width);
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-remove > svg {
	width: var(--search-filter-scale-selection-remove-svg-size);
	height: var(--search-filter-scale-selection-remove-svg-size);
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-count {
	margin-left: calc(var(--search-filter-scale-base-unit-calc-h) * .3);
}

.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle {
	flex-basis: var(--search-filter-scale-icon-container-toggle-width);
}

.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg {
	width: var(--search-filter-scale-icon-toggle-size);
	height: var(--search-filter-scale-icon-toggle-size);
}

.search-filter-component-combobox .search-filter-component-combobox__clear-selection {
	flex-basis: var(--search-filter-scale-icon-container-clear-width);
	padding-right: var(--search-filter-scale-icon-padding);
}

.search-filter-component-combobox .search-filter-component-combobox__clear-selection svg {
	width: var(--search-filter-scale-icon-clear-size);
	height: var(--search-filter-scale-icon-clear-size);
}

.search-filter-component-combobox--has-icon .search-filter-component-combobox__selection, .search-filter-component-combobox--has-icon input[type=text] {
	padding-left: 0;
}