@keenmate/web-multiselect 2.0.0-rc11 → 2.0.0-rc12

package/dist/multiselect.js

@@ -1,10 +1,10 @@
-var Eo = Object.defineProperty;
-var bs = (s) => {
+var $o = Object.defineProperty;
+var _s = (s) => {
   throw TypeError(s);
 };
-var Ao = (s, e, t) => e in s ? Eo(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var m = (s, e, t) => Ao(s, typeof e != "symbol" ? e + "" : e, t), Bt = (s, e, t) => e.has(s) || bs("Cannot " + t);
-var h = (s, e, t) => (Bt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), L = (s, e, t) => e.has(s) ? bs("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), I = (s, e, t, o) => (Bt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), v = (s, e, t) => (Bt(s, e, "access private method"), t);
+var Ro = (s, e, t) => e in s ? $o(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var m = (s, e, t) => Ro(s, typeof e != "symbol" ? e + "" : e, t), Kt = (s, e, t) => e.has(s) || _s("Cannot " + t);
+var h = (s, e, t) => (Kt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), L = (s, e, t) => e.has(s) ? _s("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), I = (s, e, t, o) => (Kt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), v = (s, e, t) => (Kt(s, e, "access private method"), t);
 function W(s, e = {}) {
   const t = new Set(s), o = e.shouldNullOnInvalid ? null : e.default ?? null;
   return {
@@ -37,7 +37,7 @@ function X(s = {}) {
     }
   };
 }
-function V(s = {}) {
+function z(s = {}) {
   const e = s.isNullable === !0, t = s.default ?? (e ? null : ""), o = (i) => s.shouldTrim ? i.trim() : i;
   return {
     fromAttribute(i) {
@@ -54,11 +54,11 @@ function V(s = {}) {
     }
   };
 }
-const zo = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), No = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
+const Bo = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), Ho = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
 function B(s = "presence") {
   const e = (t) => {
     const o = t.trim().toLowerCase();
-    return zo.has(o) ? !0 : No.has(o) ? !1 : null;
+    return Bo.has(o) ? !0 : Ho.has(o) ? !1 : null;
   };
   return {
     fromAttribute(t) {
@@ -81,7 +81,7 @@ function B(s = "presence") {
     }
   };
 }
-function Vo(s = {}) {
+function Fo(s = {}) {
   const e = s.default;
   return {
     fromAttribute(t) {
@@ -101,7 +101,7 @@ function Vo(s = {}) {
     }
   };
 }
-function Do(s = {}) {
+function Ko(s = {}) {
   const e = s.default ?? [], t = (o) => Array.isArray(o) && (!s.validateItem || o.every(s.validateItem));
   return {
     fromAttribute(o) {
@@ -121,22 +121,22 @@ function Do(s = {}) {
     }
   };
 }
-function $o() {
+function Wo() {
   return {
     validate(s) {
       return s == null || typeof s == "function";
     }
   };
 }
-function Ro(s, e, t) {
+function jo(s, e, t) {
   const o = s.converter, i = o != null && o.fromAttribute ? o.fromAttribute(e, t, s.attribute ?? s.configKey) : e ?? s.default;
   return { configKey: s.configKey, field: s.field, value: i, on: s.on ?? "update" };
 }
-function Bo(s, e) {
+function Uo(s, e) {
   const t = s.converter;
   return t != null && t.validate && !t.validate(e) ? null : { configKey: s.configKey, field: s.field, value: e, on: s.on ?? "update" };
 }
-function Ho() {
+function Go() {
   const s = /* @__PURE__ */ new Set();
   let e = !1;
   const t = () => {
@@ -164,7 +164,7 @@ function Ho() {
     }
   };
 }
-const Gs = {
+const Qs = {
   pointer: "fine",
   hasCoarsePointer: !1,
   canHover: !0,
@@ -176,29 +176,29 @@ const Gs = {
   os: "unknown",
   isApple: !1,
   isAndroid: !1
-}, Fo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
-let gt = qs(Fo);
-const tt = /* @__PURE__ */ new Set(), st = /* @__PURE__ */ new Set();
-let Pe = null, _t = [], bt = !1;
-const vs = 30;
-let Ee, vt = 0;
-function qs(s) {
+}, qo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
+let bt = Zs(qo);
+const st = /* @__PURE__ */ new Set(), ot = /* @__PURE__ */ new Set();
+let Oe = null, kt = [], vt = !1;
+const ks = 30;
+let Ee, yt = 0;
+function Zs(s) {
   return Object.entries(s).sort((e, t) => e[1] - t[1]);
 }
-function Ko(s) {
-  for (const [t, o] of gt)
+function Xo(s) {
+  for (const [t, o] of bt)
     if (s <= o)
       return t;
-  const e = gt[gt.length - 1];
+  const e = bt[bt.length - 1];
   return e ? e[0] : "desktop";
 }
-function cs() {
+function us() {
   return typeof window < "u" && typeof window.matchMedia == "function";
 }
-function ws() {
+function Cs() {
   return typeof navigator < "u" && (navigator.maxTouchPoints ?? 0) > 1;
 }
-function Wo() {
+function Yo() {
   var o;
   if (typeof navigator > "u")
     return "unknown";
@@ -209,26 +209,26 @@ function Wo() {
     if (e.includes("ios"))
       return "ios";
     if (e.includes("mac"))
-      return ws() ? "ios" : "macos";
+      return Cs() ? "ios" : "macos";
     if (e.includes("windows"))
       return "windows";
     if (e.includes("linux"))
       return "linux";
   }
   const t = navigator.userAgent ?? "";
-  return /android/i.test(t) ? "android" : /iphone|ipod|ipad/i.test(t) ? "ios" : /macintosh|mac os x/i.test(t) ? ws() ? "ios" : "macos" : /windows/i.test(t) ? "windows" : /linux/i.test(t) ? "linux" : "unknown";
+  return /android/i.test(t) ? "android" : /iphone|ipod|ipad/i.test(t) ? "ios" : /macintosh|mac os x/i.test(t) ? Cs() ? "ios" : "macos" : /windows/i.test(t) ? "windows" : /linux/i.test(t) ? "linux" : "unknown";
 }
-let jo;
-function Uo() {
-  return jo ?? (jo = Wo());
+let Jo;
+function Qo() {
+  return Jo ?? (Jo = Yo());
 }
 function Ue(s) {
-  return cs() && window.matchMedia(s).matches;
+  return us() && window.matchMedia(s).matches;
 }
-function ds() {
-  if (!cs())
-    return { ...Gs };
-  const s = Ue("(any-pointer: coarse)"), e = Ue("(pointer: coarse)"), t = Ue("(pointer: fine)"), o = Ue("(hover: hover)"), i = e ? "coarse" : t ? "fine" : "none", r = window.innerWidth, n = window.innerHeight, a = Uo();
+function ms() {
+  if (!us())
+    return { ...Qs };
+  const s = Ue("(any-pointer: coarse)"), e = Ue("(pointer: coarse)"), t = Ue("(pointer: fine)"), o = Ue("(hover: hover)"), i = e ? "coarse" : t ? "fine" : "none", r = window.innerWidth, n = window.innerHeight, a = Qo();
   return {
     pointer: i,
     hasCoarsePointer: s,
@@ -237,191 +237,191 @@ function ds() {
     orientation: Ue("(orientation: portrait)") ? "portrait" : "landscape",
     viewportWidth: r,
     viewportHeight: n,
-    breakpoint: Ko(r),
+    breakpoint: Xo(r),
     os: a,
     isApple: a === "ios" || a === "macos",
     isAndroid: a === "android"
   };
 }
-function Go(s, e) {
+function Zo(s, e) {
   return s.pointer === e.pointer && s.hasCoarsePointer === e.hasCoarsePointer && s.canHover === e.canHover && s.isTouchPrimary === e.isTouchPrimary && s.orientation === e.orientation && s.breakpoint === e.breakpoint;
 }
-function qo(s, e) {
+function ei(s, e) {
   return s.viewportWidth === e.viewportWidth && s.viewportHeight === e.viewportHeight;
 }
-function kt() {
-  const s = ds(), e = Pe;
-  if (Pe = s, !e || !Go(e, s))
-    for (const t of [...tt])
+function Ct() {
+  const s = ms(), e = Oe;
+  if (Oe = s, !e || !Zo(e, s))
+    for (const t of [...st])
       t(s);
-  st.size > 0 && (!e || !qo(e, s)) && Xo();
+  ot.size > 0 && (!e || !ei(e, s)) && ti();
 }
-function ys() {
-  const s = Pe;
+function Ss() {
+  const s = Oe;
   if (s)
-    for (const e of [...st])
+    for (const e of [...ot])
       e(s);
 }
-function Xo() {
+function ti() {
   if (Ee !== void 0)
     return;
-  const s = Date.now() - vt;
-  s >= vs ? (vt = Date.now(), ys()) : Ee = setTimeout(() => {
-    Ee = void 0, vt = Date.now(), ys();
-  }, vs - s);
+  const s = Date.now() - yt;
+  s >= ks ? (yt = Date.now(), Ss()) : Ee = setTimeout(() => {
+    Ee = void 0, yt = Date.now(), Ss();
+  }, ks - s);
 }
-const Ct = () => kt(), Xs = () => {
+const St = () => Ct(), eo = () => {
   if (typeof requestAnimationFrame == "function") {
-    if (bt)
+    if (vt)
       return;
-    bt = !0, requestAnimationFrame(() => {
-      bt = !1, kt();
+    vt = !0, requestAnimationFrame(() => {
+      vt = !1, Ct();
     });
   } else
-    kt();
+    Ct();
 };
-function Yo(s) {
-  typeof s.addEventListener == "function" ? s.addEventListener("change", Ct) : typeof s.addListener == "function" && s.addListener(Ct);
+function si(s) {
+  typeof s.addEventListener == "function" ? s.addEventListener("change", St) : typeof s.addListener == "function" && s.addListener(St);
 }
-function Jo(s) {
-  typeof s.removeEventListener == "function" ? s.removeEventListener("change", Ct) : typeof s.removeListener == "function" && s.removeListener(Ct);
+function oi(s) {
+  typeof s.removeEventListener == "function" ? s.removeEventListener("change", St) : typeof s.removeListener == "function" && s.removeListener(St);
 }
-function Ys() {
-  if (!cs()) {
-    Pe = { ...Gs };
+function to() {
+  if (!us()) {
+    Oe = { ...Qs };
     return;
   }
-  _t = [
+  kt = [
     window.matchMedia("(pointer: coarse)"),
     window.matchMedia("(pointer: fine)"),
     window.matchMedia("(any-pointer: coarse)"),
     window.matchMedia("(hover: hover)"),
     window.matchMedia("(orientation: portrait)")
   ];
-  for (const s of _t)
-    Yo(s);
-  typeof window.addEventListener == "function" && window.addEventListener("resize", Xs), Pe = ds();
-}
-function Js() {
-  for (const s of _t)
-    Jo(s);
-  _t = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", Xs), bt = !1, Ee !== void 0 && (clearTimeout(Ee), Ee = void 0), vt = 0, Pe = null;
+  for (const s of kt)
+    si(s);
+  typeof window.addEventListener == "function" && window.addEventListener("resize", eo), Oe = ms();
 }
-function St() {
-  return tt.size + st.size;
+function so() {
+  for (const s of kt)
+    oi(s);
+  kt = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", eo), vt = !1, Ee !== void 0 && (clearTimeout(Ee), Ee = void 0), yt = 0, Oe = null;
 }
 function Tt() {
-  return Pe ?? ds();
+  return st.size + ot.size;
 }
-function Qo(s, e = {}) {
-  const t = St() === 0;
-  tt.add(s), t && Ys(), e.immediate !== !1 && s(Tt());
+function It() {
+  return Oe ?? ms();
+}
+function ii(s, e = {}) {
+  const t = Tt() === 0;
+  st.add(s), t && to(), e.immediate !== !1 && s(It());
   let o = !0;
   return () => {
-    o && (o = !1, tt.delete(s), St() === 0 && Js());
+    o && (o = !1, st.delete(s), Tt() === 0 && so());
   };
 }
-function Zo(s, e = {}) {
-  const t = St() === 0;
-  st.add(s), t && Ys(), e.immediate !== !1 && s(Tt());
+function ri(s, e = {}) {
+  const t = Tt() === 0;
+  ot.add(s), t && to(), e.immediate !== !1 && s(It());
   let o = !0;
   return () => {
-    o && (o = !1, st.delete(s), St() === 0 && Js());
+    o && (o = !1, ot.delete(s), Tt() === 0 && so());
   };
 }
-function dn(s) {
-  gt = qs(s), tt.size > 0 && kt();
+function _n(s) {
+  bt = Zs(s), st.size > 0 && Ct();
 }
-const ei = 600;
-function ti(s) {
-  return s.isTouchPrimary ? Math.min(s.viewportWidth, s.viewportHeight) < ei ? "mobile" : "tablet" : "desktop";
+const ni = 600;
+function ai(s) {
+  return s.isTouchPrimary ? Math.min(s.viewportWidth, s.viewportHeight) < ni ? "mobile" : "tablet" : "desktop";
 }
-const si = 30;
+const li = 30;
 let oe = null;
-const Ye = /* @__PURE__ */ new WeakMap();
-let Ht = 0;
-function oi() {
+const Je = /* @__PURE__ */ new WeakMap();
+let Wt = 0;
+function ci() {
   return typeof ResizeObserver < "u";
 }
-function Qs(s) {
+function oo(s) {
   if (typeof s.getBoundingClientRect != "function")
     return { width: 0, height: 0 };
   const e = s.getBoundingClientRect();
   return { width: e.width, height: e.height };
 }
-function ii(s, e) {
+function di(s, e) {
   return !!s && s.width === e.width && s.height === e.height;
 }
-function ri(s, e) {
-  if (ii(s.lastFired, e) || (s.pendingSize = e, s.timer !== void 0))
+function hi(s, e) {
+  if (di(s.lastFired, e) || (s.pendingSize = e, s.timer !== void 0))
     return;
   const t = Date.now() - s.lastNotify;
-  t >= s.throttleMs ? (s.lastNotify = Date.now(), xs(s)) : s.timer = setTimeout(() => {
-    s.timer = void 0, s.lastNotify = Date.now(), xs(s);
+  t >= s.throttleMs ? (s.lastNotify = Date.now(), Ts(s)) : s.timer = setTimeout(() => {
+    s.timer = void 0, s.lastNotify = Date.now(), Ts(s);
   }, s.throttleMs - t);
 }
-function xs(s) {
+function Ts(s) {
   const e = s.pendingSize;
   e && (s.lastFired = e, s.cb(e, s.el));
 }
-function ni(s) {
+function ui(s) {
   for (const e of s) {
-    const t = Ye.get(e.target);
+    const t = Je.get(e.target);
     if (!t)
       continue;
-    const o = Qs(e.target);
+    const o = oo(e.target);
     for (const i of [...t])
-      ri(i, o);
+      hi(i, o);
   }
 }
-function ai() {
-  return oi() ? (oe || (oe = new ResizeObserver(ni)), oe) : null;
+function mi() {
+  return ci() ? (oe || (oe = new ResizeObserver(ui)), oe) : null;
 }
-function li(s, e, t = {}) {
+function pi(s, e, t = {}) {
   const o = {
     el: s,
     cb: e,
-    throttleMs: t.throttleMs ?? si,
+    throttleMs: t.throttleMs ?? li,
     lastNotify: 0
   };
   if (t.immediate !== !1) {
-    const n = Qs(s);
+    const n = oo(s);
     o.lastFired = n, o.lastNotify = Date.now(), e(n, s);
   }
-  const i = ai();
+  const i = mi();
   if (i) {
-    let n = Ye.get(s);
-    n || (Ye.set(s, n = /* @__PURE__ */ new Set()), Ht++, i.observe(s)), n.add(o);
+    let n = Je.get(s);
+    n || (Je.set(s, n = /* @__PURE__ */ new Set()), Wt++, i.observe(s)), n.add(o);
   }
   let r = !0;
   return () => {
     if (!r)
       return;
     r = !1, o.timer !== void 0 && (clearTimeout(o.timer), o.timer = void 0);
-    const n = Ye.get(s);
-    n && (n.delete(o), n.size === 0 && (Ye.delete(s), oe == null || oe.unobserve(s), Ht--, Ht === 0 && oe && (oe.disconnect(), oe = null)));
+    const n = Je.get(s);
+    n && (n.delete(o), n.size === 0 && (Je.delete(s), oe == null || oe.unobserve(s), Wt--, Wt === 0 && oe && (oe.disconnect(), oe = null)));
   };
 }
-const It = /* @__PURE__ */ new Map();
-function ci(s, e) {
-  let t = It.get(s);
-  t || It.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
+const Ot = /* @__PURE__ */ new Map();
+function fi(s, e) {
+  let t = Ot.get(s);
+  t || Ot.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
 }
-function di(s, e) {
+function gi(s, e) {
   var t;
-  (t = It.get(s)) == null || t.delete(e);
+  (t = Ot.get(s)) == null || t.delete(e);
 }
-function hi(s) {
-  return Array.from(It.get(s) ?? []);
+function bi(s) {
+  return Array.from(Ot.get(s) ?? []);
 }
-const Zs = /* @__PURE__ */ new Map();
-function ui(s, e) {
-  Zs.set(s.toLowerCase(), e);
+const io = /* @__PURE__ */ new Map();
+function vi(s, e) {
+  io.set(s.toLowerCase(), e);
 }
-function mi(s) {
-  return Zs.get(s.toLowerCase());
+function yi(s) {
+  return io.get(s.toLowerCase());
 }
-function pi(s, e, t, o = {}) {
+function wi(s, e, t, o = {}) {
   return s.dispatchEvent(new CustomEvent(e, {
     detail: t,
     bubbles: o.bubbles ?? !0,
@@ -429,40 +429,40 @@ function pi(s, e, t, o = {}) {
     cancelable: o.cancelable ?? !1
   }));
 }
-function fi(s) {
+function xi(s) {
   return s.split(/[-_]/).filter(Boolean).map((e) => e[0].toUpperCase() + e.slice(1)).join("");
 }
-function gi(s) {
-  return `on${fi(s)}`;
+function _i(s) {
+  return `on${xi(s)}`;
 }
-function bi(s) {
+function ki(s) {
   return s ? s.map((e) => {
-    const t = typeof e == "string" ? { name: e } : e, o = t.property === !1 ? null : t.property ?? gi(t.name);
+    const t = typeof e == "string" ? { name: e } : e, o = t.property === !1 ? null : t.property ?? _i(t.name);
     return { name: t.name, property: o, bubbles: t.bubbles, composed: t.composed, cancelable: t.cancelable };
   }) : [];
 }
-const vi = typeof HTMLElement < "u" ? HTMLElement : class {
-}, _s = /* @__PURE__ */ new WeakSet();
-let wi = 0;
-const yi = { trace() {
+const Ci = typeof HTMLElement < "u" ? HTMLElement : class {
+}, Is = /* @__PURE__ */ new WeakSet();
+let Si = 0;
+const Ti = { trace() {
 }, debug() {
 }, info() {
 }, warn() {
 }, error() {
-} }, xi = new Proxy({}, { get: () => yi });
-var me, rt, _e, nt, ke, at, At, Ce, pe, Se, Te, ze, Ne, Ve, De, $e, Re, zt, ie, Be, T, eo, to, so, Q, oo, io, qt, Xt, Je, Yt, ro;
-const xe = class xe extends vi {
+} }, Ii = new Proxy({}, { get: () => Ti });
+var me, nt, _e, at, ke, lt, Vt, Ce, pe, Se, Te, ze, Ne, Ve, De, $e, Re, Dt, ie, Be, T, ro, no, ao, Q, lo, co, Jt, Qt, Qe, Zt, ho;
+const xe = class xe extends Ci {
   constructor() {
     super();
     L(this, T);
     L(this, me, {});
-    L(this, rt, /* @__PURE__ */ new Map());
-    L(this, _e, /* @__PURE__ */ new Map());
     L(this, nt, /* @__PURE__ */ new Map());
+    L(this, _e, /* @__PURE__ */ new Map());
+    L(this, at, /* @__PURE__ */ new Map());
     /** Live handler currently bound via each managed `on<Name>` property, keyed by event name. */
     L(this, ke, /* @__PURE__ */ new Map());
-    L(this, at, Ho());
-    L(this, At, () => v(this, T, Yt).call(this));
+    L(this, lt, Go());
+    L(this, Vt, () => v(this, T, Zt).call(this));
     L(this, Ce, null);
     L(this, pe, !1);
     L(this, Se, []);
@@ -485,16 +485,16 @@ const xe = class xe extends vi {
     /** Unsubscribe from the per-element ResizeObserver; set only while connected AND `resized` is overridden. */
     L(this, $e);
     L(this, Re);
-    L(this, zt);
+    L(this, Dt);
     L(this, ie);
     L(this, Be);
-    const t = this.constructor, o = t.inputs ?? [], i = bi(t.events);
-    v(this, T, so).call(this, o, i);
+    const t = this.constructor, o = t.inputs ?? [], i = ki(t.events);
+    v(this, T, ao).call(this, o, i);
     for (const r of o)
-      h(this, rt).set(r.configKey, r), r.attribute && h(this, _e).set(r.attribute, r);
+      h(this, nt).set(r.configKey, r), r.attribute && h(this, _e).set(r.attribute, r);
     for (const r of i)
-      h(this, nt).set(r.name, r);
-    v(this, T, eo).call(this, o), v(this, T, oo).call(this, o), v(this, T, io).call(this, i);
+      h(this, at).set(r.name, r);
+    v(this, T, ro).call(this, o), v(this, T, lo).call(this, o), v(this, T, co).call(this, i);
   }
   static get observedAttributes() {
     const t = (this.inputs ?? []).filter((o) => o.attribute).map((o) => o.attribute);
@@ -514,31 +514,31 @@ const xe = class xe extends vi {
       return;
     let n;
     try {
-      n = Ro(r, i, this);
+      n = jo(r, i, this);
     } catch (l) {
-      v(this, T, Q).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = v(this, T, to).call(this, r);
+      v(this, T, Q).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = v(this, T, no).call(this, r);
     }
-    v(this, T, Xt).call(this, n);
+    v(this, T, Qt).call(this, n);
   }
   connectedCallback() {
-    ci(this.localName, this), h(this, Te) || (I(this, Te, !0), I(this, ze, null), I(this, pe, !0)), v(this, T, Je).call(this), this.connect(), this.environmentChanged !== xe.prototype.environmentChanged && I(this, Ve, Qo((t) => this.environmentChanged(t))), this.viewportChanged !== xe.prototype.viewportChanged && I(this, De, Zo((t) => this.viewportChanged(t))), this.resized !== xe.prototype.resized && I(this, $e, li(this, (t) => this.resized(t), { immediate: !1 }));
+    fi(this.localName, this), h(this, Te) || (I(this, Te, !0), I(this, ze, null), I(this, pe, !0)), v(this, T, Qe).call(this), this.connect(), this.environmentChanged !== xe.prototype.environmentChanged && I(this, Ve, ii((t) => this.environmentChanged(t))), this.viewportChanged !== xe.prototype.viewportChanged && I(this, De, ri((t) => this.viewportChanged(t))), this.resized !== xe.prototype.resized && I(this, $e, pi(this, (t) => this.resized(t), { immediate: !1 }));
   }
   disconnectedCallback() {
     var t, o, i;
-    di(this.localName, this), (t = h(this, Ve)) == null || t.call(this), I(this, Ve, void 0), (o = h(this, De)) == null || o.call(this), I(this, De, void 0), (i = h(this, $e)) == null || i.call(this), I(this, $e, void 0), this.disconnect();
+    gi(this.localName, this), (t = h(this, Ve)) == null || t.call(this), I(this, Ve, void 0), (o = h(this, De)) == null || o.call(this), I(this, De, void 0), (i = h(this, $e)) == null || i.call(this), I(this, $e, void 0), this.disconnect();
   }
   // ── public batching API ─────────────────────────────────────────────────
   /** Apply many inputs (by `configKey` or attribute name) as ONE reinit/update. */
   setAttributes(t) {
     for (const [o, i] of Object.entries(t)) {
-      const r = h(this, rt).get(o) ?? h(this, _e).get(o);
-      r && v(this, T, qt).call(this, r, i);
+      const r = h(this, nt).get(o) ?? h(this, _e).get(o);
+      r && v(this, T, Jt).call(this, r, i);
     }
-    v(this, T, Je).call(this);
+    v(this, T, Qe).call(this);
   }
   /** Run `fn` and coalesce every input change it makes into a single reinit/update. */
   batch(t) {
-    t(), v(this, T, Je).call(this);
+    t(), v(this, T, Qe).call(this);
   }
   /**
    * Apply any pending input writes **synchronously, now** — running the
@@ -554,7 +554,7 @@ const xe = class xe extends vi {
    * `await whenSettled()` between the two.
    */
   flush() {
-    v(this, T, Je).call(this);
+    v(this, T, Qe).call(this);
   }
   /**
    * Resolves once the element is **settled** — i.e. every staged input change
@@ -592,10 +592,10 @@ const xe = class xe extends vi {
   get log() {
     if (h(this, Be))
       return h(this, Be);
-    const t = mi(this.localName);
+    const t = yi(this.localName);
     if (!t)
-      return xi;
-    const o = h(this, zt) ?? I(this, zt, `${this.localName}#${this.id || ++wi}`);
+      return Ii;
+    const o = h(this, Dt) ?? I(this, Dt, `${this.localName}#${this.id || ++Si}`);
     return I(this, Be, t.forInstance(o, () => h(this, ie)));
   }
   /**
@@ -762,8 +762,8 @@ const xe = class xe extends vi {
    * `emit` does not call it separately.
    */
   emit(t, o, i) {
-    const r = h(this, nt).get(t);
-    return pi(this, t, o, {
+    const r = h(this, at).get(t);
+    return wi(this, t, o, {
       bubbles: (i == null ? void 0 : i.bubbles) ?? (r == null ? void 0 : r.bubbles),
       composed: (i == null ? void 0 : i.composed) ?? (r == null ? void 0 : r.composed),
       cancelable: (i == null ? void 0 : i.cancelable) ?? (r == null ? void 0 : r.cancelable)
@@ -801,8 +801,8 @@ const xe = class xe extends vi {
     }
   }
 };
-me = new WeakMap(), rt = new WeakMap(), _e = new WeakMap(), nt = new WeakMap(), ke = new WeakMap(), at = new WeakMap(), At = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), Ve = new WeakMap(), De = new WeakMap(), $e = new WeakMap(), Re = new WeakMap(), zt = new WeakMap(), ie = new WeakMap(), Be = new WeakMap(), T = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
-eo = function(t) {
+me = new WeakMap(), nt = new WeakMap(), _e = new WeakMap(), at = new WeakMap(), ke = new WeakMap(), lt = new WeakMap(), Vt = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), Ve = new WeakMap(), De = new WeakMap(), $e = new WeakMap(), Re = new WeakMap(), Dt = new WeakMap(), ie = new WeakMap(), Be = new WeakMap(), T = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
+ro = function(t) {
   var o;
   for (const i of t) {
     let r = i.default;
@@ -814,15 +814,15 @@ eo = function(t) {
       }
     h(this, me)[i.configKey] = r, i.field && (this[i.field] = r);
   }
-}, to = function(t) {
+}, no = function(t) {
   return { configKey: t.configKey, field: t.field, value: t.default, on: t.on ?? "update" };
 }, /** Sanity-check the input + event tables once per class; warn (never throw) on mistakes. */
-so = function(t, o) {
+ao = function(t, o) {
   var l;
   const i = this.constructor;
-  if (_s.has(i))
+  if (Is.has(i))
     return;
-  _s.add(i);
+  Is.add(i);
   const r = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
   for (const c of t)
     r.has(c.configKey) && v(this, T, Q).call(this, `invalid input table: duplicate configKey "${c.configKey}"`), r.add(c.configKey), c.attribute && (n.has(c.attribute) && v(this, T, Q).call(this, `invalid input table: duplicate attribute "${c.attribute}"`), n.add(c.attribute)), c.reflect && !c.attribute && v(this, T, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but no attribute to reflect to`), c.reflect && !((l = c.converter) != null && l.toAttribute) && v(this, T, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but its converter has no toAttribute`);
@@ -836,14 +836,14 @@ so = function(t, o) {
  */
 Q = function(t, ...o) {
   console.warn(`[BlissElement] <${this.localName ?? "unknown"}> ${t}`, ...o);
-}, oo = function(t) {
+}, lo = function(t) {
   for (const o of t) {
     const i = o.configKey, r = Object.prototype.hasOwnProperty.call(this, i), n = r ? this[i] : void 0;
     r && delete this[i], Object.defineProperty(this, i, {
       configurable: !0,
       enumerable: !0,
       get: () => h(this, me)[i],
-      set: (a) => v(this, T, qt).call(this, o, a)
+      set: (a) => v(this, T, Jt).call(this, o, a)
     }), r && ((h(this, ze) ?? I(this, ze, /* @__PURE__ */ new Set())).add(i), this[i] = n);
   }
 }, /**
@@ -851,7 +851,7 @@ Q = function(t, ...o) {
  * (de)registers a real listener for the event, so the property behaves like
  * `addEventListener(name, …)` and its handler receives the `CustomEvent`.
  */
-io = function(t) {
+co = function(t) {
   for (const o of t) {
     const i = o.property;
     if (!i)
@@ -871,14 +871,14 @@ io = function(t) {
       }
     }), n && (this[i] = a);
   }
-}, qt = function(t, o) {
+}, Jt = function(t, o) {
   var r;
-  const i = Bo(t, o);
+  const i = Uo(t, o);
   if (!i) {
     v(this, T, Q).call(this, `rejected invalid value for property "${t.configKey}"; keeping previous value`, o);
     return;
   }
-  if (v(this, T, Xt).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
+  if (v(this, T, Qt).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
     const n = t.converter.toAttribute(i.value);
     I(this, Ne, !0);
     try {
@@ -887,18 +887,18 @@ io = function(t) {
       I(this, Ne, !1);
     }
   }
-}, Xt = function(t) {
-  h(this, me)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && I(this, pe, !0), (h(this, Ce) ?? I(this, Ce, {}))[t.configKey] = t.value, h(this, at).schedule(h(this, At)));
+}, Qt = function(t) {
+  h(this, me)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && I(this, pe, !0), (h(this, Ce) ?? I(this, Ce, {}))[t.configKey] = t.value, h(this, lt).schedule(h(this, Vt)));
 }, /** Cancel any queued microtask and flush pending changes synchronously now. */
-Je = function() {
-  h(this, at).cancel(), v(this, T, Yt).call(this);
-}, Yt = function() {
+Qe = function() {
+  h(this, lt).cancel(), v(this, T, Zt).call(this);
+}, Zt = function() {
   if (!this.isConnected)
     return;
   const t = h(this, pe), o = h(this, Ce);
-  I(this, pe, !1), I(this, Ce, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), v(this, T, ro).call(this);
+  I(this, pe, !1), I(this, Ce, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), v(this, T, ho).call(this);
 }, /** Resolve everyone awaiting {@link whenSettled} for the flush that just ran. */
-ro = function() {
+ho = function() {
   if (h(this, Se).length === 0)
     return;
   const t = h(this, Se);
@@ -912,11 +912,11 @@ m(xe, "inputs"), /**
  * {@link emit} can fire and installs a managed `on<Name>` handler property.
  */
 m(xe, "events");
-let Gt = xe;
-function ks(s, e, t) {
+let Yt = xe;
+function Os(s, e, t) {
   typeof customElements > "u" || customElements.get(s) || customElements.define(s, e, t);
 }
-function _i(s) {
+function Oi(s) {
   return {
     enableLogging: (e) => s.enableLogging(e),
     disableLogging: () => s.disableLogging(),
@@ -925,45 +925,45 @@ function _i(s) {
     getCategories: () => [...s.LOGGING_CATEGORIES]
   };
 }
-function ki(s, e, t) {
+function Pi(s, e, t) {
   const { config: o, logging: i, shouldAutoDefine: r = !0 } = t;
-  i && ui(s, i);
+  i && vi(s, i);
   const n = {
     version: () => o.version,
     config: o,
-    ...i ? { logging: _i(i) } : {},
-    register: () => ks(s, e),
-    getInstances: () => hi(s)
+    ...i ? { logging: Oi(i) } : {},
+    register: () => Os(s, e),
+    getInstances: () => bi(s)
   };
-  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && ks(s, e), n;
+  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && Os(s, e), n;
 }
-const Cs = /* @__PURE__ */ new Map(), Ss = /* @__PURE__ */ new WeakMap();
-let ht;
-function Ci(s) {
+const Ps = /* @__PURE__ */ new Map(), Ms = /* @__PURE__ */ new WeakMap();
+let ut;
+function Mi(s) {
   if (typeof CSSStyleSheet > "u" || !("adoptedStyleSheets" in s))
     return !1;
-  if (ht === void 0)
+  if (ut === void 0)
     try {
-      new CSSStyleSheet().replaceSync(""), ht = !0;
+      new CSSStyleSheet().replaceSync(""), ut = !0;
     } catch {
-      ht = !1;
+      ut = !1;
     }
-  return ht;
+  return ut;
 }
-function Si(s, ...e) {
+function Li(s, ...e) {
   if (typeof document > "u")
     return;
-  let t = Ss.get(s);
-  t || Ss.set(s, t = /* @__PURE__ */ new Set());
+  let t = Ms.get(s);
+  t || Ms.set(s, t = /* @__PURE__ */ new Set());
   const o = e.filter((r) => r && !t.has(r));
   if (o.length === 0)
     return;
   for (const r of o)
     t.add(r);
-  if (Ci(s)) {
+  if (Mi(s)) {
     const r = o.map((n) => {
-      let a = Cs.get(n);
-      return a || (a = new CSSStyleSheet(), a.replaceSync(n), Cs.set(n, a)), a;
+      let a = Ps.get(n);
+      return a || (a = new CSSStyleSheet(), a.replaceSync(n), Ps.set(n, a)), a;
     });
     s.adoptedStyleSheets = [...s.adoptedStyleSheets, ...r];
     return;
@@ -974,7 +974,7 @@ function Si(s, ...e) {
     n.textContent = r, i.appendChild(n);
   }
 }
-function Ti(s, e = {}) {
+function Ei(s, e = {}) {
   const t = e.position ?? "last", o = s.head ?? s;
   let i = null;
   const r = () => typeof document > "u" ? null : (i || (i = document.createElement("style"), e.className && (i.className = e.className)), i.parentNode !== o && (t === "first" && o.firstChild ? o.insertBefore(i, o.firstChild) : o.appendChild(i)), i), n = () => {
@@ -995,65 +995,65 @@ function Ti(s, e = {}) {
     }
   };
 }
-function no(s) {
+function uo(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Ii(s, e) {
-  const t = /* @__PURE__ */ new Set(), o = new RegExp(`var\\(\\s*(${no(e)}[a-z0-9-]+)`, "gi");
+function Ai(s, e) {
+  const t = /* @__PURE__ */ new Set(), o = new RegExp(`var\\(\\s*(${uo(e)}[a-z0-9-]+)`, "gi");
   let i;
   for (; i = o.exec(s); )
     i[1] && t.add(i[1]);
   return t;
 }
-function Pi(s, e) {
-  const t = /* @__PURE__ */ new Set(), o = new RegExp(`(${no(e)}[a-z0-9-]+)\\s*:`, "gi");
+function zi(s, e) {
+  const t = /* @__PURE__ */ new Set(), o = new RegExp(`(${uo(e)}[a-z0-9-]+)\\s*:`, "gi");
   let i;
   for (; i = o.exec(s); )
     i[1] && t.add(i[1]);
   return [...t];
 }
-function Oi(s, e, t = {}) {
+function Ni(s, e, t = {}) {
   const o = t.minScore ?? 3, i = t.limit ?? 3, r = new Set(s.split("-").filter(Boolean));
   return [...e].map((n) => ({ k: n, score: n.split("-").filter((a) => r.has(a)).length })).filter((n) => n.score >= o).sort((n, a) => a.score - n.score).slice(0, i).map((n) => n.k);
 }
-function Mi(s, e) {
+function Vi(s, e) {
   if (e.consumed.size === 0)
     return [];
   const t = [];
-  for (const o of Pi(s, e.prefix))
-    e.consumed.has(o) || t.push({ name: o, suggestions: Oi(o, e.consumed, { minScore: e.minScore }) });
+  for (const o of zi(s, e.prefix))
+    e.consumed.has(o) || t.push({ name: o, suggestions: Ni(o, e.consumed, { minScore: e.minScore }) });
   return t;
 }
-const Li = {
+const Di = {
   mobile: "fullscreen",
   tablet: "floating",
   desktop: "floating"
 };
-function Ei(s, e, t = {}) {
+function $i(s, e, t = {}) {
   if (s !== "auto")
     return s;
-  const o = ti(e);
-  return t[o] ?? Li[o];
+  const o = ai(e);
+  return t[o] ?? Di[o];
 }
-function Ft(s) {
+function jt(s) {
   return {
     presentation: s,
     isFullscreen: s === "fullscreen",
     isModal: s === "modal"
   };
 }
-let Ge = 0, ut = null;
-function Ai() {
+let Ge = 0, mt = null;
+function Ri() {
   if (typeof document > "u")
     return () => {
     };
-  Ge === 0 && (ut = document.body.style.overflow, document.body.style.overflow = "hidden"), Ge++;
+  Ge === 0 && (mt = document.body.style.overflow, document.body.style.overflow = "hidden"), Ge++;
   let s = !1;
   return () => {
-    s || (s = !0, Ge = Math.max(0, Ge - 1), Ge === 0 && ut !== null && (document.body.style.overflow = ut, ut = null));
+    s || (s = !0, Ge = Math.max(0, Ge - 1), Ge === 0 && mt !== null && (document.body.style.overflow = mt, mt = null));
   };
 }
-function zi(s) {
+function Bi(s) {
   const e = typeof window < "u" ? window.visualViewport : null;
   if (!e)
     return () => {
@@ -1068,6 +1068,42 @@ function zi(s) {
     e.removeEventListener("resize", i), e.removeEventListener("scroll", i), s.style.height = "", s.style.top = "";
   };
 }
+const ps = "km-overlay-activated", Hi = Symbol("km-overlay-all-groups"), Pt = /* @__PURE__ */ new Set(), qe = /* @__PURE__ */ new Map();
+let Mt = !1;
+function fs() {
+  return typeof document < "u";
+}
+function Fi(s, e) {
+  return e === Hi || s === e;
+}
+function mo(s) {
+  const e = s.detail, t = e == null ? void 0 : e.source, o = e == null ? void 0 : e.group;
+  for (const i of Array.from(Pt))
+    i.id !== t && Fi(i.group, o) && i.dismiss();
+}
+function Ki() {
+  Mt || !fs() || (document.addEventListener(ps, mo), Mt = !0);
+}
+function Wi() {
+  Mt && Pt.size === 0 && fs() && (document.removeEventListener(ps, mo), Mt = !1);
+}
+function ji(s, e) {
+  fs() && document.dispatchEvent(new CustomEvent(ps, { detail: { source: s, group: e } }));
+}
+function Ui(s, e) {
+  const t = { id: {}, group: e, dismiss: s };
+  return Pt.add(t), Ki(), {
+    activate() {
+      qe.set(t.group, t), ji(t.id, t.group);
+    },
+    deactivate() {
+      qe.get(t.group) === t && qe.delete(t.group);
+    },
+    dispose() {
+      Pt.delete(t), qe.get(t.group) === t && qe.delete(t.group), Wi();
+    }
+  };
+}
 const U = {
   TRACE: 0,
   DEBUG: 1,
@@ -1075,21 +1111,21 @@ const U = {
   WARN: 3,
   ERROR: 4,
   SILENT: 5
-}, Ts = ["trace", "debug", "info", "warn", "error"], Pt = () => {
+}, Ls = ["trace", "debug", "info", "warn", "error"], Lt = () => {
 };
-let Ni = "km-log";
-function Is(s) {
+let Gi = "km-log";
+function Es(s) {
   const t = console[s];
-  return typeof t == "function" ? t.bind(console) : Pt;
+  return typeof t == "function" ? t.bind(console) : Lt;
 }
-function Vi(s) {
+function qi(s) {
   if (s === "debug" && (s = "log"), typeof console > "u")
-    return Pt;
+    return Lt;
   const e = console;
-  return e[s] !== void 0 ? Is(s) : e.log !== void 0 ? Is("log") : Pt;
+  return e[s] !== void 0 ? Es(s) : e.log !== void 0 ? Es("log") : Lt;
 }
-const Di = (s) => Vi(s);
-function qe(s) {
+const Xi = (s) => qi(s);
+function Xe(s) {
   let e = s;
   const t = U;
   if (typeof e == "string" && t[e.toUpperCase()] !== void 0 && (e = t[e.toUpperCase()]), typeof e == "number" && e >= 0 && e <= U.SILENT)
@@ -1097,8 +1133,8 @@ function qe(s) {
   throw new TypeError(`setLevel() called with an invalid level: ${String(s)}`);
 }
 let ue;
-const Ot = {};
-class ao {
+const Et = {};
+class po {
   constructor(e, t) {
     m(this, "name");
     m(this, "levels", U);
@@ -1116,18 +1152,18 @@ class ao {
     m(this, "defaultLevel", null);
     /** Optional user-set level; overrides default. */
     m(this, "userLevel", null);
-    this.name = e, this.methodFactory = t, this.inheritedLevel = qe(ue ? ue.getLevel() : "WARN");
+    this.name = e, this.methodFactory = t, this.inheritedLevel = Xe(ue ? ue.getLevel() : "WARN");
     const o = this.getPersistedLevel();
-    o != null && (this.userLevel = qe(o)), this.replaceLoggingMethods();
+    o != null && (this.userLevel = Xe(o)), this.replaceLoggingMethods();
   }
   storageKey() {
-    return typeof this.name == "string" ? `${Ni}:${this.name}` : void 0;
+    return typeof this.name == "string" ? `${Gi}:${this.name}` : void 0;
   }
   persist(e) {
     const t = this.storageKey();
     if (typeof window > "u" || !t)
       return;
-    const o = (Ts[e] ?? "silent").toUpperCase();
+    const o = (Ls[e] ?? "silent").toUpperCase();
     try {
       window.localStorage[t] = o;
     } catch {
@@ -1155,18 +1191,18 @@ class ao {
   }
   replaceLoggingMethods() {
     const e = this.getLevel();
-    Ts.forEach((t, o) => {
-      this[t] = o < e ? Pt : this.methodFactory(t, e, this.name);
+    Ls.forEach((t, o) => {
+      this[t] = o < e ? Lt : this.methodFactory(t, e, this.name);
     }), this.log = this.debug;
   }
   getLevel() {
     return this.userLevel != null ? this.userLevel : this.defaultLevel != null ? this.defaultLevel : this.inheritedLevel;
   }
   setLevel(e, t) {
-    this.userLevel = qe(e), t !== !1 && this.persist(this.userLevel), this.replaceLoggingMethods();
+    this.userLevel = Xe(e), t !== !1 && this.persist(this.userLevel), this.replaceLoggingMethods();
   }
   setDefaultLevel(e) {
-    this.defaultLevel = qe(e), this.getPersistedLevel() || this.setLevel(e, !1);
+    this.defaultLevel = Xe(e), this.getPersistedLevel() || this.setLevel(e, !1);
   }
   resetLevel() {
     this.userLevel = null, this.clearPersisted(), this.replaceLoggingMethods();
@@ -1178,19 +1214,19 @@ class ao {
     this.setLevel(U.SILENT, e);
   }
   rebuild() {
-    if (ue && ue !== this && (this.inheritedLevel = qe(ue.getLevel())), this.replaceLoggingMethods(), ue === this)
-      for (const e in Ot)
-        Ot[e].rebuild();
+    if (ue && ue !== this && (this.inheritedLevel = Xe(ue.getLevel())), this.replaceLoggingMethods(), ue === this)
+      for (const e in Et)
+        Et[e].rebuild();
   }
 }
-ue = new ao(void 0, Di);
-function $i(s) {
+ue = new po(void 0, Xi);
+function Yi(s) {
   if (typeof s != "string" || s === "")
     throw new TypeError("You must supply a non-empty name when creating a logger.");
-  let e = Ot[s];
-  return e || (e = Ot[s] = new ao(s, ue.methodFactory)), e;
+  let e = Et[s];
+  return e || (e = Et[s] = new po(s, ue.methodFactory)), e;
 }
-const Ri = ["INIT", "DATA", "UI"], Bi = "debug", Ps = [
+const Ji = ["INIT", "DATA", "UI"], Qi = "debug", As = [
   "#4c8bf5",
   // blue
   "#2ea043",
@@ -1207,43 +1243,43 @@ const Ri = ["INIT", "DATA", "UI"], Bi = "debug", Ps = [
   // teal
   "#8a6d3b"
   // brown
-], Os = /* @__PURE__ */ new WeakSet();
-function Hi(s, e, t) {
-  if (Os.has(s))
+], zs = /* @__PURE__ */ new WeakSet();
+function Zi(s, e, t) {
+  if (zs.has(s))
     return;
-  Os.add(s);
+  zs.add(s);
   const o = s.methodFactory, i = `color:${t};font-weight:bold`;
   s.methodFactory = (r, n, a) => {
     const l = o(r, n, a);
     return (...c) => l(`%c[${e}]`, i, ...c);
   }, s.setLevel(s.getLevel(), !1);
 }
-function Fi(s) {
+function er(s) {
   return typeof s == "number" ? s : U[s.toUpperCase()] ?? U.SILENT;
 }
-const Ki = [
+const tr = [
   ["trace", U.TRACE, "debug"],
   ["debug", U.DEBUG, "debug"],
   ["info", U.INFO, "info"],
   ["warn", U.WARN, "warn"],
   ["error", U.ERROR, "error"]
 ];
-function Wi(s, e, t) {
+function sr(s, e, t) {
   const o = `color:${s.color};font-weight:bold`, i = "color:#888", r = {};
-  for (const [n, a, l] of Ki)
+  for (const [n, a, l] of tr)
     r[n] = (...c) => {
-      const d = t(), u = Math.min(s.logger.getLevel(), d == null ? U.SILENT : Fi(d));
+      const d = t(), u = Math.min(s.logger.getLevel(), d == null ? U.SILENT : er(d));
       if (a < u)
         return;
       (console[l] ?? console.log).bind(console)(`%c[${s.label}]%c ${e}`, o, i, ...c);
     };
   return r;
 }
-function ji(s, e = Ri) {
+function or(s, e = Ji) {
   const t = {}, o = {};
   e.forEach((r, n) => {
-    const a = `${s}:${r}`, l = Ps[n % Ps.length], c = $i(a);
-    Hi(c, a, l), t[r] = c, o[r] = { label: a, color: l, logger: c };
+    const a = `${s}:${r}`, l = As[n % As.length], c = Yi(a);
+    Zi(c, a, l), t[r] = c, o[r] = { label: a, color: l, logger: c };
   });
   const i = (r) => {
     for (const n of e)
@@ -1252,7 +1288,7 @@ function ji(s, e = Ri) {
   return {
     loggers: t,
     LOGGING_CATEGORIES: e,
-    enableLogging(r = Bi) {
+    enableLogging(r = Qi) {
       i(r);
     },
     disableLogging() {
@@ -1268,81 +1304,81 @@ function ji(s, e = Ri) {
     forInstance(r, n) {
       const a = {};
       for (const l of e)
-        a[l] = Wi(o[l], r, n);
+        a[l] = sr(o[l], r, n);
       return a;
     }
   };
 }
-const be = Math.min, ne = Math.max, Mt = Math.round, mt = Math.floor, ae = (s) => ({
+const be = Math.min, ne = Math.max, At = Math.round, pt = Math.floor, ae = (s) => ({
   x: s,
   y: s
-}), Ui = {
+}), ir = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function lo(s, e, t) {
+function fo(s, e, t) {
   return ne(s, be(e, t));
 }
 function Ke(s, e) {
   return typeof s == "function" ? s(e) : s;
 }
-function Oe(s) {
+function Pe(s) {
   return s.split("-")[0];
 }
 function We(s) {
   return s.split("-")[1];
 }
-function co(s) {
+function go(s) {
   return s === "x" ? "y" : "x";
 }
-function hs(s) {
+function gs(s) {
   return s === "y" ? "height" : "width";
 }
 function re(s) {
   const e = s[0];
   return e === "t" || e === "b" ? "y" : "x";
 }
-function us(s) {
-  return co(re(s));
+function bs(s) {
+  return go(re(s));
 }
-function Gi(s, e, t) {
+function rr(s, e, t) {
   t === void 0 && (t = !1);
-  const o = We(s), i = us(s), r = hs(i);
+  const o = We(s), i = bs(s), r = gs(i);
   let n = i === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[r] > e.floating[r] && (n = Lt(n)), [n, Lt(n)];
+  return e.reference[r] > e.floating[r] && (n = zt(n)), [n, zt(n)];
 }
-function qi(s) {
-  const e = Lt(s);
-  return [Jt(s), e, Jt(e)];
+function nr(s) {
+  const e = zt(s);
+  return [es(s), e, es(e)];
 }
-function Jt(s) {
+function es(s) {
   return s.includes("start") ? s.replace("start", "end") : s.replace("end", "start");
 }
-const Ms = ["left", "right"], Ls = ["right", "left"], Xi = ["top", "bottom"], Yi = ["bottom", "top"];
-function Ji(s, e, t) {
+const Ns = ["left", "right"], Vs = ["right", "left"], ar = ["top", "bottom"], lr = ["bottom", "top"];
+function cr(s, e, t) {
   switch (s) {
     case "top":
     case "bottom":
-      return t ? e ? Ls : Ms : e ? Ms : Ls;
+      return t ? e ? Vs : Ns : e ? Ns : Vs;
     case "left":
     case "right":
-      return e ? Xi : Yi;
+      return e ? ar : lr;
     default:
       return [];
   }
 }
-function Qi(s, e, t, o) {
+function dr(s, e, t, o) {
   const i = We(s);
-  let r = Ji(Oe(s), t === "start", o);
-  return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(Jt)))), r;
+  let r = cr(Pe(s), t === "start", o);
+  return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(es)))), r;
 }
-function Lt(s) {
-  const e = Oe(s);
-  return Ui[e] + s.slice(e.length);
+function zt(s) {
+  const e = Pe(s);
+  return ir[e] + s.slice(e.length);
 }
-function Zi(s) {
+function hr(s) {
   var e, t, o, i;
   return {
     top: (e = s.top) != null ? e : 0,
@@ -1351,15 +1387,15 @@ function Zi(s) {
     left: (i = s.left) != null ? i : 0
   };
 }
-function ho(s) {
-  return typeof s != "number" ? Zi(s) : {
+function bo(s) {
+  return typeof s != "number" ? hr(s) : {
     top: s,
     right: s,
     bottom: s,
     left: s
   };
 }
-function Et(s) {
+function Nt(s) {
   const {
     x: e,
     y: t,
@@ -1377,12 +1413,12 @@ function Et(s) {
     y: t
   };
 }
-function Es(s, e, t) {
+function Ds(s, e, t) {
   let {
     reference: o,
     floating: i
   } = s;
-  const r = re(e), n = us(e), a = hs(n), l = Oe(e), c = r === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, f = o[a] / 2 - i[a] / 2;
+  const r = re(e), n = bs(e), a = gs(n), l = Pe(e), c = r === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, f = o[a] / 2 - i[a] / 2;
   let p;
   switch (l) {
     case "top":
@@ -1418,7 +1454,7 @@ function Es(s, e, t) {
   const g = We(e);
   return g && (p[n] += f * (g === "end" ? 1 : -1) * (t && c ? -1 : 1)), p;
 }
-async function er(s, e) {
+async function ur(s, e) {
   var t;
   e === void 0 && (e = {});
   const {
@@ -1434,8 +1470,8 @@ async function er(s, e) {
     elementContext: u = "floating",
     altBoundary: f = !1,
     padding: p = 0
-  } = Ke(e, s), g = ho(p), y = a[f ? u === "floating" ? "reference" : "floating" : u], b = Et(await r.getClippingRect({
-    element: (t = await (r.isElement == null ? void 0 : r.isElement(y))) == null || t ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+  } = Ke(e, s), g = bo(p), w = a[f ? u === "floating" ? "reference" : "floating" : u], b = Nt(await r.getClippingRect({
+    element: (t = await (r.isElement == null ? void 0 : r.isElement(w))) == null || t ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: l
@@ -1447,7 +1483,7 @@ async function er(s, e) {
   } : n.reference, k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), E = await (r.isElement == null ? void 0 : r.isElement(k)) && await (r.getScale == null ? void 0 : r.getScale(k)) || {
     x: 1,
     y: 1
-  }, A = Et(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = Nt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: _,
     offsetParent: k,
@@ -1460,7 +1496,7 @@ async function er(s, e) {
     right: (A.right - b.right + g.right) / E.x
   };
 }
-const tr = 50, sr = async (s, e, t) => {
+const mr = 50, pr = async (s, e, t) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -1468,7 +1504,7 @@ const tr = 50, sr = async (s, e, t) => {
     platform: n
   } = t, a = n.detectOverflow ? n : {
     ...n,
-    detectOverflow: er
+    detectOverflow: ur
   }, l = await (n.isRTL == null ? void 0 : n.isRTL(e));
   let c = await n.getElementRects({
     reference: s,
@@ -1477,16 +1513,16 @@ const tr = 50, sr = async (s, e, t) => {
   }), {
     x: d,
     y: u
-  } = Es(c, o, l), f = o, p = 0;
+  } = Ds(c, o, l), f = o, p = 0;
   const g = {};
-  for (let w = 0; w < r.length; w++) {
-    const y = r[w];
-    if (!y)
+  for (let y = 0; y < r.length; y++) {
+    const w = r[y];
+    if (!w)
       continue;
     const {
       name: b,
       fn: _
-    } = y, {
+    } = w, {
       x: k,
       y: E,
       data: A,
@@ -1508,14 +1544,14 @@ const tr = 50, sr = async (s, e, t) => {
     d = k ?? d, u = E ?? u, g[b] = {
       ...g[b],
       ...A
-    }, $ && p < tr && (p++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (c = $.rects === !0 ? await n.getElementRects({
+    }, $ && p < mr && (p++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (c = $.rects === !0 ? await n.getElementRects({
       reference: s,
       floating: e,
       strategy: i
     }) : $.rects), {
       x: d,
       y: u
-    } = Es(c, f, l)), w = -1);
+    } = Ds(c, f, l)), y = -1);
   }
   return {
     x: d,
@@ -1524,7 +1560,7 @@ const tr = 50, sr = async (s, e, t) => {
     strategy: i,
     middlewareData: g
   };
-}, or = (s) => ({
+}, fr = (s) => ({
   name: "arrow",
   options: s,
   async fn(e) {
@@ -1542,13 +1578,13 @@ const tr = 50, sr = async (s, e, t) => {
     } = Ke(s, e) || {};
     if (c == null)
       return {};
-    const u = ho(d), f = {
+    const u = bo(d), f = {
       x: t,
       y: o
-    }, p = us(i), g = hs(p), w = await n.getDimensions(c), y = p === "y", b = y ? "top" : "left", _ = y ? "bottom" : "right", k = y ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[p] - f[p] - r.floating[g], A = f[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    }, p = bs(i), g = gs(p), y = await n.getDimensions(c), w = p === "y", b = w ? "top" : "left", _ = w ? "bottom" : "right", k = w ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[p] - f[p] - r.floating[g], A = f[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
     let F = $ ? $[k] : 0;
     (!F || !await (n.isElement == null ? void 0 : n.isElement($))) && (F = a.floating[k] || r.floating[g]);
-    const q = E / 2 - A / 2, N = F / 2 - w[g] / 2 - 1, C = be(u[b], N), O = be(u[_], N), M = F - w[g] - O, R = F / 2 - w[g] / 2 + q, S = lo(C, R, M), H = !l.arrow && We(i) != null && R !== S && r.reference[g] / 2 - (R < C ? C : O) - w[g] / 2 < 0, se = H ? R < C ? R - C : R - M : 0;
+    const q = E / 2 - A / 2, V = F / 2 - y[g] / 2 - 1, C = be(u[b], V), P = be(u[_], V), M = F - y[g] - P, R = F / 2 - y[g] / 2 + q, S = fo(C, R, M), H = !l.arrow && We(i) != null && R !== S && r.reference[g] / 2 - (R < C ? C : P) - y[g] / 2 < 0, se = H ? R < C ? R - C : R - M : 0;
     return {
       [p]: f[p] + se,
       data: {
@@ -1561,7 +1597,7 @@ const tr = 50, sr = async (s, e, t) => {
       reset: H
     };
   }
-}), ir = function(s) {
+}), gr = function(s) {
   return s === void 0 && (s = {}), {
     name: "flip",
     options: s,
@@ -1580,25 +1616,25 @@ const tr = 50, sr = async (s, e, t) => {
         fallbackPlacements: f,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: w = !0,
-        ...y
+        flipAlignment: y = !0,
+        ...w
       } = Ke(s, e);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const b = Oe(i), _ = re(a), k = Oe(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), A = f || (k || !w ? [Lt(a)] : qi(a)), $ = g !== "none";
-      !f && $ && A.push(...Qi(a, w, g, E));
-      const F = [a, ...A], q = await l.detectOverflow(e, y), N = [];
+      const b = Pe(i), _ = re(a), k = Pe(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), A = f || (k || !y ? [zt(a)] : nr(a)), $ = g !== "none";
+      !f && $ && A.push(...dr(a, y, g, E));
+      const F = [a, ...A], q = await l.detectOverflow(e, w), V = [];
       let C = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (d && N.push(q[b]), u) {
-        const S = Gi(i, n, E);
-        N.push(q[S[0]], q[S[1]]);
+      if (d && V.push(q[b]), u) {
+        const S = rr(i, n, E);
+        V.push(q[S[0]], q[S[1]]);
       }
       if (C = [...C, {
         placement: i,
-        overflows: N
-      }], !N.every((S) => S <= 0)) {
-        var O, M;
-        const S = (((O = r.flip) == null ? void 0 : O.index) || 0) + 1, H = F[S];
+        overflows: V
+      }], !V.every((S) => S <= 0)) {
+        var P, M;
+        const S = (((P = r.flip) == null ? void 0 : P.index) || 0) + 1, H = F[S];
         if (H && (!(u === "alignment" ? _ !== re(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         C.every((Y) => re(Y.placement) === _ ? Y.overflows[0] > 0 : !0)))
@@ -1611,12 +1647,12 @@ const tr = 50, sr = async (s, e, t) => {
               placement: H
             }
           };
-        let se = (M = C.filter((we) => we.overflows[0] <= 0).sort((we, Y) => we.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : M.placement;
+        let se = (M = C.filter((ye) => ye.overflows[0] <= 0).sort((ye, Y) => ye.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : M.placement;
         if (!se)
           switch (p) {
             case "bestFit": {
               var R;
-              const we = (R = C.filter((Y) => {
+              const ye = (R = C.filter((Y) => {
                 if ($) {
                   const de = re(Y.placement);
                   return de === _ || // Create a bias to the `y` side axis due to horizontal
@@ -1624,8 +1660,8 @@ const tr = 50, sr = async (s, e, t) => {
                   de === "y";
                 }
                 return !0;
-              }).map((Y) => [Y.placement, Y.overflows.filter((de) => de > 0).reduce((de, Lo) => de + Lo, 0)]).sort((Y, de) => Y[1] - de[1])[0]) == null ? void 0 : R[0];
-              we && (se = we);
+              }).map((Y) => [Y.placement, Y.overflows.filter((de) => de > 0).reduce((de, Do) => de + Do, 0)]).sort((Y, de) => Y[1] - de[1])[0]) == null ? void 0 : R[0];
+              ye && (se = ye);
               break;
             }
             case "initialPlacement":
@@ -1642,13 +1678,13 @@ const tr = 50, sr = async (s, e, t) => {
       return {};
     }
   };
-}, rr = /* @__PURE__ */ new Set(["left", "top"]);
-async function nr(s, e) {
+}, br = /* @__PURE__ */ new Set(["left", "top"]);
+async function vr(s, e) {
   const {
     placement: t,
     platform: o,
     elements: i
-  } = s, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), n = Oe(t), a = We(t), l = re(t) === "y", c = rr.has(n) ? -1 : 1, d = r && l ? -1 : 1, u = Ke(e, s);
+  } = s, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), n = Pe(t), a = We(t), l = re(t) === "y", c = br.has(n) ? -1 : 1, d = r && l ? -1 : 1, u = Ke(e, s);
   let {
     mainAxis: f,
     crossAxis: p,
@@ -1670,7 +1706,7 @@ async function nr(s, e) {
     y: p * d
   };
 }
-const ar = function(s) {
+const yr = function(s) {
   return s === void 0 && (s = 0), {
     name: "offset",
     options: s,
@@ -1681,7 +1717,7 @@ const ar = function(s) {
         y: r,
         placement: n,
         middlewareData: a
-      } = e, l = await nr(e, s);
+      } = e, l = await vr(e, s);
       return n === ((t = a.offset) == null ? void 0 : t.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
         x: i + l.x,
         y: r + l.y,
@@ -1692,7 +1728,7 @@ const ar = function(s) {
       };
     }
   };
-}, lr = function(s) {
+}, wr = function(s) {
   return s === void 0 && (s = {}), {
     name: "shift",
     options: s,
@@ -1721,14 +1757,14 @@ const ar = function(s) {
       } = Ke(s, e), d = {
         x: t,
         y: o
-      }, u = await r.detectOverflow(e, c), f = re(i), p = co(f);
-      let g = d[p], w = d[f];
-      const y = (_, k) => lo(k + u[_ === "y" ? "top" : "left"], k, k - u[_ === "y" ? "bottom" : "right"]);
-      n && (g = y(p, g)), a && (w = y(f, w));
+      }, u = await r.detectOverflow(e, c), f = re(i), p = go(f);
+      let g = d[p], y = d[f];
+      const w = (_, k) => fo(k + u[_ === "y" ? "top" : "left"], k, k - u[_ === "y" ? "bottom" : "right"]);
+      n && (g = w(p, g)), a && (y = w(f, y));
       const b = l.fn({
         ...e,
         [p]: g,
-        [f]: w
+        [f]: y
       });
       return {
         ...b,
@@ -1743,7 +1779,7 @@ const ar = function(s) {
       };
     }
   };
-}, cr = function(s) {
+}, xr = function(s) {
   return s === void 0 && (s = {}), {
     name: "size",
     options: s,
@@ -1757,15 +1793,15 @@ const ar = function(s) {
         apply: n = () => {
         },
         ...a
-      } = Ke(s, e), l = await i.detectOverflow(e, a), c = Oe(t), d = We(t), u = re(t) === "y", {
+      } = Ke(s, e), l = await i.detectOverflow(e, a), c = Pe(t), d = We(t), u = re(t) === "y", {
         width: f,
         height: p
       } = o.floating;
-      let g, w;
-      c === "top" || c === "bottom" ? (g = c, w = d === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (w = c, g = d === "end" ? "top" : "bottom");
-      const y = p - l.top - l.bottom, b = f - l.left - l.right, _ = be(p - l[g], y), k = be(f - l[w], b), E = e.middlewareData.shift, A = !E;
+      let g, y;
+      c === "top" || c === "bottom" ? (g = c, y = d === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (y = c, g = d === "end" ? "top" : "bottom");
+      const w = p - l.top - l.bottom, b = f - l.left - l.right, _ = be(p - l[g], w), k = be(f - l[y], b), E = e.middlewareData.shift, A = !E;
       let $ = _, F = k;
-      E != null && E.enabled.x && (F = b), E != null && E.enabled.y && ($ = y), A && !d && (u ? F = f - 2 * ne(l.left, l.right) : $ = p - 2 * ne(l.top, l.bottom)), await n({
+      E != null && E.enabled.x && (F = b), E != null && E.enabled.y && ($ = w), A && !d && (u ? F = f - 2 * ne(l.left, l.right) : $ = p - 2 * ne(l.top, l.bottom)), await n({
         ...e,
         availableWidth: F,
         availableHeight: $
@@ -1779,11 +1815,11 @@ const ar = function(s) {
     }
   };
 };
-function Nt() {
+function $t() {
   return typeof window < "u";
 }
 function je(s) {
-  return uo(s) ? (s.nodeName || "").toLowerCase() : "#document";
+  return vo(s) ? (s.nodeName || "").toLowerCase() : "#document";
 }
 function G(s) {
   var e;
@@ -1791,21 +1827,21 @@ function G(s) {
 }
 function le(s) {
   var e;
-  return (e = (uo(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (vo(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function uo(s) {
-  return Nt() ? s instanceof Node || s instanceof G(s).Node : !1;
+function vo(s) {
+  return $t() ? s instanceof Node || s instanceof G(s).Node : !1;
 }
 function ee(s) {
-  return Nt() ? s instanceof Element || s instanceof G(s).Element : !1;
+  return $t() ? s instanceof Element || s instanceof G(s).Element : !1;
 }
 function ve(s) {
-  return Nt() ? s instanceof HTMLElement || s instanceof G(s).HTMLElement : !1;
+  return $t() ? s instanceof HTMLElement || s instanceof G(s).HTMLElement : !1;
 }
-function As(s) {
-  return !Nt() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof G(s).ShadowRoot;
+function $s(s) {
+  return !$t() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof G(s).ShadowRoot;
 }
-function Vt(s) {
+function Rt(s) {
   const {
     overflow: e,
     overflowX: t,
@@ -1814,10 +1850,10 @@ function Vt(s) {
   } = te(s);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + t) && i !== "inline" && i !== "contents";
 }
-function dr(s) {
+function _r(s) {
   return /^(table|td|th)$/.test(je(s));
 }
-function Dt(s) {
+function Bt(s) {
   try {
     if (s.matches(":popover-open"))
       return !0;
@@ -1829,33 +1865,33 @@ function Dt(s) {
     return !1;
   }
 }
-const hr = /transform|translate|scale|rotate|perspective|filter/, ur = /paint|layout|strict|content/, ye = (s) => !!s && s !== "none";
-let Kt;
-function ms(s) {
+const kr = /transform|translate|scale|rotate|perspective|filter/, Cr = /paint|layout|strict|content/, we = (s) => !!s && s !== "none";
+let Ut;
+function vs(s) {
   const e = ee(s) ? te(s) : s;
-  return ye(e.transform) || ye(e.translate) || ye(e.scale) || ye(e.rotate) || ye(e.perspective) || !ps() && (ye(e.backdropFilter) || ye(e.filter)) || hr.test(e.willChange || "") || ur.test(e.contain || "");
+  return we(e.transform) || we(e.translate) || we(e.scale) || we(e.rotate) || we(e.perspective) || !ys() && (we(e.backdropFilter) || we(e.filter)) || kr.test(e.willChange || "") || Cr.test(e.contain || "");
 }
-function mr(s) {
+function Sr(s) {
   let e = Me(s);
-  for (; ve(e) && !ot(e); ) {
-    if (ms(e))
+  for (; ve(e) && !it(e); ) {
+    if (vs(e))
       return e;
-    if (Dt(e))
+    if (Bt(e))
       return null;
     e = Me(e);
   }
   return null;
 }
-function ps() {
-  return Kt == null && (Kt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Kt;
+function ys() {
+  return Ut == null && (Ut = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Ut;
 }
-function ot(s) {
+function it(s) {
   return /^(html|body|#document)$/.test(je(s));
 }
 function te(s) {
   return G(s).getComputedStyle(s);
 }
-function $t(s) {
+function Ht(s) {
   return ee(s) ? {
     scrollLeft: s.scrollLeft,
     scrollTop: s.scrollTop
@@ -1871,108 +1907,108 @@ function Me(s) {
     // Step into the shadow DOM of the parent of a slotted node.
     s.assignedSlot || // DOM Element detected.
     s.parentNode || // ShadowRoot detected.
-    As(s) && s.host || // Fallback.
+    $s(s) && s.host || // Fallback.
     le(s)
   );
-  return As(e) ? e.host : e;
+  return $s(e) ? e.host : e;
 }
-function mo(s) {
+function yo(s) {
   const e = Me(s);
-  return ot(e) ? (s.ownerDocument || s).body : ve(e) && Vt(e) ? e : mo(e);
+  return it(e) ? (s.ownerDocument || s).body : ve(e) && Rt(e) ? e : yo(e);
 }
-function it(s, e, t) {
+function rt(s, e, t) {
   var o;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const i = mo(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = G(i);
+  const i = yo(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = G(i);
   if (r) {
-    const a = Qt(n);
-    return e.concat(n, n.visualViewport || [], Vt(i) ? i : [], a && t ? it(a) : []);
+    const a = ts(n);
+    return e.concat(n, n.visualViewport || [], Rt(i) ? i : [], a && t ? rt(a) : []);
   } else
-    return e.concat(i, it(i, [], t));
+    return e.concat(i, rt(i, [], t));
 }
-function Qt(s) {
+function ts(s) {
   return s.parent && Object.getPrototypeOf(s.parent) ? s.frameElement : null;
 }
-function po(s) {
+function wo(s) {
   const e = te(s);
   let t = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const i = ve(s), r = i ? s.offsetWidth : t, n = i ? s.offsetHeight : o, a = Mt(t) !== r || Mt(o) !== n;
+  const i = ve(s), r = i ? s.offsetWidth : t, n = i ? s.offsetHeight : o, a = At(t) !== r || At(o) !== n;
   return a && (t = r, o = n), {
     width: t,
     height: o,
     $: a
   };
 }
-function fs(s) {
+function ws(s) {
   return ee(s) ? s : s.contextElement;
 }
 function Ae(s) {
-  const e = fs(s);
+  const e = ws(s);
   if (!ve(e))
     return ae(1);
   const t = e.getBoundingClientRect(), {
     width: o,
     height: i,
     $: r
-  } = po(e);
-  let n = (r ? Mt(t.width) : t.width) / o, a = (r ? Mt(t.height) : t.height) / i;
+  } = wo(e);
+  let n = (r ? At(t.width) : t.width) / o, a = (r ? At(t.height) : t.height) / i;
   return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: n,
     y: a
   };
 }
-const pr = /* @__PURE__ */ ae(0);
-function fo(s) {
+const Tr = /* @__PURE__ */ ae(0);
+function xo(s) {
   const e = G(s);
-  return !ps() || !e.visualViewport ? pr : {
+  return !ys() || !e.visualViewport ? Tr : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function fr(s, e, t) {
+function Ir(s, e, t) {
   return e === void 0 && (e = !1), !!t && e && t === G(s);
 }
 function Le(s, e, t, o) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
-  const i = s.getBoundingClientRect(), r = fs(s);
+  const i = s.getBoundingClientRect(), r = ws(s);
   let n = ae(1);
   e && (o ? ee(o) && (n = Ae(o)) : n = Ae(s));
-  const a = fr(r, t, o) ? fo(r) : ae(0);
+  const a = Ir(r, t, o) ? xo(r) : ae(0);
   let l = (i.left + a.x) / n.x, c = (i.top + a.y) / n.y, d = i.width / n.x, u = i.height / n.y;
   if (r && o) {
     const f = G(r), p = ee(o) ? G(o) : o;
-    let g = f, w = Qt(g);
-    for (; w && p !== g; ) {
-      const y = Ae(w), b = w.getBoundingClientRect(), _ = te(w), k = b.left + (w.clientLeft + parseFloat(_.paddingLeft)) * y.x, E = b.top + (w.clientTop + parseFloat(_.paddingTop)) * y.y;
-      l *= y.x, c *= y.y, d *= y.x, u *= y.y, l += k, c += E, g = G(w), w = Qt(g);
+    let g = f, y = ts(g);
+    for (; y && p !== g; ) {
+      const w = Ae(y), b = y.getBoundingClientRect(), _ = te(y), k = b.left + (y.clientLeft + parseFloat(_.paddingLeft)) * w.x, E = b.top + (y.clientTop + parseFloat(_.paddingTop)) * w.y;
+      l *= w.x, c *= w.y, d *= w.x, u *= w.y, l += k, c += E, g = G(y), y = ts(g);
     }
   }
-  return Et({
+  return Nt({
     width: d,
     height: u,
     x: l,
     y: c
   });
 }
-function Rt(s, e) {
-  const t = $t(s).scrollLeft;
+function Ft(s, e) {
+  const t = Ht(s).scrollLeft;
   return e ? e.left + t : Le(le(s)).left + t;
 }
-function go(s, e) {
-  const t = s.getBoundingClientRect(), o = t.left + e.scrollLeft - Rt(s, t), i = t.top + e.scrollTop;
+function _o(s, e) {
+  const t = s.getBoundingClientRect(), o = t.left + e.scrollLeft - Ft(s, t), i = t.top + e.scrollTop;
   return {
     x: o,
     y: i
   };
 }
-function gr(s) {
+function Or(s) {
   let {
     elements: e,
     rect: t,
     offsetParent: o,
     strategy: i
   } = s;
-  const r = i === "fixed", n = le(o), a = e ? Dt(e.floating) : !1;
+  const r = i === "fixed", n = le(o), a = e ? Bt(e.floating) : !1;
   if (o === n || a && r)
     return t;
   let l = {
@@ -1980,11 +2016,11 @@ function gr(s) {
     scrollTop: 0
   }, c = ae(1);
   const d = ae(0), u = ve(o);
-  if ((u || !r) && ((je(o) !== "body" || Vt(n)) && (l = $t(o)), u)) {
+  if ((u || !r) && ((je(o) !== "body" || Rt(n)) && (l = Ht(o)), u)) {
     const p = Le(o);
     c = Ae(o), d.x = p.x + o.clientLeft, d.y = p.y + o.clientTop;
   }
-  const f = n && !u && !r ? go(n, l) : ae(0);
+  const f = n && !u && !r ? _o(n, l) : ae(0);
   return {
     width: t.width * c.x,
     height: t.height * c.y,
@@ -1992,12 +2028,12 @@ function gr(s) {
     y: t.y * c.y - l.scrollTop * c.y + d.y + f.y
   };
 }
-function br(s) {
+function Pr(s) {
   return s.getClientRects ? Array.from(s.getClientRects()) : [];
 }
-function vr(s) {
-  const e = $t(s), t = s.ownerDocument.body, o = ne(s.scrollWidth, s.clientWidth, t.scrollWidth, t.clientWidth), i = ne(s.scrollHeight, s.clientHeight, t.scrollHeight, t.clientHeight);
-  let r = -e.scrollLeft + Rt(s);
+function Mr(s) {
+  const e = Ht(s), t = s.ownerDocument.body, o = ne(s.scrollWidth, s.clientWidth, t.scrollWidth, t.clientWidth), i = ne(s.scrollHeight, s.clientHeight, t.scrollHeight, t.clientHeight);
+  let r = -e.scrollLeft + Ft(s);
   const n = -e.scrollTop;
   return te(t).direction === "rtl" && (r += ne(s.clientWidth, t.clientWidth) - o), {
     width: o,
@@ -2006,18 +2042,18 @@ function vr(s) {
     y: n
   };
 }
-const wr = 25;
-function yr(s, e, t) {
+const Lr = 25;
+function Er(s, e, t) {
   t === void 0 && (t = "viewport");
   const o = t === "layoutViewport", i = G(s), r = le(s), n = i.visualViewport;
   let a = r.clientWidth, l = r.clientHeight, c = 0, d = 0;
   if (n) {
-    const f = !ps() || e === "fixed";
+    const f = !ys() || e === "fixed";
     o ? f || (c = -n.offsetLeft, d = -n.offsetTop) : (a = n.width, l = n.height, f && (c = n.offsetLeft, d = n.offsetTop));
   }
-  if (Rt(r) <= 0) {
-    const f = r.ownerDocument, p = f.body, g = getComputedStyle(p), w = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, y = Math.abs(r.clientWidth - p.clientWidth - w), b = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? y / 2 : y;
-    b <= wr && (a -= b);
+  if (Ft(r) <= 0) {
+    const f = r.ownerDocument, p = f.body, g = getComputedStyle(p), y = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, w = Math.abs(r.clientWidth - p.clientWidth - y), b = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? w / 2 : w;
+    b <= Lr && (a -= b);
   }
   return {
     width: a,
@@ -2026,7 +2062,7 @@ function yr(s, e, t) {
     y: d
   };
 }
-function xr(s, e) {
+function Ar(s, e) {
   const t = Le(s, !0, e === "fixed"), o = t.top + s.clientTop, i = t.left + s.clientLeft, r = Ae(s), n = s.clientWidth * r.x, a = s.clientHeight * r.y, l = i * r.x, c = o * r.y;
   return {
     width: n,
@@ -2035,16 +2071,16 @@ function xr(s, e) {
     y: c
   };
 }
-function zs(s, e, t) {
+function Rs(s, e, t) {
   let o;
   if (e === "viewport" || e === "layoutViewport")
-    o = yr(s, t, e);
+    o = Er(s, t, e);
   else if (e === "document")
-    o = vr(le(s));
+    o = Mr(le(s));
   else if (ee(e))
-    o = xr(e, t);
+    o = Ar(e, t);
   else {
-    const i = fo(s);
+    const i = xo(s);
     o = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -2052,32 +2088,32 @@ function zs(s, e, t) {
       height: e.height
     };
   }
-  return Et(o);
+  return Nt(o);
 }
-function _r(s, e) {
+function zr(s, e) {
   const t = e.get(s);
   if (t)
     return t;
-  let o = it(s, [], !1).filter((a) => ee(a) && je(a) !== "body"), i = null;
+  let o = rt(s, [], !1).filter((a) => ee(a) && je(a) !== "body"), i = null;
   const r = te(s).position === "fixed";
   let n = r ? Me(s) : s;
-  for (; ee(n) && !ot(n); ) {
-    const a = te(n), l = ms(n), c = i ? i.position : r ? "fixed" : "";
+  for (; ee(n) && !it(n); ) {
+    const a = te(n), l = vs(n), c = i ? i.position : r ? "fixed" : "";
     !l && (c === "fixed" || c === "absolute" && a.position === "static") ? o = o.filter((u) => u !== n) : i = a, n = Me(n);
   }
   return e.set(s, o), o;
 }
-function kr(s) {
+function Nr(s) {
   let {
     element: e,
     boundary: t,
     rootBoundary: o,
     strategy: i
   } = s;
-  const n = [...t === "clippingAncestors" ? Dt(e) ? [] : _r(e, this._c) : [].concat(t), o], a = zs(e, n[0], i);
+  const n = [...t === "clippingAncestors" ? Bt(e) ? [] : zr(e, this._c) : [].concat(t), o], a = Rs(e, n[0], i);
   let l = a.top, c = a.right, d = a.bottom, u = a.left;
   for (let f = 1; f < n.length; f++) {
-    const p = zs(e, n[f], i);
+    const p = Rs(e, n[f], i);
     l = ne(p.top, l), c = be(p.right, c), d = be(p.bottom, d), u = ne(p.left, u);
   }
   return {
@@ -2087,29 +2123,29 @@ function kr(s) {
     y: l
   };
 }
-function Cr(s) {
+function Vr(s) {
   const {
     width: e,
     height: t
-  } = po(s);
+  } = wo(s);
   return {
     width: e,
     height: t
   };
 }
-function Sr(s, e, t) {
+function Dr(s, e, t) {
   const o = ve(e), i = le(e), r = t === "fixed", n = Le(s, !0, r, e);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const l = ae(0);
-  if ((o || !r) && ((je(e) !== "body" || Vt(i)) && (a = $t(e)), o)) {
+  if ((o || !r) && ((je(e) !== "body" || Rt(i)) && (a = Ht(e)), o)) {
     const f = Le(e, !0, r, e);
     l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
   }
-  !o && i && (l.x = Rt(i));
-  const c = i && !o && !r ? go(i, a) : ae(0), d = n.left + a.scrollLeft - l.x - c.x, u = n.top + a.scrollTop - l.y - c.y;
+  !o && i && (l.x = Ft(i));
+  const c = i && !o && !r ? _o(i, a) : ae(0), d = n.left + a.scrollLeft - l.x - c.x, u = n.top + a.scrollTop - l.y - c.y;
   return {
     x: d,
     y: u,
@@ -2117,10 +2153,10 @@ function Sr(s, e, t) {
     height: n.height
   };
 }
-function Wt(s) {
+function Gt(s) {
   return te(s).position === "static";
 }
-function Ns(s, e) {
+function Bs(s, e) {
   if (!ve(s) || te(s).position === "fixed")
     return null;
   if (e)
@@ -2128,28 +2164,28 @@ function Ns(s, e) {
   let t = s.offsetParent;
   return le(s) === t && (t = t.ownerDocument.body), t;
 }
-function bo(s, e) {
+function ko(s, e) {
   const t = G(s);
-  if (Dt(s))
+  if (Bt(s))
     return t;
   if (!ve(s)) {
     let i = Me(s);
-    for (; i && !ot(i); ) {
-      if (ee(i) && !Wt(i))
+    for (; i && !it(i); ) {
+      if (ee(i) && !Gt(i))
         return i;
       i = Me(i);
     }
     return t;
   }
-  let o = Ns(s, e);
-  for (; o && dr(o) && Wt(o); )
-    o = Ns(o, e);
-  return o && ot(o) && Wt(o) && !ms(o) ? t : o || mr(s) || t;
+  let o = Bs(s, e);
+  for (; o && _r(o) && Gt(o); )
+    o = Bs(o, e);
+  return o && it(o) && Gt(o) && !vs(o) ? t : o || Sr(s) || t;
 }
-const Tr = async function(s) {
-  const e = this.getOffsetParent || bo, t = this.getDimensions, o = await t(s.floating);
+const $r = async function(s) {
+  const e = this.getOffsetParent || ko, t = this.getDimensions, o = await t(s.floating);
   return {
-    reference: Sr(s.reference, await e(s.floating), s.strategy),
+    reference: Dr(s.reference, await e(s.floating), s.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2158,25 +2194,25 @@ const Tr = async function(s) {
     }
   };
 };
-function Ir(s) {
+function Rr(s) {
   return te(s).direction === "rtl";
 }
-const vo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: gr,
+const Co = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Or,
   getDocumentElement: le,
-  getClippingRect: kr,
-  getOffsetParent: bo,
-  getElementRects: Tr,
-  getClientRects: br,
-  getDimensions: Cr,
+  getClippingRect: Nr,
+  getOffsetParent: ko,
+  getElementRects: $r,
+  getClientRects: Pr,
+  getDimensions: Vr,
   getScale: Ae,
   isElement: ee,
-  isRTL: Ir
+  isRTL: Rr
 };
-function wo(s, e) {
+function So(s, e) {
   return s.x === e.x && s.y === e.y && s.width === e.width && s.height === e.height;
 }
-function Pr(s, e, t) {
+function Br(s, e, t) {
   let o = null, i;
   const r = le(s);
   function n() {
@@ -2188,19 +2224,19 @@ function Pr(s, e, t) {
     const f = s.getBoundingClientRect(), {
       left: p,
       top: g,
-      width: w,
-      height: y
+      width: y,
+      height: w
     } = f;
-    if (d || e(), !w || !y)
+    if (d || e(), !y || !w)
       return;
-    const b = mt(g), _ = mt(r.clientWidth - (p + w)), k = mt(r.clientHeight - (g + y)), E = mt(p), $ = {
+    const b = pt(g), _ = pt(r.clientWidth - (p + y)), k = pt(r.clientHeight - (g + w)), E = pt(p), $ = {
       rootMargin: -b + "px " + -_ + "px " + -k + "px " + -E + "px",
       threshold: ne(0, be(1, u)) || 1
     };
     let F = !0;
-    function q(N) {
-      const C = N[0].intersectionRatio;
-      if (!wo(f, s.getBoundingClientRect()))
+    function q(V) {
+      const C = V[0].intersectionRatio;
+      if (!So(f, s.getBoundingClientRect()))
         return a();
       if (C !== u) {
         if (!F)
@@ -2227,7 +2263,7 @@ function Pr(s, e, t) {
     l.removeEventListener("resize", c), n();
   };
 }
-function Or(s, e, t, o) {
+function Hr(s, e, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -2235,11 +2271,11 @@ function Or(s, e, t, o) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = o, c = fs(s), d = i || r ? [...c ? it(c) : [], ...e ? it(e) : []] : [];
+  } = o, c = ws(s), d = i || r ? [...c ? rt(c) : [], ...e ? rt(e) : []] : [];
   d.forEach((b) => {
     i && b.addEventListener("scroll", t), r && b.addEventListener("resize", t);
   });
-  const u = c && a ? Pr(c, t, r) : null;
+  const u = c && a ? Br(c, t, r) : null;
   let f = -1, p = null;
   n && (p = new ResizeObserver((b) => {
     let [_] = b;
@@ -2248,11 +2284,11 @@ function Or(s, e, t, o) {
       (k = p) == null || k.observe(e);
     })), t();
   }), c && !l && p.observe(c), e && p.observe(e));
-  let g, w = l ? Le(s) : null;
-  l && y();
-  function y() {
+  let g, y = l ? Le(s) : null;
+  l && w();
+  function w() {
     const b = Le(s);
-    w && !wo(w, b) && t(), w = b, g = requestAnimationFrame(y);
+    y && !So(y, b) && t(), y = b, g = requestAnimationFrame(w);
   }
   return t(), () => {
     var b;
@@ -2261,37 +2297,37 @@ function Or(s, e, t, o) {
     }), u == null || u(), (b = p) == null || b.disconnect(), p = null, l && cancelAnimationFrame(g);
   };
 }
-const Mr = ar, Lr = lr, Er = ir, jt = cr, Ar = or, zr = (s, e, t) => {
+const Fr = yr, Kr = wr, Wr = gr, qt = xr, jr = fr, Ur = (s, e, t) => {
   const o = /* @__PURE__ */ new Map(), i = t ?? {}, r = {
-    ...vo,
+    ...Co,
     ...i.platform,
     _c: o
   };
-  return sr(s, e, {
+  return pr(s, e, {
     ...i,
     platform: r
   });
 };
-function Zt(s) {
+function ss(s) {
   const e = s.parentNode ?? null;
   return e instanceof ShadowRoot ? e.host : e;
 }
-function Nr(s) {
+function Gr(s) {
   if (s.transform !== "none" || s.perspective !== "none" || s.filter !== "none")
     return !0;
   const e = s.backdropFilter;
   return !!(e && e !== "none" || s.willChange && /\b(transform|filter|perspective)\b/.test(s.willChange));
 }
-function es(s) {
-  let e = Zt(s);
+function os(s) {
+  let e = ss(s);
   for (; e && !(e === document.body || e === document.documentElement); ) {
-    if (e instanceof Element && Nr(getComputedStyle(e)))
+    if (e instanceof Element && Gr(getComputedStyle(e)))
       return e;
-    e = Zt(e);
+    e = ss(e);
   }
   return window;
 }
-function Vr(s, e, t) {
+function qr(s, e, t) {
   let o = s;
   for (; o && !(o === document.body || o === document.documentElement); ) {
     if (o instanceof Element) {
@@ -2299,11 +2335,11 @@ function Vr(s, e, t) {
       if (Math.abs(i.x - e) < 2 && Math.abs(i.y - t) < 2)
         return o;
     }
-    o = Zt(o);
+    o = ss(o);
   }
   return null;
 }
-function yo(s) {
+function To(s) {
   const e = getComputedStyle(s), t = [];
   e.transform !== "none" && t.push(`transform: ${e.transform}`), e.perspective !== "none" && t.push(`perspective: ${e.perspective}`), e.filter !== "none" && t.push(`filter: ${e.filter}`);
   const o = e.backdropFilter;
@@ -2311,11 +2347,11 @@ function yo(s) {
   const i = e.containerType;
   return i && i !== "normal" && t.push(`container-type: ${i}`), t.join("; ");
 }
-function Dr(s) {
+function Xr(s) {
   const e = s.id ? `#${s.id}` : "", t = typeof s.className == "string" && s.className ? "." + s.className.split(/\s+/).filter(Boolean).slice(0, 2).join(".") : "";
   return `<${s.tagName.toLowerCase()}${e}${t}>`;
 }
-function $r(s) {
+function Yr(s) {
   const e = s.tolerance ?? 1.5;
   let t = 0, o = 0;
   if (s.offsetParent instanceof Element) {
@@ -2325,46 +2361,46 @@ function $r(s) {
   const i = s.panel.getBoundingClientRect(), r = i.x - (t + s.expectedX), n = i.y - (o + s.expectedY);
   if (Math.abs(r) < e && Math.abs(n) < e)
     return null;
-  const a = Vr(s.reference, r, n);
+  const a = qr(s.reference, r, n);
   return {
     driftX: r,
     driftY: n,
     culprit: a,
-    culpritDescription: a ? Dr(a) : "an ancestor element (could not auto-identify)",
-    culpritCss: a ? yo(a) : ""
+    culpritDescription: a ? Xr(a) : "an ancestor element (could not auto-identify)",
+    culpritCss: a ? To(a) : ""
   };
 }
-function Rr(s, e) {
+function Jr(s, e) {
   var i;
   const t = (i = s.closest) == null ? void 0 : i.call(s, "[data-theme]"), o = t == null ? void 0 : t.getAttribute("data-theme");
   o != null && e.setAttribute("data-theme", o);
 }
-const Br = { top: "bottom", right: "left", bottom: "top", left: "right" };
-function Hr(s, e, t) {
+const Qr = { top: "bottom", right: "left", bottom: "top", left: "right" };
+function Zr(s, e, t) {
   if (!t)
     return;
-  const o = e.split("-")[0], i = Br[o];
+  const o = e.split("-")[0], i = Qr[o];
   s.style.left = t.x != null ? `${t.x}px` : "", s.style.top = t.y != null ? `${t.y}px` : "", s.style.right = "", s.style.bottom = "", s.style[i] = `-${s.offsetWidth / 2}px`;
 }
-function Vs(s, e) {
-  const t = [Mr(s.offset ?? 4)];
+function Hs(s, e) {
+  const t = [Fr(s.offset ?? 4)];
   if (s.matchWidth) {
     const i = s.matchWidth;
-    t.push(jt({
+    t.push(qt({
       apply({ rects: r, elements: n }) {
         const a = `${r.reference.width}px`;
         i === "exact" ? n.floating.style.width = a : n.floating.style.minWidth = a;
       }
     }));
   }
-  e && t.push(Er({
+  e && t.push(Wr({
     ...s.lockPlacement === !0 ? { fallbackStrategy: "initialPlacement" } : {},
     ...s.flipPadding != null ? { padding: s.flipPadding } : {}
   }));
   const o = s.shift ?? 8;
-  if (o !== !1 && t.push(Lr({ padding: o })), s.maxHeight) {
+  if (o !== !1 && t.push(Kr({ padding: o })), s.maxHeight) {
     const i = typeof s.maxHeight == "object" ? s.maxHeight.padding : void 0;
-    t.push(jt({
+    t.push(qt({
       padding: i,
       apply({ availableHeight: r, elements: n }) {
         n.floating.style.maxHeight = `${Math.max(0, r)}px`;
@@ -2373,49 +2409,49 @@ function Vs(s, e) {
   }
   if (s.maxWidth) {
     const i = typeof s.maxWidth == "object" ? s.maxWidth.padding : void 0;
-    t.push(jt({
+    t.push(qt({
       padding: i,
       apply({ availableWidth: r, elements: n }) {
         n.floating.style.maxWidth = `${Math.max(0, r)}px`;
       }
     }));
   }
-  return s.arrow && t.push(Ar({ element: s.arrow.element, padding: s.arrow.padding })), t;
+  return s.arrow && t.push(jr({ element: s.arrow.element, padding: s.arrow.padding })), t;
 }
-function Ze(s, e, t = {}) {
+function et(s, e, t = {}) {
   const o = t.strategy ?? "fixed";
-  t.inheritThemeFrom && Rr(t.inheritThemeFrom, s), s.style.position = o, s.style.left = "0", s.style.top = "0";
-  let i = t.placement ?? "bottom-start", r = t.flip ?? !0, n = Vs(t, r);
+  t.inheritThemeFrom && Jr(t.inheritThemeFrom, s), s.style.position = o, s.style.left = "0", s.style.top = "0";
+  let i = t.placement ?? "bottom-start", r = t.flip ?? !0, n = Hs(t, r);
   const a = t.lockPlacement === "freeze";
   let l = !1;
-  const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...vo, getOffsetParent: () => es(s) } : void 0), u = () => {
+  const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...Co, getOffsetParent: () => os(s) } : void 0), u = () => {
     var p;
-    (p = t.beforeCompute) == null || p.call(t), zr(e, s, {
+    (p = t.beforeCompute) == null || p.call(t), Ur(e, s, {
       placement: i,
       strategy: o,
       middleware: n,
       ...d ? { platform: d } : {}
-    }).then(({ x: g, y: w, placement: y, middlewareData: b }) => {
+    }).then(({ x: g, y, placement: w, middlewareData: b }) => {
       var _, k;
-      if (s.style.left = `${g}px`, s.style.top = `${w}px`, t.arrow && Hr(t.arrow.element, y, b.arrow), a && !l && (l = !0, i = y, r = !1, n = Vs(t, !1)), (_ = t.onPlaced) == null || _.call(t, y), (k = t.onComputed) == null || k.call(t, { x: g, y: w, placement: y }), t.onDrift && e instanceof Element) {
-        const E = c ? es(s) : window, A = $r({ panel: s, reference: e, expectedX: g, expectedY: w, offsetParent: E });
+      if (s.style.left = `${g}px`, s.style.top = `${y}px`, t.arrow && Zr(t.arrow.element, w, b.arrow), a && !l && (l = !0, i = w, r = !1, n = Hs(t, !1)), (_ = t.onPlaced) == null || _.call(t, w), (k = t.onComputed) == null || k.call(t, { x: g, y, placement: w }), t.onDrift && e instanceof Element) {
+        const E = c ? os(s) : window, A = Yr({ panel: s, reference: e, expectedX: g, expectedY: y, offsetParent: E });
         A && t.onDrift(A);
       }
     });
   };
   let f;
-  return t.autoUpdate ?? !0 ? f = Or(e, s, u, t.autoUpdateOptions) : u(), {
+  return t.autoUpdate ?? !0 ? f = Hr(e, s, u, t.autoUpdateOptions) : u(), {
     update: u,
     destroy() {
       f == null || f(), f = void 0;
     }
   };
 }
-function Fr(s) {
+function en(s) {
   return typeof s == "number" ? { show: s, hide: s } : { show: (s == null ? void 0 : s.show) ?? 0, hide: (s == null ? void 0 : s.hide) ?? 0 };
 }
-function Kr(s) {
-  const e = s.container ?? document.body, t = s.placement ?? "top", o = s.visibleClass ?? "is-visible", i = Fr(s.delay), r = document.createElement("div");
+function tn(s) {
+  const e = s.container ?? document.body, t = s.placement ?? "top", o = s.visibleClass ?? "is-visible", i = en(s.delay), r = document.createElement("div");
   r.setAttribute("role", "tooltip"), s.cssClass && (r.className = s.cssClass), typeof s.content == "string" ? r.textContent = s.content : r.append(s.content);
   let n, a = !1, l, c, d;
   const u = {
@@ -2431,32 +2467,32 @@ function Kr(s) {
       return;
     (k = s.onBeforeShow) == null || k.call(s), a = !0, e.append(r);
     const _ = s.followCursor ? u : s.trigger;
-    n = Ze(r, _, {
+    n = et(r, _, {
       placement: t,
       strategy: s.strategy,
       offset: s.offset ?? 8,
       inheritThemeFrom: s.inheritThemeFrom ?? s.trigger
     }), s.followCursor && s.trigger.addEventListener("mousemove", f), r.classList.add(o);
-  }, w = () => {
-    p(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
   }, y = () => {
+    p(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
+  }, w = () => {
     p(), i.show > 0 ? l = setTimeout(g, i.show) : g();
   }, b = () => {
-    p(), i.hide > 0 ? c = setTimeout(w, i.hide) : w();
+    p(), i.hide > 0 ? c = setTimeout(y, i.hide) : y();
   };
-  return s.trigger.addEventListener("mouseenter", y), s.trigger.addEventListener("mouseleave", b), s.trigger.addEventListener("focusin", y), s.trigger.addEventListener("focusout", b), {
+  return s.trigger.addEventListener("mouseenter", w), s.trigger.addEventListener("mouseleave", b), s.trigger.addEventListener("focusin", w), s.trigger.addEventListener("focusout", b), {
     element: r,
     get isVisible() {
       return a;
     },
     show: g,
-    hide: w,
+    hide: y,
     destroy() {
-      s.trigger.removeEventListener("mouseenter", y), s.trigger.removeEventListener("mouseleave", b), s.trigger.removeEventListener("focusin", y), s.trigger.removeEventListener("focusout", b), w();
+      s.trigger.removeEventListener("mouseenter", w), s.trigger.removeEventListener("mouseleave", b), s.trigger.removeEventListener("focusin", w), s.trigger.removeEventListener("focusout", b), y();
     }
   };
 }
-function Wr(s) {
+function sn(s) {
   const e = s.container ?? document.body;
   let t, o = !1;
   const i = s.inheritThemeFrom ?? (s.reference instanceof HTMLElement ? s.reference : void 0);
@@ -2465,7 +2501,7 @@ function Wr(s) {
       return o;
     },
     open() {
-      o || (o = !0, e.append(s.panel), t = Ze(s.panel, s.reference, {
+      o || (o = !0, e.append(s.panel), t = et(s.panel, s.reference, {
         placement: s.placement ?? "bottom-start",
         strategy: s.strategy,
         offset: s.offset,
@@ -2491,21 +2527,21 @@ function Wr(s) {
     }
   };
 }
-const xo = ["INIT", "DATA", "UI", "INTERACTION"], ce = ji("MULTISELECT", xo), pt = ce.loggers.INIT, K = ce.loggers.DATA, J = ce.loggers.UI, j = ce.loggers.INTERACTION, hn = xo.map((s) => `MULTISELECT:${s}`);
-function un() {
+const Io = ["INIT", "DATA", "UI", "INTERACTION"], ce = or("MULTISELECT", Io), ft = ce.loggers.INIT, K = ce.loggers.DATA, J = ce.loggers.UI, j = ce.loggers.INTERACTION, kn = Io.map((s) => `MULTISELECT:${s}`);
+function Cn() {
   ce.enableLogging();
 }
-function mn() {
+function Sn() {
   ce.disableLogging();
 }
-function pn(s) {
+function Tn(s) {
   ce.setLogLevel(s);
 }
-function fn(s, e) {
+function In(s, e) {
   const t = s.includes(":") ? s.split(":").pop() : s;
   ce.setCategoryLevel(t, e);
 }
-class Ds {
+class Fs {
   constructor(e) {
     m(this, "container");
     m(this, "wrapper");
@@ -2627,7 +2663,7 @@ class Ds {
     this.container.removeEventListener("scroll", this.scrollHandler), this.resizeObserver && this.resizeObserver.disconnect(), this.container.innerHTML = "";
   }
 }
-function $s(s) {
+function Ks(s) {
   return {
     treeId: "",
     id: -1,
@@ -2642,28 +2678,28 @@ function $s(s) {
     ...s
   };
 }
-const Qe = (s) => !s || typeof s == "string" && s.trim() === "";
-function jr(s, e = ".") {
+const Ze = (s) => !s || typeof s == "string" && s.trim() === "";
+function on(s, e = ".") {
   if (!s || typeof s != "string") return null;
   const t = s.lastIndexOf(e);
   return t === -1 ? "" : s.substring(0, t);
 }
-function Rs(s, e, t = ".") {
-  return Qe(e) ? s : s.startsWith(e + t) ? s.substring(e.length + t.length) : s;
+function Ws(s, e, t = ".") {
+  return Ze(e) ? s : s.startsWith(e + t) ? s.substring(e.length + t.length) : s;
 }
-function Bs(s, e = 0, t = 1, o = ".") {
+function js(s, e = 0, t = 1, o = ".") {
   return s.split(o).slice(e, e + t).join(o);
 }
-function Ur(s, e) {
+function rn(s, e) {
   return s.split(e).length;
 }
 function he(s, e) {
   return s[e];
 }
-function Gr(s = {}) {
-  const e = s.idMember, t = s.pathMember, o = s.getPathCallback, i = s.parentPathMember, r = s.levelMember, n = s.hasChildrenMember, a = s.isSelectableMember, l = s.getIsSelectableCallback, c = s.treeId || "multiselect-tree", d = s.orderMember, u = s.getDisplayValueCallback, f = Qe(i), p = Qe(r), g = Qe(n), w = Qe(a), y = "x", b = s.treePathSeparator || ".", _ = $s();
+function nn(s = {}) {
+  const e = s.idMember, t = s.pathMember, o = s.getPathCallback, i = s.parentPathMember, r = s.levelMember, n = s.hasChildrenMember, a = s.isSelectableMember, l = s.getIsSelectableCallback, c = s.treeId || "multiselect-tree", d = s.orderMember, u = s.getDisplayValueCallback, f = Ze(i), p = Ze(r), g = Ze(n), y = Ze(a), w = "x", b = s.treePathSeparator || ".", _ = Ks();
   let k = 0, E = null;
-  const A = (N) => o ? o(N) : t ? he(N, t) : void 0, $ = {
+  const A = (V) => o ? o(V) : t ? he(V, t) : void 0, $ = {
     treePathSeparator: b,
     root: _,
     get tree() {
@@ -2675,34 +2711,34 @@ function Gr(s = {}) {
      */
     get flatNodes() {
       if (E) return E;
-      const N = [], C = s.isSorted ?? !1, O = s.sortCallback;
+      const V = [], C = s.isSorted ?? !1, P = s.sortCallback;
       function M(R) {
         let S = Object.values(R.children);
-        C && O && S.length > 0 && (S = O(S));
+        C && P && S.length > 0 && (S = P(S));
         for (const H of S)
-          N.push(H), H.hasChildren && M(H);
+          V.push(H), H.hasChildren && M(H);
       }
-      return M(_), E = N, N;
+      return M(_), E = V, V;
     },
-    insertArray(N) {
-      N = N || [], _.children = {}, k = 0, E = null;
+    insertArray(V) {
+      V = V || [], _.children = {}, k = 0, E = null;
       const C = [];
-      let O = N.map((M, R) => {
-        const S = $s();
+      let P = V.map((M, R) => {
+        const S = Ks();
         S.treeId = c, S.id = e ? he(M, e) : void 0;
         const H = A(M);
-        return H == null || H === "" || typeof H != "string" ? (C.push(`index ${R}`), null) : (S.path = H, (S.id === void 0 || S.id === -1) && (S.id = H), f ? S.parentPath = jr(S.path, b) : S.parentPath = he(M, i), S.pathSegment = Bs(
-          Rs(S.path, S.parentPath ?? "", b),
+        return H == null || H === "" || typeof H != "string" ? (C.push(`index ${R}`), null) : (S.path = H, (S.id === void 0 || S.id === -1) && (S.id = H), f ? S.parentPath = on(S.path, b) : S.parentPath = he(M, i), S.pathSegment = js(
+          Ws(S.path, S.parentPath ?? "", b),
           0,
           1,
           b
-        ), p ? S.level = Ur(S.path, b) : S.level = he(M, r), g || (S.hasChildren = he(M, n)), S.data = M, S);
+        ), p ? S.level = rn(S.path, b) : S.level = he(M, r), g || (S.hasChildren = he(M, n)), S.data = M, S);
       }).filter((M) => M !== null);
-      s.isSorted || (s.sortCallback ? O = s.sortCallback(O) : O = q(O));
-      for (const M of O)
+      s.isSorted || (s.sortCallback ? P = s.sortCallback(P) : P = q(P));
+      for (const M of P)
         F(M.parentPath ?? "", M);
-      if (l || !w)
-        for (const M of O)
+      if (l || !y)
+        for (const M of P)
           if (l)
             M.isSelectable = l(M) !== !1;
           else {
@@ -2713,44 +2749,44 @@ function Gr(s = {}) {
         `[ltree ${c}] ${C.length} option(s) had an invalid path and were skipped (pathMember="${t}"). Offending: ${C.slice(0, 5).join(", ")}` + (C.length > 5 ? ", …" : "")
       );
     },
-    getNodeByPath(N, C) {
-      let O = C || _;
-      if (N) {
-        const M = N.split(b);
+    getNodeByPath(V, C) {
+      let P = C || _;
+      if (V) {
+        const M = V.split(b);
         for (let R = 0; R < M.length; R++) {
-          const S = y + M[R];
-          if (!O.children.hasOwnProperty(S))
+          const S = w + M[R];
+          if (!P.children.hasOwnProperty(S))
             return null;
-          O = O.children[S];
+          P = P.children[S];
         }
       }
-      return O;
+      return P;
     }
   };
-  function F(N, C) {
-    const O = $.getNodeByPath(N);
-    if (!O)
-      return `Node: ${C.path} - Could not find parent node: ${N}`;
-    p && (C.level = (O.level || 0) + 1);
-    const M = y + Bs(Rs(C.path, N, b), 0, 1, b);
-    return O.children.hasOwnProperty(M) || (O.children[M] = C, g && !O.hasChildren && (O.hasChildren = !0), k = Math.max(k, C.level || 0)), null;
-  }
-  function q(N) {
-    return N.sort((C, O) => {
-      const M = C.level || 0, R = O.level || 0;
+  function F(V, C) {
+    const P = $.getNodeByPath(V);
+    if (!P)
+      return `Node: ${C.path} - Could not find parent node: ${V}`;
+    p && (C.level = (P.level || 0) + 1);
+    const M = w + js(Ws(C.path, V, b), 0, 1, b);
+    return P.children.hasOwnProperty(M) || (P.children[M] = C, g && !P.hasChildren && (P.hasChildren = !0), k = Math.max(k, C.level || 0)), null;
+  }
+  function q(V) {
+    return V.sort((C, P) => {
+      const M = C.level || 0, R = P.level || 0;
       if (M !== R) return M - R;
-      if (C.parentPath !== O.parentPath)
-        return C.parentPath ? O.parentPath ? C.parentPath.localeCompare(O.parentPath) : 1 : -1;
-      if (d && C.data && O.data) {
-        const S = he(C.data, d) ?? 0, H = he(O.data, d) ?? 0;
+      if (C.parentPath !== P.parentPath)
+        return C.parentPath ? P.parentPath ? C.parentPath.localeCompare(P.parentPath) : 1 : -1;
+      if (d && C.data && P.data) {
+        const S = he(C.data, d) ?? 0, H = he(P.data, d) ?? 0;
         if (S !== H) return S - H;
       }
-      return u ? u(C).localeCompare(u(O)) : C.path.localeCompare(O.path);
+      return u ? u(C).localeCompare(u(P)) : C.path.localeCompare(P.path);
     });
   }
   return $;
 }
-function Hs(s, e) {
+function Us(s, e) {
   const t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), r = (l) => String(e(l.data)), n = (l) => {
     t.set(r(l), l);
     const c = [];
@@ -2762,14 +2798,14 @@ function Hs(s, e) {
   for (const l of a) n(l);
   return { nodeByValue: t, atomsUnder: o, atomPaths: i, roots: a };
 }
-function gs(s, e, t) {
+function xs(s, e, t) {
   const o = s.atomsUnder.get(e.path);
   if (!o || o.length === 0) return "unchecked";
   let i = 0;
   for (const r of o) t.has(r) && i++;
   return i === 0 ? "unchecked" : i === o.length ? "checked" : "indeterminate";
 }
-function Xe(s, e) {
+function Ye(s, e) {
   const t = /* @__PURE__ */ new Set();
   for (const o of e) {
     const i = s.nodeByValue.get(String(o));
@@ -2778,17 +2814,17 @@ function Xe(s, e) {
   }
   return t;
 }
-function qr(s, e, t) {
-  const o = s.atomsUnder.get(e.path) ?? [], i = new Set(t), r = gs(s, e, t), n = [], a = [];
+function an(s, e, t) {
+  const o = s.atomsUnder.get(e.path) ?? [], i = new Set(t), r = xs(s, e, t), n = [], a = [];
   if (r === "checked")
     for (const l of o) i.delete(l) && a.push(l);
   else
     for (const l of o) i.has(l) || (i.add(l), n.push(l));
   return { checkedAtoms: i, addedAtoms: n, removedAtoms: a };
 }
-function Ut(s, e, t, o) {
+function Xt(s, e, t, o) {
   const i = (a) => String(o(a.data)), r = [], n = (a) => {
-    const l = gs(s, a, e);
+    const l = xs(s, a, e);
     if (l === "unchecked") return;
     const c = a.isSelectable !== !1, d = Object.values(a.children);
     if (t === "leaves") {
@@ -2811,7 +2847,7 @@ function Ut(s, e, t, o) {
   return r;
 }
 var D;
-class Xr {
+class ln {
   constructor(e, t = {}) {
     m(this, "element");
     m(this, "instanceId");
@@ -2948,6 +2984,10 @@ class Xr {
     // Document-level event handlers (stored for cleanup)
     m(this, "documentKeydownHandler", null);
     m(this, "documentClickHandler", null);
+    // Cross-component "one overlay open at a time" coordination (core). activate() on
+    // open() dismisses every OTHER participating overlay (multiselects, datepickers, …);
+    // our onDismiss closes this dropdown when another opens. Torn down in destroy().
+    m(this, "overlayCoord", null);
     this.element = e, this.instanceId = `MS-${Math.random().toString(36).slice(2, 11)}`, this.options = {
       // String options
       searchHint: e.dataset.searchHint || "",
@@ -3127,7 +3167,7 @@ class Xr {
     return i ? i.isSelectable !== !1 : !0;
   }
   init() {
-    this.parseOptions(), this.buildHTML(), this.attachEvents(), this.parseInitialSelection(), pt.debug(`Initialized [${this.instanceId}] with options:`, {
+    this.parseOptions(), this.buildHTML(), this.attachEvents(), this.parseInitialSelection(), ft.debug(`Initialized [${this.instanceId}] with options:`, {
       placeholder: this.options.searchPlaceholder,
       totalOptions: this.allOptions.length,
       isCloseOnSelect: this.options.isCloseOnSelect,
@@ -3154,7 +3194,7 @@ class Xr {
   }
   /** (Re)build the ltree from `allOptions` and derive the visible flat list. */
   buildTree() {
-    this.tree = Gr({
+    this.tree = nn({
       idMember: this.options.valueMember,
       pathMember: this.options.pathMember,
       getPathCallback: this.options.getPathCallback,
@@ -3166,7 +3206,7 @@ class Xr {
       treePathSeparator: this.options.treePathSeparator,
       treeId: this.instanceId,
       getDisplayValueCallback: (e) => this.getItemDisplayValue(e.data)
-    }), this.tree.insertArray(this.allOptions), this.cascadeIndex = this.isCascadeMode() ? Hs(this.tree, (e) => String(this.getItemValue(e))) : null, this.rebuildTreeVisible();
+    }), this.tree.insertArray(this.allOptions), this.cascadeIndex = this.isCascadeMode() ? Us(this.tree, (e) => String(this.getItemValue(e))) : null, this.rebuildTreeVisible();
   }
   /**
    * Whether cascade checkbox mode is active: a multi-select tree with
@@ -3181,7 +3221,7 @@ class Xr {
   }
   /** Refresh the derived checked-atom set from the emitted `selectedValues`. */
   refreshCascadeAtoms() {
-    this.isCascadeMode() && this.cascadeIndex && (this.cascadeCheckedAtoms = Xe(this.cascadeIndex, this.selectedValues));
+    this.isCascadeMode() && this.cascadeIndex && (this.cascadeCheckedAtoms = Ye(this.cascadeIndex, this.selectedValues));
   }
   /**
    * Toggle a tree node in cascade mode: flip its whole subtree, re-project the
@@ -3189,7 +3229,7 @@ class Xr {
    * so badges / form / change events reflect the policy (rolled-up branches, etc.).
    */
   toggleTreeCascade(e) {
-    const t = this.cascadeIndex, o = Xe(t, this.selectedValues), { checkedAtoms: i } = qr(t, e, o);
+    const t = this.cascadeIndex, o = Ye(t, this.selectedValues), { checkedAtoms: i } = an(t, e, o);
     this.commitCascadeAtoms(i);
   }
   /**
@@ -3200,7 +3240,7 @@ class Xr {
    */
   commitCascadeAtoms(e) {
     var l;
-    const t = this.cascadeIndex, o = Ut(
+    const t = this.cascadeIndex, o = Xt(
       t,
       e,
       this.cascadePolicy(),
@@ -3225,7 +3265,7 @@ class Xr {
    */
   counterSelection() {
     if (this.isCascadeMode() && this.cascadeIndex) {
-      const e = Ut(
+      const e = Xt(
         this.cascadeIndex,
         this.cascadeCheckedAtoms,
         "rolled-up",
@@ -3335,7 +3375,7 @@ class Xr {
    */
   detectRTL() {
     const e = this.element.getRootNode(), t = e instanceof ShadowRoot ? e.host : this.element, o = t.getAttribute("dir") === "rtl", i = t.closest('[dir="rtl"]') !== null;
-    this.isRTL = o || i, pt.debug(`[${this.instanceId}] RTL Debug:`, {
+    this.isRTL = o || i, ft.debug(`[${this.instanceId}] RTL Debug:`, {
       isShadowRoot: e instanceof ShadowRoot,
       elementDir: t.getAttribute("dir"),
       hasElementDir: o,
@@ -3361,7 +3401,7 @@ class Xr {
   }
   buildHTML() {
     const e = this.options.container || document.body;
-    this.detectRTL(), this.element.classList.add("ms"), this.isRTL && (this.element.classList.add("ms--rtl"), pt.debug(`[${this.instanceId}] Added ms--rtl class to element`)), (!this.options.isCheckboxesShown || !this.options.isMultipleEnabled) && this.element.classList.add("ms--no-checkboxes"), this.options.isSelectedPopoverEnabled || this.element.classList.add("ms--no-selected-popover");
+    this.detectRTL(), this.element.classList.add("ms"), this.isRTL && (this.element.classList.add("ms--rtl"), ft.debug(`[${this.instanceId}] Added ms--rtl class to element`)), (!this.options.isCheckboxesShown || !this.options.isMultipleEnabled) && this.element.classList.add("ms--no-checkboxes"), this.options.isSelectedPopoverEnabled || this.element.classList.add("ms--no-selected-popover");
     const t = document.createElement("div");
     t.className = "ms__input-wrapper", this.inputWrapper = t, this.input = document.createElement("input"), this.input.type = "text", this.input.className = "ms__input", this.input.placeholder = this.getPlaceholderText(), this.input.autocomplete = "off", this.options.searchInputMode === "readonly" ? this.input.readOnly = !0 : this.options.searchInputMode === "hidden" && (this.input.style.display = "none");
     const o = document.createElement("span");
@@ -3497,7 +3537,7 @@ class Xr {
     }
     const e = this.scaledOptionHeight(), t = this.options.virtualScrollBuffer ?? 10;
     requestAnimationFrame(() => {
-      this.optionsContainer && (this.virtualScroll ? (this.virtualScroll.setItemHeight(e), this.virtualScroll.setItems(this.filteredOptions)) : this.virtualScroll = new Ds({
+      this.optionsContainer && (this.virtualScroll ? (this.virtualScroll.setItemHeight(e), this.virtualScroll.setItems(this.filteredOptions)) : this.virtualScroll = new Fs({
         container: this.optionsContainer,
         itemHeight: e,
         items: this.filteredOptions,
@@ -3531,13 +3571,13 @@ class Xr {
       if (!(d.getIsVisibleCallback ? d.getIsVisibleCallback(this) : d.isVisible ?? !0)) return;
       let p;
       d.getIsDisabledCallback ? p = d.getIsDisabledCallback(this) : d.isDisabled !== void 0 ? p = d.isDisabled : p = this.getBuiltInActionDisabled(d.action);
-      const g = p ? " disabled" : "", w = d.getTextCallback ? d.getTextCallback(this) : d.text;
-      let y = "";
+      const g = p ? " disabled" : "", y = d.getTextCallback ? d.getTextCallback(this) : d.text;
+      let w = "";
       if (d.getClassCallback) {
         const k = this.classSuffix(d.getClassCallback(this));
-        k && (y = ` ${k}`);
-      } else d.cssClass && (y = ` ${d.cssClass}`);
-      const b = Math.max(1, Math.floor(d.row ?? 1)), _ = `<button type="button"${g} class="ms__action-btn${y}" data-action="${d.action}" data-button-index="${u}">${w}</button>`;
+        k && (w = ` ${k}`);
+      } else d.cssClass && (w = ` ${d.cssClass}`);
+      const b = Math.max(1, Math.floor(d.row ?? 1)), _ = `<button type="button"${g} class="ms__action-btn${w}" data-action="${d.action}" data-button-index="${u}">${y}</button>`;
       l.has(b) || l.set(b, []), l.get(b).push(_);
     }), l.size === 0) return "";
     const c = Array.from(l.keys()).sort((d, u) => d - u).map((d) => `<div class="ms__actions-row" data-row="${d}">${l.get(d).join("")}</div>`).join("");
@@ -3555,7 +3595,7 @@ class Xr {
         isFocused: c,
         isMatched: d,
         isDisabled: a,
-        ...Ft(this.presentationMode),
+        ...jt(this.presentationMode),
         isTreeNode: !1
       };
       p += this.toHtml(this.options.renderOptionContentCallback(e, g));
@@ -3582,28 +3622,28 @@ class Xr {
    * chevron/toggle — every node is just a normal, selectable option.
    */
   renderTreeNode(e, t) {
-    const o = e.data, i = this.getItemValue(o), r = this.getItemDisplayValue(o), n = this.getItemIcon(o), a = this.getItemSubtitle(o), l = this.getItemDisabled(o), c = this.isCascadeMode() && this.cascadeIndex, d = c ? gs(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, u = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", p = t === this.focusedIndex, g = this.matchingIndices.has(t), w = e.isSelectable !== !1, y = e.level ?? 1, b = Math.max(0, y - 1), _ = ["ms__option", "ms__option--tree"];
-    _.push(e.hasChildren ? "ms__option--tree-branch" : "ms__option--tree-leaf"), u && _.push("ms__option--selected"), f && _.push("ms__option--indeterminate"), p && _.push("ms__option--focused"), g && _.push("ms__option--matched"), l && _.push("ms__option--disabled"), w || _.push("ms__option--tree-unselectable");
-    const k = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", E = w ? "" : ' data-selectable="false"';
-    let A = `<div class="${_.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${y}" style="--ms-tree-depth: ${b};"${k}${E}>`;
-    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && w && (A += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${u ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), A += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
+    const o = e.data, i = this.getItemValue(o), r = this.getItemDisplayValue(o), n = this.getItemIcon(o), a = this.getItemSubtitle(o), l = this.getItemDisabled(o), c = this.isCascadeMode() && this.cascadeIndex, d = c ? xs(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, u = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", p = t === this.focusedIndex, g = this.matchingIndices.has(t), y = e.isSelectable !== !1, w = e.level ?? 1, b = Math.max(0, w - 1), _ = ["ms__option", "ms__option--tree"];
+    _.push(e.hasChildren ? "ms__option--tree-branch" : "ms__option--tree-leaf"), u && _.push("ms__option--selected"), f && _.push("ms__option--indeterminate"), p && _.push("ms__option--focused"), g && _.push("ms__option--matched"), l && _.push("ms__option--disabled"), y || _.push("ms__option--tree-unselectable");
+    const k = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", E = y ? "" : ' data-selectable="false"';
+    let A = `<div class="${_.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${w}" style="--ms-tree-depth: ${b};"${k}${E}>`;
+    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && y && (A += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${u ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), A += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
       const $ = {
         index: t,
         isSelected: u,
         isFocused: p,
         isMatched: g,
         isDisabled: l,
-        ...Ft(this.presentationMode),
+        ...jt(this.presentationMode),
         // Tree metadata — lets the callback branch on depth / branch-vs-leaf /
         // tristate without re-deriving any of it from the raw data item.
         isTreeNode: !0,
         isBranch: e.hasChildren,
         isLeaf: !e.hasChildren,
         childCount: Object.keys(e.children).length,
-        level: y,
+        level: w,
         depth: b,
         path: e.path,
-        isSelectable: w,
+        isSelectable: y,
         isIndeterminate: f
       };
       A += this.toHtml(this.options.renderOptionContentCallback(o, $));
@@ -3727,7 +3767,7 @@ class Xr {
       this.options.isSearchEnabled && !h(this, D) && this.open(), this.handleSearch(t);
     }), this.input.addEventListener("keydown", (e) => this.handleKeydown(e)), this.documentClickHandler = (e) => this.handleClickOutside(e), setTimeout(() => {
       document.addEventListener("click", this.documentClickHandler);
-    }, 0), this.documentKeydownHandler = (e) => {
+    }, 0), this.overlayCoord = Ui(() => this.close(), this.options.overlayGroup || void 0), this.documentKeydownHandler = (e) => {
       e.key === "Escape" && this.showSelectedPopover && (e.preventDefault(), this.hideSelectedPopover());
     }, document.addEventListener("keydown", this.documentKeydownHandler), this.dropdown.addEventListener("mousedown", (e) => {
       if (this.presentationMode !== "fullscreen") return;
@@ -4147,7 +4187,7 @@ class Xr {
     if (this.isCascadeMode() && this.cascadeIndex) {
       const i = this.cascadeIndex.nodeByValue.get(o);
       if (i) {
-        const r = this.cascadeIndex.atomsUnder.get(i.path) ?? [], n = new Set(Xe(this.cascadeIndex, this.selectedValues));
+        const r = this.cascadeIndex.atomsUnder.get(i.path) ?? [], n = new Set(Ye(this.cascadeIndex, this.selectedValues));
         for (const a of r) n.delete(a);
         this.commitCascadeAtoms(n);
         return;
@@ -4157,7 +4197,7 @@ class Xr {
   }
   selectAll() {
     if (this.isCascadeMode() && this.cascadeIndex) {
-      const t = this.cascadeIndex, o = new Set(Xe(t, this.selectedValues));
+      const t = this.cascadeIndex, o = new Set(Ye(t, this.selectedValues));
       for (const i of this.treeNodes)
         t.atomPaths.has(i.path) && (this.getItemDisabled(i.data) || o.add(String(this.getItemValue(i.data))));
       this.commitCascadeAtoms(o);
@@ -4206,13 +4246,15 @@ class Xr {
   }
   /** Open the dropdown (no-op if already open, or if there is nothing to show). */
   open() {
+    var e;
     J.debug(`[${this.instanceId}] open() called`, { isOpen: h(this, D) }), !h(this, D) && (this.justOpenedViaClick = !0, setTimeout(() => {
       this.justOpenedViaClick = !1;
-    }, 0), this.hideMessage(), I(this, D, !0), this.element.classList.add("ms--open"), this.dropdown.classList.add("ms__dropdown--visible"), J.info(`[${this.instanceId}] Dropdown opened`), this.input.placeholder = this.getPlaceholderText(), !this.options.isMultipleEnabled && this.options.isSearchEnabled && (this.input.value = this.searchTerm), this.options.searchCallback && this.options.isKeepOptionsOnSearch && !this.searchTerm && (this.filteredOptions = [...this.allOptions], J.debug(`[${this.instanceId}] Showing ${this.allOptions.length} initial options on open`)), this.presentationMode === "fullscreen" && this.enterFullscreen(), this.renderDropdown(), this.presentationMode !== "fullscreen" && this.positionDropdown(), this.dropdown.addEventListener("scroll", this.onDropdownScroll, !0), this.hint && this.presentationMode === "floating" && (this.hint.classList.add("ms__hint--visible"), this.positionHint()));
+    }, 0), this.hideMessage(), I(this, D, !0), this.element.classList.add("ms--open"), this.dropdown.classList.add("ms__dropdown--visible"), J.info(`[${this.instanceId}] Dropdown opened`), this.input.placeholder = this.getPlaceholderText(), !this.options.isMultipleEnabled && this.options.isSearchEnabled && (this.input.value = this.searchTerm), this.options.searchCallback && this.options.isKeepOptionsOnSearch && !this.searchTerm && (this.filteredOptions = [...this.allOptions], J.debug(`[${this.instanceId}] Showing ${this.allOptions.length} initial options on open`)), this.presentationMode === "fullscreen" && this.enterFullscreen(), this.renderDropdown(), this.presentationMode !== "fullscreen" && this.positionDropdown(), this.dropdown.addEventListener("scroll", this.onDropdownScroll, !0), this.hint && this.presentationMode === "floating" && (this.hint.classList.add("ms__hint--visible"), this.positionHint()), (e = this.overlayCoord) == null || e.activate());
   }
   /** Close the dropdown (no-op if already closed). */
   close() {
-    J.debug(`[${this.instanceId}] close() called`, { isOpen: h(this, D) }), h(this, D) && (I(this, D, !1), this.element.classList.remove("ms--open"), this.dropdown.classList.remove("ms__dropdown--visible"), this.hint && this.hint.classList.remove("ms__hint--visible"), this.options.shouldKeepSearchOnClose || (this.searchTerm = "", (this.options.isMultipleEnabled || this.options.isSearchEnabled) && (this.input.value = ""), this.resetVisibleToAll()), this.focusedIndex = -1, this.dropdown.removeEventListener("scroll", this.onDropdownScroll, !0), this.destroyAllOptionTooltips(), this.hideLabelReveal(), this.hideMessage(), this.renderBadges(), this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.exitFullscreen(), this.dropdownPlacement = null, J.debug(`[${this.instanceId}] Dropdown closed`));
+    var e;
+    J.debug(`[${this.instanceId}] close() called`, { isOpen: h(this, D) }), h(this, D) && (I(this, D, !1), this.element.classList.remove("ms--open"), this.dropdown.classList.remove("ms__dropdown--visible"), this.hint && this.hint.classList.remove("ms__hint--visible"), this.options.shouldKeepSearchOnClose || (this.searchTerm = "", (this.options.isMultipleEnabled || this.options.isSearchEnabled) && (this.input.value = ""), this.resetVisibleToAll()), this.focusedIndex = -1, this.dropdown.removeEventListener("scroll", this.onDropdownScroll, !0), this.destroyAllOptionTooltips(), this.hideLabelReveal(), this.hideMessage(), this.renderBadges(), this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.exitFullscreen(), this.dropdownPlacement = null, (e = this.overlayCoord) == null || e.deactivate(), J.debug(`[${this.instanceId}] Dropdown closed`));
   }
   /** Toggle the dropdown open/closed. */
   toggle() {
@@ -4234,7 +4276,7 @@ class Xr {
    */
   anchorFloatingPanel(e, t) {
     var r;
-    const o = ((r = t.isLocked) == null ? void 0 : r.call(t)) ?? !0, i = Ze(e, this.inputWrapper, {
+    const o = ((r = t.isLocked) == null ? void 0 : r.call(t)) ?? !0, i = et(e, this.inputWrapper, {
       strategy: "fixed",
       placement: "bottom-start",
       offset: 4,
@@ -4304,10 +4346,10 @@ class Xr {
    */
   warnFullscreenContainingBlock() {
     if (this.fullscreenContainingBlockWarned || typeof window > "u") return;
-    const e = es(this.dropdown);
+    const e = os(this.dropdown);
     if (e === window) return;
     this.fullscreenContainingBlockWarned = !0;
-    const t = e, o = t.id ? `#${t.id}` : "", i = t.classList.length ? `.${Array.from(t.classList).join(".")}` : "", r = `<${t.tagName.toLowerCase()}${o}${i}>`, n = yo(t);
+    const t = e, o = t.id ? `#${t.id}` : "", i = t.classList.length ? `.${Array.from(t.classList).join(".")}` : "", r = `<${t.tagName.toLowerCase()}${o}${i}>`, n = To(t);
     console.warn(
       `[@keenmate/web-multiselect] Fullscreen overlay is anchored to an ancestor ${r}` + (n ? ` (has ${n})` : "") + ` instead of the viewport, so it may not cover the screen (offset, clipped, or mis-sized).
 An ancestor of <web-multiselect> establishes a fixed-positioning containing block (transform / perspective / filter / backdrop-filter / will-change). Fix on your side: move the component out of that ancestor's subtree, OR remove/replace that property. If neither is acceptable, please file an issue at https://github.com/keenmate/web-multiselect/issues with the ancestor's computed CSS.`
@@ -4345,7 +4387,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
    * and a redundant call is a no-op rather than acquiring a second.
    */
   lockBodyScroll() {
-    this.bodyScrollUnlock || (this.bodyScrollUnlock = Ai());
+    this.bodyScrollUnlock || (this.bodyScrollUnlock = Ri());
   }
   /** Restore page scroll (no-op if it wasn't locked). */
   unlockBodyScroll() {
@@ -4384,7 +4426,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
    * we just hold the returned cleanup. No-op where `visualViewport` is unavailable.
    */
   observeKeyboardInset() {
-    this.keyboardInsetCleanup = zi(this.dropdown);
+    this.keyboardInsetCleanup = Bi(this.dropdown);
   }
   /** Detach keyboard-inset tracking and restore the panel's CSS-driven geometry. */
   unobserveKeyboardInset() {
@@ -4590,7 +4632,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
     this.hintCleanup && this.hintCleanup();
     let e = "top-start";
     this.dropdownPlacement && (this.dropdownPlacement.startsWith("bottom") ? e = this.dropdownPlacement.replace("bottom", "top") : this.dropdownPlacement.startsWith("top") && (e = this.dropdownPlacement.replace("top", "bottom")));
-    const t = Ze(this.hint, this.inputWrapper, {
+    const t = et(this.hint, this.inputWrapper, {
       strategy: "fixed",
       placement: e,
       offset: 4,
@@ -4676,7 +4718,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
     if (!this.selectedPopoverContainer) return;
     const o = this.scaledBadgeHeight(), i = Math.round(4 * this.fullscreenScale()), r = o + i, n = this.options.virtualScrollBuffer ?? 10;
     requestAnimationFrame(() => {
-      this.selectedPopoverContainer && (this.selectedPopoverVirtualScroll ? this.selectedPopoverVirtualScroll.setItems(e) : this.selectedPopoverVirtualScroll = new Ds({
+      this.selectedPopoverContainer && (this.selectedPopoverVirtualScroll ? this.selectedPopoverVirtualScroll.setItems(e) : this.selectedPopoverVirtualScroll = new Fs({
         container: this.selectedPopoverContainer,
         itemHeight: r,
         items: e,
@@ -4718,7 +4760,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
   renderBadgeHTML(e, t) {
     const o = this.getItemValue(e), i = {
       ...t,
-      ...Ft(this.presentationMode)
+      ...jt(this.presentationMode)
     };
     if (!t.isInPopover && this.options.renderBadgeCallback) {
       const d = this.toHtml(this.options.renderBadgeCallback(e, i));
@@ -4828,9 +4870,9 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
     if (t !== o) return !1;
     Object.assign(this.options, e);
     const i = "pathMember" in e || "getPathCallback" in e || "parentPathMember" in e || "levelMember" in e || "hasChildrenMember" in e || "treePathSeparator" in e || "isTreeEnabled" in e || "isSelectableMember" in e || "getIsSelectableCallback" in e;
-    if ("options" in e && e.options !== void 0 ? (this.allOptions = e.options, this.reconcileSelectedOptions(), this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]) : i && (this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]), ("checkboxMode" in e || "cascadeSelectPolicy" in e) && !i && !("options" in e) && this.isTreeMode() && (this.cascadeIndex = this.isCascadeMode() ? Hs(this.tree, (a) => String(this.getItemValue(a))) : null, this.isCascadeMode() && this.cascadeIndex)) {
-      this.cascadeCheckedAtoms = Xe(this.cascadeIndex, this.selectedValues);
-      const a = Ut(
+    if ("options" in e && e.options !== void 0 ? (this.allOptions = e.options, this.reconcileSelectedOptions(), this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]) : i && (this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]), ("checkboxMode" in e || "cascadeSelectPolicy" in e) && !i && !("options" in e) && this.isTreeMode() && (this.cascadeIndex = this.isCascadeMode() ? Us(this.tree, (a) => String(this.getItemValue(a))) : null, this.isCascadeMode() && this.cascadeIndex)) {
+      this.cascadeCheckedAtoms = Ye(this.cascadeIndex, this.selectedValues);
+      const a = Xt(
         this.cascadeIndex,
         this.cascadeCheckedAtoms,
         this.cascadePolicy(),
@@ -4885,7 +4927,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
   spawnTooltip(e) {
     var r;
     (r = this.tooltips.get(e.id)) == null || r.destroy();
-    const t = this.element.getRootNode(), o = t instanceof ShadowRoot ? t : null, i = Kr({
+    const t = this.element.getRootNode(), o = t instanceof ShadowRoot ? t : null, i = tn({
       trigger: e.trigger,
       container: this.options.container ?? o ?? document.body,
       content: e.content,
@@ -5032,7 +5074,7 @@ ${o}` : t;
     const n = document.createElement("div");
     n.className = "ms__option-tooltip ms__option-tooltip--fullscreen", typeof r == "string" ? n.textContent = r : n.appendChild(r);
     const a = this.element.getRootNode(), l = a instanceof ShadowRoot ? a : null, c = this.options.container ?? l ?? document.body;
-    this.labelRevealTrigger = e, this.labelRevealPanel = n, this.labelRevealPopover = Wr({
+    this.labelRevealTrigger = e, this.labelRevealPanel = n, this.labelRevealPopover = sn({
       reference: e,
       panel: n,
       container: c,
@@ -5067,7 +5109,7 @@ ${o}` : t;
     if ((this.options.container ?? l ?? document.body).appendChild(n), this.messageEl = n, this.presentationMode === "fullscreen" && (h(this, D) || this.showSelectedPopover))
       n.classList.add("ms__message--fullscreen");
     else {
-      const u = Ze(n, this.inputWrapper, {
+      const u = et(n, this.inputWrapper, {
         strategy: "fixed",
         placement: (t == null ? void 0 : t.placement) ?? "bottom",
         offset: 8,
@@ -5140,11 +5182,12 @@ ${o}` : t;
   // PUBLIC API
   // ========================================================================
   destroy() {
-    this.destroyAllTooltips(), this.hideLabelReveal(), this.hideMessage(), this.searchDebounceTimer && (clearTimeout(this.searchDebounceTimer), this.searchDebounceTimer = void 0), this.abortInFlightSearch(), this.dropdownCleanup && this.dropdownCleanup(), this.hintCleanup && this.hintCleanup(), this.selectedPopoverCleanup && this.selectedPopoverCleanup(), this.overlayHistoryActive && (this.overlayHistoryActive = !1, typeof window < "u" && window.removeEventListener("popstate", this.onOverlayPopstate)), this.exitFullscreen(), this.documentClickHandler && (document.removeEventListener("click", this.documentClickHandler), this.documentClickHandler = null), this.documentKeydownHandler && (document.removeEventListener("keydown", this.documentKeydownHandler), this.documentKeydownHandler = null), this.virtualScroll && (this.virtualScroll.destroy(), this.virtualScroll = null), this.dropdown && this.dropdown.remove(), this.hint && this.hint.remove(), this.selectedPopover && this.selectedPopover.remove(), this.element.innerHTML = "", this.element.classList.remove("ms", "ms--open", "ms--no-checkboxes"), pt.info(`[${this.instanceId}] Component destroyed`);
+    var e;
+    this.destroyAllTooltips(), this.hideLabelReveal(), this.hideMessage(), this.searchDebounceTimer && (clearTimeout(this.searchDebounceTimer), this.searchDebounceTimer = void 0), this.abortInFlightSearch(), this.dropdownCleanup && this.dropdownCleanup(), this.hintCleanup && this.hintCleanup(), this.selectedPopoverCleanup && this.selectedPopoverCleanup(), this.overlayHistoryActive && (this.overlayHistoryActive = !1, typeof window < "u" && window.removeEventListener("popstate", this.onOverlayPopstate)), this.exitFullscreen(), this.documentClickHandler && (document.removeEventListener("click", this.documentClickHandler), this.documentClickHandler = null), this.documentKeydownHandler && (document.removeEventListener("keydown", this.documentKeydownHandler), this.documentKeydownHandler = null), (e = this.overlayCoord) == null || e.dispose(), this.overlayCoord = null, this.virtualScroll && (this.virtualScroll.destroy(), this.virtualScroll = null), this.dropdown && this.dropdown.remove(), this.hint && this.hint.remove(), this.selectedPopover && this.selectedPopover.remove(), this.element.innerHTML = "", this.element.classList.remove("ms", "ms--open", "ms--no-checkboxes"), ft.info(`[${this.instanceId}] Component destroyed`);
   }
 }
 D = new WeakMap();
-function Yr() {
+function cn() {
   return {
     fromAttribute(s) {
       if (s === null || s.trim() === "") return [];
@@ -5165,29 +5208,29 @@ function Yr() {
     }
   };
 }
-const Jr = ["json", "csv", "plain"], Fs = ",", Ks = `
+const dn = ["json", "csv", "plain"], Gs = ",", qs = `
 `;
-function Qr(s, e, t = {}) {
+function hn(s, e, t = {}) {
   if (s == null || s.trim() === "") return { options: [] };
-  const o = Ws(t.splitter ?? Fs) || Fs, i = Ws(t.rowSplitter ?? Ks) || Ks;
+  const o = Xs(t.splitter ?? Gs) || Gs, i = Xs(t.rowSplitter ?? qs) || qs;
   switch (e) {
     case "csv":
-      return tn(s, o, i);
+      return pn(s, o, i);
     case "plain":
-      return en(s, o, i);
+      return mn(s, o, i);
     case "json":
     default:
-      return Zr(s);
+      return un(s);
   }
 }
-function Ws(s) {
+function Xs(s) {
   return s.replace(
     /\\[ntr\\]/g,
     (e) => e === "\\n" ? `
 ` : e === "\\t" ? "	" : e === "\\r" ? "\r" : "\\"
   );
 }
-function Zr(s) {
+function un(s) {
   let e;
   try {
     e = JSON.parse(s);
@@ -5196,11 +5239,11 @@ function Zr(s) {
   }
   return Array.isArray(e) ? { options: e } : { options: [], error: "data-options JSON must be an array" };
 }
-function en(s, e, t) {
+function mn(s, e, t) {
   return { options: s.split(t).flatMap((i) => i.split(e)).map((i) => i.trim()).filter((i) => i.length > 0).map((i) => [i, i]) };
 }
-function tn(s, e, t) {
-  const o = sn(s, e, t).filter((n) => !(n.length === 1 && n[0].trim() === ""));
+function pn(s, e, t) {
+  const o = fn(s, e, t).filter((n) => !(n.length === 1 && n[0].trim() === ""));
   if (o.length < 2)
     return { options: [], error: "data-options CSV needs a header row and at least one data row" };
   const i = o[0].map((n) => n.trim());
@@ -5211,7 +5254,7 @@ function tn(s, e, t) {
     }), a;
   }) };
 }
-function sn(s, e, t) {
+function fn(s, e, t) {
   const o = [];
   let i = [], r = "", n = !1;
   for (let a = 0; a < s.length; ) {
@@ -5224,7 +5267,7 @@ function sn(s, e, t) {
   }
   return i.push(r), o.push(i), o;
 }
-const _o = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: 10px;font-family:var(--ms-font-family, var(--base-font-family, inherit));--ms-accent-color: var(--base-accent-color, #3b82f6);--ms-accent-color-hover: var(--base-accent-color-hover, #2563eb);--ms-accent-color-active: var(--base-accent-color-active, #1d4ed8);--ms-accent-color-light: var(--base-accent-color-light, light-dark(#eff6ff, #1e3a5f));--ms-accent-color-light-hover: var(--base-accent-color-light-hover, light-dark(#e0f2fe, #264a73));--ms-text-color-1: var(--base-text-color-1, light-dark(#111827, #f5f5f5));--ms-text-color-2: var(--base-text-color-2, light-dark(#353b47, #d4d4d4));--ms-text-color-3: var(--base-text-color-3, light-dark(#6b7280, #a3a3a3));--ms-text-color-4: var(--base-text-color-4, light-dark(#a0a3a9, #737373));--ms-text-color-on-accent: var(--base-text-color-on-accent, #ffffff);--ms-text-primary: var(--ms-text-color-1);--ms-text-secondary: var(--ms-text-color-3);--ms-primary-bg: var(--base-hover-bg, color-mix(in srgb, var(--ms-text-color-1) 8%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-primary-bg-hover: var(--base-active-bg, color-mix(in srgb, var(--ms-text-color-1) 14%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-border-color: var(--base-border-color, light-dark(#cbd5e1, #52525b));--ms-border: var(--base-border, 1px solid var(--ms-border-color));--ms-input-bg: var(--base-input-bg, light-dark(#ffffff, #1a1a1a));--ms-input-color: var(--base-input-color, var(--ms-text-color-1));--ms-input-border: var(--base-input-border, 1px solid var(--ms-border-color));--ms-input-border-hover: var(--base-input-border-hover, 1px solid var(--ms-accent-color));--ms-input-border-focus: var(--base-input-border-focus, 1px solid var(--ms-accent-color));--ms-input-placeholder-color: var(--base-input-placeholder-color, var(--ms-text-color-4));--ms-input-bg-disabled: var(--base-input-bg-disabled, rgba(107, 114, 128, .05));--ms-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-toggle-icon-size: calc(1.6 * var(--ms-rem));--ms-counter-badge-bg: var(--ms-accent-color);--ms-counter-badge-bg-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-color-on-accent);--ms-hint-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-hint-color: var(--ms-text-color-4);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-dropdown-text-color: var(--ms-text-color-1);--ms-dropdown-border-color: var(--ms-border-color);--ms-dropdown-box-shadow-semantic: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-actions-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-actions-border-color: var(--ms-border-color);--ms-action-button-bg: transparent;--ms-action-button-bg-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-color-1);--ms-group-border-color: var(--ms-border-color);--ms-option-text-color: var(--ms-text-color-1);--ms-option-bg: transparent;--ms-option-bg-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-bg-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-bg-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-option-bg-matched: color-mix(in srgb, var(--ms-accent-color) 8%, transparent);--ms-option-color-matched: inherit;--ms-option-border-matched-color: color-mix(in srgb, var(--ms-accent-color) 40%, transparent);--ms-option-title-color: var(--ms-text-color-1);--ms-option-subtitle-color: var(--ms-text-color-3);--ms-option-mark-bg: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-option-mark-color: inherit;--ms-loading-color: var(--ms-text-color-3);--ms-badge-bg: var(--ms-accent-color-light);--ms-badge-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: var(--ms-primary-bg-hover);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-remove-bg: var(--ms-text-color-3);--ms-badge-counter-remove-bg-hover: var(--ms-text-color-1);--ms-badge-counter-remove-color: var(--ms-text-color-on-accent);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-count-clear-bg-hover: var(--ms-accent-color);--ms-tooltip-bg: var(--base-tooltip-bg, var(--base-inverse-bg, light-dark(#333333, #f5f5f5)));--ms-tooltip-text-color: var(--base-tooltip-text-color, light-dark(#ffffff, #1a1a1a));--ms-selected-popover-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-bg-hover: var(--ms-accent-color);--ms-input-padding-h: calc(1.2 * var(--ms-rem));--ms-input-gap: calc(.6 * var(--ms-rem));--ms-input-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-border-width: 1px;--ms-input-border-radius: var(--ms-border-radius-md);--ms-input-text: var(--ms-text-color-1);--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-toggle-color: var(--ms-text-color-3);--ms-transform-rotate-180: 180deg;--ms-input-clear-size: calc(2.4 * var(--ms-rem));--ms-input-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-input-clear-color: var(--ms-text-secondary);--ms-input-clear-bg-hover: var(--ms-option-bg-matched, transparent);--ms-input-clear-border-radius: var(--ms-border-radius);--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: var(--ms-accent-color);--ms-counter-color: var(--ms-text-color-on-accent);--ms-counter-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-counter-font-weight: var(--base-font-weight-semibold, 600);--ms-counter-border-radius: var(--ms-border-radius-sm);--ms-counter-bg-hover: var(--ms-accent-color-hover);--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-border: 1px solid var(--ms-hint-border-color);--ms-hint-border-radius: var(--ms-border-radius-lg);--ms-hint-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ms-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-dropdown-border: var(--base-dropdown-border, 1px solid var(--ms-dropdown-border-color));--ms-dropdown-border-radius: var(--ms-border-radius-lg);--ms-dropdown-inner-border-radius: max(0px, calc(var(--ms-dropdown-border-radius) - 1px));--ms-dropdown-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-input-current-width: auto;--ms-dropdown-width: var(--ms-input-current-width);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: var(--ms-text-color-1);--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-z-index-fullscreen: 10001;--ms-z-index-fullscreen-tooltip: 10002;--ms-fullscreen-rem: 12px;--ms-fullscreen-bg: var(--ms-dropdown-bg);--ms-fullscreen-text-color: var(--ms-dropdown-text-color);--ms-fullscreen-header-bg: var(--ms-dropdown-bg);--ms-fullscreen-header-border: 1px solid var(--ms-dropdown-border-color);--ms-fullscreen-header-gap: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-v: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-h: calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding: var(--ms-fullscreen-header-padding-v) var(--ms-fullscreen-header-padding-h);--ms-fullscreen-header-min-height: calc(5.6 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-size: calc(1.7 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-weight: var(--base-font-weight-semibold, 600);--ms-fullscreen-search-border: var(--ms-input-border);--ms-fullscreen-search-border-radius: var(--ms-input-border-radius);--ms-fullscreen-search-padding: calc(.8 * var(--ms-fullscreen-rem)) calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-search-font-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-icon-size: calc(1.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-inset: calc(.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-gutter: calc(3.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-search-clear-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-mode-toggle-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-icon-size: calc(1.5 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-gap: var(--ms-fullscreen-header-gap);--ms-fullscreen-mode-toggle-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-mode-toggle-bg: transparent;--ms-fullscreen-mode-toggle-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-size: calc(3.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-color: var(--ms-dropdown-text-color);--ms-fullscreen-close-bg: transparent;--ms-fullscreen-close-border: none;--ms-fullscreen-close-border-radius: 50%;--ms-fullscreen-close-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-edge-nudge: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-icon-size: calc(1.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-color: var(--ms-accent-color);--ms-fullscreen-info-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-gap: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-padding-top: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-font-size: calc(1.3 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-nav-btn-size: calc(3.2 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-color: var(--ms-dropdown-text-color);--ms-fullscreen-nav-btn-bg: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-btn-bg-hover: color-mix(in srgb, var(--ms-accent-color) 22%, transparent);--ms-icon-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 15l7-7 7 7' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");--ms-icon-info: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><circle cx='12' cy='7.5' r='1.3' fill='black'/><path d='M12 11v6' stroke='black' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");--ms-fullscreen-tree-base-indent: calc(.7 * var(--ms-fullscreen-rem));--ms-fullscreen-tree-indent: calc(1.2 * var(--ms-fullscreen-rem));--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid var(--ms-actions-border-color);--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-action-btn-border: var(--ms-border);--ms-action-btn-border-radius: var(--ms-border-radius-sm);--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: var(--ms-primary-bg);--ms-action-btn-border-color-hover: var(--ms-accent-color);--ms-transform-scale-active: .98;--ms-options-padding: 0;--ms-group-border-top: 1px solid var(--ms-group-border-color);--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-font-weight: var(--base-font-weight-semibold, 600);--ms-group-label-color: var(--ms-text-color-3);--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-min-height: auto;--ms-option-outline-focused: 2px solid var(--ms-option-outline-color-focused);--ms-option-focus-outline-offset: -2px;--ms-option-border-matched: 3px solid var(--ms-option-border-matched-color);--ms-option-bg-focused-hover: var(--ms-primary-bg);--ms-option-bg-matched-hover: color-mix(in srgb, var(--ms-accent-color) 12%, transparent);--ms-option-bg-selected-focused: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-bg-selected-matched: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-disabled-bg: var(--base-disabled-bg, transparent);--ms-option-bg-disabled-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-mark-font-weight: var(--base-font-weight-semibold, 600);--ms-option-title-white-space: normal;--ms-option-title-overflow: visible;--ms-option-title-text-overflow: clip;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-subtitle-line-height: var(--base-line-height-tight, 1.25);--ms-checkbox-margin-top: 0;--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: center;--ms-checkbox-bg: var(--ms-input-bg);--ms-checkbox-border-width: 1px;--ms-checkbox-border-color: var(--base-checkbox-border-color, #8f8f8f);--ms-checkbox-border: var(--ms-checkbox-border-width) solid var(--ms-checkbox-border-color);--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checkmark-thickness: 2.5px;--ms-checkbox-checked-bg: var(--ms-accent-color);--ms-checkbox-checked-border: var(--ms-checkbox-border-width) solid var(--ms-accent-color);--ms-checkbox-checkmark-color: var(--ms-text-color-on-accent);--ms-checkbox-hover-border-color: var(--ms-accent-color);--ms-checkbox-disabled-bg: var(--ms-primary-bg);--ms-checkbox-disabled-border: var(--ms-checkbox-border-width) solid var(--ms-border-color);--ms-checkbox-checked-bg-hover: var(--ms-accent-color-hover);--ms-checkbox-checked-border-color-hover: var(--ms-accent-color-hover);--ms-state-min-height: calc(8 * var(--ms-rem));--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-empty-color: var(--ms-text-color-3);--ms-loader-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-loading-text-color: var(--ms-text-color-3);--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-inline-align: center;--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-font-weight: var(--base-font-weight-semibold, 600);--ms-badge-border-radius: var(--ms-border-radius-sm);--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: var(--ms-accent-color-light);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: var(--ms-accent-color);--ms-badge-remove-color: var(--ms-text-color-on-accent);--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-remove-bg-hover: var(--ms-accent-color-hover);--ms-badge-remove-box-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--ms-accent-color) 50%, transparent);--ms-badge-remove-icon-size: calc(1 * var(--ms-rem));--ms-icon-remove: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></svg>");--ms-icon-search-clear: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m13.5 8.5-5 5'/><path d='m8.5 8.5 5 5'/><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");--ms-icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");--ms-icon-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>");--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid var(--ms-badge-counter-border-color);--ms-badge-counter-border-radius: var(--ms-border-radius-sm);--ms-more-badge-bg: var(--ms-accent-color-light);--ms-more-badge-hover-bg: var(--ms-badge-bg-hover);--ms-more-badge-active-bg: var(--ms-accent-color-light-hover);--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: var(--ms-border);--ms-counter-wrapper-border-radius: var(--ms-border-radius-sm);--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-count-text-color: var(--ms-text-color-1);--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: var(--ms-text-color-3);--ms-count-clear-font-size: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-count-clear-border-radius: var(--ms-border-radius-sm);--ms-count-clear-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-count-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-icon-clear: var(--ms-icon-remove);--ms-tooltip-color: var(--ms-tooltip-text-color);--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: var(--ms-border-radius-lg);--ms-tooltip-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-option-tooltip-bg: var(--ms-tooltip-bg);--ms-option-tooltip-text-color: var(--ms-tooltip-text-color);--ms-option-tooltip-padding: var(--ms-tooltip-padding);--ms-option-tooltip-border-radius: var(--ms-tooltip-border-radius);--ms-option-tooltip-font-size: var(--ms-tooltip-font-size);--ms-option-tooltip-max-width: var(--ms-tooltip-max-width);--ms-option-tooltip-shadow: var(--ms-tooltip-shadow);--ms-option-tooltip-z-index: var(--ms-tooltip-z-index);--ms-message-bg: var(--ms-message-info-bg);--ms-message-color: var(--ms-message-info-color);--ms-message-border: 1px solid transparent;--ms-message-border-radius: var(--ms-border-radius-lg);--ms-message-padding: calc(1 * var(--ms-rem)) calc(1.4 * var(--ms-rem));--ms-message-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-message-font-weight: var(--base-font-weight-medium, 500);--ms-message-max-width: calc(40 * var(--ms-rem));--ms-message-shadow: 0 4px 16px rgb(0 0 0 / .18);--ms-message-fullscreen-offset: calc(2.4 * var(--ms-fullscreen-rem));--ms-message-z-index: var(--ms-z-index-fullscreen-tooltip);--ms-message-info-bg: var(--ms-tooltip-bg);--ms-message-info-color: var(--ms-tooltip-text-color);--ms-message-warning-bg: var(--base-warning-bg, #f59e0b);--ms-message-warning-color: var(--base-warning-color, #1a1a1a);--ms-message-error-bg: var(--base-danger-bg, #ef4444);--ms-message-error-color: var(--base-danger-color, #ffffff);--ms-message-success-bg: var(--base-success-bg, #10b981);--ms-message-success-color: var(--base-success-color, #ffffff);--ms-z-index-popover: 10000;--ms-selected-popover-width: var(--ms-input-current-width);--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-border: 1px solid var(--ms-selected-popover-border-color);--ms-selected-popover-border-radius: var(--ms-border-radius-lg);--ms-selected-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-selected-popover-header-border-bottom: 1px solid var(--ms-selected-popover-header-border-color);--ms-selected-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-selected-popover-header-font-weight: var(--base-font-weight-semibold, 600);--ms-selected-popover-header-color: var(--ms-text-color-1);--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: var(--ms-text-color-3);--ms-selected-popover-close-font-size: calc(var(--base-font-size-xl, 2) * var(--ms-rem));--ms-selected-popover-close-border-radius: var(--ms-border-radius-sm);--ms-selected-popover-close-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-selected-popover-close-icon-size: calc(1.4 * var(--ms-rem));--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(var(--base-font-size-2xs, 1) * var(--ms-rem));--ms-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-font-size-lg: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-font-weight-normal: var(--base-font-weight-normal, 400);--ms-font-weight-medium: var(--base-font-weight-medium, 500);--ms-font-weight-semibold: var(--base-font-weight-semibold, 600);--ms-line-height-none: 1;--ms-line-height-tight: var(--base-line-height-tight, 1.25);--ms-line-height-normal: var(--base-line-height-normal, 1.5);--ms-line-height-relaxed: var(--base-line-height-relaxed, 1.75);--ms-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--ms-rem));--ms-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--ms-rem));--ms-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--ms-rem));--ms-border-radius: var(--ms-border-radius-md);--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: var(--ms-border-color);--ms-scrollbar-thumb-bg-hover: var(--ms-text-color-3);--ms-scrollbar-thumb-border-radius: 4px;--ms-debug-bg: var(--base-elevated-bg, light-dark(#f9fafb, #2b2b2b));--ms-debug-border-color: var(--ms-border-color);--ms-debug-text-color: var(--ms-text-color-1);--ms-debug-border-radius: var(--ms-border-radius-md);--ms-debug-summary-color: var(--ms-accent-color);--ms-debug-summary-bg-hover: var(--ms-primary-bg);--ms-debug-summary-outline-color: var(--ms-accent-color);--ms-debug-summary-border-radius: var(--ms-border-radius-sm);--ms-debug-stats-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-debug-stats-border-radius: var(--ms-border-radius-sm);--ms-debug-bullet-color: var(--ms-accent-color)}}@layer component{web-multiselect:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}:host{-webkit-tap-highlight-color:transparent}.ms__wrapper{display:flex;flex-direction:column;align-items:stretch}.ms__wrapper--inline{flex-direction:row;align-items:var(--ms-inline-align, center)}.ms{position:relative;width:100%}}@layer component{.ms__input-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--ms-input-gap);height:var(--ms-input-height);padding-inline:var(--ms-input-padding-h);background:var(--ms-input-bg);color:var(--ms-input-color);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-wrapper:hover:not(:focus-within){border:var(--ms-input-border-hover)}.ms__input-wrapper:focus-within{border:var(--ms-input-border-focus)}.ms__input{flex:1 1 auto;min-width:0;box-sizing:border-box;font-family:inherit;height:100%;padding:0;border:none;background:transparent;font-size:var(--ms-input-font-size);color:var(--ms-input-color);cursor:pointer;outline:none}.ms__input::placeholder{color:var(--ms-input-placeholder-color);opacity:0;transition:opacity var(--ms-transition-fast) var(--ms-easing-snappy)}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity)}.ms__toggle{flex:0 0 auto;display:block;width:var(--ms-toggle-icon-size);height:var(--ms-toggle-icon-size);color:var(--ms-toggle-icon-color);cursor:pointer}.ms__toggle:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat;transform:rotate(var(--ms-transform-rotate-180));transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{color:var(--ms-toggle-icon-color-open)}.ms--open .ms__toggle:before{transform:rotate(0)}.ms__counter{flex:0 0 auto;padding:var(--ms-counter-padding);background:var(--ms-counter-badge-bg);color:var(--ms-counter-badge-color);font-size:var(--ms-counter-font-size);font-weight:var(--ms-counter-font-weight);border-radius:var(--ms-counter-border-radius);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter:hover{background:var(--ms-counter-badge-bg-hover);transform:scale(var(--ms-transform-scale-hover))}.ms__input-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-input-clear-size);height:var(--ms-input-clear-size);padding:0;color:var(--ms-input-clear-color);background:transparent;border:none;border-radius:var(--ms-input-clear-border-radius);cursor:pointer;transition:background var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-clear:hover{background:var(--ms-input-clear-bg-hover)}.ms__input-clear:before{content:"";display:block;width:var(--ms-input-clear-icon-size);height:var(--ms-input-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-clear) center / contain no-repeat;mask:var(--ms-icon-clear) center / contain no-repeat}.ms__actions{display:flex;flex-direction:column;gap:var(--ms-actions-gap);padding:var(--ms-actions-padding)}.ms__actions--top{border-bottom:var(--ms-actions-border-bottom)}.ms__actions--bottom{flex-direction:column-reverse;border-top:var(--ms-actions-border-bottom)}.ms__actions-row{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap)}.ms__actions--wrap .ms__actions-row{flex-wrap:wrap}.ms__actions--sticky{position:sticky;z-index:var(--ms-z-index-sticky);background:var(--ms-actions-bg)}.ms__actions--sticky.ms__actions--top{top:0}.ms__actions--sticky.ms__actions--bottom{bottom:0}.ms__actions--align-stretch .ms__action-btn{flex:1}.ms__actions--align-left .ms__actions-row{justify-content:flex-start}.ms__actions--align-right .ms__actions-row{justify-content:flex-end}.ms__actions--align-center .ms__actions-row{justify-content:center}.ms__actions--align-space-between .ms__actions-row{justify-content:space-between}.ms__action-btn{font-family:inherit;padding:var(--ms-action-btn-padding);font-size:var(--ms-action-btn-font-size);border:var(--ms-action-btn-border);border-radius:var(--ms-action-btn-border-radius);background:var(--ms-action-button-bg);color:var(--ms-action-button-color);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}@media (hover: hover){.ms__action-btn:hover{background:var(--ms-action-button-bg-hover);border-color:var(--ms-action-button-border-color-hover)}}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity);cursor:not-allowed;pointer-events:none}}@layer component{.ms__hint{display:none;position:fixed;z-index:var(--ms-z-index-popover);padding:var(--ms-hint-padding);background:var(--ms-hint-bg);border:var(--ms-hint-border);border-radius:var(--ms-hint-border-radius);box-shadow:var(--ms-hint-box-shadow);font-size:var(--ms-hint-font-size);color:var(--ms-hint-color);line-height:var(--ms-line-height-relaxed);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:fixed;font-family:inherit;z-index:var(--ms-z-index-dropdown);background:var(--ms-dropdown-bg);border:var(--ms-dropdown-border);border-radius:var(--ms-dropdown-border-radius);box-shadow:var(--ms-dropdown-box-shadow);width:var(--ms-dropdown-width);max-height:var(--ms-options-max-height);overflow:hidden;color:var(--ms-dropdown-text-color)}.ms__dropdown--visible{display:flex;flex-direction:column}.ms__dropdown--fullscreen,.ms__selected-popover--fullscreen{--ms-rem: var(--ms-fullscreen-rem);--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tree-base-indent: var(--ms-fullscreen-tree-base-indent);--ms-tree-indent: var(--ms-fullscreen-tree-indent)}.ms__selected-popover--fullscreen{--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(4.2 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-badge-text-padding: 0 calc(1.2 * var(--ms-rem));--ms-badge-remove-width: calc(3.6 * var(--ms-rem));--ms-badge-remove-icon-size: calc(1.2 * var(--ms-rem));--ms-badge-remove-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-action-btn-padding: calc(.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{position:fixed;top:0;inset-inline-start:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;--ms-dropdown-inner-border-radius: 0;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__dropdown--fullscreen .ms__dropdown-inner{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}.ms__dropdown--fullscreen .ms__options{flex:1 1 0;min-height:0;height:auto;max-height:none;overflow-y:auto;padding-bottom:var(--ms-option-gap)}.ms__dropdown--fullscreen .ms__actions{flex:0 0 auto}.ms__fullscreen-header,.ms__selected-popover--fullscreen .ms__selected-popover-header{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ms-fullscreen-header-gap);min-height:var(--ms-fullscreen-header-min-height);padding:var(--ms-fullscreen-header-padding);background:var(--ms-fullscreen-header-bg);border-bottom:var(--ms-fullscreen-header-border)}.ms__fullscreen-header{align-content:flex-start}.ms__fullscreen-header>.ms__fullscreen-search-wrapper{min-height:var(--ms-fullscreen-header-min-height)}.ms__fullscreen-nav{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ms-fullscreen-nav-gap);padding-top:var(--ms-fullscreen-nav-padding-top)}.ms__fullscreen-nav-count{font-size:var(--ms-fullscreen-nav-count-font-size);color:var(--ms-fullscreen-nav-count-color)}.ms__fullscreen-nav-controls{display:flex;align-items:center;gap:var(--ms-fullscreen-nav-gap)}.ms__fullscreen-nav-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-nav-btn-size);height:var(--ms-fullscreen-nav-btn-size);padding:0;color:var(--ms-fullscreen-nav-btn-color);background:var(--ms-fullscreen-nav-btn-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-nav-btn:hover:not(:disabled){background:var(--ms-fullscreen-nav-btn-bg-hover)}.ms__fullscreen-nav-btn:disabled{opacity:.4;cursor:default}.ms__fullscreen-nav-btn:before{content:"";display:block;width:var(--ms-fullscreen-nav-btn-icon-size);height:var(--ms-fullscreen-nav-btn-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat}.ms__fullscreen-nav-btn--next:before{transform:scaleY(-1)}.ms__fullscreen-header>.ms__fullscreen-search-wrapper,.ms__selected-popover--fullscreen .ms__selected-popover-header>span{flex:1 1 0;min-width:0}.ms__fullscreen-search-wrapper{position:relative;display:flex;align-items:center}.ms__selected-popover--fullscreen .ms__selected-popover-header{font-size:var(--ms-fullscreen-title-font-size);font-weight:var(--ms-fullscreen-title-font-weight);color:var(--ms-fullscreen-text-color)}.ms__fullscreen-search{flex:1 1 auto;min-width:0;font-family:inherit;font-size:var(--ms-fullscreen-search-font-size);color:inherit;background:transparent;border:var(--ms-fullscreen-search-border);border-radius:var(--ms-fullscreen-search-border-radius);padding:var(--ms-fullscreen-search-padding);padding-inline-end:var(--ms-fullscreen-search-clear-gutter)}.ms__fullscreen-search:focus{outline:none;border:var(--ms-input-border-focus)}.ms__fullscreen-search-clear{position:absolute;inset-inline-end:var(--ms-fullscreen-search-clear-inset);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-search-clear-size);height:var(--ms-fullscreen-search-clear-size);padding:0;color:var(--ms-fullscreen-search-clear-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-search-clear:hover{background:var(--ms-fullscreen-search-clear-bg-hover)}.ms__fullscreen-search-clear:before{content:"";display:block;width:var(--ms-fullscreen-search-clear-icon-size);height:var(--ms-fullscreen-search-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-search-clear) center / contain no-repeat;mask:var(--ms-icon-search-clear) center / contain no-repeat}.ms__fullscreen-mode-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-mode-toggle-size);height:var(--ms-fullscreen-mode-toggle-size);margin-inline-end:var(--ms-fullscreen-mode-toggle-gap);margin-inline-start:calc((var(--ms-fullscreen-close-size) - var(--ms-fullscreen-mode-toggle-size)) / 2 - var(--ms-fullscreen-close-edge-nudge));padding:0;color:var(--ms-fullscreen-mode-toggle-color);background:var(--ms-fullscreen-mode-toggle-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-mode-toggle:hover{background:var(--ms-fullscreen-mode-toggle-bg-hover)}.ms__fullscreen-mode-toggle:before{content:"";display:block;width:var(--ms-fullscreen-mode-toggle-icon-size);height:var(--ms-fullscreen-mode-toggle-icon-size);background-color:currentColor;-webkit-mask:var(--ms-fullscreen-mode-toggle-icon, var(--ms-icon-search)) center / contain no-repeat;mask:var(--ms-fullscreen-mode-toggle-icon, var(--ms-icon-search)) center / contain no-repeat}.ms__fullscreen-mode-toggle[data-mode=navigate]{--ms-fullscreen-mode-toggle-icon: var(--ms-icon-search)}.ms__fullscreen-mode-toggle[data-mode=filter]{--ms-fullscreen-mode-toggle-icon: var(--ms-icon-filter)}.ms__fullscreen-close,.ms__selected-popover--fullscreen .ms__selected-popover-close{flex:0 0 auto;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-close-size);height:var(--ms-fullscreen-close-size);margin-inline-end:calc(-1 * var(--ms-fullscreen-close-edge-nudge));padding:0;color:var(--ms-fullscreen-close-color);background:var(--ms-fullscreen-close-bg);border:var(--ms-fullscreen-close-border);border-radius:var(--ms-fullscreen-close-border-radius);cursor:pointer}.ms__fullscreen-close:after,.ms__selected-popover--fullscreen .ms__selected-popover-close:after{content:"";position:absolute;inset-block-start:calc(-1 * var(--ms-fullscreen-close-size));inset-block-end:calc(-1 * var(--ms-fullscreen-header-padding-v));inset-inline-end:calc(-1 * var(--ms-fullscreen-header-padding-h));inset-inline-start:calc(-1 * var(--ms-fullscreen-header-gap))}.ms__fullscreen-close:hover,.ms__selected-popover--fullscreen .ms__selected-popover-close:hover{background:var(--ms-fullscreen-close-bg-hover);color:var(--ms-fullscreen-close-color)}.ms__fullscreen-close:before,.ms__selected-popover--fullscreen .ms__selected-popover-close:before{content:"";display:block;width:var(--ms-fullscreen-close-icon-size);height:var(--ms-fullscreen-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__dropdown--fullscreen .ms__option-info{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:var(--ms-fullscreen-info-size);height:var(--ms-fullscreen-info-size);margin-inline-start:var(--ms-option-gap);padding:0;color:var(--ms-fullscreen-info-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__dropdown--fullscreen .ms__option--truncated .ms__option-info{display:inline-flex}@media (hover: hover){.ms__dropdown--fullscreen .ms__option-info:hover{background:var(--ms-fullscreen-info-bg-hover)}}.ms__dropdown--fullscreen .ms__option-info:before{content:"";display:block;width:var(--ms-fullscreen-info-icon-size);height:var(--ms-fullscreen-info-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-info) center / contain no-repeat;mask:var(--ms-icon-info) center / contain no-repeat}.ms__dropdown-inner{flex:1;overflow-y:auto;border-radius:var(--ms-dropdown-inner-border-radius);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__dropdown-inner::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__dropdown-inner::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__dropdown--virtual{max-height:none}.ms__dropdown--virtual .ms__dropdown-inner{overflow:hidden}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-tooltip-bg);color:var(--ms-tooltip-text-color);padding:var(--ms-tooltip-padding);border-radius:var(--ms-tooltip-border-radius);font-size:var(--ms-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow);pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip{position:fixed;z-index:var(--ms-option-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-option-tooltip-bg);color:var(--ms-option-tooltip-text-color);padding:var(--ms-option-tooltip-padding);border-radius:var(--ms-option-tooltip-border-radius);font-size:var(--ms-option-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-option-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-option-tooltip-shadow);pointer-events:none}.ms__option-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip--fullscreen{z-index:var(--ms-z-index-fullscreen-tooltip)}.ms__message{position:fixed;z-index:var(--ms-message-z-index);box-sizing:border-box;max-width:var(--ms-message-max-width);padding:var(--ms-message-padding);font-family:inherit;font-size:var(--ms-message-font-size);font-weight:var(--ms-message-font-weight);line-height:var(--ms-line-height-normal);color:var(--ms-message-color);background:var(--ms-message-bg);border:var(--ms-message-border);border-radius:var(--ms-message-border-radius);box-shadow:var(--ms-message-shadow);cursor:pointer;opacity:0;transition:opacity var(--ms-transition-normal) ease;-webkit-tap-highlight-color:transparent}.ms__message--visible{opacity:1}.ms__message--info{background:var(--ms-message-info-bg);color:var(--ms-message-info-color)}.ms__message--warning{background:var(--ms-message-warning-bg);color:var(--ms-message-warning-color)}.ms__message--error{background:var(--ms-message-error-bg);color:var(--ms-message-error-color)}.ms__message--success{background:var(--ms-message-success-bg);color:var(--ms-message-success-color)}.ms__message--fullscreen{left:50%;right:auto;bottom:calc(var(--ms-message-fullscreen-offset) + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(var(--ms-message-max-width),calc(100vw - 4 * var(--ms-fullscreen-rem)));padding:calc(1 * var(--ms-fullscreen-rem)) calc(1.4 * var(--ms-fullscreen-rem));font-size:calc(var(--base-font-size-sm, 1.4) * var(--ms-fullscreen-rem))}.ms__selected-popover{display:none;position:fixed;z-index:var(--ms-z-index-popover);background:var(--ms-selected-popover-bg);border:var(--ms-selected-popover-border);border-radius:var(--ms-selected-popover-border-radius);box-shadow:var(--ms-selected-popover-box-shadow);width:var(--ms-selected-popover-width);max-height:var(--ms-selected-popover-max-height);overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;overflow:hidden;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__selected-popover--fullscreen .ms__selected-popover-body{flex:1 1 0;min-height:0;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding);background:var(--ms-selected-popover-header-bg);border-bottom:var(--ms-selected-popover-header-border-bottom);font-size:var(--ms-selected-popover-header-font-size);font-weight:var(--ms-selected-popover-header-font-weight);color:var(--ms-selected-popover-header-color)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size);height:var(--ms-popover-close-size);padding:0;border:none;background:var(--ms-selected-popover-close-bg);color:var(--ms-selected-popover-close-color);font-size:var(--ms-selected-popover-close-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-bg-hover);color:var(--ms-selected-popover-close-color-hover)}.ms__selected-popover-close:before{content:"";display:block;width:var(--ms-selected-popover-close-icon-size);height:var(--ms-selected-popover-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap);padding:var(--ms-selected-popover-body-padding);overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed);flex-shrink:0}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap);overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer component{.ms--disabled .ms__input-wrapper{opacity:var(--ms-disabled-input-opacity);background:var(--ms-input-bg-disabled);cursor:not-allowed}.ms--disabled .ms__input{cursor:not-allowed}.ms--no-checkboxes .ms__option{gap:0;padding-inline-start:var(--ms-option-padding-h)}.ms--no-checkboxes .ms__option-content{padding-inline-start:0}.ms--no-selected-popover .ms__counter,.ms--no-selected-popover .ms__badge[data-action=show-selected],.ms--no-selected-popover .ms__badge--counter,.ms--no-selected-popover .ms__badge--more{cursor:default}}@layer component;@layer component{.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap);padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom)}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top);order:var(--ms-order-first)}.ms__badges--left{order:var(--ms-order-first);margin-right:var(--ms-badges-margin-left);justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right);justify-content:flex-start}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height);font-size:var(--ms-badge-font-size);font-weight:var(--ms-badge-font-weight);line-height:var(--ms-line-height-none);border-radius:var(--ms-badge-border-radius);overflow:hidden;max-width:100%}.ms__badge--custom{display:block;height:auto;max-width:none;overflow:visible;border-radius:0;font-size:inherit;font-weight:inherit}.ms__badge-text{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:var(--ms-badge-text-padding);background:var(--ms-badge-text-bg);color:var(--ms-badge-text-color);border:var(--ms-badge-text-border);border-inline-end:none;border-start-start-radius:var(--ms-badge-border-radius);border-end-start-radius:var(--ms-badge-border-radius);border-start-end-radius:0;border-end-end-radius:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal) ease,color var(--ms-transition-normal) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-bg-hover, var(--ms-badge-text-bg));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--ms-badge-remove-width);height:100%;flex-shrink:0;background:var(--ms-badge-remove-bg);color:var(--ms-badge-remove-color);border:var(--ms-badge-remove-border);border-inline-start:none;border-start-end-radius:var(--ms-badge-border-radius);border-end-end-radius:var(--ms-badge-border-radius);border-start-start-radius:0;border-end-start-radius:0;cursor:pointer;transition:background-color var(--ms-transition-normal) ease;font-size:var(--ms-badge-remove-font-size)}.ms__badge-remove:hover{background:var(--ms-badge-remove-bg-hover)}.ms__badge-remove:focus{outline:none}.ms__badge-remove:focus-visible{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus)}.ms__badge-remove:before{content:"";display:block;width:var(--ms-badge-remove-icon-size);height:var(--ms-badge-remove-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-bg);color:var(--ms-badge-counter-text-color);border:var(--ms-badge-counter-border);border-inline-end:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-bg);color:var(--ms-badge-counter-remove-color);border:var(--ms-badge-counter-border);border-inline-start:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-bg-hover)}.ms__badge--more,.ms__badge[data-action=show-selected]{cursor:pointer}}@layer component{.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom)}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top);order:var(--ms-order-first)}.ms__count-display--left{order:var(--ms-order-first);margin-right:var(--ms-count-display-margin-left);justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right);justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap);background:var(--ms-counter-wrapper-bg);border:var(--ms-counter-wrapper-border);border-radius:var(--ms-counter-wrapper-border-radius);padding:var(--ms-counter-wrapper-padding);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-bg-hover);border-color:var(--ms-counter-wrapper-border-color-hover)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg);border:var(--ms-count-text-border);padding:0;font-size:var(--ms-count-text-font-size);color:var(--ms-count-text-color);cursor:pointer;transition:color var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size);height:var(--ms-count-clear-size);padding:0;border:none;background:var(--ms-count-clear-bg);color:var(--ms-count-clear-color);font-size:var(--ms-count-clear-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-count-clear-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear:hover{background:var(--ms-count-clear-bg-hover);color:var(--ms-count-clear-color-hover)}.ms__count-clear:before{content:"";display:block;width:var(--ms-count-clear-icon-size);height:var(--ms-count-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-clear) center / contain no-repeat;mask:var(--ms-icon-clear) center / contain no-repeat}}@layer component{.ms__debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-bg);border:1px solid var(--ms-debug-border-color);border-radius:var(--ms-debug-border-radius);font-size:calc(1.2 * var(--ms-rem));color:var(--ms-debug-text-color)}.ms__debug-info details summary{cursor:pointer;font-weight:600;color:var(--ms-debug-summary-color);-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:var(--ms-debug-summary-border-radius)}.ms__debug-info details summary:hover{background-color:var(--ms-debug-summary-bg-hover)}.ms__debug-info details summary:focus{outline:2px solid var(--ms-debug-summary-outline-color);outline-offset:2px}.ms__debug-info .ms__debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-stats-bg);border-radius:var(--ms-debug-stats-border-radius)}.ms__debug-info .ms__debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ms__debug-info .ms__debug-stats span:before{content:"•";margin-inline-end:calc(.4 * var(--ms-rem));color:var(--ms-debug-bullet-color)}}@layer component{.ms__options{padding:var(--ms-options-padding);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__options--virtual .ms__option,.ms__options--fixed-height .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top);margin-top:var(--ms-group-margin-top);padding-top:var(--ms-group-padding-top)}.ms__group-label{padding:var(--ms-group-label-padding);font-size:var(--ms-group-label-font-size);font-weight:var(--ms-group-label-font-weight);color:var(--ms-group-label-color);text-transform:var(--ms-group-label-transform);letter-spacing:var(--ms-group-label-letter-spacing)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, center);gap:var(--ms-option-gap);padding:var(--ms-option-padding);position:relative;min-height:var(--ms-option-min-height, auto);color:var(--ms-option-text-color);background:var(--ms-option-bg);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__option:hover{background:var(--ms-option-bg-hover);color:var(--ms-option-color-hover, inherit)}}.ms__option--focused{background:var(--ms-option-bg-focused);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--matched{background:var(--ms-option-bg-matched);color:var(--ms-option-color-matched, inherit)}.ms__option--matched:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;border-inline-start:var(--ms-option-border-matched);pointer-events:none}.ms__option--selected{background:var(--ms-option-bg-selected)}@media (hover: hover){.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-bg-selected))}}.ms__option--disabled{opacity:var(--ms-disabled-opacity);cursor:not-allowed;background:var(--ms-option-disabled-bg)}.ms__option--disabled:hover{background:var(--ms-option-disabled-bg)}@media (hover: hover){.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color)))}}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover);color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched)}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected)}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=top]{--ms-checkbox-align: flex-start;--ms-checkbox-margin-top: calc(.2 * var(--ms-rem))}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top);margin-inline-end:var(--ms-checkbox-margin-right);margin-bottom:var(--ms-checkbox-margin-bottom);margin-inline-start:var(--ms-checkbox-margin-left);width:var(--ms-checkbox-size);height:var(--ms-checkbox-size);transform:scale(var(--ms-checkbox-scale));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg);border:var(--ms-checkbox-border);border-radius:var(--ms-checkbox-border-radius);transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:40%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color);border-width:0 var(--ms-checkbox-checkmark-thickness, 2px) var(--ms-checkbox-checkmark-thickness, 2px) 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox:checked:after{display:block}.ms__checkbox--indeterminate{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox--indeterminate:after{display:block;top:50%;left:50%;width:55%;height:0;transform:translate(-50%,-50%);border:none;border-bottom:var(--ms-checkbox-checkmark-thickness, 2px) solid var(--ms-checkbox-checkmark-color)}.ms__checkbox--indeterminate:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg);border:var(--ms-checkbox-disabled-border);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:center;gap:var(--ms-option-content-gap);min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size);height:var(--ms-option-icon-size);display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size)}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size);color:var(--ms-option-title-color);line-height:var(--ms-line-height-relaxed);white-space:var(--ms-option-title-white-space, normal);overflow:var(--ms-option-title-overflow, visible);text-overflow:var(--ms-option-title-text-overflow, clip)}@media (hover: hover){.ms__option:hover .ms__option-title{color:var(--ms-option-title-color-hover, var(--ms-option-title-color))}}.ms__option--selected .ms__option-title{color:var(--ms-option-title-color-selected, var(--ms-option-title-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-title{color:var(--ms-option-title-color-selected-hover, var(--ms-option-title-color-selected, var(--ms-option-title-color)))}}.ms__option-title mark{background:var(--ms-option-mark-bg);color:var(--ms-option-mark-color);font-weight:var(--ms-option-mark-font-weight)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top);font-size:var(--ms-option-subtitle-font-size);color:var(--ms-option-subtitle-color);line-height:var(--ms-option-subtitle-line-height)}@media (hover: hover){.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color))}}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color)))}}.ms__empty{display:flex;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-empty-padding);text-align:center;font-size:var(--ms-empty-font-size);color:var(--ms-empty-color)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-loader-padding);gap:var(--ms-loader-gap)}.ms__loading-text{font-size:var(--ms-loading-text-font-size);color:var(--ms-loading-color)}}@layer component{.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badges--right{margin-left:0;margin-right:var(--ms-badges-margin-right)}.ms--rtl .ms__badges--left{margin-right:0;margin-left:var(--ms-badges-margin-left)}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__count-display--right{margin-left:0;margin-right:var(--ms-count-display-margin-right)}.ms--rtl .ms__count-display--left{margin-right:0;margin-left:var(--ms-count-display-margin-left)}}@layer component{.ms__option--tree{padding-inline-start:calc(var(--ms-tree-base-indent, .75rem) + var(--ms-tree-depth, 0) * var(--ms-tree-indent, 1.25rem))}.ms__option--tree-unselectable{cursor:default}.ms__option--tree-unselectable:hover{background:transparent}}@layer overrides{:host-context([data-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){color-scheme:dark}:host-context([data-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light){color-scheme:light}:host([data-theme="dark"]){color-scheme:dark}:host([data-theme="light"]){color-scheme:light}}`, js = [
+const Oo = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: 10px;font-family:var(--ms-font-family, var(--base-font-family, inherit));--ms-accent-color: var(--base-accent-color, #3b82f6);--ms-accent-color-hover: var(--base-accent-color-hover, #2563eb);--ms-accent-color-active: var(--base-accent-color-active, #1d4ed8);--ms-accent-color-light: var(--base-accent-color-light, light-dark(#eff6ff, #1e3a5f));--ms-accent-color-light-hover: var(--base-accent-color-light-hover, light-dark(#e0f2fe, #264a73));--ms-text-color-1: var(--base-text-color-1, light-dark(#111827, #f5f5f5));--ms-text-color-2: var(--base-text-color-2, light-dark(#353b47, #d4d4d4));--ms-text-color-3: var(--base-text-color-3, light-dark(#6b7280, #a3a3a3));--ms-text-color-4: var(--base-text-color-4, light-dark(#a0a3a9, #737373));--ms-text-color-on-accent: var(--base-text-color-on-accent, #ffffff);--ms-text-primary: var(--ms-text-color-1);--ms-text-secondary: var(--ms-text-color-3);--ms-primary-bg: var(--base-hover-bg, color-mix(in srgb, var(--ms-text-color-1) 8%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-primary-bg-hover: var(--base-active-bg, color-mix(in srgb, var(--ms-text-color-1) 14%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-border-color: var(--base-border-color, light-dark(#cbd5e1, #52525b));--ms-border: var(--base-border, 1px solid var(--ms-border-color));--ms-input-bg: var(--base-input-bg, light-dark(#ffffff, #1a1a1a));--ms-input-color: var(--base-input-color, var(--ms-text-color-1));--ms-input-border: var(--base-input-border, 1px solid var(--ms-border-color));--ms-input-border-hover: var(--base-input-border-hover, 1px solid var(--ms-accent-color));--ms-input-border-focus: var(--base-input-border-focus, 1px solid var(--ms-accent-color));--ms-input-placeholder-color: var(--base-input-placeholder-color, var(--ms-text-color-4));--ms-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-toggle-icon-size: calc(1.6 * var(--ms-rem));--ms-toggle-rotate-closed: 90deg;--ms-toggle-rotate-open: -90deg;--ms-counter-badge-bg: var(--ms-accent-color);--ms-counter-badge-bg-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-color-on-accent);--ms-hint-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-hint-color: var(--ms-text-color-4);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-dropdown-text-color: var(--ms-text-color-1);--ms-dropdown-border-color: var(--ms-border-color);--ms-dropdown-box-shadow-semantic: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-actions-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-actions-border-color: var(--ms-border-color);--ms-action-button-bg: transparent;--ms-action-button-bg-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-color-1);--ms-group-border-color: var(--ms-border-color);--ms-option-text-color: var(--ms-text-color-1);--ms-option-bg: transparent;--ms-option-bg-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-bg-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-bg-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-option-bg-matched: color-mix(in srgb, var(--ms-accent-color) 8%, transparent);--ms-option-color-matched: inherit;--ms-option-border-matched-color: color-mix(in srgb, var(--ms-accent-color) 40%, transparent);--ms-option-title-color: var(--ms-text-color-1);--ms-option-subtitle-color: var(--ms-text-color-3);--ms-option-mark-bg: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-option-mark-color: inherit;--ms-loading-color: var(--ms-text-color-3);--ms-badge-bg: var(--ms-accent-color-light);--ms-badge-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: var(--ms-primary-bg-hover);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-remove-bg: var(--ms-text-color-3);--ms-badge-counter-remove-bg-hover: var(--ms-text-color-1);--ms-badge-counter-remove-color: var(--ms-text-color-on-accent);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-count-clear-bg-hover: var(--ms-accent-color);--ms-tooltip-bg: var(--base-tooltip-bg, var(--base-inverse-bg, light-dark(#333333, #f5f5f5)));--ms-tooltip-text-color: var(--base-tooltip-text-color, light-dark(#ffffff, #1a1a1a));--ms-selected-popover-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-bg-hover: var(--ms-accent-color);--ms-input-padding-h: calc(1.2 * var(--ms-rem));--ms-input-gap: calc(.6 * var(--ms-rem));--ms-input-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-border-width: 1px;--ms-input-border-radius: var(--ms-border-radius-md);--ms-input-text: var(--ms-text-color-1);--ms-input-bg-disabled: var(--base-input-bg-disabled, rgba(107, 114, 128, .05));--ms-toggle-color: var(--ms-text-color-3);--ms-transform-rotate-180: 180deg;--ms-input-clear-size: calc(2.4 * var(--ms-rem));--ms-input-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-input-clear-color: var(--base-input-clear-color, var(--ms-text-secondary));--ms-input-clear-bg-hover: var(--base-input-clear-bg-hover, var(--ms-option-bg-matched, transparent));--ms-input-clear-border-radius: var(--ms-border-radius);--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: var(--ms-accent-color);--ms-counter-color: var(--ms-text-color-on-accent);--ms-counter-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-counter-font-weight: var(--base-font-weight-semibold, 600);--ms-counter-border-radius: var(--ms-border-radius-sm);--ms-counter-bg-hover: var(--ms-accent-color-hover);--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-border: 1px solid var(--ms-hint-border-color);--ms-hint-border-radius: var(--ms-border-radius-lg);--ms-hint-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ms-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-dropdown-border: var(--base-dropdown-border, 1px solid var(--ms-dropdown-border-color));--ms-dropdown-border-radius: var(--ms-border-radius-lg);--ms-dropdown-inner-border-radius: max(0px, calc(var(--ms-dropdown-border-radius) - 1px));--ms-dropdown-box-shadow: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-input-current-width: auto;--ms-dropdown-width: var(--ms-input-current-width);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: var(--ms-text-color-1);--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-z-index-fullscreen: 10001;--ms-z-index-fullscreen-tooltip: 10002;--ms-fullscreen-rem: 12px;--ms-fullscreen-bg: var(--ms-dropdown-bg);--ms-fullscreen-text-color: var(--ms-dropdown-text-color);--ms-fullscreen-header-bg: var(--ms-dropdown-bg);--ms-fullscreen-header-border: 1px solid var(--ms-dropdown-border-color);--ms-fullscreen-header-gap: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-v: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-h: calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding: var(--ms-fullscreen-header-padding-v) var(--ms-fullscreen-header-padding-h);--ms-fullscreen-header-min-height: calc(5.6 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-size: calc(1.7 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-weight: var(--base-font-weight-semibold, 600);--ms-fullscreen-search-border: var(--ms-input-border);--ms-fullscreen-search-border-radius: var(--ms-input-border-radius);--ms-fullscreen-search-padding: calc(.8 * var(--ms-fullscreen-rem)) calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-search-font-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-icon-size: calc(1.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-inset: calc(.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-gutter: calc(3.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-search-clear-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-mode-toggle-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-icon-size: calc(1.5 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-gap: var(--ms-fullscreen-header-gap);--ms-fullscreen-mode-toggle-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-mode-toggle-bg: transparent;--ms-fullscreen-mode-toggle-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-size: calc(3.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-color: var(--ms-dropdown-text-color);--ms-fullscreen-close-bg: transparent;--ms-fullscreen-close-border: none;--ms-fullscreen-close-border-radius: 50%;--ms-fullscreen-close-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-edge-nudge: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-icon-size: calc(1.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-color: var(--ms-accent-color);--ms-fullscreen-info-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-gap: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-padding-top: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-font-size: calc(1.3 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-nav-btn-size: calc(3.2 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-color: var(--ms-dropdown-text-color);--ms-fullscreen-nav-btn-bg: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-btn-bg-hover: color-mix(in srgb, var(--ms-accent-color) 22%, transparent);--ms-fullscreen-nav-btn-icon: var(--ms-icon-chevron);--ms-icon-chevron: var(--base-icon-chevron, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>"));--ms-icon-info: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><circle cx='12' cy='7.5' r='1.3' fill='black'/><path d='M12 11v6' stroke='black' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");--ms-fullscreen-tree-base-indent: calc(.7 * var(--ms-fullscreen-rem));--ms-fullscreen-tree-indent: calc(1.2 * var(--ms-fullscreen-rem));--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid var(--ms-actions-border-color);--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-action-btn-border: var(--ms-border);--ms-action-btn-border-radius: var(--ms-border-radius-sm);--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: var(--ms-primary-bg);--ms-action-btn-border-color-hover: var(--ms-accent-color);--ms-transform-scale-active: .98;--ms-options-padding: 0;--ms-group-border-top: 1px solid var(--ms-group-border-color);--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-font-weight: var(--base-font-weight-semibold, 600);--ms-group-label-color: var(--ms-text-color-3);--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-min-height: auto;--ms-option-outline-focused: 2px solid var(--ms-option-outline-color-focused);--ms-option-focus-outline-offset: -2px;--ms-option-border-matched: 3px solid var(--ms-option-border-matched-color);--ms-option-bg-focused-hover: var(--ms-primary-bg);--ms-option-bg-matched-hover: color-mix(in srgb, var(--ms-accent-color) 12%, transparent);--ms-option-bg-selected-focused: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-bg-selected-matched: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-disabled-bg: var(--base-disabled-bg, transparent);--ms-option-bg-disabled-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-mark-font-weight: var(--base-font-weight-semibold, 600);--ms-option-title-white-space: normal;--ms-option-title-overflow: visible;--ms-option-title-text-overflow: clip;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-subtitle-line-height: var(--base-line-height-tight, 1.25);--ms-checkbox-margin-top: 0;--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: center;--ms-checkbox-bg: var(--ms-input-bg);--ms-checkbox-border-width: 1px;--ms-checkbox-border-color: var(--base-checkbox-border-color, #8f8f8f);--ms-checkbox-border: var(--ms-checkbox-border-width) solid var(--ms-checkbox-border-color);--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checkmark-thickness: 2.5px;--ms-checkbox-checked-bg: var(--ms-accent-color);--ms-checkbox-checked-border: var(--ms-checkbox-border-width) solid var(--ms-accent-color);--ms-checkbox-checkmark-color: var(--ms-text-color-on-accent);--ms-checkbox-hover-border-color: var(--ms-accent-color);--ms-checkbox-disabled-bg: var(--ms-primary-bg);--ms-checkbox-disabled-border: var(--ms-checkbox-border-width) solid var(--ms-border-color);--ms-checkbox-checked-bg-hover: var(--ms-accent-color-hover);--ms-checkbox-checked-border-color-hover: var(--ms-accent-color-hover);--ms-state-min-height: calc(8 * var(--ms-rem));--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-empty-color: var(--ms-text-color-3);--ms-loader-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-loading-text-color: var(--ms-text-color-3);--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-inline-align: center;--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-font-weight: var(--base-font-weight-semibold, 600);--ms-badge-border-radius: var(--ms-border-radius-sm);--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: var(--ms-accent-color-light);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: var(--ms-accent-color);--ms-badge-remove-color: var(--ms-text-color-on-accent);--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-remove-bg-hover: var(--ms-accent-color-hover);--ms-badge-remove-box-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--ms-accent-color) 50%, transparent);--ms-badge-remove-icon-size: calc(1 * var(--ms-rem));--ms-icon-remove: var(--base-icon-remove, var(--base-icon-close, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></svg>")));--ms-icon-search-clear: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m13.5 8.5-5 5'/><path d='m8.5 8.5 5 5'/><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");--ms-icon-search: var(--base-icon-search, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>"));--ms-icon-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>");--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid var(--ms-badge-counter-border-color);--ms-badge-counter-border-radius: var(--ms-border-radius-sm);--ms-more-badge-bg: var(--ms-accent-color-light);--ms-more-badge-hover-bg: var(--ms-badge-bg-hover);--ms-more-badge-active-bg: var(--ms-accent-color-light-hover);--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: var(--ms-border);--ms-counter-wrapper-border-radius: var(--ms-border-radius-sm);--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-count-text-color: var(--ms-text-color-1);--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: var(--ms-text-color-3);--ms-count-clear-font-size: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-count-clear-border-radius: var(--ms-border-radius-sm);--ms-count-clear-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-count-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-icon-clear: var(--base-icon-clear, var(--ms-icon-remove));--ms-tooltip-color: var(--ms-tooltip-text-color);--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: var(--ms-border-radius-lg);--ms-tooltip-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-option-tooltip-bg: var(--ms-tooltip-bg);--ms-option-tooltip-text-color: var(--ms-tooltip-text-color);--ms-option-tooltip-padding: var(--ms-tooltip-padding);--ms-option-tooltip-border-radius: var(--ms-tooltip-border-radius);--ms-option-tooltip-font-size: var(--ms-tooltip-font-size);--ms-option-tooltip-max-width: var(--ms-tooltip-max-width);--ms-option-tooltip-shadow: var(--ms-tooltip-shadow);--ms-option-tooltip-z-index: var(--ms-tooltip-z-index);--ms-message-bg: var(--ms-message-info-bg);--ms-message-color: var(--ms-message-info-color);--ms-message-border: 1px solid transparent;--ms-message-border-radius: var(--ms-border-radius-lg);--ms-message-padding: calc(1 * var(--ms-rem)) calc(1.4 * var(--ms-rem));--ms-message-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-message-font-weight: var(--base-font-weight-medium, 500);--ms-message-max-width: calc(40 * var(--ms-rem));--ms-message-shadow: 0 4px 16px rgb(0 0 0 / .18);--ms-message-fullscreen-offset: calc(2.4 * var(--ms-fullscreen-rem));--ms-message-z-index: var(--ms-z-index-fullscreen-tooltip);--ms-message-info-bg: var(--ms-tooltip-bg);--ms-message-info-color: var(--ms-tooltip-text-color);--ms-message-warning-bg: var(--base-warning-bg, #f59e0b);--ms-message-warning-color: var(--base-warning-color, #1a1a1a);--ms-message-error-bg: var(--base-danger-bg, #ef4444);--ms-message-error-color: var(--base-danger-color, #ffffff);--ms-message-success-bg: var(--base-success-bg, #10b981);--ms-message-success-color: var(--base-success-color, #ffffff);--ms-z-index-popover: 10000;--ms-selected-popover-width: var(--ms-input-current-width);--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-border: 1px solid var(--ms-selected-popover-border-color);--ms-selected-popover-border-radius: var(--ms-border-radius-lg);--ms-selected-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-selected-popover-header-border-bottom: 1px solid var(--ms-selected-popover-header-border-color);--ms-selected-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-selected-popover-header-font-weight: var(--base-font-weight-semibold, 600);--ms-selected-popover-header-color: var(--ms-text-color-1);--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: var(--ms-text-color-3);--ms-selected-popover-close-font-size: calc(var(--base-font-size-xl, 2) * var(--ms-rem));--ms-selected-popover-close-border-radius: var(--ms-border-radius-sm);--ms-selected-popover-close-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-selected-popover-close-icon-size: calc(1.4 * var(--ms-rem));--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(var(--base-font-size-2xs, 1) * var(--ms-rem));--ms-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-font-size-lg: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-font-weight-normal: var(--base-font-weight-normal, 400);--ms-font-weight-medium: var(--base-font-weight-medium, 500);--ms-font-weight-semibold: var(--base-font-weight-semibold, 600);--ms-line-height-none: 1;--ms-line-height-tight: var(--base-line-height-tight, 1.25);--ms-line-height-normal: var(--base-line-height-normal, 1.5);--ms-line-height-relaxed: var(--base-line-height-relaxed, 1.75);--ms-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--ms-rem));--ms-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--ms-rem));--ms-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--ms-rem));--ms-border-radius: var(--ms-border-radius-md);--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: var(--base-ease-standard, cubic-bezier(.4, 0, .2, 1));--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: var(--ms-border-color);--ms-scrollbar-thumb-bg-hover: var(--ms-text-color-3);--ms-scrollbar-thumb-border-radius: 4px;--ms-debug-bg: var(--base-elevated-bg, light-dark(#f9fafb, #2b2b2b));--ms-debug-border-color: var(--ms-border-color);--ms-debug-text-color: var(--ms-text-color-1);--ms-debug-border-radius: var(--ms-border-radius-md);--ms-debug-summary-color: var(--ms-accent-color);--ms-debug-summary-bg-hover: var(--ms-primary-bg);--ms-debug-summary-outline-color: var(--ms-accent-color);--ms-debug-summary-border-radius: var(--ms-border-radius-sm);--ms-debug-stats-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-debug-stats-border-radius: var(--ms-border-radius-sm);--ms-debug-bullet-color: var(--ms-accent-color)}}@layer component{web-multiselect:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}:host{-webkit-tap-highlight-color:transparent}.ms__wrapper{display:flex;flex-direction:column;align-items:stretch}.ms__wrapper--inline{flex-direction:row;align-items:var(--ms-inline-align, center)}.ms{position:relative;width:100%}}@layer component{.ms__input-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--ms-input-gap);height:var(--ms-input-height);padding-inline:var(--ms-input-padding-h);background:var(--ms-input-bg);color:var(--ms-input-color);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-wrapper:hover:not(:focus-within){border:var(--ms-input-border-hover)}.ms__input-wrapper:focus-within{border:var(--ms-input-border-focus)}.ms__input{flex:1 1 auto;min-width:0;box-sizing:border-box;font-family:inherit;height:100%;padding:0;border:none;background:transparent;font-size:var(--ms-input-font-size);color:var(--ms-input-color);cursor:pointer;outline:none}.ms__input::placeholder{color:var(--ms-input-placeholder-color);opacity:0;transition:opacity var(--ms-transition-fast) var(--ms-easing-snappy)}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity)}.ms__toggle{flex:0 0 auto;display:block;width:var(--ms-toggle-icon-size);height:var(--ms-toggle-icon-size);color:var(--ms-toggle-icon-color);cursor:pointer}.ms__toggle:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat;transform:rotate(var(--ms-toggle-rotate-closed, 90deg));transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{color:var(--ms-toggle-icon-color-open)}.ms--open .ms__toggle:before{transform:rotate(var(--ms-toggle-rotate-open, -90deg))}.ms__counter{flex:0 0 auto;padding:var(--ms-counter-padding);background:var(--ms-counter-badge-bg);color:var(--ms-counter-badge-color);font-size:var(--ms-counter-font-size);font-weight:var(--ms-counter-font-weight);border-radius:var(--ms-counter-border-radius);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter:hover{background:var(--ms-counter-badge-bg-hover);transform:scale(var(--ms-transform-scale-hover))}.ms__input-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-input-clear-size);height:var(--ms-input-clear-size);padding:0;color:var(--ms-input-clear-color);background:transparent;border:none;border-radius:var(--ms-input-clear-border-radius);cursor:pointer;transition:background var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-clear:hover{background:var(--ms-input-clear-bg-hover)}.ms__input-clear:before{content:"";display:block;width:var(--ms-input-clear-icon-size);height:var(--ms-input-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-clear) center / contain no-repeat;mask:var(--ms-icon-clear) center / contain no-repeat}.ms__actions{display:flex;flex-direction:column;gap:var(--ms-actions-gap);padding:var(--ms-actions-padding)}.ms__actions--top{border-bottom:var(--ms-actions-border-bottom)}.ms__actions--bottom{flex-direction:column-reverse;border-top:var(--ms-actions-border-bottom)}.ms__actions-row{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap)}.ms__actions--wrap .ms__actions-row{flex-wrap:wrap}.ms__actions--sticky{position:sticky;z-index:var(--ms-z-index-sticky);background:var(--ms-actions-bg)}.ms__actions--sticky.ms__actions--top{top:0}.ms__actions--sticky.ms__actions--bottom{bottom:0}.ms__actions--align-stretch .ms__action-btn{flex:1}.ms__actions--align-left .ms__actions-row{justify-content:flex-start}.ms__actions--align-right .ms__actions-row{justify-content:flex-end}.ms__actions--align-center .ms__actions-row{justify-content:center}.ms__actions--align-space-between .ms__actions-row{justify-content:space-between}.ms__action-btn{font-family:inherit;padding:var(--ms-action-btn-padding);font-size:var(--ms-action-btn-font-size);border:var(--ms-action-btn-border);border-radius:var(--ms-action-btn-border-radius);background:var(--ms-action-button-bg);color:var(--ms-action-button-color);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}@media (hover: hover){.ms__action-btn:hover{background:var(--ms-action-button-bg-hover);border-color:var(--ms-action-button-border-color-hover)}}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity);cursor:not-allowed;pointer-events:none}}@layer component{.ms__hint{display:none;position:fixed;z-index:var(--ms-z-index-popover);padding:var(--ms-hint-padding);background:var(--ms-hint-bg);border:var(--ms-hint-border);border-radius:var(--ms-hint-border-radius);box-shadow:var(--ms-hint-box-shadow);font-size:var(--ms-hint-font-size);color:var(--ms-hint-color);line-height:var(--ms-line-height-relaxed);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:fixed;box-sizing:border-box;font-family:inherit;z-index:var(--ms-z-index-dropdown);background:var(--ms-dropdown-bg);border:var(--ms-dropdown-border);border-radius:var(--ms-dropdown-border-radius);box-shadow:var(--ms-dropdown-box-shadow);width:var(--ms-dropdown-width);max-height:var(--ms-options-max-height);overflow:hidden;color:var(--ms-dropdown-text-color)}.ms__dropdown--visible{display:flex;flex-direction:column}.ms__dropdown--fullscreen,.ms__selected-popover--fullscreen{--ms-rem: var(--ms-fullscreen-rem);--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tree-base-indent: var(--ms-fullscreen-tree-base-indent);--ms-tree-indent: var(--ms-fullscreen-tree-indent)}.ms__selected-popover--fullscreen{--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(4.2 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-badge-text-padding: 0 calc(1.2 * var(--ms-rem));--ms-badge-remove-width: calc(3.6 * var(--ms-rem));--ms-badge-remove-icon-size: calc(1.2 * var(--ms-rem));--ms-badge-remove-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-action-btn-padding: calc(.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{position:fixed;top:0;inset-inline-start:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;--ms-dropdown-inner-border-radius: 0;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__dropdown--fullscreen .ms__dropdown-inner{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}.ms__dropdown--fullscreen .ms__options{flex:1 1 0;min-height:0;height:auto;max-height:none;overflow-y:auto;padding-bottom:var(--ms-option-gap)}.ms__dropdown--fullscreen .ms__actions{flex:0 0 auto}.ms__fullscreen-header,.ms__selected-popover--fullscreen .ms__selected-popover-header{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ms-fullscreen-header-gap);min-height:var(--ms-fullscreen-header-min-height);padding:var(--ms-fullscreen-header-padding);background:var(--ms-fullscreen-header-bg);border-bottom:var(--ms-fullscreen-header-border)}.ms__fullscreen-header{align-content:flex-start}.ms__fullscreen-header>.ms__fullscreen-search-wrapper{min-height:var(--ms-fullscreen-header-min-height)}.ms__fullscreen-nav{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ms-fullscreen-nav-gap);padding-top:var(--ms-fullscreen-nav-padding-top)}.ms__fullscreen-nav-count{font-size:var(--ms-fullscreen-nav-count-font-size);color:var(--ms-fullscreen-nav-count-color)}.ms__fullscreen-nav-controls{display:flex;align-items:center;gap:var(--ms-fullscreen-nav-gap)}.ms__fullscreen-nav-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-nav-btn-size);height:var(--ms-fullscreen-nav-btn-size);padding:0;color:var(--ms-fullscreen-nav-btn-color);background:var(--ms-fullscreen-nav-btn-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-nav-btn:hover:not(:disabled){background:var(--ms-fullscreen-nav-btn-bg-hover)}.ms__fullscreen-nav-btn:disabled{opacity:.4;cursor:default}.ms__fullscreen-nav-btn:before{content:"";display:block;width:var(--ms-fullscreen-nav-btn-icon-size);height:var(--ms-fullscreen-nav-btn-icon-size);background-color:currentColor;-webkit-mask:var(--ms-fullscreen-nav-btn-icon) center / contain no-repeat;mask:var(--ms-fullscreen-nav-btn-icon) center / contain no-repeat;transform:rotate(-90deg)}.ms__fullscreen-nav-btn--next:before{transform:rotate(90deg)}.ms__fullscreen-header>.ms__fullscreen-search-wrapper,.ms__selected-popover--fullscreen .ms__selected-popover-header>span{flex:1 1 0;min-width:0}.ms__fullscreen-search-wrapper{position:relative;display:flex;align-items:center}.ms__selected-popover--fullscreen .ms__selected-popover-header{font-size:var(--ms-fullscreen-title-font-size);font-weight:var(--ms-fullscreen-title-font-weight);color:var(--ms-fullscreen-text-color)}.ms__fullscreen-search{flex:1 1 auto;min-width:0;font-family:inherit;font-size:var(--ms-fullscreen-search-font-size);color:inherit;background:transparent;border:var(--ms-fullscreen-search-border);border-radius:var(--ms-fullscreen-search-border-radius);padding:var(--ms-fullscreen-search-padding);padding-inline-end:var(--ms-fullscreen-search-clear-gutter)}.ms__fullscreen-search:focus{outline:none;border:var(--ms-input-border-focus)}.ms__fullscreen-search-clear{position:absolute;inset-inline-end:var(--ms-fullscreen-search-clear-inset);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-search-clear-size);height:var(--ms-fullscreen-search-clear-size);padding:0;color:var(--ms-fullscreen-search-clear-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-search-clear:hover{background:var(--ms-fullscreen-search-clear-bg-hover)}.ms__fullscreen-search-clear:before{content:"";display:block;width:var(--ms-fullscreen-search-clear-icon-size);height:var(--ms-fullscreen-search-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-search-clear) center / contain no-repeat;mask:var(--ms-icon-search-clear) center / contain no-repeat}.ms__fullscreen-mode-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-mode-toggle-size);height:var(--ms-fullscreen-mode-toggle-size);margin-inline-end:var(--ms-fullscreen-mode-toggle-gap);margin-inline-start:calc((var(--ms-fullscreen-close-size) - var(--ms-fullscreen-mode-toggle-size)) / 2 - var(--ms-fullscreen-close-edge-nudge));padding:0;color:var(--ms-fullscreen-mode-toggle-color);background:var(--ms-fullscreen-mode-toggle-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-mode-toggle:hover{background:var(--ms-fullscreen-mode-toggle-bg-hover)}.ms__fullscreen-mode-toggle:before{content:"";display:block;width:var(--ms-fullscreen-mode-toggle-icon-size);height:var(--ms-fullscreen-mode-toggle-icon-size);background-color:currentColor;-webkit-mask:var(--ms-fullscreen-mode-toggle-icon, var(--ms-icon-search)) center / contain no-repeat;mask:var(--ms-fullscreen-mode-toggle-icon, var(--ms-icon-search)) center / contain no-repeat}.ms__fullscreen-mode-toggle[data-mode=navigate]{--ms-fullscreen-mode-toggle-icon: var(--ms-icon-search)}.ms__fullscreen-mode-toggle[data-mode=filter]{--ms-fullscreen-mode-toggle-icon: var(--ms-icon-filter)}.ms__fullscreen-close,.ms__selected-popover--fullscreen .ms__selected-popover-close{flex:0 0 auto;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-close-size);height:var(--ms-fullscreen-close-size);margin-inline-end:calc(-1 * var(--ms-fullscreen-close-edge-nudge));padding:0;color:var(--ms-fullscreen-close-color);background:var(--ms-fullscreen-close-bg);border:var(--ms-fullscreen-close-border);border-radius:var(--ms-fullscreen-close-border-radius);cursor:pointer}.ms__fullscreen-close:after,.ms__selected-popover--fullscreen .ms__selected-popover-close:after{content:"";position:absolute;inset-block-start:calc(-1 * var(--ms-fullscreen-close-size));inset-block-end:calc(-1 * var(--ms-fullscreen-header-padding-v));inset-inline-end:calc(-1 * var(--ms-fullscreen-header-padding-h));inset-inline-start:calc(-1 * var(--ms-fullscreen-header-gap))}.ms__fullscreen-close:hover,.ms__selected-popover--fullscreen .ms__selected-popover-close:hover{background:var(--ms-fullscreen-close-bg-hover);color:var(--ms-fullscreen-close-color)}.ms__fullscreen-close:before,.ms__selected-popover--fullscreen .ms__selected-popover-close:before{content:"";display:block;width:var(--ms-fullscreen-close-icon-size);height:var(--ms-fullscreen-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__dropdown--fullscreen .ms__option-info{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:var(--ms-fullscreen-info-size);height:var(--ms-fullscreen-info-size);margin-inline-start:var(--ms-option-gap);padding:0;color:var(--ms-fullscreen-info-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__dropdown--fullscreen .ms__option--truncated .ms__option-info{display:inline-flex}@media (hover: hover){.ms__dropdown--fullscreen .ms__option-info:hover{background:var(--ms-fullscreen-info-bg-hover)}}.ms__dropdown--fullscreen .ms__option-info:before{content:"";display:block;width:var(--ms-fullscreen-info-icon-size);height:var(--ms-fullscreen-info-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-info) center / contain no-repeat;mask:var(--ms-icon-info) center / contain no-repeat}.ms__dropdown-inner{flex:1;overflow-y:auto;border-radius:var(--ms-dropdown-inner-border-radius);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__dropdown-inner::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__dropdown-inner::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__dropdown--virtual{max-height:none}.ms__dropdown--virtual .ms__dropdown-inner{overflow:hidden}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-tooltip-bg);color:var(--ms-tooltip-text-color);padding:var(--ms-tooltip-padding);border-radius:var(--ms-tooltip-border-radius);font-size:var(--ms-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow);pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip{position:fixed;z-index:var(--ms-option-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-option-tooltip-bg);color:var(--ms-option-tooltip-text-color);padding:var(--ms-option-tooltip-padding);border-radius:var(--ms-option-tooltip-border-radius);font-size:var(--ms-option-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-option-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-option-tooltip-shadow);pointer-events:none}.ms__option-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip--fullscreen{z-index:var(--ms-z-index-fullscreen-tooltip)}.ms__message{position:fixed;z-index:var(--ms-message-z-index);box-sizing:border-box;max-width:var(--ms-message-max-width);padding:var(--ms-message-padding);font-family:inherit;font-size:var(--ms-message-font-size);font-weight:var(--ms-message-font-weight);line-height:var(--ms-line-height-normal);color:var(--ms-message-color);background:var(--ms-message-bg);border:var(--ms-message-border);border-radius:var(--ms-message-border-radius);box-shadow:var(--ms-message-shadow);cursor:pointer;opacity:0;transition:opacity var(--ms-transition-normal) ease;-webkit-tap-highlight-color:transparent}.ms__message--visible{opacity:1}.ms__message--info{background:var(--ms-message-info-bg);color:var(--ms-message-info-color)}.ms__message--warning{background:var(--ms-message-warning-bg);color:var(--ms-message-warning-color)}.ms__message--error{background:var(--ms-message-error-bg);color:var(--ms-message-error-color)}.ms__message--success{background:var(--ms-message-success-bg);color:var(--ms-message-success-color)}.ms__message--fullscreen{left:50%;right:auto;bottom:calc(var(--ms-message-fullscreen-offset) + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(var(--ms-message-max-width),calc(100vw - 4 * var(--ms-fullscreen-rem)));padding:calc(1 * var(--ms-fullscreen-rem)) calc(1.4 * var(--ms-fullscreen-rem));font-size:calc(var(--base-font-size-sm, 1.4) * var(--ms-fullscreen-rem))}.ms__selected-popover{display:none;position:fixed;box-sizing:border-box;z-index:var(--ms-z-index-popover);background:var(--ms-selected-popover-bg);border:var(--ms-selected-popover-border);border-radius:var(--ms-selected-popover-border-radius);box-shadow:var(--ms-selected-popover-box-shadow);width:var(--ms-selected-popover-width);max-height:var(--ms-selected-popover-max-height);overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;overflow:hidden;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__selected-popover--fullscreen .ms__selected-popover-body{flex:1 1 0;min-height:0;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding);background:var(--ms-selected-popover-header-bg);border-bottom:var(--ms-selected-popover-header-border-bottom);font-size:var(--ms-selected-popover-header-font-size);font-weight:var(--ms-selected-popover-header-font-weight);color:var(--ms-selected-popover-header-color)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size);height:var(--ms-popover-close-size);padding:0;border:none;background:var(--ms-selected-popover-close-bg);color:var(--ms-selected-popover-close-color);font-size:var(--ms-selected-popover-close-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-bg-hover);color:var(--ms-selected-popover-close-color-hover)}.ms__selected-popover-close:before{content:"";display:block;width:var(--ms-selected-popover-close-icon-size);height:var(--ms-selected-popover-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap);padding:var(--ms-selected-popover-body-padding);overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed);flex-shrink:0}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap);overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer component{.ms--disabled .ms__input-wrapper{opacity:var(--ms-disabled-input-opacity);background:var(--ms-input-bg-disabled);cursor:not-allowed}.ms--disabled .ms__input{cursor:not-allowed}.ms--no-checkboxes .ms__option{gap:0;padding-inline-start:var(--ms-option-padding-h)}.ms--no-checkboxes .ms__option-content{padding-inline-start:0}.ms--no-selected-popover .ms__counter,.ms--no-selected-popover .ms__badge[data-action=show-selected],.ms--no-selected-popover .ms__badge--counter,.ms--no-selected-popover .ms__badge--more{cursor:default}}@layer component;@layer component{.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap);padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom)}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top);order:var(--ms-order-first)}.ms__badges--left{order:var(--ms-order-first);margin-right:var(--ms-badges-margin-left);justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right);justify-content:flex-start}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height);font-size:var(--ms-badge-font-size);font-weight:var(--ms-badge-font-weight);line-height:var(--ms-line-height-none);border-radius:var(--ms-badge-border-radius);overflow:hidden;max-width:100%}.ms__badge--custom{display:block;height:auto;max-width:none;overflow:visible;border-radius:0;font-size:inherit;font-weight:inherit}.ms__badge-text{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:var(--ms-badge-text-padding);background:var(--ms-badge-text-bg);color:var(--ms-badge-text-color);border:var(--ms-badge-text-border);border-inline-end:none;border-start-start-radius:var(--ms-badge-border-radius);border-end-start-radius:var(--ms-badge-border-radius);border-start-end-radius:0;border-end-end-radius:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal) ease,color var(--ms-transition-normal) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-bg-hover, var(--ms-badge-text-bg));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--ms-badge-remove-width);height:100%;flex-shrink:0;background:var(--ms-badge-remove-bg);color:var(--ms-badge-remove-color);border:var(--ms-badge-remove-border);border-inline-start:none;border-start-end-radius:var(--ms-badge-border-radius);border-end-end-radius:var(--ms-badge-border-radius);border-start-start-radius:0;border-end-start-radius:0;cursor:pointer;transition:background-color var(--ms-transition-normal) ease;font-size:var(--ms-badge-remove-font-size)}.ms__badge-remove:hover{background:var(--ms-badge-remove-bg-hover)}.ms__badge-remove:focus{outline:none}.ms__badge-remove:focus-visible{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus)}.ms__badge-remove:before{content:"";display:block;width:var(--ms-badge-remove-icon-size);height:var(--ms-badge-remove-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-bg);color:var(--ms-badge-counter-text-color);border:var(--ms-badge-counter-border);border-inline-end:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-bg);color:var(--ms-badge-counter-remove-color);border:var(--ms-badge-counter-border);border-inline-start:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-bg-hover)}.ms__badge--more,.ms__badge[data-action=show-selected]{cursor:pointer}}@layer component{.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom)}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top);order:var(--ms-order-first)}.ms__count-display--left{order:var(--ms-order-first);margin-right:var(--ms-count-display-margin-left);justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right);justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap);background:var(--ms-counter-wrapper-bg);border:var(--ms-counter-wrapper-border);border-radius:var(--ms-counter-wrapper-border-radius);padding:var(--ms-counter-wrapper-padding);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-bg-hover);border-color:var(--ms-counter-wrapper-border-color-hover)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg);border:var(--ms-count-text-border);padding:0;font-size:var(--ms-count-text-font-size);color:var(--ms-count-text-color);cursor:pointer;transition:color var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size);height:var(--ms-count-clear-size);padding:0;border:none;background:var(--ms-count-clear-bg);color:var(--ms-count-clear-color);font-size:var(--ms-count-clear-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-count-clear-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear:hover{background:var(--ms-count-clear-bg-hover);color:var(--ms-count-clear-color-hover)}.ms__count-clear:before{content:"";display:block;width:var(--ms-count-clear-icon-size);height:var(--ms-count-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-clear) center / contain no-repeat;mask:var(--ms-icon-clear) center / contain no-repeat}}@layer component{.ms__debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-bg);border:1px solid var(--ms-debug-border-color);border-radius:var(--ms-debug-border-radius);font-size:calc(1.2 * var(--ms-rem));color:var(--ms-debug-text-color)}.ms__debug-info details summary{cursor:pointer;font-weight:600;color:var(--ms-debug-summary-color);-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:var(--ms-debug-summary-border-radius)}.ms__debug-info details summary:hover{background-color:var(--ms-debug-summary-bg-hover)}.ms__debug-info details summary:focus{outline:2px solid var(--ms-debug-summary-outline-color);outline-offset:2px}.ms__debug-info .ms__debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-stats-bg);border-radius:var(--ms-debug-stats-border-radius)}.ms__debug-info .ms__debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ms__debug-info .ms__debug-stats span:before{content:"•";margin-inline-end:calc(.4 * var(--ms-rem));color:var(--ms-debug-bullet-color)}}@layer component{.ms__options{padding:var(--ms-options-padding);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__options--virtual .ms__option,.ms__options--fixed-height .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top);margin-top:var(--ms-group-margin-top);padding-top:var(--ms-group-padding-top)}.ms__group-label{padding:var(--ms-group-label-padding);font-size:var(--ms-group-label-font-size);font-weight:var(--ms-group-label-font-weight);color:var(--ms-group-label-color);text-transform:var(--ms-group-label-transform);letter-spacing:var(--ms-group-label-letter-spacing)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, center);gap:var(--ms-option-gap);padding:var(--ms-option-padding);position:relative;min-height:var(--ms-option-min-height, auto);color:var(--ms-option-text-color);background:var(--ms-option-bg);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__option:hover{background:var(--ms-option-bg-hover);color:var(--ms-option-color-hover, inherit)}}.ms__option--focused{background:var(--ms-option-bg-focused);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--matched{background:var(--ms-option-bg-matched);color:var(--ms-option-color-matched, inherit)}.ms__option--matched:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;border-inline-start:var(--ms-option-border-matched);pointer-events:none}.ms__option--selected{background:var(--ms-option-bg-selected)}@media (hover: hover){.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-bg-selected))}}.ms__option--disabled{opacity:var(--ms-disabled-opacity);cursor:not-allowed;background:var(--ms-option-disabled-bg)}.ms__option--disabled:hover{background:var(--ms-option-disabled-bg)}@media (hover: hover){.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color)))}}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover);color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched)}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected)}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=top]{--ms-checkbox-align: flex-start;--ms-checkbox-margin-top: calc(.2 * var(--ms-rem))}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top);margin-inline-end:var(--ms-checkbox-margin-right);margin-bottom:var(--ms-checkbox-margin-bottom);margin-inline-start:var(--ms-checkbox-margin-left);width:var(--ms-checkbox-size);height:var(--ms-checkbox-size);transform:scale(var(--ms-checkbox-scale));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg);border:var(--ms-checkbox-border);border-radius:var(--ms-checkbox-border-radius);transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:40%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color);border-width:0 var(--ms-checkbox-checkmark-thickness, 2px) var(--ms-checkbox-checkmark-thickness, 2px) 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox:checked:after{display:block}.ms__checkbox--indeterminate{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox--indeterminate:after{display:block;top:50%;left:50%;width:55%;height:0;transform:translate(-50%,-50%);border:none;border-bottom:var(--ms-checkbox-checkmark-thickness, 2px) solid var(--ms-checkbox-checkmark-color)}.ms__checkbox--indeterminate:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg);border:var(--ms-checkbox-disabled-border);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:center;gap:var(--ms-option-content-gap);min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size);height:var(--ms-option-icon-size);display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size)}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size);color:var(--ms-option-title-color);line-height:var(--ms-line-height-relaxed);white-space:var(--ms-option-title-white-space, normal);overflow:var(--ms-option-title-overflow, visible);text-overflow:var(--ms-option-title-text-overflow, clip)}@media (hover: hover){.ms__option:hover .ms__option-title{color:var(--ms-option-title-color-hover, var(--ms-option-title-color))}}.ms__option--selected .ms__option-title{color:var(--ms-option-title-color-selected, var(--ms-option-title-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-title{color:var(--ms-option-title-color-selected-hover, var(--ms-option-title-color-selected, var(--ms-option-title-color)))}}.ms__option-title mark{background:var(--ms-option-mark-bg);color:var(--ms-option-mark-color);font-weight:var(--ms-option-mark-font-weight)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top);font-size:var(--ms-option-subtitle-font-size);color:var(--ms-option-subtitle-color);line-height:var(--ms-option-subtitle-line-height)}@media (hover: hover){.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color))}}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color)))}}.ms__empty{display:flex;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-empty-padding);text-align:center;font-size:var(--ms-empty-font-size);color:var(--ms-empty-color)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-loader-padding);gap:var(--ms-loader-gap)}.ms__loading-text{font-size:var(--ms-loading-text-font-size);color:var(--ms-loading-color)}}@layer component{.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badges--right{margin-left:0;margin-right:var(--ms-badges-margin-right)}.ms--rtl .ms__badges--left{margin-right:0;margin-left:var(--ms-badges-margin-left)}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__count-display--right{margin-left:0;margin-right:var(--ms-count-display-margin-right)}.ms--rtl .ms__count-display--left{margin-right:0;margin-left:var(--ms-count-display-margin-left)}}@layer component{.ms__option--tree{padding-inline-start:calc(var(--ms-tree-base-indent, .75rem) + var(--ms-tree-depth, 0) * var(--ms-tree-indent, 1.25rem))}.ms__option--tree-unselectable{cursor:default}.ms__option--tree-unselectable:hover{background:transparent}}@layer overrides{:host-context([data-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){color-scheme:dark}:host-context([data-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light){color-scheme:light}:host([data-theme="dark"]){color-scheme:dark}:host([data-theme="light"]){color-scheme:light}}`, Ys = [
   "top",
   "top-start",
   "top-end",
@@ -5237,38 +5280,38 @@ const _o = `@layer variables,component,overrides;@layer variables{:host{display:
   "right",
   "right-start",
   "right-end"
-], z = () => $o(), on = [
+], N = () => Wo(), gn = [
   // ── Strings (cosmetic → update). Optional ones are nullable: absent → null ─
-  { configKey: "searchHint", attribute: "search-hint", converter: V({ isNullable: !0 }), on: "update", description: "Small hint text shown beneath the search input." },
-  { configKey: "searchPlaceholder", attribute: "search-placeholder", converter: V({ isNullable: !0 }), on: "update", description: 'Placeholder text for the search input. When unset it defaults to "Search..."; if `show-search-mode-toggle` is on, the default instead becomes mode-aware ("Search…" in navigate, "Filter…" in filter). An explicit value always wins and stays fixed.' },
-  { configKey: "selectPlaceholder", attribute: "select-placeholder", converter: V({ default: "Pick an option..." }), on: "update", description: "Placeholder shown on the control when nothing is selected." },
-  { configKey: "noDataPlaceholder", attribute: "no-data-placeholder", converter: V({ isNullable: !0 }), on: "update", description: "Text shown when there are no options at all." },
-  { configKey: "dropdownMinWidth", attribute: "dropdown-min-width", converter: V({ isNullable: !0 }), on: "update", description: "Minimum width of the dropdown panel (any CSS length)." },
-  { configKey: "dropdownMaxWidth", attribute: "dropdown-max-width", converter: V({ isNullable: !0 }), on: "update", description: "Maximum width of the dropdown panel (any CSS length)." },
-  { configKey: "maxHeight", attribute: "max-height", converter: V({ default: "20rem" }), on: "update", description: "Maximum height of the dropdown list before it scrolls." },
-  { configKey: "emptyMessage", attribute: "empty-message", converter: V({ default: "No results found" }), on: "update", description: "Message shown when a search yields no matches." },
-  { configKey: "loadingMessage", attribute: "loading-message", converter: V({ default: "Loading..." }), on: "update", description: "Message shown while options are loading." },
-  { configKey: "removeButtonTooltipText", attribute: "remove-button-tooltip-text", converter: V({ isNullable: !0 }), on: "update", description: "Tooltip text for a badge remove (×) button." },
-  { configKey: "formFieldId", attribute: "name", converter: V({ isNullable: !0 }), on: "reinit", description: "HTML form field name/id used for the hidden input(s)." },
+  { configKey: "searchHint", attribute: "search-hint", converter: z({ isNullable: !0 }), on: "update", description: "Small hint text shown beneath the search input." },
+  { configKey: "searchPlaceholder", attribute: "search-placeholder", converter: z({ isNullable: !0 }), on: "update", description: 'Placeholder text for the search input. When unset it defaults to "Search..."; if `show-search-mode-toggle` is on, the default instead becomes mode-aware ("Search…" in navigate, "Filter…" in filter). An explicit value always wins and stays fixed.' },
+  { configKey: "selectPlaceholder", attribute: "select-placeholder", converter: z({ default: "Pick an option..." }), on: "update", description: "Placeholder shown on the control when nothing is selected." },
+  { configKey: "noDataPlaceholder", attribute: "no-data-placeholder", converter: z({ isNullable: !0 }), on: "update", description: "Text shown when there are no options at all." },
+  { configKey: "dropdownMinWidth", attribute: "dropdown-min-width", converter: z({ isNullable: !0 }), on: "update", description: "Minimum width of the dropdown panel (any CSS length)." },
+  { configKey: "dropdownMaxWidth", attribute: "dropdown-max-width", converter: z({ isNullable: !0 }), on: "update", description: "Maximum width of the dropdown panel (any CSS length)." },
+  { configKey: "maxHeight", attribute: "max-height", converter: z({ default: "20rem" }), on: "update", description: "Maximum height of the dropdown list before it scrolls." },
+  { configKey: "emptyMessage", attribute: "empty-message", converter: z({ default: "No results found" }), on: "update", description: "Message shown when a search yields no matches." },
+  { configKey: "loadingMessage", attribute: "loading-message", converter: z({ default: "Loading..." }), on: "update", description: "Message shown while options are loading." },
+  { configKey: "removeButtonTooltipText", attribute: "remove-button-tooltip-text", converter: z({ isNullable: !0 }), on: "update", description: "Tooltip text for a badge remove (×) button." },
+  { configKey: "formFieldId", attribute: "name", converter: z({ isNullable: !0 }), on: "reinit", description: "HTML form field name/id used for the hidden input(s)." },
   // ── CSS-var sugar (mirrored to a host style prop in reinit()/update()) ────
-  { configKey: "dropdownWidth", attribute: "dropdown-width", converter: V({ isNullable: !0 }), on: "update", description: "Fixed dropdown width; mirrored to the `--ms-dropdown-width` CSS variable." },
-  { configKey: "selectedPopoverWidth", attribute: "selected-popover-width", converter: V({ isNullable: !0 }), on: "update", description: "Selected-items popover width; mirrored to `--ms-selected-popover-width`." },
+  { configKey: "dropdownWidth", attribute: "dropdown-width", converter: z({ isNullable: !0 }), on: "update", description: "Fixed dropdown width; mirrored to the `--ms-dropdown-width` CSS variable." },
+  { configKey: "selectedPopoverWidth", attribute: "selected-popover-width", converter: z({ isNullable: !0 }), on: "update", description: "Selected-items popover width; mirrored to `--ms-selected-popover-width`." },
   // ── Member properties (structural → reinit; optional → nullable) ─────────
-  { configKey: "valueMember", attribute: "value-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name on an option object that holds its value." },
-  { configKey: "displayValueMember", attribute: "display-value-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option display label." },
-  { configKey: "searchValueMember", attribute: "search-value-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name searched against (falls back to the display value)." },
-  { configKey: "iconMember", attribute: "icon-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option icon." },
-  { configKey: "subtitleMember", attribute: "subtitle-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option subtitle." },
-  { configKey: "fullTitleMember", attribute: "full-title-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option full/long title." },
-  { configKey: "groupMember", attribute: "group-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name used to group options under headers." },
-  { configKey: "disabledMember", attribute: "disabled-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that marks an option disabled." },
+  { configKey: "valueMember", attribute: "value-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name on an option object that holds its value." },
+  { configKey: "displayValueMember", attribute: "display-value-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option display label." },
+  { configKey: "searchValueMember", attribute: "search-value-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name searched against (falls back to the display value)." },
+  { configKey: "iconMember", attribute: "icon-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option icon." },
+  { configKey: "subtitleMember", attribute: "subtitle-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option subtitle." },
+  { configKey: "fullTitleMember", attribute: "full-title-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option full/long title." },
+  { configKey: "groupMember", attribute: "group-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name used to group options under headers." },
+  { configKey: "disabledMember", attribute: "disabled-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that marks an option disabled." },
   // ── Tree of options (structural → reinit; optional → nullable) ───────────
-  { configKey: "pathMember", attribute: "path-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node materialized tree path." },
-  { configKey: "parentPathMember", attribute: "parent-path-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node parent path." },
-  { configKey: "levelMember", attribute: "level-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node depth level." },
-  { configKey: "hasChildrenMember", attribute: "has-children-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name flagging that a node has children." },
-  { configKey: "isSelectableMember", attribute: "is-selectable-member", converter: V({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name marking whether a node can be selected." },
-  { configKey: "treePathSeparator", attribute: "tree-path-separator", converter: V({ default: "." }), reflect: !0, on: "reinit", description: "Separator between segments in a materialized tree path." },
+  { configKey: "pathMember", attribute: "path-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node materialized tree path." },
+  { configKey: "parentPathMember", attribute: "parent-path-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node parent path." },
+  { configKey: "levelMember", attribute: "level-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node depth level." },
+  { configKey: "hasChildrenMember", attribute: "has-children-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name flagging that a node has children." },
+  { configKey: "isSelectableMember", attribute: "is-selectable-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name marking whether a node can be selected." },
+  { configKey: "treePathSeparator", attribute: "tree-path-separator", converter: z({ default: "." }), reflect: !0, on: "reinit", description: "Separator between segments in a materialized tree path." },
   { configKey: "isTreeEnabled", converter: B("tristate"), on: "reinit", type: "boolean", description: "Force tree mode on/off. Property-only; when unset (null) tree mode auto-enables if a path source (path-member / getPathCallback) is present." },
   {
     configKey: "checkboxMode",
@@ -5292,13 +5335,14 @@ const _o = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "badgesThresholdMode", attribute: "badges-threshold-mode", converter: W(["count", "partial"], { default: "count" }), on: "update", description: 'How `badgesThreshold` is interpreted: collapse to a count badge, or keep partial badges + a "more" badge.' },
   { configKey: "searchInputMode", attribute: "search-input-mode", converter: W(["normal", "readonly", "hidden"], { default: "normal" }), on: "reinit", description: "Search field mode: editable, read-only, or hidden." },
   { configKey: "searchMode", attribute: "search-mode", converter: W(["filter", "navigate"], { default: "filter" }), on: "reinit", description: "Whether typing filters the list or navigates it." },
+  { configKey: "overlayGroup", attribute: "overlay-group", converter: z({ isNullable: !0 }), on: "reinit", description: 'Scope the "one overlay open at a time" coordination to a named group. Overlays (multiselects, datepickers, external popovers) sharing a group dismiss each other when one opens; different groups are independent. Unset = the default (ungrouped) group.' },
   { configKey: "actionsLayout", attribute: "actions-layout", converter: W(["nowrap", "wrap"], { default: "nowrap" }), on: "reinit", description: "Whether the action bar wraps or stays on one line." },
   { configKey: "actionsPosition", attribute: "actions-position", converter: W(["top", "bottom"], { default: "top" }), on: "reinit", description: "Whether the action bar sits above or below the list." },
   { configKey: "actionsAlign", attribute: "actions-align", converter: W(["stretch", "left", "right", "center", "space-between"], { default: "stretch" }), on: "update", description: "Horizontal alignment of the action buttons." },
   { configKey: "checkboxAlign", attribute: "checkbox-align", converter: W(["top", "center", "bottom"], { default: "center" }), on: "update", description: "Vertical alignment of an option checkbox." },
   { configKey: "valueFormat", attribute: "value-format", converter: W(["json", "csv", "array"], { default: "json" }), on: "reinit", description: "Serialization format the control emits its value in." },
-  { configKey: "badgeTooltipPlacement", attribute: "badge-tooltip-placement", converter: W(js, { default: "top" }), on: "update", description: "Preferred placement of a badge tooltip relative to its badge (floating-ui placement)." },
-  { configKey: "optionTooltipPlacement", attribute: "option-tooltip-placement", converter: W(js, { default: "top-start" }), on: "update", description: "Preferred placement of an option tooltip (floating-ui placement)." },
+  { configKey: "badgeTooltipPlacement", attribute: "badge-tooltip-placement", converter: W(Ys, { default: "top" }), on: "update", description: "Preferred placement of a badge tooltip relative to its badge (floating-ui placement)." },
+  { configKey: "optionTooltipPlacement", attribute: "option-tooltip-placement", converter: W(Ys, { default: "top-start" }), on: "update", description: "Preferred placement of an option tooltip (floating-ui placement)." },
   {
     configKey: "mobilePresentation",
     attribute: "mobile-presentation",
@@ -5350,63 +5394,63 @@ const _o = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "isOptionTooltipFollowCursor", attribute: "option-tooltip-follow-cursor", converter: B("default-false"), on: "update", description: "Make option tooltips follow the pointer." },
   { configKey: "isSearchModeToggleShown", attribute: "show-search-mode-toggle", converter: B("default-false"), on: "update", description: "Show a clickable toggle in the phone fullscreen overlay search header that flips `search-mode` between `filter` and `navigate` live. Fullscreen-only; no effect in the floating presentation or when search is disabled." },
   // ── Special attributes ───────────────────────────────────────────────────
-  { configKey: "initialValues", attribute: "initial-values", converter: Yr(), default: [], on: "reinit", type: "Array<string | number>", description: 'Values selected on first render. Accepts a JSON array (`["a","b"]`) or a bare CSV (`a,b,c`).' },
+  { configKey: "initialValues", attribute: "initial-values", converter: cn(), default: [], on: "reinit", type: "Array<string | number>", description: 'Values selected on first render. Accepts a JSON array (`["a","b"]`) or a bare CSV (`a,b,c`).' },
   { configKey: "showDebugInfo", attribute: "show-debug-info", converter: B("default-false"), on: "update", description: "Render an in-component debug panel.", deprecated: "Use per-instance logging (el.enableLogging()) instead." },
   // ── Complex property (data) ──────────────────────────────────────────────
-  { configKey: "options", converter: Do(), on: "reinit", type: "ReadonlyArray<Record<string, unknown>>", description: "The array of option objects to render. The JS API — assign `el.options` directly. For HTML authoring use the `data-options` attribute (parsed per `data-options-format`) or declarative <option> children; both feed the same list and take precedence over this property in the order: <option> children > property > data-options." },
-  { configKey: "optionsSource", attribute: "data-options", converter: V({ isNullable: !0 }), on: "reinit", type: "string", description: "HTML-authoring source for the option list, parsed per `data-options-format`. Reactive: changing either attribute re-renders. Prefer the `options` property in JS; a set `options` property and declarative <option> children both win over this." },
-  { configKey: "optionsFormat", attribute: "data-options-format", converter: W(Jr, { default: "json" }), on: "reinit", type: "'json' | 'csv' | 'plain'", description: "How to parse the `data-options` attribute: `json` (a JSON array of objects or [value, label] tuples), `csv` (rows split on `data-options-row-splitter`, cells on `data-options-splitter`; the first row is a header — map columns via *-member), or `plain` (bare values split on both splitters -> [value, label] tuples, value === label). Default `json`." },
-  { configKey: "optionsSplitter", attribute: "data-options-splitter", converter: V({ default: "," }), on: "reinit", type: "string", description: 'Field/cell delimiter for the `csv` and `plain` `data-options` formats. Default `,`. Escapes `\\t` `\\n` `\\r` are honoured (e.g. `data-options-splitter="\\t"` for TSV). Ignored for `json`.' },
-  { configKey: "optionsRowSplitter", attribute: "data-options-row-splitter", converter: V({ default: `
+  { configKey: "options", converter: Ko(), on: "reinit", type: "ReadonlyArray<Record<string, unknown>>", description: "The array of option objects to render. The JS API — assign `el.options` directly. For HTML authoring use the `data-options` attribute (parsed per `data-options-format`) or declarative <option> children; both feed the same list and take precedence over this property in the order: <option> children > property > data-options." },
+  { configKey: "optionsSource", attribute: "data-options", converter: z({ isNullable: !0 }), on: "reinit", type: "string", description: "HTML-authoring source for the option list, parsed per `data-options-format`. Reactive: changing either attribute re-renders. Prefer the `options` property in JS; a set `options` property and declarative <option> children both win over this." },
+  { configKey: "optionsFormat", attribute: "data-options-format", converter: W(dn, { default: "json" }), on: "reinit", type: "'json' | 'csv' | 'plain'", description: "How to parse the `data-options` attribute: `json` (a JSON array of objects or [value, label] tuples), `csv` (rows split on `data-options-row-splitter`, cells on `data-options-splitter`; the first row is a header — map columns via *-member), or `plain` (bare values split on both splitters -> [value, label] tuples, value === label). Default `json`." },
+  { configKey: "optionsSplitter", attribute: "data-options-splitter", converter: z({ default: "," }), on: "reinit", type: "string", description: 'Field/cell delimiter for the `csv` and `plain` `data-options` formats. Default `,`. Escapes `\\t` `\\n` `\\r` are honoured (e.g. `data-options-splitter="\\t"` for TSV). Ignored for `json`.' },
+  { configKey: "optionsRowSplitter", attribute: "data-options-row-splitter", converter: z({ default: `
 ` }), on: "reinit", type: "string", description: 'Row/record delimiter for the `csv` and `plain` `data-options` formats. Default newline. Escapes honoured (e.g. `data-options-row-splitter=";"` for single-line data). Ignored for `json`.' },
-  { configKey: "actionButtons", converter: Vo({ validate: (s) => Array.isArray(s) }), on: "reinit", type: "Array<Record<string, unknown>>", description: "Custom action buttons for the dropdown footer/header. Property-only; when unset the default Select-All / Clear buttons apply." },
+  { configKey: "actionButtons", converter: Fo({ validate: (s) => Array.isArray(s) }), on: "reinit", type: "Array<Record<string, unknown>>", description: "Custom action buttons for the dropdown footer/header. Property-only; when unset the default Select-All / Clear buttons apply." },
   // ── Callbacks: data shape (structural → reinit) ──────────────────────────
-  { configKey: "getValueCallback", converter: z(), on: "reinit", type: "(item: unknown) => string | number", description: "Extract an option value (overrides valueMember)." },
-  { configKey: "getPathCallback", converter: z(), on: "reinit", type: "(item: unknown) => string", description: "Extract a node tree path (enables tree mode; overrides pathMember)." },
-  { configKey: "getGroupCallback", converter: z(), on: "reinit", type: "(item: unknown) => string", description: "Extract the group name from an option (overrides groupMember)." },
-  { configKey: "getDisabledCallback", converter: z(), on: "reinit", type: "(item: unknown) => boolean", description: "Whether an option is disabled (overrides disabledMember)." },
-  { configKey: "getIsSelectableCallback", converter: z(), on: "reinit", type: "(node: unknown) => boolean", description: "Whether a tree node can be selected (overrides is-selectable-member)." },
-  { configKey: "getSearchValueCallback", converter: z(), on: "reinit", type: "(item: unknown) => string", description: "Text an option is searched against (overrides searchValueMember)." },
-  { configKey: "searchCallback", converter: z(), on: "reinit", type: "(searchTerm: string, signal?: AbortSignal) => Promise<unknown[]>", description: "Custom / async search; return the filtered options." },
+  { configKey: "getValueCallback", converter: N(), on: "reinit", type: "(item: unknown) => string | number", description: "Extract an option value (overrides valueMember)." },
+  { configKey: "getPathCallback", converter: N(), on: "reinit", type: "(item: unknown) => string", description: "Extract a node tree path (enables tree mode; overrides pathMember)." },
+  { configKey: "getGroupCallback", converter: N(), on: "reinit", type: "(item: unknown) => string", description: "Extract the group name from an option (overrides groupMember)." },
+  { configKey: "getDisabledCallback", converter: N(), on: "reinit", type: "(item: unknown) => boolean", description: "Whether an option is disabled (overrides disabledMember)." },
+  { configKey: "getIsSelectableCallback", converter: N(), on: "reinit", type: "(node: unknown) => boolean", description: "Whether a tree node can be selected (overrides is-selectable-member)." },
+  { configKey: "getSearchValueCallback", converter: N(), on: "reinit", type: "(item: unknown) => string", description: "Text an option is searched against (overrides searchValueMember)." },
+  { configKey: "searchCallback", converter: N(), on: "reinit", type: "(searchTerm: string, signal?: AbortSignal) => Promise<unknown[]>", description: "Custom / async search; return the filtered options." },
   // ── Callbacks: display / render (cosmetic → update) ──────────────────────
-  { configKey: "getDisplayValueCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Compute the display label for an option (overrides displayValueMember)." },
-  { configKey: "getBadgeDisplayCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Compute the text shown on an option badge." },
-  { configKey: "getBadgeClassCallback", converter: z(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for an option badge." },
-  { configKey: "getIconCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Icon for an option (overrides iconMember)." },
-  { configKey: "getSubtitleCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Subtitle for an option (overrides subtitleMember)." },
-  { configKey: "getFullTitleCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Full title for an option (used by badges when show-badge-full-title is on)." },
-  { configKey: "getCounterCallback", converter: z(), on: "update", type: "(count: number, moreCount?: number) => string", description: "Render the selected-count label." },
-  { configKey: "getValueFormatCallback", converter: z(), on: "update", type: "(selectedValues: (string | number)[]) => string", description: "Serialize the selected values for form submission." },
-  { configKey: "getBadgeTooltipCallback", converter: z(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option badge." },
-  { configKey: "getOptionTooltipCallback", converter: z(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option row." },
-  { configKey: "getRemoveButtonTooltipCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Tooltip text for a badge remove button." },
-  { configKey: "getSelectedItemClassCallback", converter: z(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for a selected item." },
-  { configKey: "renderOptionContentCallback", converter: z(), on: "update", type: "(item: unknown, context: OptionContentRenderContext) => string | HTMLElement", description: "Custom render for an option row; may return HTML or an element." },
-  { configKey: "renderBadgeContentCallback", converter: z(), on: "update", type: "(item: unknown, context: BadgeContentRenderContext) => string | HTMLElement", description: "Custom render for a badge content (fills the built-in pill); may return HTML or an element." },
-  { configKey: "renderBadgeCallback", converter: z(), on: "update", type: "(item: unknown, context: BadgeContentRenderContext) => string | HTMLElement | null", description: 'Custom render for the WHOLE badge (main area), not just its content — return the entire pill/card. The component wraps it in `.ms__badge.ms__badge--custom` with `data-value` and delegates removal to any inner element with `data-action="remove"` (or `.ms__badge-remove`). Return null/empty to fall back to the default pill for that item.' },
-  { configKey: "renderGroupLabelContentCallback", converter: z(), on: "update", type: "(groupName: string) => string | HTMLElement", description: "Customize a group label; may return an HTML string or element." },
-  { configKey: "renderSelectedContentCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Custom render for the whole selected area." },
-  { configKey: "renderSelectedItemContentCallback", converter: z(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Custom render for one selected item." },
-  { configKey: "customStylesCallback", converter: z(), on: "update", type: "() => string", description: "Returns a CSS string injected into the component via a replaceable style slot (§12.8)." },
+  { configKey: "getDisplayValueCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Compute the display label for an option (overrides displayValueMember)." },
+  { configKey: "getBadgeDisplayCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Compute the text shown on an option badge." },
+  { configKey: "getBadgeClassCallback", converter: N(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for an option badge." },
+  { configKey: "getIconCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Icon for an option (overrides iconMember)." },
+  { configKey: "getSubtitleCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Subtitle for an option (overrides subtitleMember)." },
+  { configKey: "getFullTitleCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Full title for an option (used by badges when show-badge-full-title is on)." },
+  { configKey: "getCounterCallback", converter: N(), on: "update", type: "(count: number, moreCount?: number) => string", description: "Render the selected-count label." },
+  { configKey: "getValueFormatCallback", converter: N(), on: "update", type: "(selectedValues: (string | number)[]) => string", description: "Serialize the selected values for form submission." },
+  { configKey: "getBadgeTooltipCallback", converter: N(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option badge." },
+  { configKey: "getOptionTooltipCallback", converter: N(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option row." },
+  { configKey: "getRemoveButtonTooltipCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Tooltip text for a badge remove button." },
+  { configKey: "getSelectedItemClassCallback", converter: N(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for a selected item." },
+  { configKey: "renderOptionContentCallback", converter: N(), on: "update", type: "(item: unknown, context: OptionContentRenderContext) => string | HTMLElement", description: "Custom render for an option row; may return HTML or an element." },
+  { configKey: "renderBadgeContentCallback", converter: N(), on: "update", type: "(item: unknown, context: BadgeContentRenderContext) => string | HTMLElement", description: "Custom render for a badge content (fills the built-in pill); may return HTML or an element." },
+  { configKey: "renderBadgeCallback", converter: N(), on: "update", type: "(item: unknown, context: BadgeContentRenderContext) => string | HTMLElement | null", description: 'Custom render for the WHOLE badge (main area), not just its content — return the entire pill/card. The component wraps it in `.ms__badge.ms__badge--custom` with `data-value` and delegates removal to any inner element with `data-action="remove"` (or `.ms__badge-remove`). Return null/empty to fall back to the default pill for that item.' },
+  { configKey: "renderGroupLabelContentCallback", converter: N(), on: "update", type: "(groupName: string) => string | HTMLElement", description: "Customize a group label; may return an HTML string or element." },
+  { configKey: "renderSelectedContentCallback", converter: N(), on: "update", type: "(item: unknown) => string", description: "Custom render for the whole selected area." },
+  { configKey: "renderSelectedItemContentCallback", converter: N(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Custom render for one selected item." },
+  { configKey: "customStylesCallback", converter: N(), on: "update", type: "() => string", description: "Returns a CSS string injected into the component via a replaceable style slot (§12.8)." },
   // ── Callbacks: before-hooks (behavior-shaping) ───────────────────────────
-  { configKey: "beforeSearchCallback", converter: z(), on: "update", type: "(searchTerm: string) => string | null", description: "Runs before a search; return a rewritten term or null to veto." },
-  { configKey: "beforeSelectCallback", converter: z(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before selecting; return false to veto, or a string to veto and show it as a message." },
-  { configKey: "beforeDeselectCallback", converter: z(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before deselecting; return false to veto, or a string to veto and show it as a message." },
-  { configKey: "addNewCallback", converter: z(), on: "update", type: "(value: string) => unknown | Promise<unknown>", description: "Create a new option from the typed text." },
-  { configKey: "keydownCallback", converter: z(), on: "update", type: "(context: MultiSelectKeydownContext) => boolean | void", description: "Intercept keydown before built-in handling; return true to suppress the default. Gets the event, current state, and an imperative controller." }
-], rn = [
+  { configKey: "beforeSearchCallback", converter: N(), on: "update", type: "(searchTerm: string) => string | null", description: "Runs before a search; return a rewritten term or null to veto." },
+  { configKey: "beforeSelectCallback", converter: N(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before selecting; return false to veto, or a string to veto and show it as a message." },
+  { configKey: "beforeDeselectCallback", converter: N(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before deselecting; return false to veto, or a string to veto and show it as a message." },
+  { configKey: "addNewCallback", converter: N(), on: "update", type: "(value: string) => unknown | Promise<unknown>", description: "Create a new option from the typed text." },
+  { configKey: "keydownCallback", converter: N(), on: "update", type: "(context: MultiSelectKeydownContext) => boolean | void", description: "Intercept keydown before built-in handling; return true to suppress the default. Gets the event, current state, and an imperative controller." }
+], bn = [
   { name: "select", description: "An option was selected. `detail.option` is the selected option; `detail.selectedOptions`/`detail.selectedValues` are the full selection." },
   { name: "deselect", description: "An option was removed from the selection. `detail.option` is that option." },
   { name: "change", description: "The selection changed. `detail.selectedOptions`/`detail.selectedValues` are the full selection." }
-], Us = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation", "collapseBadgesBelow"]), ft = {
+], Js = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation", "collapseBadgesBelow"]), gt = {
   dropdownWidth: "--ms-dropdown-width",
   selectedPopoverWidth: "--ms-selected-popover-width"
 };
-let nn = null;
-function an() {
-  return nn ?? (nn = Ii(_o, "--ms-"));
+let vn = null;
+function yn() {
+  return vn ?? (vn = Ai(Oo, "--ms-"));
 }
-const ln = [
+const wn = [
   { key: "valueMember", member: "value", callbackKey: "getValueCallback" },
   { key: "displayValueMember", member: "label", callbackKey: "getDisplayValueCallback" },
   { key: "groupMember", member: "group", callbackKey: "getGroupCallback" },
@@ -5414,26 +5458,26 @@ const ln = [
   { key: "subtitleMember", member: "subtitle", callbackKey: "getSubtitleCallback" },
   { key: "disabledMember", member: "disabled", callbackKey: "getDisabledCallback" }
 ];
-var Z, P, fe, lt, ct, dt, He, Fe, Ie, x, wt, ge, yt, ts, ss, os, is, ko, Co, So, xt, rs, To, Io, Po, ns, Oo, Mo, as, ls;
-class et extends Gt {
+var Z, O, fe, ct, dt, ht, He, Fe, Ie, x, wt, ge, xt, is, rs, ns, as, Po, Mo, Lo, _t, ls, Eo, Ao, zo, cs, No, Vo, ds, hs;
+class tt extends Yt {
   constructor() {
     super();
     L(this, x);
     L(this, Z);
-    L(this, P);
+    L(this, O);
     L(this, fe);
-    L(this, lt, null);
+    L(this, ct, null);
     // Dev-mode customStylesCallback lint: unknown --ms-* names already warned about.
-    L(this, ct, /* @__PURE__ */ new Set());
+    L(this, dt, /* @__PURE__ */ new Set());
     // Declarative <option>/<optgroup> state (parsed once from light DOM).
-    L(this, dt, !1);
+    L(this, ht, !1);
     L(this, He, !1);
     L(this, Fe);
     L(this, Ie);
     // ── container-responsive badge collapse (core §12.9 `resized`) ─────────────
     /** Whether the live picker is currently forced to the collapsed count view. */
     L(this, ge, !1);
-    I(this, Z, this.attachShadow({ mode: "open" })), Si(h(this, Z), _o), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
+    I(this, Z, this.attachShadow({ mode: "open" })), Li(h(this, Z), Oo), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
   }
   /**
    * Called by the browser when the surrounding <form> is reset. Clears the
@@ -5441,7 +5485,7 @@ class et extends Gt {
    */
   formResetCallback() {
     var t;
-    (t = h(this, P)) == null || t.clearAll();
+    (t = h(this, O)) == null || t.clearAll();
   }
   // ── core lifecycle hooks ──────────────────────────────────────────────────
   /** Runtime writing-direction switch (core observes `dir`): re-mirror the live
@@ -5450,28 +5494,28 @@ class et extends Gt {
    *  and the panels' explicit `dir`). The initial direction is read by the build. */
   directionChanged(t) {
     var o;
-    (o = h(this, P)) == null || o.refreshDirection();
+    (o = h(this, O)) == null || o.refreshDirection();
   }
   /** Structural change (or first connect): mirror CSS vars, then (re)build the picker. */
   reinit() {
-    v(this, x, Io).call(this), this.isConnected && v(this, x, os).call(this);
+    v(this, x, Ao).call(this), this.isConnected && v(this, x, ns).call(this);
   }
   /** Cosmetic change: mirror CSS vars / custom styles / debug, patch the picker in place. */
   update(t) {
-    v(this, x, Po).call(this, t), "customStylesCallback" in t && v(this, x, rs).call(this), "showDebugInfo" in t && v(this, x, as).call(this);
+    v(this, x, zo).call(this, t), "customStylesCallback" in t && v(this, x, ls).call(this), "showDebugInfo" in t && v(this, x, ds).call(this);
     const o = {};
     for (const [i, r] of Object.entries(t))
-      Us.has(i) || (o[i] = r === null ? void 0 : r);
-    h(this, P) && Object.keys(o).length > 0 && (h(this, P).updateOptions(o) || v(this, x, os).call(this)), "mobilePresentation" in t && v(this, x, wt).call(this, Tt()), "collapseBadgesBelow" in t && v(this, x, yt).call(this, this.getBoundingClientRect().width);
+      Js.has(i) || (o[i] = r === null ? void 0 : r);
+    h(this, O) && Object.keys(o).length > 0 && (h(this, O).updateOptions(o) || v(this, x, ns).call(this)), "mobilePresentation" in t && v(this, x, wt).call(this, It()), "collapseBadgesBelow" in t && v(this, x, xt).call(this, this.getBoundingClientRect().width);
   }
   /** Activate: ensure the picker exists (a DOM move destroyed it in disconnect()). */
   connect() {
-    h(this, P) || v(this, x, is).call(this);
+    h(this, O) || v(this, x, as).call(this);
   }
   /** Deactivate: tear the picker down (rebuilt on the next connect). */
   disconnect() {
     var t;
-    (t = h(this, P)) == null || t.destroy(), I(this, P, void 0);
+    (t = h(this, O)) == null || t.destroy(), I(this, O, void 0);
   }
   /**
    * Device/viewport/orientation changed (core §12.9). Overriding this opts the
@@ -5493,7 +5537,7 @@ class et extends Gt {
    * below` is set; otherwise it's a cheap no-op.
    */
   resized({ width: t }) {
-    v(this, x, yt).call(this, t);
+    v(this, x, xt).call(this, t);
   }
   // ── non-input public API ──────────────────────────────────────────────────
   /** Form field name (mirrors the `name` attribute → `formFieldId`). */
@@ -5505,21 +5549,21 @@ class et extends Gt {
   }
   get selectedValue() {
     var t;
-    return this.flush(), ((t = h(this, P)) == null ? void 0 : t.selectedValue) ?? null;
+    return this.flush(), ((t = h(this, O)) == null ? void 0 : t.selectedValue) ?? null;
   }
   get selectedItem() {
     var t;
-    return this.flush(), ((t = h(this, P)) == null ? void 0 : t.selectedItem) ?? null;
+    return this.flush(), ((t = h(this, O)) == null ? void 0 : t.selectedItem) ?? null;
   }
   getSelected() {
-    return this.flush(), h(this, P) ? h(this, P).getSelected() : [];
+    return this.flush(), h(this, O) ? h(this, O).getSelected() : [];
   }
   setSelected(t, o = {}) {
     var i;
-    this.flush(), (i = h(this, P)) == null || i.setSelected(t, o);
+    this.flush(), (i = h(this, O)) == null || i.setSelected(t, o);
   }
   getValue() {
-    return this.flush(), h(this, P) ? h(this, P).getValue() : null;
+    return this.flush(), h(this, O) ? h(this, O).getValue() : null;
   }
   /**
    * Surface a transient message ("toast") on top of the component — visible even in the
@@ -5530,47 +5574,47 @@ class et extends Gt {
    */
   showMessage(t, o) {
     var i;
-    this.flush(), (i = h(this, P)) == null || i.showMessage(t, o);
+    this.flush(), (i = h(this, O)) == null || i.showMessage(t, o);
   }
   /** Dismiss the transient message shown by {@link showMessage}, if any. */
   hideMessage() {
     var t;
-    (t = h(this, P)) == null || t.hideMessage();
+    (t = h(this, O)) == null || t.hideMessage();
   }
   // ── imperative open/close API (flush pending writes, then delegate) ─────────
   /** Open the dropdown. */
   open() {
     var t;
-    this.flush(), (t = h(this, P)) == null || t.open();
+    this.flush(), (t = h(this, O)) == null || t.open();
   }
   /** Close the dropdown. */
   close() {
     var t;
-    this.flush(), (t = h(this, P)) == null || t.close();
+    this.flush(), (t = h(this, O)) == null || t.close();
   }
   /** Toggle the dropdown open/closed. */
   toggle() {
     var t;
-    this.flush(), (t = h(this, P)) == null || t.toggle();
+    this.flush(), (t = h(this, O)) == null || t.toggle();
   }
   /** Whether the dropdown is currently open. Assigning opens/closes it. */
   get isOpen() {
     var t;
-    return this.flush(), ((t = h(this, P)) == null ? void 0 : t.isOpen) ?? !1;
+    return this.flush(), ((t = h(this, O)) == null ? void 0 : t.isOpen) ?? !1;
   }
   set isOpen(t) {
-    this.flush(), h(this, P) && (h(this, P).isOpen = t);
+    this.flush(), h(this, O) && (h(this, O).isOpen = t);
   }
   destroy() {
     var t;
-    (t = h(this, P)) == null || t.destroy();
+    (t = h(this, O)) == null || t.destroy();
   }
 }
-Z = new WeakMap(), P = new WeakMap(), fe = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), dt = new WeakMap(), He = new WeakMap(), Fe = new WeakMap(), Ie = new WeakMap(), x = new WeakSet(), /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
+Z = new WeakMap(), O = new WeakMap(), fe = new WeakMap(), ct = new WeakMap(), dt = new WeakMap(), ht = new WeakMap(), He = new WeakMap(), Fe = new WeakMap(), Ie = new WeakMap(), x = new WeakSet(), /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
 wt = function(t) {
   var r;
-  const o = this.config.mobilePresentation ?? "auto", i = Ei(o, t);
-  (r = h(this, P)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
+  const o = this.config.mobilePresentation ?? "auto", i = $i(o, t);
+  (r = h(this, O)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
 }, ge = new WeakMap(), /**
  * Resolve `collapse-badges-below` against `width` and relay the decision to the
  * live picker. The override is pushed via `updateOptions` (never written back to
@@ -5578,42 +5622,42 @@ wt = function(t) {
  * and widening past the threshold restores it exactly. A structural JS decision,
  * so it lives here rather than in a CSS container query.
  */
-yt = function(t) {
+xt = function(t) {
   const o = this.config.collapseBadgesBelow;
   if (o == null) {
-    h(this, ge) && (I(this, ge, !1), v(this, x, ts).call(this));
+    h(this, ge) && (I(this, ge, !1), v(this, x, is).call(this));
     return;
   }
   const i = t > 0 && t < o;
-  i !== h(this, ge) && (I(this, ge, i), i ? v(this, x, ss).call(this, "count") : v(this, x, ts).call(this));
+  i !== h(this, ge) && (I(this, ge, i), i ? v(this, x, rs).call(this, "count") : v(this, x, is).call(this));
 }, /** Re-assert the consumer's configured badges mode from the pristine base config. */
-ts = function() {
+is = function() {
   const t = this.config.badgesDisplayMode ?? "badges";
-  v(this, x, ss).call(this, t);
+  v(this, x, rs).call(this, t);
 }, /** Relay a badges-display-mode override to the live picker (never written to `this.config`). */
-ss = function(t) {
+rs = function(t) {
   var o;
-  (o = h(this, P)) == null || o.updateOptions({ badgesDisplayMode: t });
+  (o = h(this, O)) == null || o.updateOptions({ badgesDisplayMode: t });
 }, // ── picker lifecycle ──────────────────────────────────────────────────────
-os = function() {
+ns = function() {
   var t;
-  (t = h(this, P)) == null || t.destroy(), I(this, P, void 0), v(this, x, is).call(this);
-}, is = function() {
-  v(this, x, ko).call(this), v(this, x, Oo).call(this);
-  const t = v(this, x, Co).call(this), o = v(this, x, So).call(this);
-  o && o.length > 0 ? h(this, fe).dataset.initialValues = JSON.stringify(o) : delete h(this, fe).dataset.initialValues, I(this, P, new Xr(h(this, fe), t)), v(this, x, rs).call(this), v(this, x, as).call(this), v(this, x, wt).call(this, Tt()), I(this, ge, !1), v(this, x, yt).call(this, this.getBoundingClientRect().width);
-}, ko = function() {
+  (t = h(this, O)) == null || t.destroy(), I(this, O, void 0), v(this, x, as).call(this);
+}, as = function() {
+  v(this, x, Po).call(this), v(this, x, No).call(this);
+  const t = v(this, x, Mo).call(this), o = v(this, x, Lo).call(this);
+  o && o.length > 0 ? h(this, fe).dataset.initialValues = JSON.stringify(o) : delete h(this, fe).dataset.initialValues, I(this, O, new ln(h(this, fe), t)), v(this, x, ls).call(this), v(this, x, ds).call(this), v(this, x, wt).call(this, It()), I(this, ge, !1), v(this, x, xt).call(this, this.getBoundingClientRect().width);
+}, Po = function() {
   if (h(this, fe)) return;
   const t = document.createElement("div");
-  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), h(this, Z).appendChild(t), I(this, lt, Ti(h(this, Z), { position: "first", className: "ms-custom-styles" })), I(this, fe, t);
+  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), h(this, Z).appendChild(t), I(this, ct, Ei(h(this, Z), { position: "first", className: "ms-custom-styles" })), I(this, fe, t);
 }, /**
  * Build the picker config from the merged `this.config`, minus the keys the
  * picker doesn't own, plus the runtime wiring (event bridges, container, host,
  * declarative option data + member defaults, counter default).
  */
-Co = function() {
+Mo = function() {
   const t = { ...this.config };
-  for (const i of Us) delete t[i];
+  for (const i of Js) delete t[i];
   for (const i of Object.keys(t))
     t[i] === null && delete t[i];
   let o = t.options;
@@ -5622,7 +5666,7 @@ Co = function() {
   else if (!o || o.length === 0) {
     const i = this.config.optionsSource;
     if (i != null) {
-      const r = this.config.optionsFormat ?? "json", { options: n, error: a } = Qr(i, r, {
+      const r = this.config.optionsFormat ?? "json", { options: n, error: a } = hn(i, r, {
         splitter: this.config.optionsSplitter,
         rowSplitter: this.config.optionsRowSplitter
       });
@@ -5630,40 +5674,40 @@ Co = function() {
     }
   }
   if (t.options = o, h(this, He))
-    for (const { key: i, member: r, callbackKey: n } of ln)
+    for (const { key: i, member: r, callbackKey: n } of wn)
       t[i] === void 0 && !t[n] && (t[i] = r);
   return t.getCounterCallback || (t.getCounterCallback = (i, r) => r !== void 0 ? `+${r} more` : `${i} selected`), t.onSelect = (i) => {
     var r;
     this.emit("select", {
       option: i,
-      selectedOptions: ((r = h(this, P)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: v(this, x, xt).call(this)
+      selectedOptions: ((r = h(this, O)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedValues: v(this, x, _t).call(this)
     });
   }, t.onDeselect = (i) => {
     var r;
     this.emit("deselect", {
       option: i,
-      selectedOptions: ((r = h(this, P)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: v(this, x, xt).call(this)
+      selectedOptions: ((r = h(this, O)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedValues: v(this, x, _t).call(this)
     });
   }, t.onChange = (i) => {
     this.emit("change", {
       selectedOptions: i,
-      selectedValues: v(this, x, xt).call(this)
+      selectedValues: v(this, x, _t).call(this)
     });
   }, t.container = h(this, Z), t.hostElement = this, t;
-}, So = function() {
+}, Lo = function() {
   if (h(this, Ie) && h(this, Ie).length > 0)
     return h(this, Ie);
   const t = this.config.initialValues;
   return t && t.length > 0 ? t : void 0;
-}, xt = function() {
+}, _t = function() {
   var o;
-  const t = (o = h(this, P)) == null ? void 0 : o.getValue();
+  const t = (o = h(this, O)) == null ? void 0 : o.getValue();
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }, // ── §12.8 custom styles ───────────────────────────────────────────────────
-rs = function() {
-  const t = h(this, lt);
+ls = function() {
+  const t = h(this, ct);
   if (!t) return;
   const o = this.config.customStylesCallback;
   if (typeof o != "function") {
@@ -5672,7 +5716,7 @@ rs = function() {
   }
   try {
     const i = o();
-    t.set(i), i && v(this, x, To).call(this, i);
+    t.set(i), i && v(this, x, Eo).call(this, i);
   } catch (i) {
     K.warn("[MultiSelectElement] customStylesCallback threw", i), t.clear();
   }
@@ -5685,28 +5729,28 @@ rs = function() {
  * De-duped per instance. If you genuinely define a `--ms-*` var for your own
  * custom-rendered content, ignore the warning (or use a different prefix).
  */
-To = function(t) {
-  const o = an();
+Eo = function(t) {
+  const o = yn();
   if (o.size !== 0)
-    for (const { name: i, suggestions: r } of Mi(t, { prefix: "--ms-", consumed: o }))
-      h(this, ct).has(i) || (h(this, ct).add(i), console.warn(
+    for (const { name: i, suggestions: r } of Vi(t, { prefix: "--ms-", consumed: o }))
+      h(this, dt).has(i) || (h(this, dt).add(i), console.warn(
         `[web-multiselect] customStylesCallback sets "${i}", which no web-multiselect style consumes — it will have no effect.` + (r.length ? ` Did you mean: ${r.join(", ")}?` : "") + " (If it's for your own custom-rendered content, ignore this.)"
       ));
 }, // ── CSS-var sugar ─────────────────────────────────────────────────────────
-Io = function() {
-  for (const t of Object.keys(ft)) v(this, x, ns).call(this, ft[t], this.config[t]);
-}, Po = function(t) {
-  for (const o of Object.keys(ft))
-    o in t && v(this, x, ns).call(this, ft[o], t[o]);
-}, ns = function(t, o) {
+Ao = function() {
+  for (const t of Object.keys(gt)) v(this, x, cs).call(this, gt[t], this.config[t]);
+}, zo = function(t) {
+  for (const o of Object.keys(gt))
+    o in t && v(this, x, cs).call(this, gt[o], t[o]);
+}, cs = function(t, o) {
   o == null || o === "" ? this.style.removeProperty(t) : this.style.setProperty(t, String(o));
 }, // ── declarative <option> parsing (light DOM, once) ────────────────────────
-Oo = function() {
-  if (h(this, dt)) return;
-  I(this, dt, !0);
-  const t = v(this, x, Mo).call(this);
+No = function() {
+  if (h(this, ht)) return;
+  I(this, ht, !0);
+  const t = v(this, x, Vo).call(this);
   t && (I(this, Fe, t), I(this, He, !0));
-}, Mo = function() {
+}, Vo = function() {
   const t = Array.from(this.children);
   if (t.length === 0) return null;
   const o = [];
@@ -5733,7 +5777,7 @@ Oo = function() {
     (n.tagName === "OPTION" || n.tagName === "OPTGROUP") && n.remove();
   return o;
 }, // ── debug panel (deprecated; kept for back-compat) ────────────────────────
-as = function() {
+ds = function() {
   const t = h(this, Z).querySelector(".ms__debug-info");
   if (t && t.remove(), !this.config.showDebugInfo) return;
   const o = document.createElement("div");
@@ -5741,12 +5785,12 @@ as = function() {
   const i = document.createElement("details"), r = document.createElement("summary");
   r.textContent = "Debug Info";
   const n = document.createElement("div");
-  n.className = "ms__debug-stats", i.appendChild(r), i.appendChild(n), o.appendChild(i), h(this, Z).appendChild(o), v(this, x, ls).call(this);
-}, ls = function() {
+  n.className = "ms__debug-stats", i.appendChild(r), i.appendChild(n), o.appendChild(i), h(this, Z).appendChild(o), v(this, x, hs).call(this);
+}, hs = function() {
   var l, c, d, u;
   const t = h(this, Z).querySelector(".ms__debug-stats");
-  if (!t || !h(this, P)) return;
-  const o = "2.0.0-rc11", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = h(this, P).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = h(this, P);
+  if (!t || !h(this, O)) return;
+  const o = "2.0.0-rc12", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = h(this, O).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = h(this, O);
   t.innerHTML = `
       <span>Version: ${o}</span>
       <span>Total Instances: ${i}</span>
@@ -5757,16 +5801,16 @@ as = function() {
       <span>Search: ${a.searchTerm || "none"}</span>
       <span>Loading: ${a.isLoading ? "Yes" : "No"}</span>
     `, setTimeout(() => {
-    this.config.showDebugInfo && v(this, x, ls).call(this);
+    this.config.showDebugInfo && v(this, x, hs).call(this);
   }, 500);
 }, // Opt into the form-associated custom element lifecycle so form.reset() and
 // form.elements see the control.
-m(et, "formAssociated", !0), m(et, "inputs", on), m(et, "events", rn);
-typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", et);
-ki("web-multiselect", et, {
+m(tt, "formAssociated", !0), m(tt, "inputs", gn), m(tt, "events", bn);
+typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", tt);
+Pi("web-multiselect", tt, {
   config: {
     name: "@keenmate/web-multiselect",
-    version: "2.0.0-rc11",
+    version: "2.0.0-rc12",
     author: "Keenmate",
     license: "MIT",
     repository: "git+https://github.com/keenmate/web-multiselect.git",
@@ -5775,23 +5819,23 @@ ki("web-multiselect", et, {
   logging: ce
 });
 export {
-  hn as LOGGING_CATEGORIES,
-  et as MultiSelectElement,
-  Jr as OPTIONS_FORMATS,
-  ei as TABLET_MIN_SHORT_SIDE,
-  Xr as WebMultiSelect,
-  ti as classifyDevice,
-  dn as configureBreakpoints,
+  kn as LOGGING_CATEGORIES,
+  tt as MultiSelectElement,
+  dn as OPTIONS_FORMATS,
+  ni as TABLET_MIN_SHORT_SIDE,
+  ln as WebMultiSelect,
+  ai as classifyDevice,
+  _n as configureBreakpoints,
   K as dataLogger,
-  mn as disableLogging,
-  un as enableLogging,
-  Tt as getEnvironment,
-  pt as initLogger,
+  Sn as disableLogging,
+  Cn as enableLogging,
+  It as getEnvironment,
+  ft as initLogger,
   j as interactionLogger,
-  Qo as observeEnvironment,
-  Zo as observeViewport,
-  Qr as parseOptionsData,
-  fn as setCategoryLevel,
-  pn as setLogLevel,
+  ii as observeEnvironment,
+  ri as observeViewport,
+  hn as parseOptionsData,
+  In as setCategoryLevel,
+  Tn as setLogLevel,
   J as uiLogger
 };