.search-filter-component-combobox-base {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	border-width: var(--search-filter-input-border-width);
	border-style: var(--search-filter-input-border-style);
	border-color: var(--search-filter-input-border-color);
	border-radius: var(--search-filter-input-border-radius);
	box-shadow: var(--search-filter-input-box-shadow, none);
	overflow: visible;
}

.search-filter-component-combobox-base--listbox-attached.search-filter-component-combobox-base--listbox-position-bottom {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-color: var(--search-filter-input-border-accent-color);
}

.search-filter-component-combobox-base--listbox-attached.search-filter-component-combobox-base--listbox-position-bottom:hover {
	border-bottom-color: var(--search-filter-input-border-accent-color);
}

.search-filter-component-combobox-base--listbox-attached.search-filter-component-combobox-base--listbox-position-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-color: var(--search-filter-input-border-accent-color);
}

.search-filter-component-combobox-base--listbox-attached.search-filter-component-combobox-base--listbox-position-top:hover {
	border-top-color: var(--search-filter-input-border-accent-color);
}

.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 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: flex;
	padding: 0;
	margin: 0;
	max-height: 250px;
	overflow: hidden;
	position: absolute;
	margin-top: var(--search-filter-dropdown-gap, 0);
	border-radius: var(--search-filter-dropdown-border-radius, 4px);
	border: 1px solid var(--search-filter-input-border-focus-color);
	box-shadow: var(--search-filter-dropdown-box-shadow, none);
	border-width: var(--search-filter-dropdown-border-width);
	border-style: var(--search-filter-dropdown-border-style);
	border-color: var(--search-filter-dropdown-border-color);
	--search-filter-scale-modifier-unit: calc(var(--search-filter-scale-step-unit) * ( var(--search-filter-dropdown-scale) - 1 ));
	--search-filter-scale-font-size: calc(var(--search-filter-scale-base-unit) + var(--search-filter-scale-modifier-unit));
	--search-filter-scale-base-size: var(--search-filter-scale-font-size);
	font-size: var(--search-filter-scale-font-size);
	background: var(--search-filter-input-background-color, #fff);
	color: var(--search-filter-input-color, #666);
}

.search-filter-component-combobox-base__listbox--attached {
	margin-top: 0px;
}

.search-filter-component-combobox-base__listbox-list {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	flex: 1;
	padding-inline-start: unset;
}

.search-filter-component-combobox-base__listbox--attached.search-filter-component-popover--position-top {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-color: var(--search-filter-input-border-accent-color);
	border-bottom: none;
}

.search-filter-component-combobox-base__listbox--attached.search-filter-component-popover--position-bottom {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-color: var(--search-filter-input-border-accent-color);
	border-top: none;
}

.search-filter-component-combobox-base__listbox--detached.search-filter-component-popover--position-top {
	margin-top: calc(var(--search-filter-dropdown-gap, 0px) * -1);
}

.search-filter-component-combobox-base__listbox-option {
	--search-filter-dropdown-option-depth: 0px;
	line-height: 1.2;
	padding: var(--search-filter-dropdown-option-padding-top, calc(.5 * var(--search-filter-scale-base-size))) var(--search-filter-dropdown-option-padding-right, calc(.5 * var(--search-filter-scale-base-size))) var(--search-filter-dropdown-option-padding-bottom, calc(.5 * var(--search-filter-scale-base-size))) var(--search-filter-dropdown-option-padding-left, calc(.5 * var(--search-filter-scale-base-size)));
	display: var(--search-filter-input-label-display, flex);
	width: var(--search-filter-input-label-width, 100%);
	justify-content: var(--search-filter-count-justification, flex-start);
	outline: 0;
	margin: 0;
	padding-left: calc(var(--search-filter-dropdown-option-padding-left, calc(.5 * var(--search-filter-scale-base-size))) + var(--search-filter-dropdown-option-depth));
}

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

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

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

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

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

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

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

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

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

.search-filter-component-combobox-base__listbox-option--depth-9 {
	--search-filter-dropdown-option-depth: calc(9 * var(--search-filter-dropdown-option-indent-depth, 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-input-padding-left, calc(.48 * var(--search-filter-scale-base-size)));
	font-size: var(--search-filter-scale-font-size);
}

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

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

.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-input-border-radius) / 1.3);
	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 .search-filter-component-combobox__actions {
	gap: var(--search-filter-input-gap, 0);
}

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

.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__selection, .search-filter-component-combobox .search-filter-component-combobox__actions 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 var(--search-filter-scale-base-size);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: var(--search-filter-input-padding-right, calc(.48 * var(--search-filter-scale-base-size)));
}

.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-input-border-radius) / 1.3);
}

