@helvetia-design/core 0.0.5 → 0.1.0

package/dist/cjs/ds-select.cjs.entry.js

@@ -3,20 +3,20 @@
  */
 'use strict';
 
-var index = require('./index-CwPTwAjW.js');
-var tslib_es6 = require('./tslib.es6-S4D9nLEw.js');
+var index = require('./index-CyaxwkZQ.js');
+var tslib_es6 = require('./tslib.es6-BZEK5U4Y.js');
 var attributes = require('./attributes-1XO2JUUX.js');
-var formControl = require('./form-control-ByeZXHpq.js');
+var formControl = require('./form-control-DM3FxzL9.js');
 var invalidTextSlot = require('./invalid-text-slot-B2unFwRw.js');
-var field_util = require('./field.util-BZ0-f1v6.js');
+var field_util = require('./field.util-BtZI1wzx.js');
 var input_interfaces = require('./input.interfaces-1xDbjHgv.js');
-var type = require('./type-7b7yRER9.js');
-var oneOf = require('./one-of-D0xhgLU-.js');
-var config_utils = require('./config.utils-obklVSg-.js');
+var type = require('./type-CwlDjRSC.js');
+var oneOf = require('./one-of-D0uVlyvx.js');
+var config_utils = require('./config.utils-BC0OM7Do.js');
 require('./dom-BehJZP3e.js');
 require('./aria-B3VY-jTL.js');
 require('./label.i18n-CdW4DYqJ.js');
-require('./create-validator-decorator-D1N31xdI.js');
+require('./create-validator-decorator-BthpaMGb.js');
 
 //#region src/slim-select/classes.ts
 var e = class {
@@ -287,9 +287,7 @@ function T(e, t) {
 		if (a !== S(i)) return false;
 		if (a) {
 			if (!w(r, i)) return false;
-			continue;
-		}
-		if (!C(r, i)) return false;
+		} else if (!C(r, i)) return false;
 	}
 	return true;
 }
