@keenmate/web-multiselect 2.0.0 → 2.1.0

package/dist/multiselect.js

@@ -1,10 +1,10 @@
-var Do = Object.defineProperty;
-var _s = (s) => {
+var Bo = Object.defineProperty;
+var Cs = (s) => {
   throw TypeError(s);
 };
-var Ro = (s, e, t) => e in s ? Do(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var p = (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), P = (s, e, t, o) => (Kt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), b = (s, e, t) => (Kt(s, e, "access private method"), t);
+var Ho = (s, e, t) => e in s ? Bo(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var p = (s, e, t) => Ho(s, typeof e != "symbol" ? e + "" : e, t), jt = (s, e, t) => e.has(s) || Cs("Cannot " + t);
+var h = (s, e, t) => (jt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), M = (s, e, t) => e.has(s) ? Cs("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), I = (s, e, t, o) => (jt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), b = (s, e, t) => (jt(s, e, "access private method"), t);
 function j(s, e = {}) {
   const t = new Set(s), o = e.shouldNullOnInvalid ? null : e.default ?? null;
   return {
@@ -54,11 +54,11 @@ function A(s = {}) {
     }
   };
 }
-const Bo = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), Ho = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
+const Fo = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), Ko = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
 function H(s = "presence") {
   const e = (t) => {
     const o = t.trim().toLowerCase();
-    return Bo.has(o) ? !0 : Ho.has(o) ? !1 : null;
+    return Fo.has(o) ? !0 : Ko.has(o) ? !1 : null;
   };
   return {
     fromAttribute(t) {
@@ -81,7 +81,7 @@ function H(s = "presence") {
     }
   };
 }
-function Fo(s = {}) {
+function Wo(s = {}) {
   const e = s.default;
   return {
     fromAttribute(t) {
@@ -101,7 +101,7 @@ function Fo(s = {}) {
     }
   };
 }
-function Ko(s = {}) {
+function jo(s = {}) {
   const e = s.default ?? [], t = (o) => Array.isArray(o) && (!s.validateItem || o.every(s.validateItem));
   return {
     fromAttribute(o) {
@@ -121,22 +121,22 @@ function Ko(s = {}) {
     }
   };
 }
-function Wo() {
+function Uo() {
   return {
     validate(s) {
       return s == null || typeof s == "function";
     }
   };
 }
-function jo(s, e, t) {
+function Go(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 Uo(s, e) {
+function qo(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 Go() {
+function Xo() {
   const s = /* @__PURE__ */ new Set();
   let e = !1;
   const t = () => {
@@ -164,7 +164,7 @@ function Go() {
     }
   };
 }
-const Qs = {
+const eo = {
   pointer: "fine",
   hasCoarsePointer: !1,
   canHover: !0,
@@ -176,29 +176,29 @@ const Qs = {
   os: "unknown",
   isApple: !1,
   isAndroid: !1
-}, qo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
-let vt = Zs(qo);
-const ot = /* @__PURE__ */ new Set(), it = /* @__PURE__ */ new Set();
-let Pe = null, kt = [], wt = !1;
-const ks = 30;
-let Ee, yt = 0;
-function Zs(s) {
+}, Yo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
+let wt = to(Yo);
+const it = /* @__PURE__ */ new Set(), rt = /* @__PURE__ */ new Set();
+let Pe = null, St = [], yt = !1;
+const Ss = 30;
+let Ee, xt = 0;
+function to(s) {
   return Object.entries(s).sort((e, t) => e[1] - t[1]);
 }
-function Xo(s) {
-  for (const [t, o] of vt)
+function Jo(s) {
+  for (const [t, o] of wt)
     if (s <= o)
       return t;
-  const e = vt[vt.length - 1];
+  const e = wt[wt.length - 1];
   return e ? e[0] : "desktop";
 }
-function us() {
+function ps() {
   return typeof window < "u" && typeof window.matchMedia == "function";
 }
-function Cs() {
+function Ts() {
   return typeof navigator < "u" && (navigator.maxTouchPoints ?? 0) > 1;
 }
-function Yo() {
+function Qo() {
   var o;
   if (typeof navigator > "u")
     return "unknown";
@@ -209,219 +209,219 @@ function Yo() {
     if (e.includes("ios"))
       return "ios";
     if (e.includes("mac"))
-      return Cs() ? "ios" : "macos";
+      return Ts() ? "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) ? Cs() ? "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) ? Ts() ? "ios" : "macos" : /windows/i.test(t) ? "windows" : /linux/i.test(t) ? "linux" : "unknown";
 }
-let Jo;
-function Qo() {
-  return Jo ?? (Jo = Yo());
+let Zo;
+function ei() {
+  return Zo ?? (Zo = Qo());
 }
-function Ue(s) {
-  return us() && window.matchMedia(s).matches;
+function Ge(s) {
+  return ps() && window.matchMedia(s).matches;
 }
-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();
+function fs() {
+  if (!ps())
+    return { ...eo };
+  const s = Ge("(any-pointer: coarse)"), e = Ge("(pointer: coarse)"), t = Ge("(pointer: fine)"), o = Ge("(hover: hover)"), i = e ? "coarse" : t ? "fine" : "none", r = window.innerWidth, n = window.innerHeight, a = ei();
   return {
     pointer: i,
     hasCoarsePointer: s,
     canHover: o,
     isTouchPrimary: e && !o,
-    orientation: Ue("(orientation: portrait)") ? "portrait" : "landscape",
+    orientation: Ge("(orientation: portrait)") ? "portrait" : "landscape",
     viewportWidth: r,
     viewportHeight: n,
-    breakpoint: Xo(r),
+    breakpoint: Jo(r),
     os: a,
     isApple: a === "ios" || a === "macos",
     isAndroid: a === "android"
   };
 }
-function Zo(s, e) {
+function ti(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 ei(s, e) {
+function si(s, e) {
   return s.viewportWidth === e.viewportWidth && s.viewportHeight === e.viewportHeight;
 }
-function Ct() {
-  const s = ms(), e = Pe;
-  if (Pe = s, !e || !Zo(e, s))
-    for (const t of [...ot])
+function Tt() {
+  const s = fs(), e = Pe;
+  if (Pe = s, !e || !ti(e, s))
+    for (const t of [...it])
       t(s);
-  it.size > 0 && (!e || !ei(e, s)) && ti();
+  rt.size > 0 && (!e || !si(e, s)) && oi();
 }
-function Ss() {
+function Is() {
   const s = Pe;
   if (s)
-    for (const e of [...it])
+    for (const e of [...rt])
       e(s);
 }
-function ti() {
+function oi() {
   if (Ee !== void 0)
     return;
-  const s = Date.now() - yt;
-  s >= ks ? (yt = Date.now(), Ss()) : Ee = setTimeout(() => {
-    Ee = void 0, yt = Date.now(), Ss();
-  }, ks - s);
+  const s = Date.now() - xt;
+  s >= Ss ? (xt = Date.now(), Is()) : Ee = setTimeout(() => {
+    Ee = void 0, xt = Date.now(), Is();
+  }, Ss - s);
 }
-const St = () => Ct(), eo = () => {
+const It = () => Tt(), so = () => {
   if (typeof requestAnimationFrame == "function") {
-    if (wt)
+    if (yt)
       return;
-    wt = !0, requestAnimationFrame(() => {
-      wt = !1, Ct();
+    yt = !0, requestAnimationFrame(() => {
+      yt = !1, Tt();
     });
   } else
-    Ct();
+    Tt();
 };
-function si(s) {
-  typeof s.addEventListener == "function" ? s.addEventListener("change", St) : typeof s.addListener == "function" && s.addListener(St);
+function ii(s) {
+  typeof s.addEventListener == "function" ? s.addEventListener("change", It) : typeof s.addListener == "function" && s.addListener(It);
 }
-function oi(s) {
-  typeof s.removeEventListener == "function" ? s.removeEventListener("change", St) : typeof s.removeListener == "function" && s.removeListener(St);
+function ri(s) {
+  typeof s.removeEventListener == "function" ? s.removeEventListener("change", It) : typeof s.removeListener == "function" && s.removeListener(It);
 }
-function to() {
-  if (!us()) {
-    Pe = { ...Qs };
+function oo() {
+  if (!ps()) {
+    Pe = { ...eo };
     return;
   }
-  kt = [
+  St = [
     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 kt)
-    si(s);
-  typeof window.addEventListener == "function" && window.addEventListener("resize", eo), Pe = ms();
+  for (const s of St)
+    ii(s);
+  typeof window.addEventListener == "function" && window.addEventListener("resize", so), Pe = fs();
 }
-function so() {
-  for (const s of kt)
-    oi(s);
-  kt = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", eo), wt = !1, Ee !== void 0 && (clearTimeout(Ee), Ee = void 0), yt = 0, Pe = null;
+function io() {
+  for (const s of St)
+    ri(s);
+  St = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", so), yt = !1, Ee !== void 0 && (clearTimeout(Ee), Ee = void 0), xt = 0, Pe = null;
 }
-function Tt() {
-  return ot.size + it.size;
+function Pt() {
+  return it.size + rt.size;
 }
-function It() {
-  return Pe ?? ms();
+function Ot() {
+  return Pe ?? fs();
 }
-function ii(s, e = {}) {
-  const t = Tt() === 0;
-  ot.add(s), t && to(), e.immediate !== !1 && s(It());
+function ni(s, e = {}) {
+  const t = Pt() === 0;
+  it.add(s), t && oo(), e.immediate !== !1 && s(Ot());
   let o = !0;
   return () => {
-    o && (o = !1, ot.delete(s), Tt() === 0 && so());
+    o && (o = !1, it.delete(s), Pt() === 0 && io());
   };
 }
-function ri(s, e = {}) {
-  const t = Tt() === 0;
-  it.add(s), t && to(), e.immediate !== !1 && s(It());
+function ai(s, e = {}) {
+  const t = Pt() === 0;
+  rt.add(s), t && oo(), e.immediate !== !1 && s(Ot());
   let o = !0;
   return () => {
-    o && (o = !1, it.delete(s), Tt() === 0 && so());
+    o && (o = !1, rt.delete(s), Pt() === 0 && io());
   };
 }
-function _n(s) {
-  vt = Zs(s), ot.size > 0 && Ct();
+function Cn(s) {
+  wt = to(s), it.size > 0 && Tt();
 }
-const ni = 600;
-function ai(s) {
-  return s.isTouchPrimary ? Math.min(s.viewportWidth, s.viewportHeight) < ni ? "mobile" : "tablet" : "desktop";
+const li = 600;
+function ci(s) {
+  return s.isTouchPrimary ? Math.min(s.viewportWidth, s.viewportHeight) < li ? "mobile" : "tablet" : "desktop";
 }
-const li = 30;
+const di = 30;
 let oe = null;
-const Je = /* @__PURE__ */ new WeakMap();
-let Wt = 0;
-function ci() {
+const Qe = /* @__PURE__ */ new WeakMap();
+let Ut = 0;
+function hi() {
   return typeof ResizeObserver < "u";
 }
-function oo(s) {
+function ro(s) {
   if (typeof s.getBoundingClientRect != "function")
     return { width: 0, height: 0 };
   const e = s.getBoundingClientRect();
   return { width: e.width, height: e.height };
 }
-function di(s, e) {
+function ui(s, e) {
   return !!s && s.width === e.width && s.height === e.height;
 }
-function hi(s, e) {
-  if (di(s.lastFired, e) || (s.pendingSize = e, s.timer !== void 0))
+function mi(s, e) {
+  if (ui(s.lastFired, e) || (s.pendingSize = e, s.timer !== void 0))
     return;
   const t = Date.now() - s.lastNotify;
-  t >= s.throttleMs ? (s.lastNotify = Date.now(), Ts(s)) : s.timer = setTimeout(() => {
-    s.timer = void 0, s.lastNotify = Date.now(), Ts(s);
+  t >= s.throttleMs ? (s.lastNotify = Date.now(), Ps(s)) : s.timer = setTimeout(() => {
+    s.timer = void 0, s.lastNotify = Date.now(), Ps(s);
   }, s.throttleMs - t);
 }
-function Ts(s) {
+function Ps(s) {
   const e = s.pendingSize;
   e && (s.lastFired = e, s.cb(e, s.el));
 }
-function ui(s) {
+function pi(s) {
   for (const e of s) {
-    const t = Je.get(e.target);
+    const t = Qe.get(e.target);
     if (!t)
       continue;
-    const o = oo(e.target);
+    const o = ro(e.target);
     for (const i of [...t])
-      hi(i, o);
+      mi(i, o);
   }
 }
-function mi() {
-  return ci() ? (oe || (oe = new ResizeObserver(ui)), oe) : null;
+function fi() {
+  return hi() ? (oe || (oe = new ResizeObserver(pi)), oe) : null;
 }
-function pi(s, e, t = {}) {
+function gi(s, e, t = {}) {
   const o = {
     el: s,
     cb: e,
-    throttleMs: t.throttleMs ?? li,
+    throttleMs: t.throttleMs ?? di,
     lastNotify: 0
   };
   if (t.immediate !== !1) {
-    const n = oo(s);
+    const n = ro(s);
     o.lastFired = n, o.lastNotify = Date.now(), e(n, s);
   }
-  const i = mi();
+  const i = fi();
   if (i) {
-    let n = Je.get(s);
-    n || (Je.set(s, n = /* @__PURE__ */ new Set()), Wt++, i.observe(s)), n.add(o);
+    let n = Qe.get(s);
+    n || (Qe.set(s, n = /* @__PURE__ */ new Set()), Ut++, 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 = 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 n = Qe.get(s);
+    n && (n.delete(o), n.size === 0 && (Qe.delete(s), oe == null || oe.unobserve(s), Ut--, Ut === 0 && oe && (oe.disconnect(), oe = null)));
   };
 }
-const Pt = /* @__PURE__ */ new Map();
-function fi(s, e) {
-  let t = Pt.get(s);
-  t || Pt.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
+const Mt = /* @__PURE__ */ new Map();
+function bi(s, e) {
+  let t = Mt.get(s);
+  t || Mt.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
 }
-function gi(s, e) {
+function vi(s, e) {
   var t;
-  (t = Pt.get(s)) == null || t.delete(e);
+  (t = Mt.get(s)) == null || t.delete(e);
 }
-function bi(s) {
-  return Array.from(Pt.get(s) ?? []);
+function wi(s) {
+  return Array.from(Mt.get(s) ?? []);
 }
-const io = /* @__PURE__ */ new Map();
-function vi(s, e) {
-  io.set(s.toLowerCase(), e);
+const no = /* @__PURE__ */ new Map();
+function yi(s, e) {
+  no.set(s.toLowerCase(), e);
 }
-function wi(s) {
-  return io.get(s.toLowerCase());
+function xi(s) {
+  return no.get(s.toLowerCase());
 }
-function yi(s, e, t, o = {}) {
+function _i(s, e, t, o = {}) {
   return s.dispatchEvent(new CustomEvent(e, {
     detail: t,
     bubbles: o.bubbles ?? !0,
@@ -429,44 +429,44 @@ function yi(s, e, t, o = {}) {
     cancelable: o.cancelable ?? !1
   }));
 }
-function xi(s) {
+function ki(s) {
   return s.split(/[-_]/).filter(Boolean).map((e) => e[0].toUpperCase() + e.slice(1)).join("");
 }
-function _i(s) {
-  return `on${xi(s)}`;
+function Ci(s) {
+  return `on${ki(s)}`;
 }
-function ki(s) {
+function Si(s) {
   return s ? s.map((e) => {
-    const t = typeof e == "string" ? { name: e } : e, o = t.property === !1 ? null : t.property ?? _i(t.name);
+    const t = typeof e == "string" ? { name: e } : e, o = t.property === !1 ? null : t.property ?? Ci(t.name);
     return { name: t.name, property: o, bubbles: t.bubbles, composed: t.composed, cancelable: t.cancelable };
   }) : [];
 }
-const Ci = typeof HTMLElement < "u" ? HTMLElement : class {
-}, Is = /* @__PURE__ */ new WeakSet();
-let Si = 0;
-const Ti = { trace() {
+const Ti = typeof HTMLElement < "u" ? HTMLElement : class {
+}, Os = /* @__PURE__ */ new WeakSet();
+let Ii = 0;
+const Pi = { trace() {
 }, debug() {
 }, info() {
 }, warn() {
 }, error() {
-} }, Ii = new Proxy({}, { get: () => Ti });
-var me, at, _e, lt, ke, ct, $t, Ce, pe, Se, Te, ze, Ne, $e, Ve, De, Re, Vt, ie, Be, I, ro, no, ao, Q, lo, co, Jt, Qt, Qe, Zt, ho;
-const xe = class xe extends Ci {
+} }, Oi = new Proxy({}, { get: () => Pi });
+var me, lt, _e, ct, ke, dt, Dt, Ce, pe, Se, Te, ze, Ne, $e, Ve, De, Re, Rt, ie, Be, P, ao, lo, co, Q, ho, uo, Zt, es, Ze, ts, mo;
+const xe = class xe extends Ti {
   constructor() {
     super();
-    L(this, I);
-    L(this, me, {});
-    L(this, at, /* @__PURE__ */ new Map());
-    L(this, _e, /* @__PURE__ */ new Map());
-    L(this, lt, /* @__PURE__ */ new Map());
+    M(this, P);
+    M(this, me, {});
+    M(this, lt, /* @__PURE__ */ new Map());
+    M(this, _e, /* @__PURE__ */ new Map());
+    M(this, ct, /* @__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, ct, Go());
-    L(this, $t, () => b(this, I, Zt).call(this));
-    L(this, Ce, null);
-    L(this, pe, !1);
-    L(this, Se, []);
-    L(this, Te, !1);
+    M(this, ke, /* @__PURE__ */ new Map());
+    M(this, dt, Xo());
+    M(this, Dt, () => b(this, P, ts).call(this));
+    M(this, Ce, null);
+    M(this, pe, !1);
+    M(this, Se, []);
+    M(this, Te, !1);
     /**
      * configKeys that carried a value assigned BEFORE the element was upgraded
      * (`el.foo = …` before its class was defined). The browser fires the initial
@@ -476,25 +476,25 @@ const xe = class xe extends Ci {
      * guarantee); post-connect attribute changes react normally. Cleared on first
      * connect.
      */
-    L(this, ze, null);
-    L(this, Ne, !1);
+    M(this, ze, null);
+    M(this, Ne, !1);
     /** Unsubscribe from the environment observable; set only while connected AND `environmentChanged` is overridden. */
-    L(this, $e);
+    M(this, $e);
     /** Unsubscribe from the throttled viewport observable; set only while connected AND `viewportChanged` is overridden. */
-    L(this, Ve);
+    M(this, Ve);
     /** Unsubscribe from the per-element ResizeObserver; set only while connected AND `resized` is overridden. */
-    L(this, De);
-    L(this, Re);
-    L(this, Vt);
-    L(this, ie);
-    L(this, Be);
-    const t = this.constructor, o = t.inputs ?? [], i = ki(t.events);
-    b(this, I, ao).call(this, o, i);
+    M(this, De);
+    M(this, Re);
+    M(this, Rt);
+    M(this, ie);
+    M(this, Be);
+    const t = this.constructor, o = t.inputs ?? [], i = Si(t.events);
+    b(this, P, co).call(this, o, i);
     for (const r of o)
-      h(this, at).set(r.configKey, r), r.attribute && h(this, _e).set(r.attribute, r);
+      h(this, lt).set(r.configKey, r), r.attribute && h(this, _e).set(r.attribute, r);
     for (const r of i)
-      h(this, lt).set(r.name, r);
-    b(this, I, ro).call(this, o), b(this, I, lo).call(this, o), b(this, I, co).call(this, i);
+      h(this, ct).set(r.name, r);
+    b(this, P, ao).call(this, o), b(this, P, ho).call(this, o), b(this, P, uo).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 Ci {
       return;
     let n;
     try {
-      n = jo(r, i, this);
+      n = Go(r, i, this);
     } catch (l) {
-      b(this, I, Q).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = b(this, I, no).call(this, r);
+      b(this, P, Q).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = b(this, P, lo).call(this, r);
     }
-    b(this, I, Qt).call(this, n);
+    b(this, P, es).call(this, n);
   }
   connectedCallback() {
-    fi(this.localName, this), h(this, Te) || (P(this, Te, !0), P(this, ze, null), P(this, pe, !0)), b(this, I, Qe).call(this), this.connect(), this.environmentChanged !== xe.prototype.environmentChanged && P(this, $e, ii((t) => this.environmentChanged(t))), this.viewportChanged !== xe.prototype.viewportChanged && P(this, Ve, ri((t) => this.viewportChanged(t))), this.resized !== xe.prototype.resized && P(this, De, pi(this, (t) => this.resized(t), { immediate: !1 }));
+    bi(this.localName, this), h(this, Te) || (I(this, Te, !0), I(this, ze, null), I(this, pe, !0)), b(this, P, Ze).call(this), this.connect(), this.environmentChanged !== xe.prototype.environmentChanged && I(this, $e, ni((t) => this.environmentChanged(t))), this.viewportChanged !== xe.prototype.viewportChanged && I(this, Ve, ai((t) => this.viewportChanged(t))), this.resized !== xe.prototype.resized && I(this, De, gi(this, (t) => this.resized(t), { immediate: !1 }));
   }
   disconnectedCallback() {
     var t, o, i;
-    gi(this.localName, this), (t = h(this, $e)) == null || t.call(this), P(this, $e, void 0), (o = h(this, Ve)) == null || o.call(this), P(this, Ve, void 0), (i = h(this, De)) == null || i.call(this), P(this, De, void 0), this.disconnect();
+    vi(this.localName, this), (t = h(this, $e)) == null || t.call(this), I(this, $e, void 0), (o = h(this, Ve)) == null || o.call(this), I(this, Ve, void 0), (i = h(this, De)) == null || i.call(this), I(this, De, 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, at).get(o) ?? h(this, _e).get(o);
-      r && b(this, I, Jt).call(this, r, i);
+      const r = h(this, lt).get(o) ?? h(this, _e).get(o);
+      r && b(this, P, Zt).call(this, r, i);
     }
-    b(this, I, Qe).call(this);
+    b(this, P, Ze).call(this);
   }
   /** Run `fn` and coalesce every input change it makes into a single reinit/update. */
   batch(t) {
-    t(), b(this, I, Qe).call(this);
+    t(), b(this, P, Ze).call(this);
   }
   /**
    * Apply any pending input writes **synchronously, now** — running the
@@ -554,7 +554,7 @@ const xe = class xe extends Ci {
    * `await whenSettled()` between the two.
    */
   flush() {
-    b(this, I, Qe).call(this);
+    b(this, P, Ze).call(this);
   }
   /**
    * Resolves once the element is **settled** — i.e. every staged input change
@@ -592,11 +592,11 @@ const xe = class xe extends Ci {
   get log() {
     if (h(this, Be))
       return h(this, Be);
-    const t = wi(this.localName);
+    const t = xi(this.localName);
     if (!t)
-      return Ii;
-    const o = h(this, Vt) ?? P(this, Vt, `${this.localName}#${this.id || ++Si}`);
-    return P(this, Be, t.forInstance(o, () => h(this, ie)));
+      return Oi;
+    const o = h(this, Rt) ?? I(this, Rt, `${this.localName}#${this.id || ++Ii}`);
+    return I(this, Be, t.forInstance(o, () => h(this, ie)));
   }
   /**
    * Turn on verbose logging for THIS element only (default `debug`), independent
@@ -604,11 +604,11 @@ const xe = class xe extends Ci {
    * picks one instance. Pairs with {@link disableLogging}.
    */
   enableLogging(t = "debug") {
-    P(this, ie, t);
+    I(this, ie, t);
   }
   /** Clear this element's logging override (falls back to the type-level level). */
   disableLogging() {
-    P(this, ie, void 0);
+    I(this, ie, void 0);
   }
   /** Whether this element has an active logging override (not unset/`silent`). */
   get isLoggingEnabled() {
@@ -732,7 +732,7 @@ const xe = class xe extends Ci {
     if (typeof this.attachInternals != "function")
       return null;
     try {
-      return P(this, Re, this.attachInternals());
+      return I(this, Re, this.attachInternals());
     } catch {
       return null;
     }
@@ -762,8 +762,8 @@ const xe = class xe extends Ci {
    * `emit` does not call it separately.
    */
   emit(t, o, i) {
-    const r = h(this, lt).get(t);
-    return yi(this, t, o, {
+    const r = h(this, ct).get(t);
+    return _i(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 Ci {
     }
   }
 };
-me = new WeakMap(), at = new WeakMap(), _e = new WeakMap(), lt = new WeakMap(), ke = new WeakMap(), ct = new WeakMap(), $t = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), $e = new WeakMap(), Ve = new WeakMap(), De = new WeakMap(), Re = new WeakMap(), Vt = new WeakMap(), ie = new WeakMap(), Be = new WeakMap(), I = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
-ro = function(t) {
+me = new WeakMap(), lt = new WeakMap(), _e = new WeakMap(), ct = new WeakMap(), ke = new WeakMap(), dt = new WeakMap(), Dt = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), $e = new WeakMap(), Ve = new WeakMap(), De = new WeakMap(), Re = new WeakMap(), Rt = new WeakMap(), ie = new WeakMap(), Be = new WeakMap(), P = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
+ao = function(t) {
   var o;
   for (const i of t) {
     let r = i.default;
@@ -810,25 +810,25 @@ ro = function(t) {
       try {
         r = i.converter.fromAttribute(null, this, i.attribute ?? i.configKey);
       } catch (n) {
-        b(this, I, Q).call(this, `converter for "${i.configKey}" threw computing its default; using \`default\``, n), r = i.default;
+        b(this, P, Q).call(this, `converter for "${i.configKey}" threw computing its default; using \`default\``, n), r = i.default;
       }
     h(this, me)[i.configKey] = r, i.field && (this[i.field] = r);
   }
-}, no = function(t) {
+}, lo = 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. */
-ao = function(t, o) {
+co = function(t, o) {
   var l;
   const i = this.constructor;
-  if (Is.has(i))
+  if (Os.has(i))
     return;
-  Is.add(i);
+  Os.add(i);
   const r = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
   for (const c of t)
-    r.has(c.configKey) && b(this, I, Q).call(this, `invalid input table: duplicate configKey "${c.configKey}"`), r.add(c.configKey), c.attribute && (n.has(c.attribute) && b(this, I, Q).call(this, `invalid input table: duplicate attribute "${c.attribute}"`), n.add(c.attribute)), c.reflect && !c.attribute && b(this, I, 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) && b(this, I, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but its converter has no toAttribute`);
+    r.has(c.configKey) && b(this, P, Q).call(this, `invalid input table: duplicate configKey "${c.configKey}"`), r.add(c.configKey), c.attribute && (n.has(c.attribute) && b(this, P, Q).call(this, `invalid input table: duplicate attribute "${c.attribute}"`), n.add(c.attribute)), c.reflect && !c.attribute && b(this, P, 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) && b(this, P, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but its converter has no toAttribute`);
   const a = /* @__PURE__ */ new Set();
   for (const c of o)
-    a.has(c.name) && b(this, I, Q).call(this, `invalid event table: duplicate event "${c.name}"`), a.add(c.name), /^[a-z][a-z0-9-]*$/.test(c.name) || b(this, I, Q).call(this, `invalid event table: event "${c.name}" should be lowercase kebab-case (e.g. "date-select")`), c.property && r.has(c.property) && b(this, I, Q).call(this, `invalid event table: event "${c.name}" property "${c.property}" collides with an input configKey`);
+    a.has(c.name) && b(this, P, Q).call(this, `invalid event table: duplicate event "${c.name}"`), a.add(c.name), /^[a-z][a-z0-9-]*$/.test(c.name) || b(this, P, Q).call(this, `invalid event table: event "${c.name}" should be lowercase kebab-case (e.g. "date-select")`), c.property && r.has(c.property) && b(this, P, Q).call(this, `invalid event table: event "${c.name}" property "${c.property}" collides with an input configKey`);
 }, /**
  * Always-on console warning for input validation failures. Deliberately uses
  * `console.warn` directly — NOT the (future) categorized logger — so rejected
@@ -836,22 +836,22 @@ ao = function(t, o) {
  */
 Q = function(t, ...o) {
   console.warn(`[BlissElement] <${this.localName ?? "unknown"}> ${t}`, ...o);
-}, lo = function(t) {
+}, ho = 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) => b(this, I, Jt).call(this, o, a)
-    }), r && ((h(this, ze) ?? P(this, ze, /* @__PURE__ */ new Set())).add(i), this[i] = n);
+      set: (a) => b(this, P, Zt).call(this, o, a)
+    }), r && ((h(this, ze) ?? I(this, ze, /* @__PURE__ */ new Set())).add(i), this[i] = n);
   }
 }, /**
  * Install a managed `on<Name>` handler property per event. Assigning it
  * (de)registers a real listener for the event, so the property behaves like
  * `addEventListener(name, …)` and its handler receives the `CustomEvent`.
  */
-co = function(t) {
+uo = function(t) {
   for (const o of t) {
     const i = o.property;
     if (!i)
@@ -871,38 +871,38 @@ co = function(t) {
       }
     }), n && (this[i] = a);
   }
-}, Jt = function(t, o) {
+}, Zt = function(t, o) {
   var r;
-  const i = Uo(t, o);
+  const i = qo(t, o);
   if (!i) {
-    b(this, I, Q).call(this, `rejected invalid value for property "${t.configKey}"; keeping previous value`, o);
+    b(this, P, Q).call(this, `rejected invalid value for property "${t.configKey}"; keeping previous value`, o);
     return;
   }
-  if (b(this, I, Qt).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
+  if (b(this, P, es).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
     const n = t.converter.toAttribute(i.value);
-    P(this, Ne, !0);
+    I(this, Ne, !0);
     try {
       n === null ? this.removeAttribute(t.attribute) : this.setAttribute(t.attribute, n);
     } finally {
-      P(this, Ne, !1);
+      I(this, Ne, !1);
     }
   }
-}, Qt = function(t) {
-  h(this, me)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && P(this, pe, !0), (h(this, Ce) ?? P(this, Ce, {}))[t.configKey] = t.value, h(this, ct).schedule(h(this, $t)));
+}, es = 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, dt).schedule(h(this, Dt)));
 }, /** Cancel any queued microtask and flush pending changes synchronously now. */
-Qe = function() {
-  h(this, ct).cancel(), b(this, I, Zt).call(this);
-}, Zt = function() {
+Ze = function() {
+  h(this, dt).cancel(), b(this, P, ts).call(this);
+}, ts = function() {
   if (!this.isConnected)
     return;
   const t = h(this, pe), o = h(this, Ce);
-  P(this, pe, !1), P(this, Ce, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), b(this, I, ho).call(this);
+  I(this, pe, !1), I(this, Ce, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), b(this, P, mo).call(this);
 }, /** Resolve everyone awaiting {@link whenSettled} for the flush that just ran. */
-ho = function() {
+mo = function() {
   if (h(this, Se).length === 0)
     return;
   const t = h(this, Se);
-  P(this, Se, []);
+  I(this, Se, []);
   for (const o of t)
     o();
 }, /** The opt-in input table. Subclasses set this to enable attribute/property reactivity. */
@@ -912,11 +912,11 @@ p(xe, "inputs"), /**
  * {@link emit} can fire and installs a managed `on<Name>` handler property.
  */
 p(xe, "events");
-let Yt = xe;
-function Ps(s, e, t) {
+let Qt = xe;
+function Ms(s, e, t) {
   typeof customElements > "u" || customElements.get(s) || customElements.define(s, e, t);
 }
-function Pi(s) {
+function Mi(s) {
   return {
     enableLogging: (e) => s.enableLogging(e),
     disableLogging: () => s.disableLogging(),
@@ -925,45 +925,45 @@ function Pi(s) {
     getCategories: () => [...s.LOGGING_CATEGORIES]
   };
 }
-function Oi(s, e, t) {
+function Li(s, e, t) {
   const { config: o, logging: i, shouldAutoDefine: r = !0 } = t;
-  i && vi(s, i);
+  i && yi(s, i);
   const n = {
     version: () => o.version,
     config: o,
-    ...i ? { logging: Pi(i) } : {},
-    register: () => Ps(s, e),
-    getInstances: () => bi(s)
+    ...i ? { logging: Mi(i) } : {},
+    register: () => Ms(s, e),
+    getInstances: () => wi(s)
   };
-  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && Ps(s, e), n;
+  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && Ms(s, e), n;
 }
-const Os = /* @__PURE__ */ new Map(), Ms = /* @__PURE__ */ new WeakMap();
-let mt;
-function Mi(s) {
+const Ls = /* @__PURE__ */ new Map(), Es = /* @__PURE__ */ new WeakMap();
+let pt;
+function Ei(s) {
   if (typeof CSSStyleSheet > "u" || !("adoptedStyleSheets" in s))
     return !1;
-  if (mt === void 0)
+  if (pt === void 0)
     try {
-      new CSSStyleSheet().replaceSync(""), mt = !0;
+      new CSSStyleSheet().replaceSync(""), pt = !0;
     } catch {
-      mt = !1;
+      pt = !1;
     }
-  return mt;
+  return pt;
 }
-function Li(s, ...e) {
+function Ai(s, ...e) {
   if (typeof document > "u")
     return;
-  let t = Ms.get(s);
-  t || Ms.set(s, t = /* @__PURE__ */ new Set());
+  let t = Es.get(s);
+  t || Es.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 (Mi(s)) {
+  if (Ei(s)) {
     const r = o.map((n) => {
-      let a = Os.get(n);
-      return a || (a = new CSSStyleSheet(), a.replaceSync(n), Os.set(n, a)), a;
+      let a = Ls.get(n);
+      return a || (a = new CSSStyleSheet(), a.replaceSync(n), Ls.set(n, a)), a;
     });
     s.adoptedStyleSheets = [...s.adoptedStyleSheets, ...r];
     return;
@@ -974,7 +974,7 @@ function Li(s, ...e) {
     n.textContent = r, i.appendChild(n);
   }
 }
-function Ei(s, e = {}) {
+function zi(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 Ei(s, e = {}) {
     }
   };
 }
-function uo(s) {
+function po(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Ai(s, e) {
-  const t = /* @__PURE__ */ new Set(), o = new RegExp(`var\\(\\s*(${uo(e)}[a-z0-9-]+)`, "gi");
+function Ni(s, e) {
+  const t = /* @__PURE__ */ new Set(), o = new RegExp(`var\\(\\s*(${po(e)}[a-z0-9-]+)`, "gi");
   let i;
   for (; i = o.exec(s); )
     i[1] && t.add(i[1]);
   return t;
 }
-function zi(s, e) {
-  const t = /* @__PURE__ */ new Set(), o = new RegExp(`(${uo(e)}[a-z0-9-]+)\\s*:`, "gi");
+function $i(s, e) {
+  const t = /* @__PURE__ */ new Set(), o = new RegExp(`(${po(e)}[a-z0-9-]+)\\s*:`, "gi");
   let i;
   for (; i = o.exec(s); )
     i[1] && t.add(i[1]);
   return [...t];
 }
-function Ni(s, e, t = {}) {
+function Vi(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 $i(s, e) {
+function Di(s, e) {
   if (e.consumed.size === 0)
     return [];
   const t = [];
-  for (const o of zi(s, e.prefix))
-    e.consumed.has(o) || t.push({ name: o, suggestions: Ni(o, e.consumed, { minScore: e.minScore }) });
+  for (const o of $i(s, e.prefix))
+    e.consumed.has(o) || t.push({ name: o, suggestions: Vi(o, e.consumed, { minScore: e.minScore }) });
   return t;
 }
-const Vi = {
+const Ri = {
   mobile: "fullscreen",
   tablet: "floating",
   desktop: "floating"
 };
-function Di(s, e, t = {}) {
+function Bi(s, e, t = {}) {
   if (s !== "auto")
     return s;
-  const o = ai(e);
-  return t[o] ?? Vi[o];
+  const o = ci(e);
+  return t[o] ?? Ri[o];
 }
-function jt(s) {
+function Gt(s) {
   return {
     presentation: s,
     isFullscreen: s === "fullscreen",
     isModal: s === "modal"
   };
 }
-let Ge = 0, pt = null;
-function Ri() {
+let qe = 0, ft = null;
+function Hi() {
   if (typeof document > "u")
     return () => {
     };
-  Ge === 0 && (pt = document.body.style.overflow, document.body.style.overflow = "hidden"), Ge++;
+  qe === 0 && (ft = document.body.style.overflow, document.body.style.overflow = "hidden"), qe++;
   let s = !1;
   return () => {
-    s || (s = !0, Ge = Math.max(0, Ge - 1), Ge === 0 && pt !== null && (document.body.style.overflow = pt, pt = null));
+    s || (s = !0, qe = Math.max(0, qe - 1), qe === 0 && ft !== null && (document.body.style.overflow = ft, ft = null));
   };
 }
-function Bi(s) {
+function Fi(s) {
   const e = typeof window < "u" ? window.visualViewport : null;
   if (!e)
     return () => {
@@ -1068,39 +1068,39 @@ function Bi(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"), Ot = /* @__PURE__ */ new Set(), qe = /* @__PURE__ */ new Map();
-let Mt = !1;
-function fs() {
+const gs = "km-overlay-activated", Ki = Symbol("km-overlay-all-groups"), Lt = /* @__PURE__ */ new Set(), Xe = /* @__PURE__ */ new Map();
+let Et = !1;
+function bs() {
   return typeof document < "u";
 }
-function Fi(s, e) {
-  return e === Hi || s === e;
+function Wi(s, e) {
+  return e === Ki || s === e;
 }
-function mo(s) {
+function fo(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(Ot))
-    i.id !== t && Fi(i.group, o) && i.dismiss();
+  for (const i of Array.from(Lt))
+    i.id !== t && Wi(i.group, o) && i.dismiss();
 }
-function Ki() {
-  Mt || !fs() || (document.addEventListener(ps, mo), Mt = !0);
+function ji() {
+  Et || !bs() || (document.addEventListener(gs, fo), Et = !0);
 }
-function Wi() {
-  Mt && Ot.size === 0 && fs() && (document.removeEventListener(ps, mo), Mt = !1);
+function Ui() {
+  Et && Lt.size === 0 && bs() && (document.removeEventListener(gs, fo), Et = !1);
 }
-function ji(s, e) {
-  fs() && document.dispatchEvent(new CustomEvent(ps, { detail: { source: s, group: e } }));
+function Gi(s, e) {
+  bs() && document.dispatchEvent(new CustomEvent(gs, { detail: { source: s, group: e } }));
 }
-function Ui(s, e) {
+function qi(s, e) {
   const t = { id: {}, group: e, dismiss: s };
-  return Ot.add(t), Ki(), {
+  return Lt.add(t), ji(), {
     activate() {
-      qe.set(t.group, t), ji(t.id, t.group);
+      Xe.set(t.group, t), Gi(t.id, t.group);
     },
     deactivate() {
-      qe.get(t.group) === t && qe.delete(t.group);
+      Xe.get(t.group) === t && Xe.delete(t.group);
     },
     dispose() {
-      Ot.delete(t), qe.get(t.group) === t && qe.delete(t.group), Wi();
+      Lt.delete(t), Xe.get(t.group) === t && Xe.delete(t.group), Ui();
     }
   };
 }
@@ -1111,21 +1111,21 @@ const U = {
   WARN: 3,
   ERROR: 4,
   SILENT: 5
-}, Ls = ["trace", "debug", "info", "warn", "error"], Lt = () => {
+}, As = ["trace", "debug", "info", "warn", "error"], At = () => {
 };
-let Gi = "km-log";
-function Es(s) {
+let Xi = "km-log";
+function zs(s) {
   const t = console[s];
-  return typeof t == "function" ? t.bind(console) : Lt;
+  return typeof t == "function" ? t.bind(console) : At;
 }
-function qi(s) {
+function Yi(s) {
   if (s === "debug" && (s = "log"), typeof console > "u")
-    return Lt;
+    return At;
   const e = console;
-  return e[s] !== void 0 ? Es(s) : e.log !== void 0 ? Es("log") : Lt;
+  return e[s] !== void 0 ? zs(s) : e.log !== void 0 ? zs("log") : At;
 }
-const Xi = (s) => qi(s);
-function Xe(s) {
+const Ji = (s) => Yi(s);
+function Ye(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)
@@ -1133,8 +1133,8 @@ function Xe(s) {
   throw new TypeError(`setLevel() called with an invalid level: ${String(s)}`);
 }
 let ue;
-const Et = {};
-class po {
+const zt = {};
+class go {
   constructor(e, t) {
     p(this, "name");
     p(this, "levels", U);
@@ -1152,18 +1152,18 @@ class po {
     p(this, "defaultLevel", null);
     /** Optional user-set level; overrides default. */
     p(this, "userLevel", null);
-    this.name = e, this.methodFactory = t, this.inheritedLevel = Xe(ue ? ue.getLevel() : "WARN");
+    this.name = e, this.methodFactory = t, this.inheritedLevel = Ye(ue ? ue.getLevel() : "WARN");
     const o = this.getPersistedLevel();
-    o != null && (this.userLevel = Xe(o)), this.replaceLoggingMethods();
+    o != null && (this.userLevel = Ye(o)), this.replaceLoggingMethods();
   }
   storageKey() {
-    return typeof this.name == "string" ? `${Gi}:${this.name}` : void 0;
+    return typeof this.name == "string" ? `${Xi}:${this.name}` : void 0;
   }
   persist(e) {
     const t = this.storageKey();
     if (typeof window > "u" || !t)
       return;
-    const o = (Ls[e] ?? "silent").toUpperCase();
+    const o = (As[e] ?? "silent").toUpperCase();
     try {
       window.localStorage[t] = o;
     } catch {
@@ -1191,18 +1191,18 @@ class po {
   }
   replaceLoggingMethods() {
     const e = this.getLevel();
-    Ls.forEach((t, o) => {
-      this[t] = o < e ? Lt : this.methodFactory(t, e, this.name);
+    As.forEach((t, o) => {
+      this[t] = o < e ? At : 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 = Xe(e), t !== !1 && this.persist(this.userLevel), this.replaceLoggingMethods();
+    this.userLevel = Ye(e), t !== !1 && this.persist(this.userLevel), this.replaceLoggingMethods();
   }
   setDefaultLevel(e) {
-    this.defaultLevel = Xe(e), this.getPersistedLevel() || this.setLevel(e, !1);
+    this.defaultLevel = Ye(e), this.getPersistedLevel() || this.setLevel(e, !1);
   }
   resetLevel() {
     this.userLevel = null, this.clearPersisted(), this.replaceLoggingMethods();
@@ -1214,19 +1214,19 @@ class po {
     this.setLevel(U.SILENT, e);
   }
   rebuild() {
-    if (ue && ue !== this && (this.inheritedLevel = Xe(ue.getLevel())), this.replaceLoggingMethods(), ue === this)
-      for (const e in Et)
-        Et[e].rebuild();
+    if (ue && ue !== this && (this.inheritedLevel = Ye(ue.getLevel())), this.replaceLoggingMethods(), ue === this)
+      for (const e in zt)
+        zt[e].rebuild();
   }
 }
-ue = new po(void 0, Xi);
-function Yi(s) {
+ue = new go(void 0, Ji);
+function Qi(s) {
   if (typeof s != "string" || s === "")
     throw new TypeError("You must supply a non-empty name when creating a logger.");
-  let e = Et[s];
-  return e || (e = Et[s] = new po(s, ue.methodFactory)), e;
+  let e = zt[s];
+  return e || (e = zt[s] = new go(s, ue.methodFactory)), e;
 }
-const Ji = ["INIT", "DATA", "UI"], Qi = "debug", As = [
+const Zi = ["INIT", "DATA", "UI"], er = "debug", Ns = [
   "#4c8bf5",
   // blue
   "#2ea043",
@@ -1243,43 +1243,43 @@ const Ji = ["INIT", "DATA", "UI"], Qi = "debug", As = [
   // teal
   "#8a6d3b"
   // brown
-], zs = /* @__PURE__ */ new WeakSet();
-function Zi(s, e, t) {
-  if (zs.has(s))
+], $s = /* @__PURE__ */ new WeakSet();
+function tr(s, e, t) {
+  if ($s.has(s))
     return;
-  zs.add(s);
+  $s.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 er(s) {
+function sr(s) {
   return typeof s == "number" ? s : U[s.toUpperCase()] ?? U.SILENT;
 }
-const tr = [
+const or = [
   ["trace", U.TRACE, "debug"],
   ["debug", U.DEBUG, "debug"],
   ["info", U.INFO, "info"],
   ["warn", U.WARN, "warn"],
   ["error", U.ERROR, "error"]
 ];
-function sr(s, e, t) {
+function ir(s, e, t) {
   const o = `color:${s.color};font-weight:bold`, i = "color:#888", r = {};
-  for (const [n, a, l] of tr)
+  for (const [n, a, l] of or)
     r[n] = (...c) => {
-      const d = t(), u = Math.min(s.logger.getLevel(), d == null ? U.SILENT : er(d));
+      const d = t(), u = Math.min(s.logger.getLevel(), d == null ? U.SILENT : sr(d));
       if (a < u)
         return;
       (console[l] ?? console.log).bind(console)(`%c[${s.label}]%c ${e}`, o, i, ...c);
     };
   return r;
 }
-function or(s, e = Ji) {
+function rr(s, e = Zi) {
   const t = {}, o = {};
   e.forEach((r, n) => {
-    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 a = `${s}:${r}`, l = Ns[n % Ns.length], c = Qi(a);
+    tr(c, a, l), t[r] = c, o[r] = { label: a, color: l, logger: c };
   });
   const i = (r) => {
     for (const n of e)
@@ -1288,7 +1288,7 @@ function or(s, e = Ji) {
   return {
     loggers: t,
     LOGGING_CATEGORIES: e,
-    enableLogging(r = Qi) {
+    enableLogging(r = er) {
       i(r);
     },
     disableLogging() {
@@ -1304,81 +1304,81 @@ function or(s, e = Ji) {
     forInstance(r, n) {
       const a = {};
       for (const l of e)
-        a[l] = sr(o[l], r, n);
+        a[l] = ir(o[l], r, n);
       return a;
     }
   };
 }
-const be = Math.min, ne = Math.max, At = Math.round, ft = Math.floor, ae = (s) => ({
+const be = Math.min, ne = Math.max, Nt = Math.round, gt = Math.floor, ae = (s) => ({
   x: s,
   y: s
-}), ir = {
+}), nr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function fo(s, e, t) {
+function bo(s, e, t) {
   return ne(s, be(e, t));
 }
-function Ke(s, e) {
+function We(s, e) {
   return typeof s == "function" ? s(e) : s;
 }
 function Oe(s) {
   return s.split("-")[0];
 }
-function We(s) {
+function je(s) {
   return s.split("-")[1];
 }
-function go(s) {
+function vo(s) {
   return s === "x" ? "y" : "x";
 }
-function gs(s) {
+function vs(s) {
   return s === "y" ? "height" : "width";
 }
 function re(s) {
   const e = s[0];
   return e === "t" || e === "b" ? "y" : "x";
 }
-function bs(s) {
-  return go(re(s));
+function ws(s) {
+  return vo(re(s));
 }
-function rr(s, e, t) {
+function ar(s, e, t) {
   t === void 0 && (t = !1);
-  const o = We(s), i = bs(s), r = gs(i);
+  const o = je(s), i = ws(s), r = vs(i);
   let n = i === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[r] > e.floating[r] && (n = zt(n)), [n, zt(n)];
+  return e.reference[r] > e.floating[r] && (n = $t(n)), [n, $t(n)];
 }
-function nr(s) {
-  const e = zt(s);
-  return [es(s), e, es(e)];
+function lr(s) {
+  const e = $t(s);
+  return [ss(s), e, ss(e)];
 }
-function es(s) {
+function ss(s) {
   return s.includes("start") ? s.replace("start", "end") : s.replace("end", "start");
 }
-const Ns = ["left", "right"], $s = ["right", "left"], ar = ["top", "bottom"], lr = ["bottom", "top"];
-function cr(s, e, t) {
+const Vs = ["left", "right"], Ds = ["right", "left"], cr = ["top", "bottom"], dr = ["bottom", "top"];
+function hr(s, e, t) {
   switch (s) {
     case "top":
     case "bottom":
-      return t ? e ? $s : Ns : e ? Ns : $s;
+      return t ? e ? Ds : Vs : e ? Vs : Ds;
     case "left":
     case "right":
-      return e ? ar : lr;
+      return e ? cr : dr;
     default:
       return [];
   }
 }
-function dr(s, e, t, o) {
-  const i = We(s);
-  let r = cr(Oe(s), t === "start", o);
-  return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(es)))), r;
+function ur(s, e, t, o) {
+  const i = je(s);
+  let r = hr(Oe(s), t === "start", o);
+  return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(ss)))), r;
 }
-function zt(s) {
+function $t(s) {
   const e = Oe(s);
-  return ir[e] + s.slice(e.length);
+  return nr[e] + s.slice(e.length);
 }
-function hr(s) {
+function mr(s) {
   var e, t, o, i;
   return {
     top: (e = s.top) != null ? e : 0,
@@ -1387,15 +1387,15 @@ function hr(s) {
     left: (i = s.left) != null ? i : 0
   };
 }
-function bo(s) {
-  return typeof s != "number" ? hr(s) : {
+function wo(s) {
+  return typeof s != "number" ? mr(s) : {
     top: s,
     right: s,
     bottom: s,
     left: s
   };
 }
-function Nt(s) {
+function Vt(s) {
   const {
     x: e,
     y: t,
@@ -1413,12 +1413,12 @@ function Nt(s) {
     y: t
   };
 }
-function Vs(s, e, t) {
+function Rs(s, e, t) {
   let {
     reference: o,
     floating: i
   } = s;
-  const r = re(e), n = bs(e), a = gs(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 = ws(e), a = vs(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;
   let m;
   switch (l) {
     case "top":
@@ -1451,10 +1451,10 @@ function Vs(s, e, t) {
         y: o.y
       };
   }
-  const g = We(e);
+  const g = je(e);
   return g && (m[n] += f * (g === "end" ? 1 : -1) * (t && c ? -1 : 1)), m;
 }
-async function ur(s, e) {
+async function pr(s, e) {
   var t;
   e === void 0 && (e = {});
   const {
@@ -1470,8 +1470,8 @@ async function ur(s, e) {
     elementContext: u = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = Ke(e, s), g = bo(m), y = a[f ? u === "floating" ? "reference" : "floating" : u], v = Nt(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)),
+  } = We(e, s), g = wo(m), x = a[f ? u === "floating" ? "reference" : "floating" : u], v = Vt(await r.getClippingRect({
+    element: (t = await (r.isElement == null ? void 0 : r.isElement(x))) == null || t ? x : x.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: l
@@ -1483,7 +1483,7 @@ async function ur(s, e) {
   } : n.reference, C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), E = await (r.isElement == null ? void 0 : r.isElement(C)) && await (r.getScale == null ? void 0 : r.getScale(C)) || {
     x: 1,
     y: 1
-  }, z = Nt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, z = Vt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: _,
     offsetParent: C,
@@ -1496,7 +1496,7 @@ async function ur(s, e) {
     right: (z.right - v.right + g.right) / E.x
   };
 }
-const mr = 50, pr = async (s, e, t) => {
+const fr = 50, gr = async (s, e, t) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -1504,7 +1504,7 @@ const mr = 50, pr = async (s, e, t) => {
     platform: n
   } = t, a = n.detectOverflow ? n : {
     ...n,
-    detectOverflow: ur
+    detectOverflow: pr
   }, l = await (n.isRTL == null ? void 0 : n.isRTL(e));
   let c = await n.getElementRects({
     reference: s,
@@ -1513,16 +1513,16 @@ const mr = 50, pr = async (s, e, t) => {
   }), {
     x: d,
     y: u
-  } = Vs(c, o, l), f = o, m = 0;
+  } = Rs(c, o, l), f = o, m = 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 x = r[y];
+    if (!x)
       continue;
     const {
       name: v,
       fn: _
-    } = y, {
+    } = x, {
       x: C,
       y: E,
       data: z,
@@ -1544,14 +1544,14 @@ const mr = 50, pr = async (s, e, t) => {
     d = C ?? d, u = E ?? u, g[v] = {
       ...g[v],
       ...z
-    }, D && m < mr && (m++, typeof D == "object" && (D.placement && (f = D.placement), D.rects && (c = D.rects === !0 ? await n.getElementRects({
+    }, D && m < fr && (m++, typeof D == "object" && (D.placement && (f = D.placement), D.rects && (c = D.rects === !0 ? await n.getElementRects({
       reference: s,
       floating: e,
       strategy: i
     }) : D.rects), {
       x: d,
       y: u
-    } = Vs(c, f, l)), w = -1);
+    } = Rs(c, f, l)), y = -1);
   }
   return {
     x: d,
@@ -1560,7 +1560,7 @@ const mr = 50, pr = async (s, e, t) => {
     strategy: i,
     middlewareData: g
   };
-}, fr = (s) => ({
+}, br = (s) => ({
   name: "arrow",
   options: s,
   async fn(e) {
@@ -1575,16 +1575,16 @@ const mr = 50, pr = async (s, e, t) => {
     } = e, {
       element: c,
       padding: d = 0
-    } = Ke(s, e) || {};
+    } = We(s, e) || {};
     if (c == null)
       return {};
-    const u = bo(d), f = {
+    const u = wo(d), f = {
       x: t,
       y: o
-    }, m = bs(i), g = gs(m), w = await n.getDimensions(c), y = m === "y", v = y ? "top" : "left", _ = y ? "bottom" : "right", C = y ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[m] - f[m] - r.floating[g], z = f[m] - r.reference[m], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    }, m = ws(i), g = vs(m), y = await n.getDimensions(c), x = m === "y", v = x ? "top" : "left", _ = x ? "bottom" : "right", C = x ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[m] - f[m] - r.floating[g], z = f[m] - r.reference[m], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
     let W = D ? D[C] : 0;
     (!W || !await (n.isElement == null ? void 0 : n.isElement(D))) && (W = a.floating[C] || r.floating[g]);
-    const q = E / 2 - z / 2, V = W / 2 - w[g] / 2 - 1, S = be(u[v], V), O = be(u[_], V), M = W - w[g] - O, B = W / 2 - w[g] / 2 + q, T = fo(S, B, M), F = !l.arrow && We(i) != null && B !== T && r.reference[g] / 2 - (B < S ? S : O) - w[g] / 2 < 0, se = F ? B < S ? B - S : B - M : 0;
+    const q = E / 2 - z / 2, V = W / 2 - y[g] / 2 - 1, S = be(u[v], V), O = be(u[_], V), L = W - y[g] - O, B = W / 2 - y[g] / 2 + q, T = bo(S, B, L), F = !l.arrow && je(i) != null && B !== T && r.reference[g] / 2 - (B < S ? S : O) - y[g] / 2 < 0, se = F ? B < S ? B - S : B - L : 0;
     return {
       [m]: f[m] + se,
       data: {
@@ -1597,7 +1597,7 @@ const mr = 50, pr = async (s, e, t) => {
       reset: F
     };
   }
-}), gr = function(s) {
+}), vr = function(s) {
   return s === void 0 && (s = {}), {
     name: "flip",
     options: s,
@@ -1616,24 +1616,24 @@ const mr = 50, pr = async (s, e, t) => {
         fallbackPlacements: f,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: w = !0,
-        ...y
-      } = Ke(s, e);
+        flipAlignment: y = !0,
+        ...x
+      } = We(s, e);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const v = Oe(i), _ = re(a), C = Oe(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), z = f || (C || !w ? [zt(a)] : nr(a)), D = g !== "none";
-      !f && D && z.push(...dr(a, w, g, E));
-      const W = [a, ...z], q = await l.detectOverflow(e, y), V = [];
+      const v = Oe(i), _ = re(a), C = Oe(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), z = f || (C || !y ? [$t(a)] : lr(a)), D = g !== "none";
+      !f && D && z.push(...ur(a, y, g, E));
+      const W = [a, ...z], q = await l.detectOverflow(e, x), V = [];
       let S = ((o = r.flip) == null ? void 0 : o.overflows) || [];
       if (d && V.push(q[v]), u) {
-        const T = rr(i, n, E);
+        const T = ar(i, n, E);
         V.push(q[T[0]], q[T[1]]);
       }
       if (S = [...S, {
         placement: i,
         overflows: V
       }], !V.every((T) => T <= 0)) {
-        var O, M;
+        var O, L;
         const T = (((O = r.flip) == null ? void 0 : O.index) || 0) + 1, F = W[T];
         if (F && (!(u === "alignment" ? _ !== re(F) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
@@ -1647,7 +1647,7 @@ const mr = 50, pr = async (s, e, t) => {
               placement: F
             }
           };
-        let se = (M = S.filter((we) => we.overflows[0] <= 0).sort((we, Y) => we.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : M.placement;
+        let se = (L = S.filter((we) => we.overflows[0] <= 0).sort((we, Y) => we.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : L.placement;
         if (!se)
           switch (m) {
             case "bestFit": {
@@ -1660,7 +1660,7 @@ const mr = 50, pr = async (s, e, t) => {
                   de === "y";
                 }
                 return !0;
-              }).map((Y) => [Y.placement, Y.overflows.filter((de) => de > 0).reduce((de, Vo) => de + Vo, 0)]).sort((Y, de) => Y[1] - de[1])[0]) == null ? void 0 : B[0];
+              }).map((Y) => [Y.placement, Y.overflows.filter((de) => de > 0).reduce((de, Ro) => de + Ro, 0)]).sort((Y, de) => Y[1] - de[1])[0]) == null ? void 0 : B[0];
               we && (se = we);
               break;
             }
@@ -1678,13 +1678,13 @@ const mr = 50, pr = async (s, e, t) => {
       return {};
     }
   };
-}, br = /* @__PURE__ */ new Set(["left", "top"]);
-async function vr(s, e) {
+}, wr = /* @__PURE__ */ new Set(["left", "top"]);
+async function yr(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 = br.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 = Oe(t), a = je(t), l = re(t) === "y", c = wr.has(n) ? -1 : 1, d = r && l ? -1 : 1, u = We(e, s);
   let {
     mainAxis: f,
     crossAxis: m,
@@ -1706,7 +1706,7 @@ async function vr(s, e) {
     y: m * d
   };
 }
-const wr = function(s) {
+const xr = function(s) {
   return s === void 0 && (s = 0), {
     name: "offset",
     options: s,
@@ -1717,7 +1717,7 @@ const wr = function(s) {
         y: r,
         placement: n,
         middlewareData: a
-      } = e, l = await vr(e, s);
+      } = e, l = await yr(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,
@@ -1728,7 +1728,7 @@ const wr = function(s) {
       };
     }
   };
-}, yr = function(s) {
+}, _r = function(s) {
   return s === void 0 && (s = {}), {
     name: "shift",
     options: s,
@@ -1754,17 +1754,17 @@ const wr = function(s) {
           }
         },
         ...c
-      } = Ke(s, e), d = {
+      } = We(s, e), d = {
         x: t,
         y: o
-      }, u = await r.detectOverflow(e, c), f = re(i), m = go(f);
-      let g = d[m], w = d[f];
-      const y = (_, C) => fo(C + u[_ === "y" ? "top" : "left"], C, C - u[_ === "y" ? "bottom" : "right"]);
-      n && (g = y(m, g)), a && (w = y(f, w));
+      }, u = await r.detectOverflow(e, c), f = re(i), m = vo(f);
+      let g = d[m], y = d[f];
+      const x = (_, C) => bo(C + u[_ === "y" ? "top" : "left"], C, C - u[_ === "y" ? "bottom" : "right"]);
+      n && (g = x(m, g)), a && (y = x(f, y));
       const v = l.fn({
         ...e,
         [m]: g,
-        [f]: w
+        [f]: y
       });
       return {
         ...v,
@@ -1779,7 +1779,7 @@ const wr = function(s) {
       };
     }
   };
-}, xr = function(s) {
+}, kr = function(s) {
   return s === void 0 && (s = {}), {
     name: "size",
     options: s,
@@ -1793,15 +1793,15 @@ const wr = function(s) {
         apply: n = () => {
         },
         ...a
-      } = Ke(s, e), l = await i.detectOverflow(e, a), c = Oe(t), d = We(t), u = re(t) === "y", {
+      } = We(s, e), l = await i.detectOverflow(e, a), c = Oe(t), d = je(t), u = re(t) === "y", {
         width: f,
         height: m
       } = 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 = m - l.top - l.bottom, v = f - l.left - l.right, _ = be(m - l[g], y), C = be(f - l[w], v), E = e.middlewareData.shift, z = !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 x = m - l.top - l.bottom, v = f - l.left - l.right, _ = be(m - l[g], x), C = be(f - l[y], v), E = e.middlewareData.shift, z = !E;
       let D = _, W = C;
-      E != null && E.enabled.x && (W = v), E != null && E.enabled.y && (D = y), z && !d && (u ? W = f - 2 * ne(l.left, l.right) : D = m - 2 * ne(l.top, l.bottom)), await n({
+      E != null && E.enabled.x && (W = v), E != null && E.enabled.y && (D = x), z && !d && (u ? W = f - 2 * ne(l.left, l.right) : D = m - 2 * ne(l.top, l.bottom)), await n({
         ...e,
         availableWidth: W,
         availableHeight: D
@@ -1815,11 +1815,11 @@ const wr = function(s) {
     }
   };
 };
-function Dt() {
+function Bt() {
   return typeof window < "u";
 }
-function je(s) {
-  return vo(s) ? (s.nodeName || "").toLowerCase() : "#document";
+function Ue(s) {
+  return yo(s) ? (s.nodeName || "").toLowerCase() : "#document";
 }
 function G(s) {
   var e;
@@ -1827,21 +1827,21 @@ function G(s) {
 }
 function le(s) {
   var e;
-  return (e = (vo(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (yo(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function vo(s) {
-  return Dt() ? s instanceof Node || s instanceof G(s).Node : !1;
+function yo(s) {
+  return Bt() ? s instanceof Node || s instanceof G(s).Node : !1;
 }
 function ee(s) {
-  return Dt() ? s instanceof Element || s instanceof G(s).Element : !1;
+  return Bt() ? s instanceof Element || s instanceof G(s).Element : !1;
 }
 function ve(s) {
-  return Dt() ? s instanceof HTMLElement || s instanceof G(s).HTMLElement : !1;
+  return Bt() ? s instanceof HTMLElement || s instanceof G(s).HTMLElement : !1;
 }
-function Ds(s) {
-  return !Dt() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof G(s).ShadowRoot;
+function Bs(s) {
+  return !Bt() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof G(s).ShadowRoot;
 }
-function Rt(s) {
+function Ht(s) {
   const {
     overflow: e,
     overflowX: t,
@@ -1850,10 +1850,10 @@ function Rt(s) {
   } = te(s);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + t) && i !== "inline" && i !== "contents";
 }
-function _r(s) {
-  return /^(table|td|th)$/.test(je(s));
+function Cr(s) {
+  return /^(table|td|th)$/.test(Ue(s));
 }
-function Bt(s) {
+function Ft(s) {
   try {
     if (s.matches(":popover-open"))
       return !0;
@@ -1865,33 +1865,33 @@ function Bt(s) {
     return !1;
   }
 }
-const kr = /transform|translate|scale|rotate|perspective|filter/, Cr = /paint|layout|strict|content/, ye = (s) => !!s && s !== "none";
-let Ut;
-function vs(s) {
+const Sr = /transform|translate|scale|rotate|perspective|filter/, Tr = /paint|layout|strict|content/, ye = (s) => !!s && s !== "none";
+let qt;
+function ys(s) {
   const e = ee(s) ? te(s) : s;
-  return ye(e.transform) || ye(e.translate) || ye(e.scale) || ye(e.rotate) || ye(e.perspective) || !ws() && (ye(e.backdropFilter) || ye(e.filter)) || kr.test(e.willChange || "") || Cr.test(e.contain || "");
+  return ye(e.transform) || ye(e.translate) || ye(e.scale) || ye(e.rotate) || ye(e.perspective) || !xs() && (ye(e.backdropFilter) || ye(e.filter)) || Sr.test(e.willChange || "") || Tr.test(e.contain || "");
 }
-function Sr(s) {
+function Ir(s) {
   let e = Me(s);
-  for (; ve(e) && !rt(e); ) {
-    if (vs(e))
+  for (; ve(e) && !nt(e); ) {
+    if (ys(e))
       return e;
-    if (Bt(e))
+    if (Ft(e))
       return null;
     e = Me(e);
   }
   return null;
 }
-function ws() {
-  return Ut == null && (Ut = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Ut;
+function xs() {
+  return qt == null && (qt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), qt;
 }
-function rt(s) {
-  return /^(html|body|#document)$/.test(je(s));
+function nt(s) {
+  return /^(html|body|#document)$/.test(Ue(s));
 }
 function te(s) {
   return G(s).getComputedStyle(s);
 }
-function Ht(s) {
+function Kt(s) {
   return ee(s) ? {
     scrollLeft: s.scrollLeft,
     scrollTop: s.scrollTop
@@ -1901,114 +1901,114 @@ function Ht(s) {
   };
 }
 function Me(s) {
-  if (je(s) === "html")
+  if (Ue(s) === "html")
     return s;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     s.assignedSlot || // DOM Element detected.
     s.parentNode || // ShadowRoot detected.
-    Ds(s) && s.host || // Fallback.
+    Bs(s) && s.host || // Fallback.
     le(s)
   );
-  return Ds(e) ? e.host : e;
+  return Bs(e) ? e.host : e;
 }
-function wo(s) {
+function xo(s) {
   const e = Me(s);
-  return rt(e) ? (s.ownerDocument || s).body : ve(e) && Rt(e) ? e : wo(e);
+  return nt(e) ? (s.ownerDocument || s).body : ve(e) && Ht(e) ? e : xo(e);
 }
-function nt(s, e, t) {
+function at(s, e, t) {
   var o;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const i = wo(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = G(i);
+  const i = xo(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = G(i);
   if (r) {
-    const a = ts(n);
-    return e.concat(n, n.visualViewport || [], Rt(i) ? i : [], a && t ? nt(a) : []);
+    const a = os(n);
+    return e.concat(n, n.visualViewport || [], Ht(i) ? i : [], a && t ? at(a) : []);
   } else
-    return e.concat(i, nt(i, [], t));
+    return e.concat(i, at(i, [], t));
 }
-function ts(s) {
+function os(s) {
   return s.parent && Object.getPrototypeOf(s.parent) ? s.frameElement : null;
 }
-function yo(s) {
+function _o(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 = At(t) !== r || At(o) !== n;
+  const i = ve(s), r = i ? s.offsetWidth : t, n = i ? s.offsetHeight : o, a = Nt(t) !== r || Nt(o) !== n;
   return a && (t = r, o = n), {
     width: t,
     height: o,
     $: a
   };
 }
-function ys(s) {
+function _s(s) {
   return ee(s) ? s : s.contextElement;
 }
 function Ae(s) {
-  const e = ys(s);
+  const e = _s(s);
   if (!ve(e))
     return ae(1);
   const t = e.getBoundingClientRect(), {
     width: o,
     height: i,
     $: r
-  } = yo(e);
-  let n = (r ? At(t.width) : t.width) / o, a = (r ? At(t.height) : t.height) / i;
+  } = _o(e);
+  let n = (r ? Nt(t.width) : t.width) / o, a = (r ? Nt(t.height) : t.height) / i;
   return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: n,
     y: a
   };
 }
-const Tr = /* @__PURE__ */ ae(0);
-function xo(s) {
+const Pr = /* @__PURE__ */ ae(0);
+function ko(s) {
   const e = G(s);
-  return !ws() || !e.visualViewport ? Tr : {
+  return !xs() || !e.visualViewport ? Pr : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Ir(s, e, t) {
+function Or(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 = ys(s);
+  const i = s.getBoundingClientRect(), r = _s(s);
   let n = ae(1);
   e && (o ? ee(o) && (n = Ae(o)) : n = Ae(s));
-  const a = Ir(r, t, o) ? xo(r) : ae(0);
+  const a = Or(r, t, o) ? ko(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), m = ee(o) ? G(o) : o;
-    let g = f, w = ts(g);
-    for (; w && m !== g; ) {
-      const y = Ae(w), v = w.getBoundingClientRect(), _ = te(w), C = v.left + (w.clientLeft + parseFloat(_.paddingLeft)) * y.x, E = v.top + (w.clientTop + parseFloat(_.paddingTop)) * y.y;
-      l *= y.x, c *= y.y, d *= y.x, u *= y.y, l += C, c += E, g = G(w), w = ts(g);
+    let g = f, y = os(g);
+    for (; y && m !== g; ) {
+      const x = Ae(y), v = y.getBoundingClientRect(), _ = te(y), C = v.left + (y.clientLeft + parseFloat(_.paddingLeft)) * x.x, E = v.top + (y.clientTop + parseFloat(_.paddingTop)) * x.y;
+      l *= x.x, c *= x.y, d *= x.x, u *= x.y, l += C, c += E, g = G(y), y = os(g);
     }
   }
-  return Nt({
+  return Vt({
     width: d,
     height: u,
     x: l,
     y: c
   });
 }
-function Ft(s, e) {
-  const t = Ht(s).scrollLeft;
+function Wt(s, e) {
+  const t = Kt(s).scrollLeft;
   return e ? e.left + t : Le(le(s)).left + t;
 }
-function _o(s, e) {
-  const t = s.getBoundingClientRect(), o = t.left + e.scrollLeft - Ft(s, t), i = t.top + e.scrollTop;
+function Co(s, e) {
+  const t = s.getBoundingClientRect(), o = t.left + e.scrollLeft - Wt(s, t), i = t.top + e.scrollTop;
   return {
     x: o,
     y: i
   };
 }
-function Pr(s) {
+function Mr(s) {
   let {
     elements: e,
     rect: t,
     offsetParent: o,
     strategy: i
   } = s;
-  const r = i === "fixed", n = le(o), a = e ? Bt(e.floating) : !1;
+  const r = i === "fixed", n = le(o), a = e ? Ft(e.floating) : !1;
   if (o === n || a && r)
     return t;
   let l = {
@@ -2016,11 +2016,11 @@ function Pr(s) {
     scrollTop: 0
   }, c = ae(1);
   const d = ae(0), u = ve(o);
-  if ((u || !r) && ((je(o) !== "body" || Rt(n)) && (l = Ht(o)), u)) {
+  if ((u || !r) && ((Ue(o) !== "body" || Ht(n)) && (l = Kt(o)), u)) {
     const m = Le(o);
     c = Ae(o), d.x = m.x + o.clientLeft, d.y = m.y + o.clientTop;
   }
-  const f = n && !u && !r ? _o(n, l) : ae(0);
+  const f = n && !u && !r ? Co(n, l) : ae(0);
   return {
     width: t.width * c.x,
     height: t.height * c.y,
@@ -2028,12 +2028,12 @@ function Pr(s) {
     y: t.y * c.y - l.scrollTop * c.y + d.y + f.y
   };
 }
-function Or(s) {
+function Lr(s) {
   return s.getClientRects ? Array.from(s.getClientRects()) : [];
 }
-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);
+function Er(s) {
+  const e = Kt(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 + Wt(s);
   const n = -e.scrollTop;
   return te(t).direction === "rtl" && (r += ne(s.clientWidth, t.clientWidth) - o), {
     width: o,
@@ -2042,18 +2042,18 @@ function Mr(s) {
     y: n
   };
 }
-const Lr = 25;
-function Er(s, e, t) {
+const Ar = 25;
+function zr(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 = !ws() || e === "fixed";
+    const f = !xs() || e === "fixed";
     o ? f || (c = -n.offsetLeft, d = -n.offsetTop) : (a = n.width, l = n.height, f && (c = n.offsetLeft, d = n.offsetTop));
   }
-  if (Ft(r) <= 0) {
-    const f = r.ownerDocument, m = f.body, g = getComputedStyle(m), w = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, y = Math.abs(r.clientWidth - m.clientWidth - w), v = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? y / 2 : y;
-    v <= Lr && (a -= v);
+  if (Wt(r) <= 0) {
+    const f = r.ownerDocument, m = f.body, g = getComputedStyle(m), y = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, x = Math.abs(r.clientWidth - m.clientWidth - y), v = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? x / 2 : x;
+    v <= Ar && (a -= v);
   }
   return {
     width: a,
@@ -2062,7 +2062,7 @@ function Er(s, e, t) {
     y: d
   };
 }
-function Ar(s, e) {
+function Nr(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,
@@ -2071,16 +2071,16 @@ function Ar(s, e) {
     y: c
   };
 }
-function Rs(s, e, t) {
+function Hs(s, e, t) {
   let o;
   if (e === "viewport" || e === "layoutViewport")
-    o = Er(s, t, e);
+    o = zr(s, t, e);
   else if (e === "document")
-    o = Mr(le(s));
+    o = Er(le(s));
   else if (ee(e))
-    o = Ar(e, t);
+    o = Nr(e, t);
   else {
-    const i = xo(s);
+    const i = ko(s);
     o = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -2088,32 +2088,32 @@ function Rs(s, e, t) {
       height: e.height
     };
   }
-  return Nt(o);
+  return Vt(o);
 }
-function zr(s, e) {
+function $r(s, e) {
   const t = e.get(s);
   if (t)
     return t;
-  let o = nt(s, [], !1).filter((a) => ee(a) && je(a) !== "body"), i = null;
+  let o = at(s, [], !1).filter((a) => ee(a) && Ue(a) !== "body"), i = null;
   const r = te(s).position === "fixed";
   let n = r ? Me(s) : s;
-  for (; ee(n) && !rt(n); ) {
-    const a = te(n), l = vs(n), c = i ? i.position : r ? "fixed" : "";
+  for (; ee(n) && !nt(n); ) {
+    const a = te(n), l = ys(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 Nr(s) {
+function Vr(s) {
   let {
     element: e,
     boundary: t,
     rootBoundary: o,
     strategy: i
   } = s;
-  const n = [...t === "clippingAncestors" ? Bt(e) ? [] : zr(e, this._c) : [].concat(t), o], a = Rs(e, n[0], i);
+  const n = [...t === "clippingAncestors" ? Ft(e) ? [] : $r(e, this._c) : [].concat(t), o], a = Hs(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 m = Rs(e, n[f], i);
+    const m = Hs(e, n[f], i);
     l = ne(m.top, l), c = be(m.right, c), d = be(m.bottom, d), u = ne(m.left, u);
   }
   return {
@@ -2123,29 +2123,29 @@ function Nr(s) {
     y: l
   };
 }
-function $r(s) {
+function Dr(s) {
   const {
     width: e,
     height: t
-  } = yo(s);
+  } = _o(s);
   return {
     width: e,
     height: t
   };
 }
-function Vr(s, e, t) {
+function Rr(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" || Rt(i)) && (a = Ht(e)), o)) {
+  if ((o || !r) && ((Ue(e) !== "body" || Ht(i)) && (a = Kt(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 = 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;
+  !o && i && (l.x = Wt(i));
+  const c = i && !o && !r ? Co(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,
@@ -2153,10 +2153,10 @@ function Vr(s, e, t) {
     height: n.height
   };
 }
-function Gt(s) {
+function Xt(s) {
   return te(s).position === "static";
 }
-function Bs(s, e) {
+function Fs(s, e) {
   if (!ve(s) || te(s).position === "fixed")
     return null;
   if (e)
@@ -2164,28 +2164,28 @@ function Bs(s, e) {
   let t = s.offsetParent;
   return le(s) === t && (t = t.ownerDocument.body), t;
 }
-function ko(s, e) {
+function So(s, e) {
   const t = G(s);
-  if (Bt(s))
+  if (Ft(s))
     return t;
   if (!ve(s)) {
     let i = Me(s);
-    for (; i && !rt(i); ) {
-      if (ee(i) && !Gt(i))
+    for (; i && !nt(i); ) {
+      if (ee(i) && !Xt(i))
         return i;
       i = Me(i);
     }
     return t;
   }
-  let o = Bs(s, e);
-  for (; o && _r(o) && Gt(o); )
-    o = Bs(o, e);
-  return o && rt(o) && Gt(o) && !vs(o) ? t : o || Sr(s) || t;
+  let o = Fs(s, e);
+  for (; o && Cr(o) && Xt(o); )
+    o = Fs(o, e);
+  return o && nt(o) && Xt(o) && !ys(o) ? t : o || Ir(s) || t;
 }
-const Dr = async function(s) {
-  const e = this.getOffsetParent || ko, t = this.getDimensions, o = await t(s.floating);
+const Br = async function(s) {
+  const e = this.getOffsetParent || So, t = this.getDimensions, o = await t(s.floating);
   return {
-    reference: Vr(s.reference, await e(s.floating), s.strategy),
+    reference: Rr(s.reference, await e(s.floating), s.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2194,25 +2194,25 @@ const Dr = async function(s) {
     }
   };
 };
-function Rr(s) {
+function Hr(s) {
   return te(s).direction === "rtl";
 }
-const Co = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Pr,
+const To = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Mr,
   getDocumentElement: le,
-  getClippingRect: Nr,
-  getOffsetParent: ko,
-  getElementRects: Dr,
-  getClientRects: Or,
-  getDimensions: $r,
+  getClippingRect: Vr,
+  getOffsetParent: So,
+  getElementRects: Br,
+  getClientRects: Lr,
+  getDimensions: Dr,
   getScale: Ae,
   isElement: ee,
-  isRTL: Rr
+  isRTL: Hr
 };
-function So(s, e) {
+function Io(s, e) {
   return s.x === e.x && s.y === e.y && s.width === e.width && s.height === e.height;
 }
-function Br(s, e, t) {
+function Fr(s, e, t) {
   let o = null, i;
   const r = le(s);
   function n() {
@@ -2224,19 +2224,19 @@ function Br(s, e, t) {
     const f = s.getBoundingClientRect(), {
       left: m,
       top: g,
-      width: w,
-      height: y
+      width: y,
+      height: x
     } = f;
-    if (d || e(), !w || !y)
+    if (d || e(), !y || !x)
       return;
-    const v = ft(g), _ = ft(r.clientWidth - (m + w)), C = ft(r.clientHeight - (g + y)), E = ft(m), D = {
+    const v = gt(g), _ = gt(r.clientWidth - (m + y)), C = gt(r.clientHeight - (g + x)), E = gt(m), D = {
       rootMargin: -v + "px " + -_ + "px " + -C + "px " + -E + "px",
       threshold: ne(0, be(1, u)) || 1
     };
     let W = !0;
     function q(V) {
       const S = V[0].intersectionRatio;
-      if (!So(f, s.getBoundingClientRect()))
+      if (!Io(f, s.getBoundingClientRect()))
         return a();
       if (S !== u) {
         if (!W)
@@ -2263,7 +2263,7 @@ function Br(s, e, t) {
     l.removeEventListener("resize", c), n();
   };
 }
-function Hr(s, e, t, o) {
+function Kr(s, e, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -2271,11 +2271,11 @@ function Hr(s, e, t, o) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = o, c = ys(s), d = i || r ? [...c ? nt(c) : [], ...e ? nt(e) : []] : [];
+  } = o, c = _s(s), d = i || r ? [...c ? at(c) : [], ...e ? at(e) : []] : [];
   d.forEach((v) => {
     i && v.addEventListener("scroll", t), r && v.addEventListener("resize", t);
   });
-  const u = c && a ? Br(c, t, r) : null;
+  const u = c && a ? Fr(c, t, r) : null;
   let f = -1, m = null;
   n && (m = new ResizeObserver((v) => {
     let [_] = v;
@@ -2284,11 +2284,11 @@ function Hr(s, e, t, o) {
       (C = m) == null || C.observe(e);
     })), t();
   }), c && !l && m.observe(c), e && m.observe(e));
-  let g, w = l ? Le(s) : null;
-  l && y();
-  function y() {
+  let g, y = l ? Le(s) : null;
+  l && x();
+  function x() {
     const v = Le(s);
-    w && !So(w, v) && t(), w = v, g = requestAnimationFrame(y);
+    y && !Io(y, v) && t(), y = v, g = requestAnimationFrame(x);
   }
   return t(), () => {
     var v;
@@ -2297,37 +2297,37 @@ function Hr(s, e, t, o) {
     }), u == null || u(), (v = m) == null || v.disconnect(), m = null, l && cancelAnimationFrame(g);
   };
 }
-const Fr = wr, Kr = yr, Wr = gr, qt = xr, jr = fr, Ur = (s, e, t) => {
+const Wr = xr, jr = _r, Ur = vr, Yt = kr, Gr = br, qr = (s, e, t) => {
   const o = /* @__PURE__ */ new Map(), i = t ?? {}, r = {
-    ...Co,
+    ...To,
     ...i.platform,
     _c: o
   };
-  return pr(s, e, {
+  return gr(s, e, {
     ...i,
     platform: r
   });
 };
-function ss(s) {
+function is(s) {
   const e = s.parentNode ?? null;
   return e instanceof ShadowRoot ? e.host : e;
 }
-function Gr(s) {
+function Xr(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 os(s) {
-  let e = ss(s);
+function rs(s) {
+  let e = is(s);
   for (; e && !(e === document.body || e === document.documentElement); ) {
-    if (e instanceof Element && Gr(getComputedStyle(e)))
+    if (e instanceof Element && Xr(getComputedStyle(e)))
       return e;
-    e = ss(e);
+    e = is(e);
   }
   return window;
 }
-function qr(s, e, t) {
+function Yr(s, e, t) {
   let o = s;
   for (; o && !(o === document.body || o === document.documentElement); ) {
     if (o instanceof Element) {
@@ -2335,11 +2335,11 @@ function qr(s, e, t) {
       if (Math.abs(i.x - e) < 2 && Math.abs(i.y - t) < 2)
         return o;
     }
-    o = ss(o);
+    o = is(o);
   }
   return null;
 }
-function To(s) {
+function Po(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;
@@ -2347,11 +2347,11 @@ function To(s) {
   const i = e.containerType;
   return i && i !== "normal" && t.push(`container-type: ${i}`), t.join("; ");
 }
-function Xr(s) {
+function Jr(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 Yr(s) {
+function Qr(s) {
   const e = s.tolerance ?? 1.5;
   let t = 0, o = 0;
   if (s.offsetParent instanceof Element) {
@@ -2361,46 +2361,46 @@ function Yr(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 = qr(s.reference, r, n);
+  const a = Yr(s.reference, r, n);
   return {
     driftX: r,
     driftY: n,
     culprit: a,
-    culpritDescription: a ? Xr(a) : "an ancestor element (could not auto-identify)",
-    culpritCss: a ? To(a) : ""
+    culpritDescription: a ? Jr(a) : "an ancestor element (could not auto-identify)",
+    culpritCss: a ? Po(a) : ""
   };
 }
-function Jr(s, e) {
+function Zr(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 Qr = { top: "bottom", right: "left", bottom: "top", left: "right" };
-function Zr(s, e, t) {
+const en = { top: "bottom", right: "left", bottom: "top", left: "right" };
+function tn(s, e, t) {
   if (!t)
     return;
-  const o = e.split("-")[0], i = Qr[o];
+  const o = e.split("-")[0], i = en[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 Hs(s, e) {
-  const t = [Fr(s.offset ?? 4)];
+function Ks(s, e) {
+  const t = [Wr(s.offset ?? 4)];
   if (s.matchWidth) {
     const i = s.matchWidth;
-    t.push(qt({
+    t.push(Yt({
       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(Wr({
+  e && t.push(Ur({
     ...s.lockPlacement === !0 ? { fallbackStrategy: "initialPlacement" } : {},
     ...s.flipPadding != null ? { padding: s.flipPadding } : {}
   }));
   const o = s.shift ?? 8;
-  if (o !== !1 && t.push(Kr({ padding: o })), s.maxHeight) {
+  if (o !== !1 && t.push(jr({ padding: o })), s.maxHeight) {
     const i = typeof s.maxHeight == "object" ? s.maxHeight.padding : void 0;
-    t.push(qt({
+    t.push(Yt({
       padding: i,
       apply({ availableHeight: r, elements: n }) {
         n.floating.style.maxHeight = `${Math.max(0, r)}px`;
@@ -2409,49 +2409,49 @@ function Hs(s, e) {
   }
   if (s.maxWidth) {
     const i = typeof s.maxWidth == "object" ? s.maxWidth.padding : void 0;
-    t.push(qt({
+    t.push(Yt({
       padding: i,
       apply({ availableWidth: r, elements: n }) {
         n.floating.style.maxWidth = `${Math.max(0, r)}px`;
       }
     }));
   }
-  return s.arrow && t.push(jr({ element: s.arrow.element, padding: s.arrow.padding })), t;
+  return s.arrow && t.push(Gr({ element: s.arrow.element, padding: s.arrow.padding })), t;
 }
-function tt(s, e, t = {}) {
+function st(s, e, t = {}) {
   const o = t.strategy ?? "fixed";
-  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);
+  t.inheritThemeFrom && Zr(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 = Ks(t, r);
   const a = t.lockPlacement === "freeze";
   let l = !1;
-  const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...Co, getOffsetParent: () => os(s) } : void 0), u = () => {
+  const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...To, getOffsetParent: () => rs(s) } : void 0), u = () => {
     var m;
-    (m = t.beforeCompute) == null || m.call(t), Ur(e, s, {
+    (m = t.beforeCompute) == null || m.call(t), qr(e, s, {
       placement: i,
       strategy: o,
       middleware: n,
       ...d ? { platform: d } : {}
-    }).then(({ x: g, y: w, placement: y, middlewareData: v }) => {
+    }).then(({ x: g, y, placement: x, middlewareData: v }) => {
       var _, C;
-      if (s.style.left = `${g}px`, s.style.top = `${w}px`, t.arrow && Zr(t.arrow.element, y, v.arrow), a && !l && (l = !0, i = y, r = !1, n = Hs(t, !1)), (_ = t.onPlaced) == null || _.call(t, y), (C = t.onComputed) == null || C.call(t, { x: g, y: w, placement: y }), t.onDrift && e instanceof Element) {
-        const E = c ? os(s) : window, z = Yr({ panel: s, reference: e, expectedX: g, expectedY: w, offsetParent: E });
+      if (s.style.left = `${g}px`, s.style.top = `${y}px`, t.arrow && tn(t.arrow.element, x, v.arrow), a && !l && (l = !0, i = x, r = !1, n = Ks(t, !1)), (_ = t.onPlaced) == null || _.call(t, x), (C = t.onComputed) == null || C.call(t, { x: g, y, placement: x }), t.onDrift && e instanceof Element) {
+        const E = c ? rs(s) : window, z = Qr({ panel: s, reference: e, expectedX: g, expectedY: y, offsetParent: E });
         z && t.onDrift(z);
       }
     });
   };
   let f;
-  return t.autoUpdate ?? !0 ? f = Hr(e, s, u, t.autoUpdateOptions) : u(), {
+  return t.autoUpdate ?? !0 ? f = Kr(e, s, u, t.autoUpdateOptions) : u(), {
     update: u,
     destroy() {
       f == null || f(), f = void 0;
     }
   };
 }
-function en(s) {
+function sn(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 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");
+function on(s) {
+  const e = s.container ?? document.body, t = s.placement ?? "top", o = s.visibleClass ?? "is-visible", i = sn(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 = {
@@ -2467,32 +2467,32 @@ function tn(s) {
       return;
     (C = s.onBeforeShow) == null || C.call(s), a = !0, e.append(r);
     const _ = s.followCursor ? u : s.trigger;
-    n = tt(r, _, {
+    n = st(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 = () => {
-    m(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
   }, y = () => {
+    m(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
+  }, x = () => {
     m(), i.show > 0 ? l = setTimeout(g, i.show) : g();
   }, v = () => {
-    m(), i.hide > 0 ? c = setTimeout(w, i.hide) : w();
+    m(), i.hide > 0 ? c = setTimeout(y, i.hide) : y();
   };
-  return s.trigger.addEventListener("mouseenter", y), s.trigger.addEventListener("mouseleave", v), s.trigger.addEventListener("focusin", y), s.trigger.addEventListener("focusout", v), {
+  return s.trigger.addEventListener("mouseenter", x), s.trigger.addEventListener("mouseleave", v), s.trigger.addEventListener("focusin", x), s.trigger.addEventListener("focusout", v), {
     element: r,
     get isVisible() {
       return a;
     },
     show: g,
-    hide: w,
+    hide: y,
     destroy() {
-      s.trigger.removeEventListener("mouseenter", y), s.trigger.removeEventListener("mouseleave", v), s.trigger.removeEventListener("focusin", y), s.trigger.removeEventListener("focusout", v), w();
+      s.trigger.removeEventListener("mouseenter", x), s.trigger.removeEventListener("mouseleave", v), s.trigger.removeEventListener("focusin", x), s.trigger.removeEventListener("focusout", v), y();
     }
   };
 }
-function sn(s) {
+function rn(s) {
   const e = s.container ?? document.body;
   let t, o = !1;
   const i = s.inheritThemeFrom ?? (s.reference instanceof HTMLElement ? s.reference : void 0);
@@ -2501,7 +2501,7 @@ function sn(s) {
       return o;
     },
     open() {
-      o || (o = !0, e.append(s.panel), t = tt(s.panel, s.reference, {
+      o || (o = !0, e.append(s.panel), t = st(s.panel, s.reference, {
         placement: s.placement ?? "bottom-start",
         strategy: s.strategy,
         offset: s.offset,
@@ -2527,21 +2527,21 @@ function sn(s) {
     }
   };
 }
-const Io = ["INIT", "DATA", "UI", "INTERACTION"], ce = or("MULTISELECT", Io), gt = ce.loggers.INIT, K = ce.loggers.DATA, J = ce.loggers.UI, R = ce.loggers.INTERACTION, kn = Io.map((s) => `MULTISELECT:${s}`);
-function Cn() {
+const Oo = ["INIT", "DATA", "UI", "INTERACTION"], ce = rr("MULTISELECT", Oo), bt = ce.loggers.INIT, K = ce.loggers.DATA, J = ce.loggers.UI, R = ce.loggers.INTERACTION, Sn = Oo.map((s) => `MULTISELECT:${s}`);
+function Tn() {
   ce.enableLogging();
 }
-function Sn() {
+function In() {
   ce.disableLogging();
 }
-function Tn(s) {
+function Pn(s) {
   ce.setLogLevel(s);
 }
-function In(s, e) {
+function On(s, e) {
   const t = s.includes(":") ? s.split(":").pop() : s;
   ce.setCategoryLevel(t, e);
 }
-class Fs {
+class Ws {
   constructor(e) {
     p(this, "container");
     p(this, "wrapper");
@@ -2673,7 +2673,7 @@ class Fs {
     this.container.removeEventListener("scroll", this.scrollHandler), this.resizeObserver && this.resizeObserver.disconnect(), this.container.innerHTML = "";
   }
 }
-function Ks(s) {
+function js(s) {
   return {
     treeId: "",
     id: -1,
@@ -2688,26 +2688,26 @@ function Ks(s) {
     ...s
   };
 }
-const Ze = (s) => !s || typeof s == "string" && s.trim() === "";
-function on(s, e = ".") {
+const et = (s) => !s || typeof s == "string" && s.trim() === "";
+function nn(s, e = ".") {
   if (!s || typeof s != "string") return null;
   const t = s.lastIndexOf(e);
   return t === -1 ? "" : s.substring(0, t);
 }
-function Ws(s, e, t = ".") {
-  return Ze(e) ? s : s.startsWith(e + t) ? s.substring(e.length + t.length) : s;
+function Us(s, e, t = ".") {
+  return et(e) ? s : s.startsWith(e + t) ? s.substring(e.length + t.length) : s;
 }
-function js(s, e = 0, t = 1, o = ".") {
+function Gs(s, e = 0, t = 1, o = ".") {
   return s.split(o).slice(e, e + t).join(o);
 }
-function rn(s, e) {
+function an(s, e) {
   return s.split(e).length;
 }
 function he(s, e) {
   return s[e];
 }
-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), m = Ze(r), g = Ze(n), w = Ze(a), y = "x", v = s.treePathSeparator || ".", _ = Ks();
+function ln(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 = et(i), m = et(r), g = et(n), y = et(a), x = "x", v = s.treePathSeparator || ".", _ = js();
   let C = 0, E = null;
   const z = (V) => o ? o(V) : t ? he(V, t) : void 0, D = {
     treePathSeparator: v,
@@ -2722,38 +2722,38 @@ function nn(s = {}) {
     get flatNodes() {
       if (E) return E;
       const V = [], S = s.isSorted ?? !1, O = s.sortCallback;
-      function M(B) {
+      function L(B) {
         let T = Object.values(B.children);
         S && O && T.length > 0 && (T = O(T));
         for (const F of T)
-          V.push(F), F.hasChildren && M(F);
+          V.push(F), F.hasChildren && L(F);
       }
-      return M(_), E = V, V;
+      return L(_), E = V, V;
     },
     insertArray(V) {
       V = V || [], _.children = {}, C = 0, E = null;
       const S = [];
-      let O = V.map((M, B) => {
-        const T = Ks();
-        T.treeId = c, T.id = e ? he(M, e) : void 0;
-        const F = z(M);
-        return F == null || F === "" || typeof F != "string" ? (S.push(`index ${B}`), null) : (T.path = F, (T.id === void 0 || T.id === -1) && (T.id = F), f ? T.parentPath = on(T.path, v) : T.parentPath = he(M, i), T.pathSegment = js(
-          Ws(T.path, T.parentPath ?? "", v),
+      let O = V.map((L, B) => {
+        const T = js();
+        T.treeId = c, T.id = e ? he(L, e) : void 0;
+        const F = z(L);
+        return F == null || F === "" || typeof F != "string" ? (S.push(`index ${B}`), null) : (T.path = F, (T.id === void 0 || T.id === -1) && (T.id = F), f ? T.parentPath = nn(T.path, v) : T.parentPath = he(L, i), T.pathSegment = Gs(
+          Us(T.path, T.parentPath ?? "", v),
           0,
           1,
           v
-        ), m ? T.level = rn(T.path, v) : T.level = he(M, r), g || (T.hasChildren = he(M, n)), T.data = M, T);
-      }).filter((M) => M !== null);
+        ), m ? T.level = an(T.path, v) : T.level = he(L, r), g || (T.hasChildren = he(L, n)), T.data = L, T);
+      }).filter((L) => L !== null);
       s.isSorted || (s.sortCallback ? O = s.sortCallback(O) : O = q(O));
-      for (const M of O)
-        W(M.parentPath ?? "", M);
-      if (l || !w)
-        for (const M of O)
+      for (const L of O)
+        W(L.parentPath ?? "", L);
+      if (l || !y)
+        for (const L of O)
           if (l)
-            M.isSelectable = l(M) !== !1;
+            L.isSelectable = l(L) !== !1;
           else {
-            const B = he(M.data, a);
-            M.isSelectable = B == null ? !0 : !!B;
+            const B = he(L.data, a);
+            L.isSelectable = B == null ? !0 : !!B;
           }
       S.length > 0 && console.warn(
         `[ltree ${c}] ${S.length} option(s) had an invalid path and were skipped (pathMember="${t}"). Offending: ${S.slice(0, 5).join(", ")}` + (S.length > 5 ? ", …" : "")
@@ -2762,9 +2762,9 @@ function nn(s = {}) {
     getNodeByPath(V, S) {
       let O = S || _;
       if (V) {
-        const M = V.split(v);
-        for (let B = 0; B < M.length; B++) {
-          const T = y + M[B];
+        const L = V.split(v);
+        for (let B = 0; B < L.length; B++) {
+          const T = x + L[B];
           if (!O.children.hasOwnProperty(T))
             return null;
           O = O.children[T];
@@ -2778,13 +2778,13 @@ function nn(s = {}) {
     if (!O)
       return `Node: ${S.path} - Could not find parent node: ${V}`;
     m && (S.level = (O.level || 0) + 1);
-    const M = y + js(Ws(S.path, V, v), 0, 1, v);
-    return O.children.hasOwnProperty(M) || (O.children[M] = S, g && !O.hasChildren && (O.hasChildren = !0), C = Math.max(C, S.level || 0)), null;
+    const L = x + Gs(Us(S.path, V, v), 0, 1, v);
+    return O.children.hasOwnProperty(L) || (O.children[L] = S, g && !O.hasChildren && (O.hasChildren = !0), C = Math.max(C, S.level || 0)), null;
   }
   function q(V) {
     return V.sort((S, O) => {
-      const M = S.level || 0, B = O.level || 0;
-      if (M !== B) return M - B;
+      const L = S.level || 0, B = O.level || 0;
+      if (L !== B) return L - B;
       if (S.parentPath !== O.parentPath)
         return S.parentPath ? O.parentPath ? S.parentPath.localeCompare(O.parentPath) : 1 : -1;
       if (d && S.data && O.data) {
@@ -2796,7 +2796,7 @@ function nn(s = {}) {
   }
   return D;
 }
-function Us(s, e) {
+function qs(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 = [];
@@ -2808,14 +2808,14 @@ function Us(s, e) {
   for (const l of a) n(l);
   return { nodeByValue: t, atomsUnder: o, atomPaths: i, roots: a };
 }
-function xs(s, e, t) {
+function ks(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 Ye(s, e) {
+function Je(s, e) {
   const t = /* @__PURE__ */ new Set();
   for (const o of e) {
     const i = s.nodeByValue.get(String(o));
@@ -2824,17 +2824,17 @@ function Ye(s, e) {
   }
   return t;
 }
-function an(s, e, t) {
-  const o = s.atomsUnder.get(e.path) ?? [], i = new Set(t), r = xs(s, e, t), n = [], a = [];
+function cn(s, e, t) {
+  const o = s.atomsUnder.get(e.path) ?? [], i = new Set(t), r = ks(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 Xt(s, e, t, o) {
+function Jt(s, e, t, o) {
   const i = (a) => String(o(a.data)), r = [], n = (a) => {
-    const l = xs(s, a, e);
+    const l = ks(s, a, e);
     if (l === "unchecked") return;
     const c = a.isSelectable !== !1, d = Object.values(a.children);
     if (t === "leaves") {
@@ -2857,7 +2857,7 @@ function Xt(s, e, t, o) {
   return r;
 }
 var $;
-class ln {
+class dn {
   constructor(e, t = {}) {
     p(this, "element");
     p(this, "instanceId");
@@ -2865,7 +2865,7 @@ class ln {
     // Backing field for the open state. Read/written internally via `this.#isOpen`
     // so the public `isOpen` accessor (get/set) can drive open()/close() without
     // recursing. See the imperative API at the bottom of the class.
-    L(this, $, !1);
+    M(this, $, !1);
     p(this, "selectedValues", /* @__PURE__ */ new Set());
     p(this, "selectedOptions", /* @__PURE__ */ new Map());
     p(this, "allOptions", []);
@@ -2899,11 +2899,16 @@ class ln {
     p(this, "isRTL", !1);
     p(this, "effectiveBadgesPosition", "bottom");
     p(this, "justClosedViaClick", !1);
-    // Set for one tick when the dropdown is opened by a pointer gesture. A fullscreen
-    // overlay (position:fixed, inset:0) appears over the pointer between mousedown and
-    // the follow-up click, so that click can target a common ancestor above the
-    // portaled panel and be misread as an outside-click. This guard swallows exactly
-    // that one click. See attachEvents() (mousedown) and handleClickOutside().
+    // Set for one tick when the dropdown is opened by a pointer gesture, or when a
+    // consumer drives the already-open panel from their own click handler (a repeat
+    // open()/toggle(), or a scrollTo* command). A fullscreen overlay (position:fixed,
+    // inset:0) appears over the pointer between mousedown and the follow-up click, so
+    // that click can target a common ancestor above the portaled panel and be misread
+    // as an outside-click; and an EXTERNAL control clicked to re-drive the open panel
+    // sends its click bubbling to our document-level outside-click listener, which
+    // would otherwise close the very panel the command just re-scrolled. This guard
+    // swallows exactly that one click. See armClickGuard(), attachEvents() (mousedown)
+    // and handleClickOutside().
     p(this, "justOpenedViaClick", !1);
     p(this, "positioningDriftWarned", !1);
     // Fullscreen counterpart of positioningDriftWarned: warn once per instance when an
@@ -3183,7 +3188,7 @@ class ln {
     return i ? i.isSelectable !== !1 : !0;
   }
   init() {
-    this.parseOptions(), this.buildHTML(), this.attachEvents(), this.parseInitialSelection(), gt.debug(`Initialized [${this.instanceId}] with options:`, {
+    this.parseOptions(), this.buildHTML(), this.attachEvents(), this.parseInitialSelection(), bt.debug(`Initialized [${this.instanceId}] with options:`, {
       placeholder: this.options.searchPlaceholder,
       totalOptions: this.allOptions.length,
       isCloseOnSelect: this.options.isCloseOnSelect,
@@ -3210,7 +3215,7 @@ class ln {
   }
   /** (Re)build the ltree from `allOptions` and derive the visible flat list. */
   buildTree() {
-    this.tree = nn({
+    this.tree = ln({
       idMember: this.options.valueMember,
       pathMember: this.options.pathMember,
       getPathCallback: this.options.getPathCallback,
@@ -3222,7 +3227,7 @@ class ln {
       treePathSeparator: this.options.treePathSeparator,
       treeId: this.instanceId,
       getDisplayValueCallback: (e) => this.getItemDisplayValue(e.data)
-    }), this.tree.insertArray(this.allOptions), this.cascadeIndex = this.isCascadeMode() ? Us(this.tree, (e) => String(this.getItemValue(e))) : null, this.rebuildTreeVisible();
+    }), this.tree.insertArray(this.allOptions), this.cascadeIndex = this.isCascadeMode() ? qs(this.tree, (e) => String(this.getItemValue(e))) : null, this.rebuildTreeVisible();
   }
   /**
    * Whether cascade checkbox mode is active: a multi-select tree with
@@ -3237,7 +3242,7 @@ class ln {
   }
   /** Refresh the derived checked-atom set from the emitted `selectedValues`. */
   refreshCascadeAtoms() {
-    this.isCascadeMode() && this.cascadeIndex && (this.cascadeCheckedAtoms = Ye(this.cascadeIndex, this.selectedValues));
+    this.isCascadeMode() && this.cascadeIndex && (this.cascadeCheckedAtoms = Je(this.cascadeIndex, this.selectedValues));
   }
   /**
    * Toggle a tree node in cascade mode: flip its whole subtree, re-project the
@@ -3245,7 +3250,7 @@ class ln {
    * so badges / form / change events reflect the policy (rolled-up branches, etc.).
    */
   toggleTreeCascade(e) {
-    const t = this.cascadeIndex, o = Ye(t, this.selectedValues), { checkedAtoms: i } = an(t, e, o);
+    const t = this.cascadeIndex, o = Je(t, this.selectedValues), { checkedAtoms: i } = cn(t, e, o);
     this.commitCascadeAtoms(i);
   }
   /**
@@ -3256,7 +3261,7 @@ class ln {
    */
   commitCascadeAtoms(e) {
     var l;
-    const t = this.cascadeIndex, o = Xt(
+    const t = this.cascadeIndex, o = Jt(
       t,
       e,
       this.cascadePolicy(),
@@ -3281,7 +3286,7 @@ class ln {
    */
   counterSelection() {
     if (this.isCascadeMode() && this.cascadeIndex) {
-      const e = Xt(
+      const e = Jt(
         this.cascadeIndex,
         this.cascadeCheckedAtoms,
         "rolled-up",
@@ -3391,7 +3396,7 @@ class ln {
    */
   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, gt.debug(`[${this.instanceId}] RTL Debug:`, {
+    this.isRTL = o || i, bt.debug(`[${this.instanceId}] RTL Debug:`, {
       isShadowRoot: e instanceof ShadowRoot,
       elementDir: t.getAttribute("dir"),
       hasElementDir: o,
@@ -3417,7 +3422,7 @@ class ln {
   }
   buildHTML() {
     const e = this.options.container || document.body;
-    this.detectRTL(), this.element.classList.add("ms"), this.isRTL && (this.element.classList.add("ms--rtl"), gt.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"), bt.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");
@@ -3555,7 +3560,7 @@ class ln {
     }
     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 Fs({
+      this.optionsContainer && (this.virtualScroll ? (this.virtualScroll.setItemHeight(e), this.virtualScroll.setItems(this.filteredOptions)) : this.virtualScroll = new Ws({
         container: this.optionsContainer,
         itemHeight: e,
         items: this.filteredOptions,
@@ -3589,13 +3594,13 @@ class ln {
       if (!(d.getIsVisibleCallback ? d.getIsVisibleCallback(this) : d.isVisible ?? !0)) return;
       let m;
       d.getIsDisabledCallback ? m = d.getIsDisabledCallback(this) : d.isDisabled !== void 0 ? m = d.isDisabled : m = this.getBuiltInActionDisabled(d.action);
-      const g = m ? " disabled" : "", w = d.getTextCallback ? d.getTextCallback(this) : d.text;
-      let y = "";
+      const g = m ? " disabled" : "", y = d.getTextCallback ? d.getTextCallback(this) : d.text;
+      let x = "";
       if (d.getClassCallback) {
         const C = this.classSuffix(d.getClassCallback(this));
-        C && (y = ` ${C}`);
-      } else d.cssClass && (y = ` ${d.cssClass}`);
-      const v = 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>`;
+        C && (x = ` ${C}`);
+      } else d.cssClass && (x = ` ${d.cssClass}`);
+      const v = Math.max(1, Math.floor(d.row ?? 1)), _ = `<button type="button"${g} class="ms__action-btn${x}" data-action="${d.action}" data-button-index="${u}">${y}</button>`;
       l.has(v) || l.set(v, []), l.get(v).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("");
@@ -3613,7 +3618,7 @@ class ln {
         isFocused: c,
         isMatched: d,
         isDisabled: a,
-        ...jt(this.presentationMode),
+        ...Gt(this.presentationMode),
         isTreeNode: !1
       };
       m += this.toHtml(this.options.renderOptionContentCallback(e, g));
@@ -3640,28 +3645,28 @@ class ln {
    * 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 ? xs(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, u = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", m = t === this.focusedIndex, g = this.matchingIndices.has(t), w = e.isSelectable !== !1, y = e.level ?? 1, v = 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"), m && _.push("ms__option--focused"), g && _.push("ms__option--matched"), l && _.push("ms__option--disabled"), w || _.push("ms__option--tree-unselectable");
-    const C = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", E = w ? "" : ' data-selectable="false"';
-    let z = `<div class="${_.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${y}" style="--ms-tree-depth: ${v};"${C}${E}>`;
-    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && w && (z += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${u ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), z += '<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 ? ks(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, u = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", m = t === this.focusedIndex, g = this.matchingIndices.has(t), y = e.isSelectable !== !1, x = e.level ?? 1, v = Math.max(0, x - 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"), m && _.push("ms__option--focused"), g && _.push("ms__option--matched"), l && _.push("ms__option--disabled"), y || _.push("ms__option--tree-unselectable");
+    const C = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", E = y ? "" : ' data-selectable="false"';
+    let z = `<div class="${_.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${x}" style="--ms-tree-depth: ${v};"${C}${E}>`;
+    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && y && (z += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${u ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), z += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
       const D = {
         index: t,
         isSelected: u,
         isFocused: m,
         isMatched: g,
         isDisabled: l,
-        ...jt(this.presentationMode),
+        ...Gt(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: x,
         depth: v,
         path: e.path,
-        isSelectable: w,
+        isSelectable: y,
         isIndeterminate: f
       };
       z += this.toHtml(this.options.renderOptionContentCallback(o, D));
@@ -3818,7 +3823,7 @@ class ln {
       this.options.isSearchEnabled && !h(this, $) && 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.overlayCoord = Ui(() => this.close(), this.options.overlayGroup || void 0), this.documentKeydownHandler = (e) => {
+    }, 0), this.overlayCoord = qi(() => 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;
@@ -4217,7 +4222,7 @@ class ln {
    */
   scrollToIndex(e, t) {
     const o = (t == null ? void 0 : t.block) ?? "start";
-    return h(this, $) ? e < 0 || e >= this.filteredOptions.length ? (R.debug(`[${this.instanceId}] scrollToIndex(${e}) → false (out of range, ${this.filteredOptions.length} options)`), !1) : (R.debug(`[${this.instanceId}] scrollToIndex(${e}, block=${o}) — virtual=${!!this.virtualScroll}, mode=${this.presentationMode}`), this.scrollToRenderedIndex(e, { block: o }), !0) : (R.debug(`[${this.instanceId}] scrollToIndex(${e}) → false (closed)`), !1);
+    return h(this, $) ? e < 0 || e >= this.filteredOptions.length ? (R.debug(`[${this.instanceId}] scrollToIndex(${e}) → false (out of range, ${this.filteredOptions.length} options)`), !1) : (R.debug(`[${this.instanceId}] scrollToIndex(${e}, block=${o}) — virtual=${!!this.virtualScroll}, mode=${this.presentationMode}`), this.armClickGuard(), this.scrollToRenderedIndex(e, { block: o }), !0) : (R.debug(`[${this.instanceId}] scrollToIndex(${e}) → false (closed)`), !1);
   }
   /**
    * Scroll to the option whose value matches `value` (resolved within the current
@@ -4239,7 +4244,7 @@ class ln {
     const o = (t == null ? void 0 : t.block) ?? "start";
     if (!h(this, $) || this.isTreeMode())
       return R.debug(`[${this.instanceId}] scrollToGroup(${e}) → false (${this.isTreeMode() ? "tree mode" : "closed"})`), !1;
-    if (!this.virtualScroll) {
+    if (this.armClickGuard(), !this.virtualScroll) {
       const r = this.dropdown.querySelector(
         `.ms__group-label[data-group="${CSS.escape(e)}"]`
       );
@@ -4286,7 +4291,12 @@ class ln {
         return;
       }
     }
-    (this.selectedValues.has(o) ? this.interactiveDeselect(e) : this.interactiveSelect(e)) && (this.options.isMultipleEnabled ? this.options.isCloseOnSelect && this.close() : this.close());
+    const i = this.selectedValues.has(o);
+    if (i && !this.options.isMultipleEnabled) {
+      this.close();
+      return;
+    }
+    (i ? this.interactiveDeselect(e) : this.interactiveSelect(e)) && (this.options.isMultipleEnabled ? this.options.isCloseOnSelect && this.close() : this.close());
   }
   /**
    * The single funnel for an interactive (user-initiated) selection. Consults
@@ -4352,7 +4362,7 @@ class ln {
     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(Ye(this.cascadeIndex, this.selectedValues));
+        const r = this.cascadeIndex.atomsUnder.get(i.path) ?? [], n = new Set(Je(this.cascadeIndex, this.selectedValues));
         for (const a of r) n.delete(a);
         this.commitCascadeAtoms(n);
         return;
@@ -4362,7 +4372,7 @@ class ln {
   }
   selectAll() {
     if (this.isCascadeMode() && this.cascadeIndex) {
-      const t = this.cascadeIndex, o = new Set(Ye(t, this.selectedValues));
+      const t = this.cascadeIndex, o = new Set(Je(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);
@@ -4409,17 +4419,31 @@ class ln {
     const t = e.added ?? [], o = e.removed ?? [];
     this.options.onSelect && t.forEach((i) => this.options.onSelect(i)), this.options.onDeselect && o.forEach((i) => this.options.onDeselect(i)), (t.length > 0 || o.length > 0) && this.options.onChange && this.options.onChange(this.getSelected());
   }
+  /**
+   * Shield the trailing document `click` for one tick. A consumer that drives the
+   * dropdown from their OWN button's click handler (`el.open()` / `el.toggle()`, or a
+   * scrollTo* command re-driving the already-open panel) would otherwise have that
+   * same click bubble to our document-level outside-click listener and immediately
+   * close it. Centralizing it here means every entry point — open(), the internal
+   * pointer path, and the public scrollTo* API — is covered. Cleared next tick, so a
+   * genuine later outside-click still closes as normal. Harmless for non-click
+   * callers (typing, programmatic-on-load, server-driven): no trailing click arrives
+   * before it clears.
+   */
+  armClickGuard() {
+    this.justOpenedViaClick = !0, setTimeout(() => {
+      this.justOpenedViaClick = !1;
+    }, 0);
+  }
   /** 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, $) }), !h(this, $) && (this.justOpenedViaClick = !0, setTimeout(() => {
-      this.justOpenedViaClick = !1;
-    }, 0), this.hideMessage(), P(this, $, !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());
+    J.debug(`[${this.instanceId}] open() called`, { isOpen: h(this, $) }), this.armClickGuard(), !h(this, $) && (this.hideMessage(), I(this, $, !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() {
     var e;
-    J.debug(`[${this.instanceId}] close() called`, { isOpen: h(this, $) }), h(this, $) && (P(this, $, !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`));
+    J.debug(`[${this.instanceId}] close() called`, { isOpen: h(this, $) }), h(this, $) && (I(this, $, !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() {
@@ -4441,7 +4465,7 @@ class ln {
    */
   anchorFloatingPanel(e, t) {
     var r;
-    const o = ((r = t.isLocked) == null ? void 0 : r.call(t)) ?? !0, i = tt(e, this.inputWrapper, {
+    const o = ((r = t.isLocked) == null ? void 0 : r.call(t)) ?? !0, i = st(e, this.inputWrapper, {
       strategy: "fixed",
       placement: "bottom-start",
       offset: 4,
@@ -4511,10 +4535,10 @@ class ln {
    */
   warnFullscreenContainingBlock() {
     if (this.fullscreenContainingBlockWarned || typeof window > "u") return;
-    const e = os(this.dropdown);
+    const e = rs(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 = To(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 = Po(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.`
@@ -4552,7 +4576,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 = Ri());
+    this.bodyScrollUnlock || (this.bodyScrollUnlock = Hi());
   }
   /** Restore page scroll (no-op if it wasn't locked). */
   unlockBodyScroll() {
@@ -4591,7 +4615,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 = Bi(this.dropdown);
+    this.keyboardInsetCleanup = Fi(this.dropdown);
   }
   /** Detach keyboard-inset tracking and restore the panel's CSS-driven geometry. */
   unobserveKeyboardInset() {
@@ -4797,7 +4821,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 = tt(this.hint, this.inputWrapper, {
+    const t = st(this.hint, this.inputWrapper, {
       strategy: "fixed",
       placement: e,
       offset: 4,
@@ -4883,7 +4907,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 Fs({
+      this.selectedPopoverContainer && (this.selectedPopoverVirtualScroll ? this.selectedPopoverVirtualScroll.setItems(e) : this.selectedPopoverVirtualScroll = new Ws({
         container: this.selectedPopoverContainer,
         itemHeight: r,
         items: e,
@@ -4925,7 +4949,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
   renderBadgeHTML(e, t) {
     const o = this.getItemValue(e), i = {
       ...t,
-      ...jt(this.presentationMode)
+      ...Gt(this.presentationMode)
     };
     if (!t.isInPopover && this.options.renderBadgeCallback) {
       const d = this.toHtml(this.options.renderBadgeCallback(e, i));
@@ -5035,9 +5059,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() ? Us(this.tree, (a) => String(this.getItemValue(a))) : null, this.isCascadeMode() && this.cascadeIndex)) {
-      this.cascadeCheckedAtoms = Ye(this.cascadeIndex, this.selectedValues);
-      const a = Xt(
+    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() ? qs(this.tree, (a) => String(this.getItemValue(a))) : null, this.isCascadeMode() && this.cascadeIndex)) {
+      this.cascadeCheckedAtoms = Je(this.cascadeIndex, this.selectedValues);
+      const a = Jt(
         this.cascadeIndex,
         this.cascadeCheckedAtoms,
         this.cascadePolicy(),
@@ -5096,7 +5120,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 = tn({
+    const t = this.element.getRootNode(), o = t instanceof ShadowRoot ? t : null, i = on({
       trigger: e.trigger,
       container: this.options.container ?? o ?? document.body,
       content: e.content,
@@ -5243,7 +5267,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 = sn({
+    this.labelRevealTrigger = e, this.labelRevealPanel = n, this.labelRevealPopover = rn({
       reference: e,
       panel: n,
       container: c,
@@ -5278,7 +5302,7 @@ ${o}` : t;
     if ((this.options.container ?? l ?? document.body).appendChild(n), this.messageEl = n, this.presentationMode === "fullscreen" && (h(this, $) || this.showSelectedPopover))
       n.classList.add("ms__message--fullscreen");
     else {
-      const u = tt(n, this.inputWrapper, {
+      const u = st(n, this.inputWrapper, {
         strategy: "fixed",
         placement: (t == null ? void 0 : t.placement) ?? "bottom",
         offset: 8,
@@ -5352,11 +5376,11 @@ ${o}` : t;
   // ========================================================================
   destroy() {
     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"), gt.info(`[${this.instanceId}] Component destroyed`);
+    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"), bt.info(`[${this.instanceId}] Component destroyed`);
   }
 }
 $ = new WeakMap();
-function cn() {
+function hn() {
   return {
     fromAttribute(s) {
       if (s === null || s.trim() === "") return [];
@@ -5377,29 +5401,29 @@ function cn() {
     }
   };
 }
-const dn = ["json", "csv", "plain"], Gs = ",", qs = `
+const un = ["json", "csv", "plain"], Xs = ",", Ys = `
 `;
-function hn(s, e, t = {}) {
+function mn(s, e, t = {}) {
   if (s == null || s.trim() === "") return { options: [] };
-  const o = Xs(t.splitter ?? Gs) || Gs, i = Xs(t.rowSplitter ?? qs) || qs;
+  const o = Js(t.splitter ?? Xs) || Xs, i = Js(t.rowSplitter ?? Ys) || Ys;
   switch (e) {
     case "csv":
-      return pn(s, o, i);
+      return gn(s, o, i);
     case "plain":
-      return mn(s, o, i);
+      return fn(s, o, i);
     case "json":
     default:
-      return un(s);
+      return pn(s);
   }
 }
-function Xs(s) {
+function Js(s) {
   return s.replace(
     /\\[ntr\\]/g,
     (e) => e === "\\n" ? `
 ` : e === "\\t" ? "	" : e === "\\r" ? "\r" : "\\"
   );
 }
-function un(s) {
+function pn(s) {
   let e;
   try {
     e = JSON.parse(s);
@@ -5408,11 +5432,11 @@ function un(s) {
   }
   return Array.isArray(e) ? { options: e } : { options: [], error: "data-options JSON must be an array" };
 }
-function mn(s, e, t) {
+function fn(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 pn(s, e, t) {
-  const o = fn(s, e, t).filter((n) => !(n.length === 1 && n[0].trim() === ""));
+function gn(s, e, t) {
+  const o = bn(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());
@@ -5423,7 +5447,7 @@ function pn(s, e, t) {
     }), a;
   }) };
 }
-function fn(s, e, t) {
+function bn(s, e, t) {
   const o = [];
   let i = [], r = "", n = !1;
   for (let a = 0; a < s.length; ) {
@@ -5436,7 +5460,7 @@ function fn(s, e, t) {
   }
   return i.push(r), o.push(i), o;
 }
-const Po = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: var(--base-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: color-mix(in srgb, var(--ms-badge-bg) 88%, var(--ms-badge-text-color) 12%);--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: color-mix(in srgb, var(--ms-badge-text-bg) 88%, var(--ms-badge-text-color) 12%);--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: color-mix(in srgb, var(--ms-text-color-1) 10%, transparent);--ms-badge-counter-text-bg-hover: color-mix(in srgb, var(--ms-text-color-1) 16%, transparent);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-text-color-hover: var(--ms-text-color-1);--ms-badge-counter-remove-bg: color-mix(in srgb, var(--ms-text-color-1) 10%, transparent);--ms-badge-counter-remove-bg-hover: color-mix(in srgb, var(--ms-text-color-1) 16%, transparent);--ms-badge-counter-remove-color: var(--ms-text-color-3);--ms-badge-counter-remove-color-hover: var(--ms-text-color-1);--ms-counter-wrapper-border-color: var(--ms-border-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-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-add-new-padding: var(--ms-option-padding);--ms-add-new-gap: var(--ms-option-gap);--ms-add-new-font-size: var(--ms-empty-font-size);--ms-add-new-color: var(--ms-accent-color);--ms-add-new-color-hover: var(--ms-accent-color);--ms-add-new-bg-hover: var(--ms-option-bg-hover);--ms-add-new-icon-size: calc(1.6 * var(--ms-rem));--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.4 * 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: var(--base-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-icon-check: var(--base-icon-check, 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='M20 6 9 17l-5-5'/></svg>"));--ms-icon-indeterminate: var(--base-icon-indeterminate, 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='M5 12h14'/></svg>"));--ms-icon-add-new: var(--base-icon-plus, var(--base-icon-add, 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='M5 12h14'/><path d='M12 5v14'/></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: var(--ms-accent-color);--ms-count-clear-color-hover: var(--ms-text-color-on-accent);--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: var(--ms-accent-color);--ms-selected-popover-close-color-hover: var(--ms-text-color-on-accent);--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{@keyframes ms-spin{to{transform:rotate(360deg)}}}@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;padding:0;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);color:var(--ms-badge-counter-remove-color-hover, var(--ms-badge-counter-remove-color))}.ms__badge--counter:hover .ms__badge-text{background:var(--ms-badge-counter-text-bg-hover, var(--ms-badge-counter-text-bg));color:var(--ms-badge-counter-text-color-hover, var(--ms-badge-counter-text-color))}.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;top:0;right:0;bottom:0;left:0;background-color:var(--ms-checkbox-checkmark-color);-webkit-mask:var(--ms-icon-check) no-repeat center / contain;mask:var(--ms-icon-check) no-repeat center / contain}.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;-webkit-mask-image:var(--ms-icon-indeterminate);mask-image:var(--ms-icon-indeterminate)}.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__add-new{display:flex;align-items:center;gap:var(--ms-add-new-gap);padding:var(--ms-add-new-padding);font-size:var(--ms-add-new-font-size);color:var(--ms-add-new-color);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__add-new:hover{background:var(--ms-add-new-bg-hover);color:var(--ms-add-new-color-hover)}}.ms__add-new--focused{background:var(--ms-add-new-bg-hover);color:var(--ms-add-new-color-hover)}.ms__add-new--loading{cursor:default}.ms__add-new-spinner{flex-shrink:0;width:var(--ms-add-new-icon-size);height:var(--ms-add-new-icon-size);border-radius:50%;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:ms-spin .6s linear infinite}@media (prefers-reduced-motion: reduce){.ms__add-new-spinner{animation-duration:1.5s}}.ms__add-new-icon{flex-shrink:0;width:var(--ms-add-new-icon-size);height:var(--ms-add-new-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-add-new) center / contain no-repeat;mask:var(--ms-icon-add-new) center / contain no-repeat}.ms__add-new-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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 = [
+const Mo = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: var(--base-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: color-mix(in srgb, var(--ms-badge-bg) 88%, var(--ms-badge-text-color) 12%);--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: color-mix(in srgb, var(--ms-badge-text-bg) 88%, var(--ms-badge-text-color) 12%);--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: color-mix(in srgb, var(--ms-text-color-1) 10%, transparent);--ms-badge-counter-text-bg-hover: color-mix(in srgb, var(--ms-text-color-1) 16%, transparent);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-text-color-hover: var(--ms-text-color-1);--ms-badge-counter-remove-bg: color-mix(in srgb, var(--ms-text-color-1) 10%, transparent);--ms-badge-counter-remove-bg-hover: color-mix(in srgb, var(--ms-text-color-1) 16%, transparent);--ms-badge-counter-remove-color: var(--ms-text-color-3);--ms-badge-counter-remove-color-hover: var(--ms-text-color-1);--ms-counter-wrapper-border-color: var(--ms-border-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-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-add-new-padding: var(--ms-option-padding);--ms-add-new-gap: var(--ms-option-gap);--ms-add-new-font-size: var(--ms-empty-font-size);--ms-add-new-color: var(--ms-accent-color);--ms-add-new-color-hover: var(--ms-accent-color);--ms-add-new-bg-hover: var(--ms-option-bg-hover);--ms-add-new-icon-size: calc(1.6 * var(--ms-rem));--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.4 * 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: var(--base-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-icon-check: var(--base-icon-check, 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='M20 6 9 17l-5-5'/></svg>"));--ms-icon-indeterminate: var(--base-icon-indeterminate, 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='M5 12h14'/></svg>"));--ms-icon-check-size: var(--base-icon-check-size, 68%);--ms-icon-add-new: var(--base-icon-plus, var(--base-icon-add, 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='M5 12h14'/><path d='M12 5v14'/></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: var(--ms-accent-color);--ms-count-clear-color-hover: var(--ms-text-color-on-accent);--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: var(--ms-accent-color);--ms-selected-popover-close-color-hover: var(--ms-text-color-on-accent);--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([defer]:not([is-ready])){display:block;min-height:calc(3.5 * var(--ms-rem))}: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{@keyframes ms-spin{to{transform:rotate(360deg)}}}@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;padding:0;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);color:var(--ms-badge-counter-remove-color-hover, var(--ms-badge-counter-remove-color))}.ms__badge--counter:hover .ms__badge-text{background:var(--ms-badge-counter-text-bg-hover, var(--ms-badge-counter-text-bg));color:var(--ms-badge-counter-text-color-hover, var(--ms-badge-counter-text-color))}.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;top:0;right:0;bottom:0;left:0;background-color:var(--ms-checkbox-checkmark-color);-webkit-mask:var(--ms-icon-check) no-repeat center / var(--ms-icon-check-size);mask:var(--ms-icon-check) no-repeat center / var(--ms-icon-check-size)}.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;-webkit-mask-image:var(--ms-icon-indeterminate);mask-image:var(--ms-icon-indeterminate)}.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__add-new{display:flex;align-items:center;gap:var(--ms-add-new-gap);padding:var(--ms-add-new-padding);font-size:var(--ms-add-new-font-size);color:var(--ms-add-new-color);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__add-new:hover{background:var(--ms-add-new-bg-hover);color:var(--ms-add-new-color-hover)}}.ms__add-new--focused{background:var(--ms-add-new-bg-hover);color:var(--ms-add-new-color-hover)}.ms__add-new--loading{cursor:default}.ms__add-new-spinner{flex-shrink:0;width:var(--ms-add-new-icon-size);height:var(--ms-add-new-icon-size);border-radius:50%;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:ms-spin .6s linear infinite}@media (prefers-reduced-motion: reduce){.ms__add-new-spinner{animation-duration:1.5s}}.ms__add-new-icon{flex-shrink:0;width:var(--ms-add-new-icon-size);height:var(--ms-add-new-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-add-new) center / contain no-repeat;mask:var(--ms-icon-add-new) center / contain no-repeat}.ms__add-new-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}}`, Qs = [
   "top",
   "top-start",
   "top-end",
@@ -5449,7 +5473,7 @@ const Po = `@layer variables,component,overrides;@layer variables{:host{display:
   "right",
   "right-start",
   "right-end"
-], N = () => Wo(), gn = [
+], N = () => Uo(), vn = [
   // ── Strings (cosmetic → update). Optional ones are nullable: absent → null ─
   { configKey: "searchHint", attribute: "search-hint", converter: A({ isNullable: !0 }), on: "update", description: "Small hint text shown beneath the search input." },
   { configKey: "searchPlaceholder", attribute: "search-placeholder", converter: A({ 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.' },
@@ -5512,8 +5536,8 @@ const Po = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "actionsAlign", attribute: "actions-align", converter: j(["stretch", "left", "right", "center", "space-between"], { default: "stretch" }), on: "update", description: "Horizontal alignment of the action buttons." },
   { configKey: "checkboxAlign", attribute: "checkbox-align", converter: j(["top", "center", "bottom"], { default: "center" }), on: "update", description: "Vertical alignment of an option checkbox." },
   { configKey: "valueFormat", attribute: "value-format", converter: j(["json", "csv", "array"], { default: "json" }), on: "reinit", description: "Serialization format the control emits its value in." },
-  { configKey: "badgeTooltipPlacement", attribute: "badge-tooltip-placement", converter: j(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: j(Ys, { default: "top-start" }), on: "update", description: "Preferred placement of an option tooltip (floating-ui placement)." },
+  { configKey: "badgeTooltipPlacement", attribute: "badge-tooltip-placement", converter: j(Qs, { 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: j(Qs, { default: "top-start" }), on: "update", description: "Preferred placement of an option tooltip (floating-ui placement)." },
   {
     configKey: "mobilePresentation",
     attribute: "mobile-presentation",
@@ -5565,16 +5589,24 @@ const Po = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "isOptionTooltipFollowCursor", attribute: "option-tooltip-follow-cursor", converter: H("default-false"), on: "update", description: "Make option tooltips follow the pointer." },
   { configKey: "isSearchModeToggleShown", attribute: "show-search-mode-toggle", converter: H("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: 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: "initialValues", attribute: "initial-values", converter: hn(), 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: H("default-false"), on: "update", description: "Render an in-component debug panel.", deprecated: "Use per-instance logging (el.enableLogging()) instead." },
+  // ── Render gate (element-only; NON_PICKER) ───────────────────────────────
+  {
+    configKey: "deferRender",
+    attribute: "defer",
+    converter: H("presence"),
+    on: "reinit",
+    description: "Hold the initial render. When the `defer` attribute is present on upgrade the component builds nothing (it only reserves space) — so options, callbacks (e.g. `customStylesCallback`) and event listeners can all be wired first, then released with `el.ready()` (or by removing the `defer` attribute, for server-driven frameworks). The release builds the picker ONCE with everything already in place, avoiding the upgrade-then-restyle flash. Absent (default): builds immediately on connect. Latched — once released the gate never re-closes."
+  },
   // ── Complex property (data) ──────────────────────────────────────────────
-  { 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: "options", converter: jo(), 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: A({ 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: j(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: "optionsFormat", attribute: "data-options-format", converter: j(un, { 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: A({ 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: A({ 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: 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." },
+  { configKey: "actionButtons", converter: Wo({ 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: 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)." },
@@ -5610,20 +5642,21 @@ const Po = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "addNewCallback", converter: N(), on: "update", type: "(value: string) => unknown | null | undefined | Promise<unknown | null | undefined>", description: "Create a new option from the typed text. May return a rich option object (renders via the same get*/render* callbacks as any option). Async + cancelable: return null/undefined to abort (no add, no `add` event). Omit entirely to handle creation yourself via the `add` event." },
   { configKey: "getAddNewTextCallback", converter: N(), on: "update", type: "(value: string) => string", description: 'Dynamically compute the "add new" prompt label from the typed text (returns plain text). Takes precedence over `add-new-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 = [
+], wn = [
   { 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." },
-  { name: "add", description: 'The user chose to create a new option from the typed text (via the "add new" prompt or Enter) — requires `allow-add-new`. `detail.value` is the typed text; `detail.option` is the created item when `addNewCallback` produced one.' }
-], Js = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation", "collapseBadgesBelow"]), bt = {
+  { name: "add", description: 'The user chose to create a new option from the typed text (via the "add new" prompt or Enter) — requires `allow-add-new`. `detail.value` is the typed text; `detail.option` is the created item when `addNewCallback` produced one.' },
+  { name: "ready", description: "The picker was built and painted for the first time (once per element lifetime). Fires right after the first build — synchronously during upgrade for a normal element, or when the render gate is released (`el.ready()` / removing `defer`) for a deferred one. No detail." }
+], Zs = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation", "collapseBadgesBelow", "deferRender"]), vt = {
   dropdownWidth: "--ms-dropdown-width",
   selectedPopoverWidth: "--ms-selected-popover-width"
 };
-let vn = null;
-function wn() {
-  return vn ?? (vn = Ai(Po, "--ms-"));
+let yn = null;
+function xn() {
+  return yn ?? (yn = Ni(Mo, "--ms-"));
 }
-const yn = [
+const _n = [
   { key: "valueMember", member: "value", callbackKey: "getValueCallback" },
   { key: "displayValueMember", member: "label", callbackKey: "getDisplayValueCallback" },
   { key: "groupMember", member: "group", callbackKey: "getGroupCallback" },
@@ -5631,26 +5664,29 @@ const yn = [
   { key: "subtitleMember", member: "subtitle", callbackKey: "getSubtitleCallback" },
   { key: "disabledMember", member: "disabled", callbackKey: "getDisabledCallback" }
 ];
-var Z, k, fe, dt, ht, ut, He, Fe, Ie, x, xt, ge, _t, is, rs, ns, as, Oo, Mo, Lo, et, ls, Eo, Ao, zo, cs, No, $o, ds, hs;
-class st extends Yt {
+var Z, k, fe, He, ht, ut, mt, Fe, Ke, Ie, w, ns, _t, ge, kt, as, ls, cs, Ct, Lo, Eo, Ao, tt, ds, zo, No, $o, hs, Vo, Do, us, ms;
+class ot extends Qt {
   constructor() {
     super();
-    L(this, x);
-    L(this, Z);
-    L(this, k);
-    L(this, fe);
-    L(this, dt, null);
+    M(this, w);
+    M(this, Z);
+    M(this, k);
+    M(this, fe);
+    // Render gate (`defer`): true once released via ready() / attribute removal /
+    // the first build. Latched — the gate never re-closes. See #renderHeld().
+    M(this, He, !1);
+    M(this, ht, null);
     // Dev-mode customStylesCallback lint: unknown --ms-* names already warned about.
-    L(this, ht, /* @__PURE__ */ new Set());
+    M(this, ut, /* @__PURE__ */ new Set());
     // Declarative <option>/<optgroup> state (parsed once from light DOM).
-    L(this, ut, !1);
-    L(this, He, !1);
-    L(this, Fe);
-    L(this, Ie);
+    M(this, mt, !1);
+    M(this, Fe, !1);
+    M(this, Ke);
+    M(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);
-    P(this, Z, this.attachShadow({ mode: "open" })), Li(h(this, Z), Po), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
+    M(this, ge, !1);
+    I(this, Z, this.attachShadow({ mode: "open" })), Ai(h(this, Z), Mo), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
   }
   /**
    * Called by the browser when the surrounding <form> is reset. Clears the
@@ -5671,24 +5707,24 @@ class st extends Yt {
   }
   /** Structural change (or first connect): mirror CSS vars, then (re)build the picker. */
   reinit() {
-    b(this, x, Ao).call(this), this.isConnected && b(this, x, ns).call(this);
+    b(this, w, No).call(this), this.isConnected && !b(this, w, ns).call(this) && b(this, w, cs).call(this);
   }
   /** Cosmetic change: mirror CSS vars / custom styles / debug, patch the picker in place. */
   update(t) {
-    b(this, x, zo).call(this, t), "customStylesCallback" in t && b(this, x, ls).call(this), "showDebugInfo" in t && b(this, x, ds).call(this);
+    b(this, w, $o).call(this, t), "customStylesCallback" in t && b(this, w, ds).call(this), "showDebugInfo" in t && b(this, w, us).call(this);
     const o = {};
     for (const [i, r] of Object.entries(t))
-      Js.has(i) || (o[i] = r === null ? void 0 : r);
-    h(this, k) && Object.keys(o).length > 0 && (h(this, k).updateOptions(o) || b(this, x, ns).call(this)), "mobilePresentation" in t && b(this, x, xt).call(this, It()), "collapseBadgesBelow" in t && b(this, x, _t).call(this, this.getBoundingClientRect().width);
+      Zs.has(i) || (o[i] = r === null ? void 0 : r);
+    h(this, k) && Object.keys(o).length > 0 && (h(this, k).updateOptions(o) || b(this, w, cs).call(this)), "mobilePresentation" in t && b(this, w, _t).call(this, Ot()), "collapseBadgesBelow" in t && b(this, w, kt).call(this, this.getBoundingClientRect().width);
   }
   /** Activate: ensure the picker exists (a DOM move destroyed it in disconnect()). */
   connect() {
-    h(this, k) || b(this, x, as).call(this);
+    !h(this, k) && !b(this, w, ns).call(this) && b(this, w, Ct).call(this);
   }
   /** Deactivate: tear the picker down (rebuilt on the next connect). */
   disconnect() {
     var t;
-    (t = h(this, k)) == null || t.destroy(), P(this, k, void 0);
+    (t = h(this, k)) == null || t.destroy(), I(this, k, void 0);
   }
   /**
    * Device/viewport/orientation changed (core §12.9). Overriding this opts the
@@ -5699,7 +5735,7 @@ class st extends Yt {
    * set before the dropdown can open.
    */
   environmentChanged(t) {
-    b(this, x, xt).call(this, t);
+    b(this, w, _t).call(this, t);
   }
   /**
    * This element's own border box changed (core §12.9 `resized`). Overriding the
@@ -5710,7 +5746,7 @@ class st extends Yt {
    * below` is set; otherwise it's a cheap no-op.
    */
   resized({ width: t }) {
-    b(this, x, _t).call(this, t);
+    b(this, w, kt).call(this, t);
   }
   // ── non-input public API ──────────────────────────────────────────────────
   /** Form field name (mirrors the `name` attribute → `formFieldId`). */
@@ -5832,11 +5868,30 @@ class st extends Yt {
     var t;
     (t = h(this, k)) == null || t.destroy();
   }
+  // ── render gate (`defer`) ───────────────────────────────────────────────────
+  /**
+   * Release the `defer` render gate: build the picker now (once), with every
+   * option, callback and listener wired while deferred already in place. No-op
+   * when the element wasn't deferred or is already built. `flush()` first so a
+   * synchronous `el.options = …; el.customStylesCallback = …; el.ready()` lands
+   * those pending writes in the single build rather than after it. Latched — the
+   * gate never re-closes. Fires the `ready` event on the first build.
+   */
+  ready() {
+    I(this, He, !0), this.flush(), this.isConnected && !h(this, k) && b(this, w, Ct).call(this);
+  }
+  /** Whether the picker has been built (the `ready` event has fired). False while a `defer` gate is still held. */
+  get isReady() {
+    return this.hasAttribute("is-ready");
+  }
 }
-Z = new WeakMap(), k = new WeakMap(), fe = new WeakMap(), dt = new WeakMap(), ht = new WeakMap(), ut = 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. */
-xt = function(t) {
+Z = new WeakMap(), k = new WeakMap(), fe = new WeakMap(), He = new WeakMap(), ht = new WeakMap(), ut = new WeakMap(), mt = new WeakMap(), Fe = new WeakMap(), Ke = new WeakMap(), Ie = new WeakMap(), w = new WeakSet(), /** Whether the initial render is being held by the `defer` gate (not yet released). */
+ns = function() {
+  return this.config.deferRender === !0 && !h(this, He);
+}, /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
+_t = function(t) {
   var r;
-  const o = this.config.mobilePresentation ?? "auto", i = Di(o, t);
+  const o = this.config.mobilePresentation ?? "auto", i = Bi(o, t);
   (r = h(this, k)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
 }, ge = new WeakMap(), /**
  * Resolve `collapse-badges-below` against `width` and relay the decision to the
@@ -5845,78 +5900,78 @@ xt = 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.
  */
-_t = function(t) {
+kt = function(t) {
   const o = this.config.collapseBadgesBelow;
   if (o == null) {
-    h(this, ge) && (P(this, ge, !1), b(this, x, is).call(this));
+    h(this, ge) && (I(this, ge, !1), b(this, w, as).call(this));
     return;
   }
   const i = t > 0 && t < o;
-  i !== h(this, ge) && (P(this, ge, i), i ? b(this, x, rs).call(this, "count") : b(this, x, is).call(this));
+  i !== h(this, ge) && (I(this, ge, i), i ? b(this, w, ls).call(this, "count") : b(this, w, as).call(this));
 }, /** Re-assert the consumer's configured badges mode from the pristine base config. */
-is = function() {
+as = function() {
   const t = this.config.badgesDisplayMode ?? "badges";
-  b(this, x, rs).call(this, t);
+  b(this, w, ls).call(this, t);
 }, /** Relay a badges-display-mode override to the live picker (never written to `this.config`). */
-rs = function(t) {
+ls = function(t) {
   var o;
   (o = h(this, k)) == null || o.updateOptions({ badgesDisplayMode: t });
 }, // ── picker lifecycle ──────────────────────────────────────────────────────
-ns = function() {
+cs = function() {
   var t;
-  (t = h(this, k)) == null || t.destroy(), P(this, k, void 0), b(this, x, as).call(this);
-}, as = function() {
-  b(this, x, Oo).call(this), b(this, x, No).call(this);
-  const t = b(this, x, Mo).call(this), o = b(this, x, Lo).call(this);
-  o && o.length > 0 ? h(this, fe).dataset.initialValues = JSON.stringify(o) : delete h(this, fe).dataset.initialValues, P(this, k, new ln(h(this, fe), t)), b(this, x, ls).call(this), b(this, x, ds).call(this), b(this, x, xt).call(this, It()), P(this, ge, !1), b(this, x, _t).call(this, this.getBoundingClientRect().width);
-}, Oo = function() {
+  (t = h(this, k)) == null || t.destroy(), I(this, k, void 0), b(this, w, Ct).call(this);
+}, Ct = function() {
+  b(this, w, Lo).call(this), b(this, w, Vo).call(this);
+  const t = b(this, w, Eo).call(this), o = b(this, w, Ao).call(this);
+  o && o.length > 0 ? h(this, fe).dataset.initialValues = JSON.stringify(o) : delete h(this, fe).dataset.initialValues, I(this, k, new dn(h(this, fe), t)), b(this, w, ds).call(this), b(this, w, us).call(this), b(this, w, _t).call(this, Ot()), I(this, ge, !1), b(this, w, kt).call(this, this.getBoundingClientRect().width), this.hasAttribute("is-ready") || (I(this, He, !0), this.setAttribute("is-ready", ""), this.emit("ready"));
+}, Lo = 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), P(this, dt, Ei(h(this, Z), { position: "first", className: "ms-custom-styles" })), P(this, fe, t);
+  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), h(this, Z).appendChild(t), I(this, ht, zi(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).
  */
-Mo = function() {
+Eo = function() {
   const t = { ...this.config };
-  for (const i of Js) delete t[i];
+  for (const i of Zs) delete t[i];
   for (const i of Object.keys(t))
     t[i] === null && delete t[i];
   let o = t.options;
-  if (h(this, He) && h(this, Fe))
-    o && o.length > 0 && K.warn("[MultiSelectElement] Both declarative <option> elements and programmatic .options detected. Using declarative options."), o = h(this, Fe);
+  if (h(this, Fe) && h(this, Ke))
+    o && o.length > 0 && K.warn("[MultiSelectElement] Both declarative <option> elements and programmatic .options detected. Using declarative options."), o = h(this, Ke);
   else if (!o || o.length === 0) {
     const i = this.config.optionsSource;
     if (i != null) {
-      const r = this.config.optionsFormat ?? "json", { options: n, error: a } = hn(i, r, {
+      const r = this.config.optionsFormat ?? "json", { options: n, error: a } = mn(i, r, {
         splitter: this.config.optionsSplitter,
         rowSplitter: this.config.optionsRowSplitter
       });
       a && K.error(`[MultiSelectElement] ${a}`), o = n;
     }
   }
-  if (t.options = o, h(this, He))
-    for (const { key: i, member: r, callbackKey: n } of yn)
+  if (t.options = o, h(this, Fe))
+    for (const { key: i, member: r, callbackKey: n } of _n)
       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, k)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: b(this, x, et).call(this)
+      selectedValues: b(this, w, tt).call(this)
     });
   }, t.onDeselect = (i) => {
     var r;
     this.emit("deselect", {
       option: i,
       selectedOptions: ((r = h(this, k)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: b(this, x, et).call(this)
+      selectedValues: b(this, w, tt).call(this)
     });
   }, t.onChange = (i) => {
     this.emit("change", {
       selectedOptions: i,
-      selectedValues: b(this, x, et).call(this)
+      selectedValues: b(this, w, tt).call(this)
     });
   }, t.onAddNew = (i) => {
     var r;
@@ -5924,21 +5979,21 @@ Mo = function() {
       value: i.value,
       option: i.option,
       selectedOptions: ((r = h(this, k)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: b(this, x, et).call(this)
+      selectedValues: b(this, w, tt).call(this)
     });
   }, t.container = h(this, Z), t.hostElement = this, t;
-}, Lo = function() {
+}, Ao = 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;
-}, et = function() {
+}, tt = function() {
   var o;
   const t = (o = h(this, k)) == null ? void 0 : o.getValue();
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }, // ── §12.8 custom styles ───────────────────────────────────────────────────
-ls = function() {
-  const t = h(this, dt);
+ds = function() {
+  const t = h(this, ht);
   if (!t) return;
   const o = this.config.customStylesCallback;
   if (typeof o != "function") {
@@ -5947,7 +6002,7 @@ ls = function() {
   }
   try {
     const i = o();
-    t.set(i), i && b(this, x, Eo).call(this, i);
+    t.set(i), i && b(this, w, zo).call(this, i);
   } catch (i) {
     K.warn("[MultiSelectElement] customStylesCallback threw", i), t.clear();
   }
@@ -5960,28 +6015,28 @@ ls = 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).
  */
-Eo = function(t) {
-  const o = wn();
+zo = function(t) {
+  const o = xn();
   if (o.size !== 0)
-    for (const { name: i, suggestions: r } of $i(t, { prefix: "--ms-", consumed: o }))
-      h(this, ht).has(i) || (h(this, ht).add(i), console.warn(
+    for (const { name: i, suggestions: r } of Di(t, { prefix: "--ms-", consumed: o }))
+      h(this, ut).has(i) || (h(this, ut).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 ─────────────────────────────────────────────────────────
-Ao = function() {
-  for (const t of Object.keys(bt)) b(this, x, cs).call(this, bt[t], this.config[t]);
-}, zo = function(t) {
-  for (const o of Object.keys(bt))
-    o in t && b(this, x, cs).call(this, bt[o], t[o]);
-}, cs = function(t, o) {
+No = function() {
+  for (const t of Object.keys(vt)) b(this, w, hs).call(this, vt[t], this.config[t]);
+}, $o = function(t) {
+  for (const o of Object.keys(vt))
+    o in t && b(this, w, hs).call(this, vt[o], t[o]);
+}, hs = function(t, o) {
   o == null || o === "" ? this.style.removeProperty(t) : this.style.setProperty(t, String(o));
 }, // ── declarative <option> parsing (light DOM, once) ────────────────────────
-No = function() {
-  if (h(this, ut)) return;
-  P(this, ut, !0);
-  const t = b(this, x, $o).call(this);
-  t && (P(this, Fe, t), P(this, He, !0));
-}, $o = function() {
+Vo = function() {
+  if (h(this, mt)) return;
+  I(this, mt, !0);
+  const t = b(this, w, Do).call(this);
+  t && (I(this, Ke, t), I(this, Fe, !0));
+}, Do = function() {
   const t = Array.from(this.children);
   if (t.length === 0) return null;
   const o = [];
@@ -5992,7 +6047,7 @@ No = function() {
       value: n.value || ((c = n.textContent) == null ? void 0 : c.trim()) || "",
       label: ((d = n.textContent) == null ? void 0 : d.trim()) || n.value || ""
     };
-    a && (l.group = a), n.hasAttribute("selected") && (h(this, Ie) ?? P(this, Ie, [])).push(l.value), n.hasAttribute("disabled") && (l.disabled = !0), n.hasAttribute("data-icon") && (l.icon = n.getAttribute("data-icon")), n.hasAttribute("data-subtitle") && (l.subtitle = n.getAttribute("data-subtitle")), o.push(l), i = !0;
+    a && (l.group = a), n.hasAttribute("selected") && (h(this, Ie) ?? I(this, Ie, [])).push(l.value), n.hasAttribute("disabled") && (l.disabled = !0), n.hasAttribute("data-icon") && (l.icon = n.getAttribute("data-icon")), n.hasAttribute("data-subtitle") && (l.subtitle = n.getAttribute("data-subtitle")), o.push(l), i = !0;
   };
   for (const n of t)
     if (n.tagName === "OPTION")
@@ -6008,7 +6063,7 @@ No = function() {
     (n.tagName === "OPTION" || n.tagName === "OPTGROUP") && n.remove();
   return o;
 }, // ── debug panel (deprecated; kept for back-compat) ────────────────────────
-ds = function() {
+us = function() {
   const t = h(this, Z).querySelector(".ms__debug-info");
   if (t && t.remove(), !this.config.showDebugInfo) return;
   const o = document.createElement("div");
@@ -6016,12 +6071,12 @@ ds = 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), b(this, x, hs).call(this);
-}, hs = function() {
+  n.className = "ms__debug-stats", i.appendChild(r), i.appendChild(n), o.appendChild(i), h(this, Z).appendChild(o), b(this, w, ms).call(this);
+}, ms = function() {
   var l, c, d, u;
   const t = h(this, Z).querySelector(".ms__debug-stats");
   if (!t || !h(this, k)) return;
-  const o = "2.0.0", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = h(this, k).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = h(this, k);
+  const o = "2.1.0", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = h(this, k).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = h(this, k);
   t.innerHTML = `
       <span>Version: ${o}</span>
       <span>Total Instances: ${i}</span>
@@ -6032,17 +6087,17 @@ ds = function() {
       <span>Search: ${a.searchTerm || "none"}</span>
       <span>Loading: ${a.isLoading ? "Yes" : "No"}</span>
     `, setTimeout(() => {
-    this.config.showDebugInfo && b(this, x, hs).call(this);
+    this.config.showDebugInfo && b(this, w, ms).call(this);
   }, 500);
 }, // Opt into the form-associated custom element lifecycle so form.reset() and
 // form.elements see the control.
-p(st, "formAssociated", !0), p(st, "inputs", gn), p(st, "events", bn);
-typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", st);
-Oi("web-multiselect", st, {
+p(ot, "formAssociated", !0), p(ot, "inputs", vn), p(ot, "events", wn);
+typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", ot);
+Li("web-multiselect", ot, {
   config: {
     name: "@keenmate/web-multiselect",
-    version: "2.0.0",
-    author: "Keenmate",
+    version: "2.1.0",
+    author: "Keenmate s.r.o.",
     license: "MIT",
     repository: "git+https://github.com/keenmate/web-multiselect.git",
     homepage: "https://web-multiselect.keenmate.dev"
@@ -6050,23 +6105,23 @@ Oi("web-multiselect", st, {
   logging: ce
 });
 export {
-  kn as LOGGING_CATEGORIES,
-  st as MultiSelectElement,
-  dn as OPTIONS_FORMATS,
-  ni as TABLET_MIN_SHORT_SIDE,
-  ln as WebMultiSelect,
-  ai as classifyDevice,
-  _n as configureBreakpoints,
+  Sn as LOGGING_CATEGORIES,
+  ot as MultiSelectElement,
+  un as OPTIONS_FORMATS,
+  li as TABLET_MIN_SHORT_SIDE,
+  dn as WebMultiSelect,
+  ci as classifyDevice,
+  Cn as configureBreakpoints,
   K as dataLogger,
-  Sn as disableLogging,
-  Cn as enableLogging,
-  It as getEnvironment,
-  gt as initLogger,
+  In as disableLogging,
+  Tn as enableLogging,
+  Ot as getEnvironment,
+  bt as initLogger,
   R as interactionLogger,
-  ii as observeEnvironment,
-  ri as observeViewport,
-  hn as parseOptionsData,
-  In as setCategoryLevel,
-  Tn as setLogLevel,
+  ni as observeEnvironment,
+  ai as observeViewport,
+  mn as parseOptionsData,
+  On as setCategoryLevel,
+  Pn as setLogLevel,
   J as uiLogger
 };