.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__input-divider {
	width: var(--search-filter-input-border-width, 1px);
	display: flex;
	align-self: stretch;
	justify-self: stretch;
	position: relative;
}

.search-filter-component-combobox__input-divider::before {
	content: "";
	width: var(--search-filter-input-border-width, 1px);
	border-left: var(--search-filter-input-border-width, 1px) var(--search-filter-input-border-style) var(--search-filter-input-border-accent-color);
	display: block;
	margin: auto 0;
	position: absolute;
	top: .6rem;
	bottom: .6rem;
	left: 0;
}

.search-filter-component-combobox__listbox-toggle {
	flex: 0 0 var(--search-filter-scale-base-size);
	padding-left: var(--search-filter-input-toggle-padding-left, calc(.48 * var(--search-filter-scale-base-size)));
	padding-right: var(--search-filter-input-toggle-padding-right, calc(.48 * var(--search-filter-scale-base-size)));
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.search-filter-component-combobox--mode-single .search-filter-component-combobox__actions .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__actions .search-filter-component-combobox__selection.search-filter-component-combobox--hidden {
	display: none;
}

.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-multiple .search-filter-component-combobox__selection {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	gap: var(--search-filter-input-selection-gap, calc(.175 * var(--search-filter-scale-base-size)));
	flex-wrap: wrap;
	max-width: 100%;
	align-self: center;
	margin: 0;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-placeholder {
	color: var(--search-filter-input-placeholder-color);
	padding: calc(var(--search-filter-input-padding-top, calc(.35 * var(--search-filter-scale-base-size))) * .75) 0 calc(var(--search-filter-input-padding-bottom, calc(.35 * var(--search-filter-scale-base-size))) * .75) 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;
	font-size: 14px;
	line-height: inherit;
}

.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 calc(.48 * var(--search-filter-scale-base-size));
	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 calc(1.7 * var(--search-filter-scale-base-size));
	width: calc(1.7 * var(--search-filter-scale-base-size));
	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: calc(1.15 * var(--search-filter-scale-base-size));
	height: calc(1.15 * var(--search-filter-scale-base-size));
	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 .search-filter-component-combobox__actions 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-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);
	opacity: 1;
	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__actions .search-filter-component-combobox__selection, .search-filter-component-combobox .search-filter-component-combobox__actions input[type=text] {
	line-height: var(--search-filter-scale-line-height);
	font-size: var(--search-filter-scale-font-size);
	padding: var(--search-filter-input-padding-top, calc(.35 * var(--search-filter-scale-base-size))) 0 var(--search-filter-input-padding-bottom, calc(.35 * var(--search-filter-scale-base-size))) 0;
}

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

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

.search-filter-component-combobox--mode-multiple {
	padding-left: calc(var(--search-filter-input-padding-left, calc(.48 * var(--search-filter-scale-base-size))) * .75);
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__actions {
	overflow: hidden;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__actions .search-filter-component-combobox__selection {
	padding: calc(var(--search-filter-input-padding-top, calc(.35 * var(--search-filter-scale-base-size))) * .75) 0 calc(var(--search-filter-input-padding-bottom, calc(.35 * var(--search-filter-scale-base-size))) * .75) 0;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__actions input[type=text] {
	padding: calc(var(--search-filter-input-padding-top, calc(.35 * var(--search-filter-scale-base-size))) * .25) 0 calc(var(--search-filter-input-padding-bottom, calc(.35 * var(--search-filter-scale-base-size))) * .25) 0;
	margin-left: calc(var(--search-filter-input-padding-left, calc(.48 * var(--search-filter-scale-base-size))) * .25);
}

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

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__actions .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, calc(1.55 * var(--search-filter-scale-base-size)));
	height: var(--search-filter-scale-selection-item-line-height, calc(1.55 * var(--search-filter-scale-base-size)));
}

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

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__actions .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__actions .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__actions .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 .search-filter-icon {
	padding: 0;
}

.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg {
	width: var(--search-filter-input-toggle-size, calc(1.35 * var(--search-filter-scale-base-size)));
	height: var(--search-filter-input-toggle-size, calc(1.35 * var(--search-filter-scale-base-size)));
}

.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__actions .search-filter-component-combobox__selection, .search-filter-component-combobox--has-icon .search-filter-component-combobox__actions input[type=text] {
	padding-left: 0;
}

.search-filter-component-combobox .search-filter-component-combobox__clear-button {
	padding: var(--search-filter-input-clear-padding, calc(.15 * var(--search-filter-scale-base-size)));
}

.search-filter-component-combobox .search-filter-component-combobox__clear-button .search-filter-icon__svg {
	width: var(--search-filter-input-clear-size, calc(1.15 * var(--search-filter-scale-base-size)));
	height: var(--search-filter-input-clear-size, calc(1.15 * var(--search-filter-scale-base-size)));
}