@@ -350,11 +348,7 @@ var O = class {
 		if (this.state === "opening" || this.state === "open") return;
 		this.cancelPending();
 		let e = ++this.generation;
-		if (this.handlers.beforeOpen && this.handlers.beforeOpen(), this.state = "opening", await this.waitForPhase("open", e), e !== this.generation) {
-			this.state === "opening" && (this.state = "closed");
-			return;
-		}
-		this.state = "open", this.handlers.afterOpen && this.handlers.afterOpen(), this.handlers.onOpenReady && this.handlers.onOpenReady();
+		this.handlers.beforeOpen && this.handlers.beforeOpen(), this.state = "opening", await this.waitForPhase("open", e), e === this.generation ? (this.state = "open", this.handlers.afterOpen && this.handlers.afterOpen(), this.handlers.onOpenReady && this.handlers.onOpenReady()) : this.state === "opening" && (this.state = "closed");
 	}
 	async requestClose(e = {
 		source: "api",
@@ -478,13 +472,9 @@ var O = class {
 		return e.id === t.id || t.value !== "" && e.value !== "" && e.value === t.value;
 	}
 	findOptionInData(e, t) {
-		for (let n of e) {
-			if (n instanceof A) {
-				if (this.optionMatchesSelected(n, t)) return n;
-				continue;
-			}
-			for (let e of n.options) if (this.optionMatchesSelected(e, t)) return e;
-		}
+		for (let n of e) if (n instanceof A) {
+			if (this.optionMatchesSelected(n, t)) return n;
+		} else for (let e of n.options) if (this.optionMatchesSelected(e, t)) return e;
 		return null;
 	}
 	setData(e, t = false) {
@@ -597,14 +587,11 @@ var O = class {
 		}), e.forEach((e) => {
 			let n = false;
 			t.forEach((t) => {
-				if (e.id === t.id) {
-					n = true;
-					return;
-				}
+				e.id === t.id && (n = true);
 			}), n || t.push(e);
 		}), t;
 	}
-}, N = class {
+}, N = 1e3, P = class {
 	settings;
 	store;
 	callbacks;
@@ -619,6 +606,8 @@ var O = class {
 	positionObserverRaf = 0;
 	lastObservedContentHeight = -1;
 	overflowShiftRaf = 0;
+	typeaheadQuery = "";
+	typeaheadTimer = null;
 	modalElements = null;
 	modalSessionActive = null;
 	bodyScrollLocked = false;
@@ -746,16 +735,17 @@ var O = class {
 	mainDiv() {
 		let e = document.createElement("div");
 		e.dataset.id = this.settings.id, e.setAttribute("aria-label", this.settings.ariaLabel), e.tabIndex = 0, e.onkeydown = (e) => {
+			if (this.isTypeaheadKey(e)) return e.preventDefault(), this.callbacks.open(), this.typeahead(e.key), false;
 			switch (e.key) {
 				case "ArrowUp":
-				case "ArrowDown": return this.callbacks.open(), e.key === "ArrowDown" ? this.highlight("down") : this.highlight("up"), false;
-				case "Tab": return this.requestClose("tab"), true;
+				case "ArrowDown": return this.clearTypeahead(), this.callbacks.open(), e.key === "ArrowDown" ? this.highlight("down") : this.highlight("up"), false;
+				case "Tab": return this.clearTypeahead(), this.requestClose("tab"), true;
 				case "Enter":
 				case " ":
-					this.callbacks.open();
+					this.clearTypeahead(), this.callbacks.open();
 					let t = this.content.list.querySelector("." + this.classes.getFirst("highlighted"));
 					return t && t.click(), false;
-				case "Escape": return this.requestClose("escape"), false;
+				case "Escape": return this.clearTypeahead(), this.requestClose("escape"), false;
 			}
 			return e.key.length === 1 && this.callbacks.open(), true;
 		}, e.onclick = (e) => {
@@ -817,11 +807,7 @@ var O = class {
 		return this.addClasses(n, this.classes.placeholder), n.innerHTML = t, n;
 	}
 	renderValues() {
-		if (!this.settings.isMultiple) {
-			this.renderSingleValue();
-			return;
-		}
-		this.renderMultipleValues(), this.updateDeselectAll();
+		this.settings.isMultiple ? (this.renderMultipleValues(), this.updateDeselectAll()) : this.renderSingleValue();
 	}
 	renderSingleValue() {
 		let e = this.store.filter((e) => e.selected && !e.placeholder, false, false), t = e.length > 0 ? e[0] : null;
@@ -969,21 +955,7 @@ var O = class {
 		this.settings.isOpen && !this.isModalViewActive() && this.settings.contentPosition !== "relative" && this.content.main.classList.contains(this.classes.getFirst("dirAbove")) && this.moveContentAbove();
 	}
 	moveContent() {
-		if (!this.isModalViewActive()) {
-			if (this.settings.contentPosition === "relative") {
-				this.moveContentBelow();
-				return;
-			}
-			if (this.settings.openPosition === "down") {
-				this.moveContentBelow();
-				return;
-			}
-			if (this.settings.openPosition === "up") {
-				this.moveContentAbove();
-				return;
-			}
-			this.putContent() === "up" ? this.moveContentAbove() : this.moveContentBelow();
-		}
+		this.isModalViewActive() || (this.settings.contentPosition === "relative" || this.settings.openPosition === "down" ? this.moveContentBelow() : this.settings.openPosition === "up" || this.putContent() === "up" ? this.moveContentAbove() : this.moveContentBelow());
 	}
 	startPositionTracking() {
 		this.settings.contentPosition !== "absolute" || this.isModalViewActive() || (this.stopPositionTracking(), typeof ResizeObserver < "u" && (this.lastObservedContentHeight = -1, this.positionObserver = new ResizeObserver((e) => {
@@ -1126,6 +1098,41 @@ var O = class {
 		let r = t[e === "down" ? 0 : t.length - 1];
 		this.addClasses(r, this.classes.highlighted), r.id && this.main.main.setAttribute("aria-activedescendant", r.id), this.ensureElementInView(this.content.list, r);
 	}
+	isTypeaheadKey(e) {
+		return this.settings.showSearch || this.settings.disabled || e.ctrlKey || e.metaKey || e.altKey || e.isComposing ? false : e.key.length === 1 && /[\p{L}\p{N}]/u.test(e.key);
+	}
+	typeahead(e) {
+		let t = this.getOptions(true, true, true);
+		if (t.length === 0) return;
+		let n = e.toLowerCase(), r = this.typeaheadQuery.length > 0 && [...this.typeaheadQuery].every((e) => e === n);
+		this.typeaheadTimer !== null && clearTimeout(this.typeaheadTimer), this.typeaheadTimer = setTimeout(() => {
+			this.typeaheadQuery = "", this.typeaheadTimer = null;
+		}, N);
+		let i = this.classes.getFirst("highlighted"), a = this.classes.getFirst("selected"), o = t.findIndex((e) => e.classList.contains(i));
+		o < 0 && (o = t.findIndex((e) => e.classList.contains(a)));
+		let s;
+		r ? (this.typeaheadQuery = n, s = o >= 0 ? (o + 1) % t.length : 0) : (this.typeaheadQuery += n, s = o >= 0 ? o : 0);
+		let c = this.findTypeaheadOption(t, this.typeaheadQuery, s);
+		c && this.highlightOption(c);
+	}
+	findTypeaheadOption(e, t, n) {
+		for (let r = 0; r < e.length; r++) {
+			let i = e[(n + r) % e.length];
+			if ((i.textContent || "").trim().toLowerCase().startsWith(t)) return i;
+		}
+		return null;
+	}
+	highlightOption(e) {
+		let t = this.classes.getFirst("highlighted");
+		this.content.list.querySelectorAll("." + t).forEach((t) => {
+			t !== e && this.removeClasses(t, this.classes.highlighted);
+		}), this.addClasses(e, this.classes.highlighted), e.id && this.main.main.setAttribute("aria-activedescendant", e.id);
+		let n = e.parentElement;
+		n && n.classList.contains(this.classes.getFirst("close")) && n.querySelector("." + this.classes.getFirst("optgroupLabel"))?.click(), this.ensureElementInView(this.content.list, e);
+	}
+	clearTypeahead() {
+		this.typeaheadQuery = "", this.typeaheadTimer !== null && (clearTimeout(this.typeaheadTimer), this.typeaheadTimer = null);
+	}
 	listDiv() {
 		let e = document.createElement("div");
 		this.addClasses(e, this.classes.list);
@@ -1178,9 +1185,7 @@ var O = class {
 								return true;
 							});
 							this.callbacks.setSelected(t, true);
-							return;
-						}
-						{
+						} else {
 							let t = n.options.map((e) => e.id).filter((e) => e !== void 0), r = e.concat(t);
 							for (let e of n.options) e.id && !this.store.getOptionByID(e.id) && this.callbacks.addOption(new A(e));
 							this.callbacks.setSelected(r, true);
@@ -1258,11 +1263,7 @@ var O = class {
 				r = true;
 				break;
 			}
-			if (!r) {
-				this.addClasses(n, this.classes.hide);
-				continue;
-			}
-			this.removeClasses(n, this.classes.hide), e !== "" && (this.removeClasses(n, this.classes.close), this.addClasses(n, this.classes.mainOpen));
+			r ? (this.removeClasses(n, this.classes.hide), e !== "" && (this.removeClasses(n, this.classes.close), this.addClasses(n, this.classes.mainOpen))) : this.addClasses(n, this.classes.hide);
 		}
 	}
 	updateSearchResultsMessage(e, t) {
@@ -1328,9 +1329,7 @@ var O = class {
 		if (this.isGlobalAllSelected(t)) {
 			let t = new Set(e.map((e) => e.id)), n = this.store.getSelected().filter((e) => !t.has(e));
 			this.callbacks.setSelected(n, true);
-			return;
-		}
-		this.callbacks.setSelected(e.map((e) => e.id), true);
+		} else this.callbacks.setSelected(e.map((e) => e.id), true);
 	}
 	updateGlobalSelectAllState() {
 		let e = this.content.search.selectAll;
@@ -1379,11 +1378,7 @@ var O = class {
 			t.preventDefault(), t.stopPropagation();
 			let n = this.store.getSelected(), r = t.currentTarget, i = String(r.dataset.id), a = this.store.getOptionByID(i) ?? e, o = n.includes(i), s = t.ctrlKey || t.metaKey;
 			if (e.disabled) return;
-			if (!this.settings.isMultiple && o && !this.settings.allowDeselect) {
-				this.closeOnSingleSelectReclick(a);
-				return;
-			}
-			if (o && a.mandatory) {
+			if (!this.settings.isMultiple && o && !this.settings.allowDeselect || o && a.mandatory) {
 				this.closeOnSingleSelectReclick(a);
 				return;
 			}
@@ -1410,7 +1405,7 @@ var O = class {
 		}), t;
 	}
 	destroy() {
-		this.stopPositionTracking(), this.modalElements ? (this.unlockBodyScroll(), this.content.main.parentElement === this.modalElements.dialog && this.restoreContentOffscreen(), this.modalElements.overlay.remove(), this.modalElements = null) : this.bodyScrollLocked && this.unlockBodyScroll(), this.main.main.remove(), this.content.main.remove(), this.removeDetachedInstanceDom();
+		this.clearTypeahead(), this.stopPositionTracking(), this.modalElements ? (this.unlockBodyScroll(), this.content.main.parentElement === this.modalElements.dialog && this.restoreContentOffscreen(), this.modalElements.overlay.remove(), this.modalElements = null) : this.bodyScrollLocked && this.unlockBodyScroll(), this.main.main.remove(), this.content.main.remove(), this.removeDetachedInstanceDom();
 	}
 	removeDetachedInstanceDom() {
 		let e = this.settings.id, t = this.classes.getFirst("main"), n = this.classes.getFirst("content"), r = this.classes.getFirst("modalOverlay");
@@ -1456,21 +1451,13 @@ var O = class {
 		let t, n;
 		this.settings.contentPosition === "fixed" ? (t = e.top + e.height, n = e.left) : (t = e.top + window.scrollY + e.height, n = e.left + window.scrollX), this.content.main.style.top = t + "px", this.content.main.style.left = n + "px", this.applyContentWidth(e);
 		let r = this.getKnownContentWidth(e);
-		if (r !== null) {
-			this.content.main.style.left = this.adjustLeftForOverflow(n, e.left, r) + "px";
-			return;
-		}
-		this.overflowShiftRaf = requestAnimationFrame(() => {
+		r === null ? this.overflowShiftRaf = requestAnimationFrame(() => {
 			this.overflowShiftRaf = 0, this.applyOverflowShiftFromMeasure();
-		});
+		}) : this.content.main.style.left = this.adjustLeftForOverflow(n, e.left, r) + "px";
 	}
 	applyContentWidth(e) {
 		let t = this.settings.contentWidth;
-		if (this.content.main.style.width = "", this.content.main.style.minWidth = "", this.content.main.style.maxWidth = "", !t) {
-			this.settings.contentPosition !== "relative" && (this.content.main.style.width = e.width + "px");
-			return;
-		}
-		t === "auto" ? this.content.main.style.minWidth = e.width + "px" : t.startsWith(">") ? this.content.main.style.minWidth = t.slice(1) : t.startsWith("<") ? this.content.main.style.maxWidth = t.slice(1) : this.content.main.style.width = t;
+		this.content.main.style.width = "", this.content.main.style.minWidth = "", this.content.main.style.maxWidth = "", t ? t === "auto" ? this.content.main.style.minWidth = e.width + "px" : t.startsWith(">") ? this.content.main.style.minWidth = t.slice(1) : t.startsWith("<") ? this.content.main.style.maxWidth = t.slice(1) : this.content.main.style.width = t : this.settings.contentPosition !== "relative" && (this.content.main.style.width = e.width + "px");
 	}
 	cancelOverflowShift() {
 		this.overflowShiftRaf &&= (cancelAnimationFrame(this.overflowShiftRaf), 0);
@@ -1516,7 +1503,7 @@ var O = class {
 };
 //#endregion
 //#region src/slim-select/mutations.ts
-function P(e, t) {
+function F(e, t) {
 	let n = {
 		classChanged: false,
 		titleChanged: false,
@@ -1538,7 +1525,7 @@ function P(e, t) {
 }
 //#endregion
 //#region src/slim-select/select.ts
-var F = class {
+var I = class {
 	select;
 	onValueChange;
 	onClassChange;
@@ -1601,7 +1588,7 @@ var F = class {
 	}
 	observeCall(e) {
 		if (!this.listen) return;
-		let { classChanged: t, titleChanged: n, disabledChanged: r, optgroupOptionChanged: i, selectionChanged: a } = P(e, this.select), o = a;
+		let { classChanged: t, titleChanged: n, disabledChanged: r, optgroupOptionChanged: i, selectionChanged: a } = F(e, this.select), o = a;
 		if (t && this.onClassChange && this.onClassChange(this.select.className.split(" ")), n && this.onTitleChange && this.onTitleChange(this.select.getAttribute("title") || ""), r && this.onDisabledChange && (this.changeListen(false), this.onDisabledChange(this.select.disabled), this.changeListen(true)), i && this.clearLeftoverHiddenDisplay(e), i && this.onOptionsChange) {
 			if (this.isUpdating) {
 				if (this.select.options.length > 0) {
@@ -1793,21 +1780,16 @@ var F = class {
 };
 //#endregion
 //#region src/slim-select/sync.ts
-function I(e, t) {
+function L(e, t) {
 	return T(e.getData(false), t);
 }
-function L(e, t) {
+function R(e, t) {
 	let n = Array.isArray(t) ? t : [t], r = e.getDataOptions(false), i = [];
-	for (let e of n) {
-		if (r.find((t) => t.id == e)) {
-			i.push(e);
-			continue;
-		}
-		for (let t of r.filter((t) => t.value == e)) i.push(t.id);
-	}
+	for (let e of n) if (r.find((t) => t.id == e)) i.push(e);
+	else for (let t of r.filter((t) => t.value == e)) i.push(t.id);
 	return i;
 }
-var R = class {
+var z = class {
 	deps;
 	queue = [];
 	flushScheduled = false;
@@ -1816,11 +1798,7 @@ var R = class {
 		this.deps = e;
 	}
 	enqueue(e) {
-		if (this.queue.push(e), e.source === "native") {
-			this.flushScheduled || (this.flushScheduled = true, queueMicrotask(() => this.flush()));
-			return;
-		}
-		this.isSyncing || this.flush();
+		this.queue.push(e), e.source === "native" ? this.flushScheduled || (this.flushScheduled = true, queueMicrotask(() => this.flush())) : this.isSyncing || this.flush();
 	}
 	flush() {
 		if (this.flushScheduled = false, this.queue.length === 0) return;
@@ -1854,7 +1832,7 @@ var R = class {
 	}
 	applyStructure(e, t, n = false, r = false) {
 		let { store: i, select: a, render: o, events: s } = this.deps;
-		if (!r && I(i, e)) return;
+		if (!r && L(i, e)) return;
 		let c = i.getSelected(), l = i.validateDataArray(e);
 		if (l) {
 			s.error ? s.error(l) : this.deps.onError && this.deps.onError(l);
@@ -1883,7 +1861,7 @@ var R = class {
 		t.setSelectedByValue(r);
 	}
 	applySelection(e, t, n) {
-		let { store: r, render: a, events: o } = this.deps, s = r.getSelected(), c = L(r, e);
+		let { store: r, render: a, events: o } = this.deps, s = r.getSelected(), c = R(r, e);
 		if (v(s, c)) return;
 		r.setSelectedBy("id", c), this.syncNativeSelection(), a.renderValues();
 		let l = a.content.search.input.value.trim();
@@ -1891,13 +1869,9 @@ var R = class {
 	}
 	applyAddOption(e) {
 		let { store: t, select: n, render: r, events: i } = this.deps, a = t.getSelected(), o = r.content.search.input.value.trim() !== "" && !!this.deps.search, s = e.value ?? e.text ?? "", c = (e) => {
-			for (let t of e) {
-				if (t instanceof j) {
-					if (t.options.some((e) => (e.value ?? e.text) === s)) return true;
-					continue;
-				}
-				if ((t.value ?? t.text) === s) return true;
-			}
+			for (let t of e) if (t instanceof j) {
+				if (t.options.some((e) => (e.value ?? e.text) === s)) return true;
+			} else if ((t.value ?? t.text) === s) return true;
 			return false;
 		};
 		if (!c(t.getData(false))) {
@@ -1913,7 +1887,7 @@ var R = class {
 		} else n.updateOptions(l);
 		r.renderValues(), r.renderOptions(l), i.afterChange && !v(a, t.getSelected()) && i.afterChange(t.getSelectedOptions());
 	}
-}, z = class {
+}, B = class {
 	selectEl;
 	settings;
 	cssClasses;
@@ -1951,7 +1925,7 @@ var R = class {
 			"afterClose"
 		];
 		for (let e in t.events) t.events.hasOwnProperty(e) && (n.indexOf(e) === -1 ? this.events[e] = t.events[e] : this.events[e] = _(t.events[e], 100));
-		this.settings.disabled = t.settings?.disabled ? t.settings.disabled : this.selectEl.disabled, this.settings.isMultiple = this.selectEl.multiple, this.settings.style = this.selectEl.style.cssText, this.settings.class = this.selectEl.className.split(" "), this.select = new F(this.selectEl), this.selectEl.id || (this.selectEl.id = this.settings.id), this.select.updateSelect(this.settings.id, this.settings.style, this.settings.class), this.select.hideUI(), this.select.onClassChange = (e) => {
+		this.settings.disabled = t.settings?.disabled ? t.settings.disabled : this.selectEl.disabled, this.settings.isMultiple = this.selectEl.multiple, this.settings.style = this.selectEl.style.cssText, this.settings.class = this.selectEl.className.split(" "), this.select = new I(this.selectEl), this.selectEl.id || (this.selectEl.id = this.settings.id), this.select.updateSelect(this.settings.id, this.settings.style, this.settings.class), this.select.hideUI(), this.select.onClassChange = (e) => {
 			this.settings.class = e, this.render.updateClassStyles();
 		}, this.select.onTitleChange = (e) => {
 			this.render.updateTitle(e);
@@ -1989,7 +1963,7 @@ var R = class {
 			beforeChange: this.events.beforeChange,
 			afterChange: this.events.afterChange
 		};
-		this.settings.modalTitle = t.settings?.modalTitle ?? m(this.selectEl), this.render = new N(this.settings, this.cssClasses, this.store, i), this.settings.timeoutDelay = a(this.render.content.main, t.settings?.timeoutDelay), this.sync = new R({
+		this.settings.modalTitle = t.settings?.modalTitle ?? m(this.selectEl), this.render = new P(this.settings, this.cssClasses, this.store, i), this.settings.timeoutDelay = a(this.render.content.main, t.settings?.timeoutDelay), this.sync = new z({
 			select: this.select,
 			store: this.store,
 			render: this.render,
@@ -2102,27 +2076,15 @@ var R = class {
 	}
 	search(e) {
 		let t = e.trim();
-		if (t === "" ? this.render.content.search.input.value = "" : this.render.content.search.input.value !== e && (this.render.content.search.input.value = e), this.events.search) {
-			this.runApiSearch(t);
-			return;
-		}
-		if (t === "") {
-			this.clearSearch();
-			return;
-		}
-		this.runLocalSearch(t);
+		t === "" ? this.render.content.search.input.value = "" : this.render.content.search.input.value !== e && (this.render.content.search.input.value = e), this.events.search ? this.runApiSearch(t) : t === "" ? this.clearSearch() : this.runLocalSearch(t);
 	}
 	clearSearch() {
-		if (this.render.content.search.input.value = "", this.searchGeneration++, !this.events.search && this.render.canFilterOptionsInPlace()) {
-			this.render.filterOptionsInPlace("", this.events.searchFilter), this.render.resetSearchFilterState();
-			return;
-		}
-		this.render.resetSearchFilterState(), this.sync.enqueue({
+		this.render.content.search.input.value = "", this.searchGeneration++, !this.events.search && this.render.canFilterOptionsInPlace() ? (this.render.filterOptionsInPlace("", this.events.searchFilter), this.render.resetSearchFilterState()) : (this.render.resetSearchFilterState(), this.sync.enqueue({
 			type: "structure",
 			data: this.store.getCatalogData(),
 			source: "api",
 			preserveSelection: true
-		});
+		}));
 	}
 	runLocalSearch(e) {
 		if (this.render.canFilterOptionsInPlace()) {
@@ -2144,17 +2106,9 @@ var R = class {
 				isSearchResult: true
 			});
 		};
-		if (n instanceof Promise) {
-			n.then(r).catch((e) => {
-				t === this.searchGeneration && this.render.renderError(typeof e == "string" ? e : e.message);
-			});
-			return;
-		}
-		if (Array.isArray(n)) {
-			r(n);
-			return;
-		}
-		this.render.renderError("Search event must return a promise or an array of data");
+		n instanceof Promise ? n.then(r).catch((e) => {
+			t === this.searchGeneration && this.render.renderError(typeof e == "string" ? e : e.message);
+		}) : Array.isArray(n) ? r(n) : this.render.renderError("Search event must return a promise or an array of data");
 	}
 	destroy() {
 		this.lifecycle.destroy(), this.render.stopPositionTracking(), this.globalEvents.detach({ listenScroll: this.settings.openPosition === "auto" }), this.store.setData([]), this.render.destroy(), this.select.destroy(), delete this.selectEl.slim;
@@ -2299,7 +2253,7 @@ class SelectPickerController {
     }
     init() {
         const { selectEl, popupEl, language, searchable, placeholder, disabled, readonly, multiple, clearable, data } = this.config;
-        this.slimSelect = new z({
+        this.slimSelect = new B({
             select: selectEl,
             settings: {
                 contentLocation: popupEl,
@@ -2568,7 +2522,7 @@ class SelectPickerController {
     }
 }
 
-const selectHostCss = () => `:root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-focus-color:var(--ss-primary-color);--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:9px;--ss-spacing-m:7px;--ss-spacing-s:5px;--ss-animation-timing:0.2s;--ss-border-radius:4px;--ss-modal-z-index:1000001}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing);transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-main{-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--ss-spacing-m);-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{-webkit-animation:none;animation:none}}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{-webkit-box-shadow:inset 0 0 0 2px var(--ss-bg-color);box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{-ms-flex:1;flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:-ms-flexbox;display:flex;height:auto;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);overflow:hidden;z-index:10000}@media (prefers-reduced-motion: reduce){.ss-content{-webkit-transition:none;transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{-webkit-transform-origin:center bottom;transform-origin:center bottom;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ss-content .ss-search{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:none;box-shadow:none}.ss-content .ss-search .ss-addable{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--ss-spacing-s);-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{-ms-flex:0 0 auto;flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius)*.5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing);transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{-webkit-animation:none;animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{-ms-flex:1 1 auto;flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;-webkit-transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);-webkit-transition:border-left var(--ss-animation-timing) ease;transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-modal-overlay{-webkit-transition:none;transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;-webkit-transform-origin:center center;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:center center;transform-origin:center center}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color:var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color:var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color:var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color:var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius:var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family:var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color:var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border:var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius:var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding:var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color:var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color:var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color:var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight:var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color:var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color:var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color:var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color:var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color:var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color:var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color:var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color:var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color:var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color:var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight:var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color:var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color:var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color:var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color:var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family:var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color:var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color:var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color:var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color:var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color:var(--_select-background-color);--ss-font-color:var(--_select-text-color);--ss-primary-color:var(--_select-primary-color);--ss-placeholder-color:var(--_select-placeholder-color);--ss-disabled-color:var(--_select-disabled-color);--ss-border-color:var(--_select-border-color);--ss-highlight-color:var(--_select-highlight-color);--ss-focus-color:var(--_select-focus-color);--ss-success-color:var(--_select-success-color);--ss-error-color:var(--_select-error-color);--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:8px;--ss-spacing-m:4px;--ss-spacing-s:2px;--ss-icon-spacing:10px;--ss-animation-timing:0.2s;--ss-border-radius:var(--_select-radius);--ss-modal-z-index:1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-select-text-color:var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color:var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media (prefers-reduced-motion: reduce){:host .ss-content{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";position:absolute;top:50%;left:calc(var(--_select-content-padding)*3);width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)*2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-deselect::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon:var(--_select-icon-color);--close-color-focus:var(--_select-focus-ring-color)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-icon-color);-webkit-transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out, -webkit-transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon:20px;--close-color-focus:var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}`;
+const selectHostCss = () => `:root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-focus-color:var(--ss-primary-color);--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:9px;--ss-spacing-m:7px;--ss-spacing-s:5px;--ss-animation-timing:0.2s;--ss-border-radius:4px;--ss-modal-z-index:1000001}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing);transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-main{-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--ss-spacing-m);-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{-webkit-animation:none;animation:none}}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{-webkit-box-shadow:inset 0 0 0 2px var(--ss-bg-color);box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{-ms-flex:1;flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:-ms-flexbox;display:flex;height:auto;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);overflow:hidden;z-index:10000}@media (prefers-reduced-motion: reduce){.ss-content{-webkit-transition:none;transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{-webkit-transform-origin:center bottom;transform-origin:center bottom;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ss-content .ss-search{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:none;box-shadow:none}.ss-content .ss-search .ss-addable{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--ss-spacing-s);-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{-ms-flex:0 0 auto;flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius)*.5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing);transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{-webkit-animation:none;animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{-ms-flex:1 1 auto;flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;-webkit-transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);-webkit-transition:border-left var(--ss-animation-timing) ease;transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-modal-overlay{-webkit-transition:none;transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;-webkit-transform-origin:center center;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:center center;transform-origin:center center}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color:var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color:var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color:var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color:var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius:var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family:var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color:var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border:var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius:var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding:var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color:var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color:var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color:var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight:var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color:var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color:var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color:var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color:var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color:var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color:var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color:var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color:var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color:var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color:var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight:var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color:var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color:var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color:var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color:var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family:var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color:var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color:var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color:var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color:var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color:var(--_select-background-color);--ss-font-color:var(--_select-text-color);--ss-primary-color:var(--_select-primary-color);--ss-placeholder-color:var(--_select-placeholder-color);--ss-disabled-color:var(--_select-disabled-color);--ss-border-color:var(--_select-border-color);--ss-highlight-color:var(--_select-highlight-color);--ss-focus-color:var(--_select-focus-color);--ss-success-color:var(--_select-success-color);--ss-error-color:var(--_select-error-color);--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:8px;--ss-spacing-m:4px;--ss-spacing-s:2px;--ss-icon-spacing:10px;--ss-animation-timing:0.2s;--ss-border-radius:var(--_select-radius);--ss-modal-z-index:1000001}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-select-text-color:var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color:var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media (prefers-reduced-motion: reduce){:host .ss-content{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";position:absolute;top:50%;left:calc(var(--_select-content-padding)*3);width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)*2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-deselect::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon:var(--_select-icon-color);--close-color-focus:var(--_select-focus-ring-color)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-icon-color);-webkit-transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out, -webkit-transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:"";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon:20px;--close-color-focus:var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}`;
 
 const DsSelect = class {
     constructor(hostRef) {