@car-cutter/react-webplayer 0.3.1 → 0.4.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import xe, { createContext as Le, useContext as _e, useRef as W, useState as F, useCallback as T, useEffect as A, useMemo as Q, Fragment as Ot } from "react";
-import At from "react-dom";
+import we, { createContext as Le, useContext as _e, useRef as W, useState as $, useCallback as T, useEffect as A, useMemo as Q, Fragment as Ot } from "react";
+import Pt from "react-dom";
 var tt = { exports: {} }, he = {};
 /**
  * @license React
@@ -11,27 +11,27 @@ var tt = { exports: {} }, he = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ye;
-function Pt() {
+function At() {
   if (Ye) return he;
   Ye = 1;
-  var e = xe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(d, s, g) {
-    var c, f = {}, p = null, M = null;
-    g !== void 0 && (p = "" + g), s.key !== void 0 && (p = "" + s.key), s.ref !== void 0 && (M = s.ref);
-    for (c in s) o.call(s, c) && !l.hasOwnProperty(c) && (f[c] = s[c]);
-    if (d && d.defaultProps) for (c in s = d.defaultProps, s) f[c] === void 0 && (f[c] = s[c]);
-    return { $$typeof: r, type: d, key: p, ref: M, props: f, _owner: a.current };
+  var e = we, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(c, a, f) {
+    var d, h = {}, g = null, z = null;
+    f !== void 0 && (g = "" + f), a.key !== void 0 && (g = "" + a.key), a.ref !== void 0 && (z = a.ref);
+    for (d in a) o.call(a, d) && !s.hasOwnProperty(d) && (h[d] = a[d]);
+    if (c && c.defaultProps) for (d in a = c.defaultProps, a) h[d] === void 0 && (h[d] = a[d]);
+    return { $$typeof: r, type: c, key: g, ref: z, props: h, _owner: i.current };
   }
-  return he.Fragment = n, he.jsx = i, he.jsxs = i, he;
+  return he.Fragment = n, he.jsx = l, he.jsxs = l, he;
 }
-tt.exports = Pt();
+tt.exports = At();
 var rt = tt.exports;
-const Ze = "cc-webplayer", Fe = "cc-webplayer-icon", nt = "composition-loading", ot = "composition-loaded", st = "composition-load-error", at = "extend-mode-on", it = "extend-mode-off", lt = "hotspots-on", ct = "hotspots-off", dt = "gallery-open", ut = "gallery-close", Zt = !1, Ft = !1, $t = !1, Wt = "quality", Dt = !1, mt = "cc-webplayer:", Ut = !1;
+const Ze = "cc-webplayer", $e = "cc-webplayer-icon", nt = "composition-loading", ot = "composition-loaded", st = "composition-load-error", at = "extend-mode-on", it = "extend-mode-off", lt = "hotspots-on", ct = "hotspots-off", dt = "gallery-open", ut = "gallery-close", Zt = !1, $t = !1, Ft = !1, Wt = "quality", Dt = !1, mt = "cc-webplayer:", Ut = !1;
 function Yt(e, r) {
   const n = e.split("/"), o = n.pop();
   return [n.join("/"), r, o].join("/");
 }
-var pt = { exports: {} }, fe = {};
+var pt = { exports: {} }, ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -43,17 +43,17 @@ var pt = { exports: {} }, fe = {};
  */
 var Xe;
 function Xt() {
-  if (Xe) return fe;
+  if (Xe) return ge;
   Xe = 1;
-  var e = xe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(d, s, g) {
-    var c, f = {}, p = null, M = null;
-    g !== void 0 && (p = "" + g), s.key !== void 0 && (p = "" + s.key), s.ref !== void 0 && (M = s.ref);
-    for (c in s) o.call(s, c) && !l.hasOwnProperty(c) && (f[c] = s[c]);
-    if (d && d.defaultProps) for (c in s = d.defaultProps, s) f[c] === void 0 && (f[c] = s[c]);
-    return { $$typeof: r, type: d, key: p, ref: M, props: f, _owner: a.current };
+  var e = we, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(c, a, f) {
+    var d, h = {}, g = null, z = null;
+    f !== void 0 && (g = "" + f), a.key !== void 0 && (g = "" + a.key), a.ref !== void 0 && (z = a.ref);
+    for (d in a) o.call(a, d) && !s.hasOwnProperty(d) && (h[d] = a[d]);
+    if (c && c.defaultProps) for (d in a = c.defaultProps, a) h[d] === void 0 && (h[d] = a[d]);
+    return { $$typeof: r, type: c, key: g, ref: z, props: h, _owner: i.current };
   }
-  return fe.Fragment = n, fe.jsx = i, fe.jsxs = i, fe;
+  return ge.Fragment = n, ge.jsx = l, ge.jsxs = l, ge;
 }
 pt.exports = Xt();
 var t = pt.exports;
@@ -64,14 +64,14 @@ async function Gt(e) {
   return await r.json();
 }
 const Oe = /* @__PURE__ */ new Map(), Bt = (e) => {
-  const [r, n] = F({
+  const [r, n] = $({
     status: "pending",
     isSuccess: !1
   });
   return A(() => {
-    const o = (l) => n({ status: "success", data: l, isSuccess: !0 }), a = Oe.get(e);
-    if (a && !(a instanceof Promise)) {
-      o(a);
+    const o = (s) => n({ status: "success", data: s, isSuccess: !0 }), i = Oe.get(e);
+    if (i && !(i instanceof Promise)) {
+      o(i);
       return;
     }
     n({
@@ -79,19 +79,19 @@ const Oe = /* @__PURE__ */ new Map(), Bt = (e) => {
       isSuccess: !1
     }), async function() {
       try {
-        let l;
-        if (a)
-          l = await a;
+        let s;
+        if (i)
+          s = await i;
         else {
-          const i = Gt(e);
-          Oe.set(e, i), l = await i, Oe.set(e, l);
+          const l = Gt(e);
+          Oe.set(e, l), s = await l, Oe.set(e, s);
         }
-        o(l);
-      } catch (l) {
+        o(s);
+      } catch (s) {
         n({
           status: "error",
           isSuccess: !1,
-          error: l
+          error: s
         });
       }
     }();
@@ -104,10 +104,10 @@ const Oe = /* @__PURE__ */ new Map(), Bt = (e) => {
     );
   return e;
 }, qt = ({ composition: e, children: r }) => {
-  const { aspectRatio: n, categories: o } = e, a = Q(
-    () => o.flatMap(({ items: i }) => i),
+  const { aspectRatio: n, categories: o } = e, i = Q(
+    () => o.flatMap(({ items: l }) => l),
     [o]
-  ), l = {
+  ), s = {
     aspectRatio: n.replace(":", " / ")
   };
   return /* @__PURE__ */ t.jsx(
@@ -115,24 +115,24 @@ const Oe = /* @__PURE__ */ new Map(), Bt = (e) => {
     {
       value: {
         ...e,
-        items: a,
-        aspectRatioStyle: l
+        items: i,
+        aspectRatioStyle: s
       },
       children: r
     }
   );
-}, ft = 500, Pe = 0.75, Ne = 1 + Pe * 2;
+}, gt = 500, Ae = 0.75, Ee = 1 + Ae * 2;
 function ae(e, r, n) {
   return Math.min(Math.max(e, r), n);
 }
-const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le(null), te = () => {
-  const e = _e(gt);
+const Ne = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, ft = Le(null), te = () => {
+  const e = _e(ft);
   if (!e)
     throw new Error(
       "useGlobalContext must be used within a GlobalContextProvider"
     );
   return e;
-}, Kt = ({ children: e, ...r }) => /* @__PURE__ */ t.jsx(gt.Provider, { value: r, children: e }), vt = Le(null), q = () => {
+}, Kt = ({ children: e, ...r }) => /* @__PURE__ */ t.jsx(ft.Provider, { value: r, children: e }), vt = Le(null), q = () => {
   const e = _e(vt);
   if (!e)
     throw new Error(
@@ -146,56 +146,56 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
     emitEvent: r,
     isFullScreen: n,
     preventFullScreen: o,
-    requestFullscreen: a,
-    exitFullscreen: l
-  } = te(), { categories: i, items: d } = ee(), s = T(() => d.map(() => null), [d]), [g, c] = F(s), f = T(
-    (O, de) => {
-      c(
-        (ye) => ye.map((Re, pe) => pe === O ? de : Re)
+    requestFullscreen: i,
+    exitFullscreen: s
+  } = te(), { categories: l, items: c } = ee(), a = T(() => c.map(() => null), [c]), [f, d] = $(a), h = T(
+    (P, de) => {
+      d(
+        (ye) => ye.map((He, pe) => pe === P ? de : He)
       );
     },
     []
-  ), [p, M] = F(0), [u, h] = F(null), j = u ?? p, N = d[j], E = g[j], [w, k] = F(null), y = T(() => k(null), []), I = T(() => {
-    if (w || u !== null)
+  ), [g, z] = $(0), [u, p] = $(null), j = u ?? g, C = c[j], E = f[j], [x, k] = $(null), y = T(() => k(null), []), I = T(() => {
+    if (x || u !== null)
       return;
-    const O = p - 1;
-    O < 0 ? (k("first_to_last"), h(d.length - 1)) : h(O);
-  }, [p, d.length, w, u]), v = T(() => {
-    if (w || u !== null)
+    const P = g - 1;
+    P < 0 ? (k("first_to_last"), p(c.length - 1)) : p(P);
+  }, [g, c.length, x, u]), v = T(() => {
+    if (x || u !== null)
       return;
-    const O = p + 1;
-    O > d.length - 1 ? (k("last_to_first"), h(0)) : h(O);
-  }, [p, d.length, w, u]), L = Q(() => {
-    for (const O of i)
-      if (O.items.includes(N))
-        return O.id;
+    const P = g + 1;
+    P > c.length - 1 ? (k("last_to_first"), p(0)) : p(P);
+  }, [g, c.length, x, u]), L = Q(() => {
+    for (const P of l)
+      if (P.items.includes(C))
+        return P.id;
     throw new Error("Current item not found in any category");
-  }, [i, N]), z = T(
-    (O) => {
+  }, [l, C]), M = T(
+    (P) => {
       var de;
-      const ye = (de = i.find(({ id: pe }) => pe === O)) == null ? void 0 : de.items[0];
+      const ye = (de = l.find(({ id: pe }) => pe === P)) == null ? void 0 : de.items[0];
       if (ye === void 0)
         throw new Error("Failed to find target category");
-      const Re = d.findIndex((pe) => pe === ye);
-      h(Re);
+      const He = c.findIndex((pe) => pe === ye);
+      p(He);
     },
-    [i, d]
-  ), C = Q(() => {
-    var O;
-    switch (N.type) {
+    [l, c]
+  ), N = Q(() => {
+    var P;
+    switch (C.type) {
       case "image":
-        return !!((O = N.hotspots) != null && O.length);
+        return !!((P = C.hotspots) != null && P.length);
       case "360":
         return E !== null;
       case "video":
       case "omni_directional":
         return !1;
     }
-  }, [N, E]), [S, H] = F(!0), R = T(() => {
-    const O = !S;
-    H(O), r(O ? lt : ct);
+  }, [C, E]), [S, R] = $(!0), H = T(() => {
+    const P = !S;
+    R(P), r(P ? lt : ct);
   }, [r, S]), U = Q(() => {
-    switch (N.type) {
+    switch (C.type) {
       case "image":
       case "360":
       case "omni_directional":
@@ -203,11 +203,11 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
       case "video":
         return E !== "running";
     }
-  }, [N, E]), [_, x] = F(!1), m = T(() => {
-    const O = !_;
-    x(O), r(O ? dt : ut);
-  }, [r, _]), [b, V] = F(null), P = T(() => V(null), []), $ = !!b, D = Q(() => {
-    switch (N.type) {
+  }, [C, E]), [_, w] = $(!1), m = T(() => {
+    const P = !_;
+    w(P), r(P ? dt : ut);
+  }, [r, _]), [b, V] = $(null), Z = T(() => V(null), []), F = !!b, D = Q(() => {
+    switch (C.type) {
       case "image":
         return !0;
       case "360":
@@ -216,43 +216,43 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
       case "omni_directional":
         return !1;
     }
-  }, [N.type, E]), [X, G] = F(1), K = X !== 1, re = X < Ne, ne = X > 1, oe = T((O) => {
-    G((de) => ae(de + O, 1, Ne));
-  }, []), me = T(() => G(1), []), ze = T(() => oe(Pe), [oe]), Me = T(() => oe(-Pe), [oe]), Ie = T(() => {
-    me(), P();
-  }, [me, P]), [ie, Ht] = F(!1), [Te, De] = F(), [Ve, Ue] = F(!1), le = T(
-    async (O) => {
-      Ie(), Ht(O), r(O ? at : it);
+  }, [C.type, E]), [X, G] = $(1), K = X !== 1, re = X < Ee, ne = X > 1, oe = T((P) => {
+    G((de) => ae(de + P, 1, Ee));
+  }, []), me = T(() => G(1), []), ze = T(() => oe(Ae), [oe]), Me = T(() => oe(-Ae), [oe]), Ie = T(() => {
+    me(), Z();
+  }, [me, Z]), [ie, Rt] = $(!1), [Te, De] = $(), [Ve, Ue] = $(!1), le = T(
+    async (P) => {
+      Ie(), Rt(P), r(P ? at : it);
     },
     [r, Ie]
   ), ce = T(() => {
     clearTimeout(Te);
-    const O = setTimeout(() => {
+    const P = setTimeout(() => {
       De(void 0);
-    }, ft);
-    De(O);
+    }, gt);
+    De(P);
   }, [Te]), Se = T(async () => {
     if (ce(), !o) {
-      const O = await a();
-      if (Ue(!O), O)
+      const P = await i();
+      if (Ue(!P), P)
         return;
     }
     le(!0);
   }, [
     o,
     le,
-    a,
+    i,
     ce
-  ]), He = T(async () => {
-    ce(), !(!o && (Ue(!1), await l())) && le(!1);
+  ]), Re = T(async () => {
+    ce(), !(!o && (Ue(!1), await s())) && le(!1);
   }, [
     o,
     le,
-    l,
+    s,
     ce
-  ]), Rt = T(() => {
-    ie ? He() : Se();
-  }, [He, Se, ie]);
+  ]), Ht = T(() => {
+    ie ? Re() : Se();
+  }, [Re, Se, ie]);
   return A(() => {
     o || Ve && ie || n !== ie && (ce(), le(n));
   }, [
@@ -266,30 +266,30 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
     vt.Provider,
     {
       value: {
-        setItemInteraction: f,
-        slidable: d.length > 1,
-        carrouselItemIndex: p,
-        setCarrouselItemIndex: M,
+        setItemInteraction: h,
+        slidable: c.length > 1,
+        carrouselItemIndex: g,
+        setCarrouselItemIndex: z,
         itemIndexCommand: u,
-        setItemIndexCommand: h,
+        setItemIndexCommand: p,
         masterItemIndex: j,
-        cycling: w,
-        isCycling: !!w,
+        cycling: x,
+        isCycling: !!x,
         finishCycling: y,
         prevImage: I,
         nextImage: v,
         displayedCategoryId: L,
-        changeCategory: z,
-        enableHotspotsControl: C,
+        changeCategory: M,
+        enableHotspotsControl: N,
         showHotspots: S,
-        toggleHotspots: R,
+        toggleHotspots: H,
         showGalleryControls: U,
         showGallery: _,
         toggleGallery: m,
         shownDetails: b,
-        isShowingDetails: $,
+        isShowingDetails: F,
         setShownDetails: V,
-        resetShownDetails: P,
+        resetShownDetails: Z,
         showZoomControls: D,
         zoom: X,
         isZooming: K,
@@ -302,17 +302,17 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
         resetView: Ie,
         extendMode: ie,
         enableExtendMode: Se,
-        disableExtendMode: He,
-        toggleExtendMode: Rt,
+        disableExtendMode: Re,
+        toggleExtendMode: Ht,
         extendTransition: !!Te,
         fakeFullScreen: Ve
       },
       children: e
     }
   );
-}, wt = ["left", "center", "right", "fullW"], xt = ["top", "middle", "bottom", "fullH"], Qt = [
-  ...wt,
+}, xt = ["left", "center", "right", "fullW"], wt = ["top", "middle", "bottom", "fullH"], Qt = [
   ...xt,
+  ...wt,
   "top-left",
   "top-center",
   "top-right",
@@ -331,10 +331,10 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
   "fullW-fullW"
 ];
 function er(e) {
-  return wt.includes(e);
+  return xt.includes(e);
 }
 function tr(e) {
-  return xt.includes(e);
+  return wt.includes(e);
 }
 function rr(e) {
   return Qt.includes(e);
@@ -344,7 +344,7 @@ function nr(e) {
     throw new Error(`Invalid position: ${e}`);
   return tr(e) ? [e, void 0] : er(e) ? [void 0, e] : e.split("-");
 }
-function Z(...e) {
+function O(...e) {
   return e.filter((r) => !!r).map((r) => r.trim()).join(" ");
 }
 function or(e) {
@@ -382,7 +382,7 @@ function ue(e) {
   const [r, n] = nr(e);
   return sr({ positionX: n, positionY: r });
 }
-const bt = Le(null), jt = () => _e(bt), $e = () => {
+const bt = Le(null), jt = () => _e(bt), Fe = () => {
   const e = jt();
   if (!e)
     throw new Error(
@@ -390,44 +390,44 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     );
   return e;
 }, ar = ({ children: e }) => {
-  const [r, n] = F(
+  const [r, n] = $(
     /* @__PURE__ */ new Map()
   ), o = T(
-    (i) => {
-      const d = r.get(i);
-      if (d)
-        return d;
-      const s = document.querySelector(
-        `${Fe}[name="${i}"]`
+    (l) => {
+      const c = r.get(l);
+      if (c)
+        return c;
+      const a = document.querySelector(
+        `${$e}[name="${l}"]`
       );
-      if (!s)
+      if (!a)
         return;
-      const g = s.getAttribute("color") ?? void 0, c = s.innerHTML, f = c ? /* @__PURE__ */ t.jsx(
+      const f = a.getAttribute("color") ?? void 0, d = a.innerHTML, h = d ? /* @__PURE__ */ t.jsx(
         "div",
         {
           className: "size-full",
-          dangerouslySetInnerHTML: { __html: c }
+          dangerouslySetInnerHTML: { __html: d }
         }
       ) : void 0;
-      if (!(!g && !f))
-        return { Icon: f, color: g };
+      if (!(!f && !h))
+        return { Icon: h, color: f };
     },
     [r]
-  ), a = T(
-    (i, d) => {
-      n((s) => new Map(s.set(i, d)));
+  ), i = T(
+    (l, c) => {
+      n((a) => new Map(a.set(l, c)));
     },
     []
-  ), l = T((i) => {
-    n((d) => (d.delete(i), new Map(d)));
+  ), s = T((l) => {
+    n((c) => (c.delete(l), new Map(c)));
   }, []);
   return /* @__PURE__ */ t.jsx(
     bt.Provider,
     {
       value: {
         getIconConfig: o,
-        setIconConfig: a,
-        resetIconConfig: l
+        setIconConfig: i,
+        resetIconConfig: s
       },
       children: e
     }
@@ -437,13 +437,13 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   className: r = "",
   children: n
 }) => {
-  const { getIconConfig: o } = $e(), a = o(e);
-  return a ? /* @__PURE__ */ t.jsx(
+  const { getIconConfig: o } = Fe(), i = o(e);
+  return i ? /* @__PURE__ */ t.jsx(
     "div",
     {
       className: r,
-      style: { color: a == null ? void 0 : a.color },
-      children: (a == null ? void 0 : a.Icon) ?? n
+      style: { color: i == null ? void 0 : i.color },
+      children: (i == null ? void 0 : i.Icon) ?? n
     }
   ) : n;
 }, ir = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_CLOSE", children: /* @__PURE__ */ t.jsx(
@@ -480,16 +480,16 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   shape: r = "button",
   color: n = "primary",
   className: o = "",
-  children: a,
-  ...l
+  children: i,
+  ...s
 }) => {
-  const i = lr[e][n], d = cr[r];
+  const l = lr[e][n], c = cr[r];
   return /* @__PURE__ */ t.jsx(
     "button",
     {
-      className: `${i} ${d} flex items-center justify-center rounded-ui text-sm transition disabled:opacity-60 ${o}`,
-      ...l,
-      children: a
+      className: `${l} ${c} flex items-center justify-center rounded-ui text-sm transition disabled:opacity-60 ${o}`,
+      ...s,
+      children: i
     }
   );
 }, kt = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(B, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(ir, { className: "size-full" }) }), Ct = ({
@@ -508,7 +508,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   sm: "size-4 border",
   md: "size-8 border-2",
   lg: "size-12 border-4"
-}, Et = ({
+}, Nt = ({
   color: e = "neutral",
   size: r = "md"
 }) => {
@@ -519,52 +519,52 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       className: `inline-block ${o} animate-rotation rounded-full ${n} border-b-transparent`
     }
   );
-}, we = ({
+}, xe = ({
   src: e,
   imgInPlayerWidthRatio: r = 1,
   onlyThumbnail: n,
   ...o
 }) => {
   const {
-    minImageWidth: a,
-    maxImageWidth: l,
-    imageLoadStrategy: i,
-    playerInViewportWidthRatio: d
-  } = te(), { imageHdWidth: s, imageSubWidths: g } = ee(), [c, f] = Q(() => {
-    const p = g.concat(s).sort((h, j) => h - j).filter((h) => !(a && h < a || l && h > l));
-    if (p.length === 0)
+    minImageWidth: i,
+    maxImageWidth: s,
+    imageLoadStrategy: l,
+    playerInViewportWidthRatio: c
+  } = te(), { imageHdWidth: a, imageSubWidths: f } = ee(), [d, h] = Q(() => {
+    const g = f.concat(a).sort((p, j) => p - j).filter((p) => !(i && p < i || s && p > s));
+    if (g.length === 0)
       throw new Error("No image widths available for the given constraints");
-    const M = p.map((h) => `${h !== s ? Yt(e, h) : e} ${h}w`);
+    const z = g.map((p) => `${p !== a ? Yt(e, p) : e} ${p}w`);
     let u;
     if (n)
-      u = [`${p.shift()}px`];
+      u = [`${g.shift()}px`];
     else {
-      const h = 1 / (r * d);
-      if (i === "quality") {
-        const j = p.pop();
-        u = p.map(
-          (N) => `(max-width: ${h * N}px) ${N}px`
+      const p = 1 / (r * c);
+      if (l === "quality") {
+        const j = g.pop();
+        u = g.map(
+          (C) => `(max-width: ${p * C}px) ${C}px`
         ), u.push(`${j}px`);
       } else {
-        const j = p.shift();
-        u = p.reverse().map(
-          (N) => `(min-width: ${h * N}px) ${N}px`
+        const j = g.shift();
+        u = g.reverse().map(
+          (C) => `(min-width: ${p * C}px) ${C}px`
         ), u.push(`${j}px`);
       }
     }
-    return [M.join(", "), u.join(", ")];
+    return [z.join(", "), u.join(", ")];
   }, [
+    a,
+    l,
+    f,
+    r,
     s,
     i,
-    g,
-    r,
-    l,
-    a,
     n,
-    d,
+    c,
     e
   ]);
-  return /* @__PURE__ */ t.jsx("img", { src: e, srcSet: c, sizes: f, ...o });
+  return /* @__PURE__ */ t.jsx("img", { src: e, srcSet: d, sizes: h, ...o });
 }, We = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_PLAY", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
@@ -577,7 +577,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ t.jsx("polygon", { points: "6 3 20 12 6 21 6 3" })
   }
-) }), Nt = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_360", children: /* @__PURE__ */ t.jsxs(
+) }), Et = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_360", children: /* @__PURE__ */ t.jsxs(
   "svg",
   {
     className: e,
@@ -639,7 +639,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: Z(
+      className: O(
         "flex aspect-square h-3/4 items-center justify-center rounded-full bg-foreground/50 p-1",
         r && "large:h-3/5 large:p-2"
       ),
@@ -649,30 +649,41 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
 }, mr = ({ item: e }) => {
   const { aspectRatioStyle: r } = ee(), { type: n } = e;
   let o;
-  if (n === "360" || n === "image") {
-    const l = n === "360" ? e.images[0].src : e.src;
-    o = /* @__PURE__ */ t.jsx(we, { className: "size-full object-cover", src: l, onlyThumbnail: !0 });
+  if (n !== "omni_directional") {
+    let s;
+    switch (n) {
+      case "360":
+        s = e.images[0].src;
+        break;
+      case "image":
+        s = e.src;
+        break;
+      case "video":
+        s = e.poster;
+        break;
+    }
+    o = /* @__PURE__ */ t.jsx(xe, { className: "size-full object-cover", src: s, onlyThumbnail: !0 });
   } else {
-    const l = n === "video" ? e.poster : e.src;
-    o = /* @__PURE__ */ t.jsx("img", { className: "size-full object-cover", src: l });
+    const s = e.src;
+    o = /* @__PURE__ */ t.jsx("img", { className: "size-full object-cover", src: s });
   }
-  let a;
+  let i;
   switch (n) {
     case "360":
-      a = /* @__PURE__ */ t.jsx(Be, { children: /* @__PURE__ */ t.jsx(Nt, { className: "size-full text-primary" }) });
+      i = /* @__PURE__ */ t.jsx(Be, { children: /* @__PURE__ */ t.jsx(Et, { className: "size-full text-primary" }) });
       break;
     case "video":
-      a = /* @__PURE__ */ t.jsx(Be, { children: /* @__PURE__ */ t.jsx(We, { className: "size-full p-0.5 text-background" }) });
+      i = /* @__PURE__ */ t.jsx(Be, { children: /* @__PURE__ */ t.jsx(We, { className: "size-full p-0.5 text-background" }) });
       break;
   }
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: "relative overflow-hidden rounded-gallery bg-foreground/50",
+      className: "relative overflow-hidden rounded-gallery bg-foreground/30",
       style: r,
       children: [
         o,
-        a && /* @__PURE__ */ t.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/25", children: a })
+        i && /* @__PURE__ */ t.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/25", children: i })
       ]
     }
   );
@@ -686,93 +697,93 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   orientation: r = "horizontal"
 }) => {
   const n = pr[e], o = r === "horizontal" ? "h-px w-full" : "w-px h-full";
-  return /* @__PURE__ */ t.jsx("div", { className: Z(n, o) });
+  return /* @__PURE__ */ t.jsx("div", { className: O(n, o) });
 }, _t = ({
   className: e = "",
   containerClassName: r = ""
 }) => {
-  const { flatten: n, isFullScreen: o, permanentGallery: a } = te(), { categories: l, items: i, aspectRatioStyle: d } = ee(), {
-    extendMode: s,
-    extendTransition: g,
-    masterItemIndex: c,
-    setItemIndexCommand: f,
-    resetView: p
-  } = q(), M = Q(() => {
+  const { flatten: n, isFullScreen: o, permanentGallery: i } = te(), { categories: s, items: l, aspectRatioStyle: c } = ee(), {
+    extendMode: a,
+    extendTransition: f,
+    masterItemIndex: d,
+    setItemIndexCommand: h,
+    resetView: g
+  } = q(), z = Q(() => {
     if (n)
       return [];
     const v = new Array();
     let L = 0;
-    for (let z = 0; z < l.length - 1; z++) {
-      const C = l[z].items.length;
-      v.push(L + C), L += C;
+    for (let M = 0; M < s.length - 1; M++) {
+      const N = s[M].items.length;
+      v.push(L + N), L += N;
     }
     return v;
-  }, [l, n]), u = W(null), h = T(() => {
+  }, [s, n]), u = W(null), p = T(() => {
     if (!u.current)
       throw new Error("slider.current is null");
     return u.current;
-  }, []), j = W(!1), N = W(
+  }, []), j = W(!1), C = W(
     null
-  ), [E, w] = F(!1), k = T(
+  ), [E, x] = $(!1), k = T(
     (v, L) => {
-      const z = h(), C = z.clientWidth, S = z.scrollWidth / i.length, H = (v + 1 / 2) * S - C / 2, R = z.scrollWidth - z.clientWidth;
-      z.scrollTo({
-        left: ae(H, 0, R),
+      const M = p(), N = M.clientWidth, S = M.scrollWidth / l.length, R = (v + 1 / 2) * S - N / 2, H = M.scrollWidth - M.clientWidth;
+      M.scrollTo({
+        left: ae(R, 0, H),
         behavior: L
       });
     },
-    [i.length, h]
+    [l.length, p]
   );
   A(() => {
     const v = u.current;
     if (!v)
       return;
     const L = (S) => {
-      S.preventDefault(), j.current = !0, N.current = {
+      S.preventDefault(), j.current = !0, C.current = {
         x: S.pageX - v.offsetLeft,
         scrollLeft: v.scrollLeft
       };
-    }, z = (S) => {
+    }, M = (S) => {
       if (!j.current)
         return;
-      if (N.current === null)
+      if (C.current === null)
         throw new Error("[onMouseMove] scrollStart is null");
-      const H = S.pageX - v.offsetLeft - N.current.x;
-      if (!E && Math.abs(H) < 5)
+      const R = S.pageX - v.offsetLeft - C.current.x;
+      if (!E && Math.abs(R) < 5)
         return;
-      const R = N.current.scrollLeft - H;
-      w(!0), requestAnimationFrame(() => {
-        v.scrollLeft = R;
+      const H = C.current.scrollLeft - R;
+      x(!0), requestAnimationFrame(() => {
+        v.scrollLeft = H;
       });
-    }, C = () => {
+    }, N = () => {
       j.current && (j.current = !1, requestAnimationFrame(() => {
-        w(!1);
+        x(!1);
       }));
     };
-    return v.addEventListener("mousedown", L), document.addEventListener("mousemove", z), document.addEventListener("mouseleave", C), document.addEventListener("mouseup", C), document.addEventListener("contextmenu", C), () => {
-      v.removeEventListener("mousedown", L), document.removeEventListener("mousemove", z), document.removeEventListener("mouseleave", C), document.removeEventListener("mouseup", C), document.removeEventListener("contextmenu", C);
+    return v.addEventListener("mousedown", L), document.addEventListener("mousemove", M), document.addEventListener("mouseleave", N), document.addEventListener("mouseup", N), document.addEventListener("contextmenu", N), () => {
+      v.removeEventListener("mousedown", L), document.removeEventListener("mousemove", M), document.removeEventListener("mouseleave", N), document.removeEventListener("mouseup", N), document.removeEventListener("contextmenu", N);
     };
   }, [E]);
-  const y = W(c);
+  const y = W(d);
   A(() => {
-    u.current && (k(c, "smooth"), y.current = c);
-  }, [c, k]), A(() => {
+    u.current && (k(d, "smooth"), y.current = d);
+  }, [d, k]), A(() => {
     u.current && k(y.current, "instant");
   }, [
     k,
     // - Run the effect when those values change
     o,
-    s,
-    g
+    a,
+    f
   ]);
   const I = (v, L) => {
-    E || (f(L), p());
+    E || (h(L), g());
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: u,
-      className: Z(
+      className: O(
         "relative w-full overflow-x-auto no-scrollbar",
         E ? "cursor-grab" : "cursor-grabbing",
         e
@@ -780,29 +791,29 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: Z(
+          className: O(
             "flex h-10 w-fit gap-1 small:h-12 small:gap-2",
-            s && "large:h-20 large:gap-4",
+            a && "large:h-20 large:gap-4",
             r
           ),
-          children: i.map((v, L) => /* @__PURE__ */ t.jsxs(Ot, { children: [
-            M.includes(L) && /* @__PURE__ */ t.jsx("div", { className: "my-2", children: /* @__PURE__ */ t.jsx(
+          children: l.map((v, L) => /* @__PURE__ */ t.jsxs(Ot, { children: [
+            z.includes(L) && /* @__PURE__ */ t.jsx("div", { className: "my-2", children: /* @__PURE__ */ t.jsx(
               Lt,
               {
-                color: a && !o ? "neutral" : "background",
+                color: i && !o ? "neutral" : "background",
                 orientation: "vertical"
               }
             ) }),
             /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: Z(
+                className: O(
                   "relative h-full rounded-gallery ",
                   !E && "cursor-pointer",
                   "after:absolute after:inset-0 after:rounded-gallery after:border-2 after:border-primary after:transition-opacity",
-                  L === c ? "after:opacity-100" : "after:opacity-0 hover:after:opacity-70"
+                  L === d ? "after:opacity-100" : "after:opacity-0 hover:after:opacity-70"
                 ),
-                style: d,
+                style: c,
                 onClick: () => I(v, L),
                 children: /* @__PURE__ */ t.jsx(mr, { item: v })
               }
@@ -818,81 +829,81 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   /* @__PURE__ */ t.jsx("span", { children: r + 1 })
 ] }), qe = (e, r) => Math.sqrt(
   (e.clientX - r.clientX) ** 2 + (e.clientY - r.clientY) ** 2
-), fr = ({
+), gr = ({
   onlyPreload: e,
   ...r
 }) => {
-  const { zoom: n, isZooming: o, setZoom: a } = q(), l = W(null), i = W(null), d = T((E) => {
-    if (!i.current)
+  const { zoom: n, isZooming: o, setZoom: i } = q(), s = W(null), l = W(null), c = T((E) => {
+    if (!l.current)
       throw new Error(
         `[${E ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
       );
-    return i.current;
-  }, []), s = W(!1), g = W(null), c = W(/* @__PURE__ */ new Map()), f = W({ x: 0, y: 0, scale: 1 }), p = W(null), M = T(
+    return l.current;
+  }, []), a = W(!1), f = W(null), d = W(/* @__PURE__ */ new Map()), h = W({ x: 0, y: 0, scale: 1 }), g = W(null), z = T(
     (E) => {
-      const w = d("setTransformStyle"), {
+      const x = c("setTransformStyle"), {
         x: k,
         y,
         scale: I
       } = {
-        ...f.current,
+        ...h.current,
         ...E
-      }, v = ae(I, 1, Ne), L = w.clientWidth, z = w.clientHeight, C = L * v, S = z * v, H = ae(k, -(C - L), 0), R = ae(y, -(S - z), 0);
-      f.current = { x: H, y: R, scale: v }, w.style.transform = `translate(${H}px, ${R}px) scale(${v})`;
+      }, v = ae(I, 1, Ee), L = x.clientWidth, M = x.clientHeight, N = L * v, S = M * v, R = ae(k, -(N - L), 0), H = ae(y, -(S - M), 0);
+      h.current = { x: R, y: H, scale: v }, x.style.transform = `translate(${R}px, ${H}px) scale(${v})`;
     },
-    [d]
+    [c]
   ), u = T(
-    (E, w) => {
+    (E, x) => {
       const {
         x: k,
         y,
         scale: I
-      } = f.current, {
+      } = h.current, {
         x: v,
         y: L,
-        scale: z
+        scale: M
       } = {
-        ...f.current,
+        ...h.current,
         ...E
       };
-      p.current && (cancelAnimationFrame(p.current), p.current = null);
-      const C = () => {
-        M({ x: v, y: L, scale: z }), a(z);
-      }, S = Math.abs(v - k) < 1 && Math.abs(L - y) < 1 && Math.abs(z - I) < 5e-3;
-      if (!w || S) {
-        C();
+      g.current && (cancelAnimationFrame(g.current), g.current = null);
+      const N = () => {
+        z({ x: v, y: L, scale: M }), i(M);
+      }, S = Math.abs(v - k) < 1 && Math.abs(L - y) < 1 && Math.abs(M - I) < 5e-3;
+      if (!x || S) {
+        N();
         return;
       }
-      const H = (/* @__PURE__ */ new Date()).getTime(), R = () => {
+      const R = (/* @__PURE__ */ new Date()).getTime(), H = () => {
         const U = () => {
-          const _ = (/* @__PURE__ */ new Date()).getTime() - H;
-          if (_ >= w) {
-            C(), p.current = null;
+          const _ = (/* @__PURE__ */ new Date()).getTime() - R;
+          if (_ >= x) {
+            N(), g.current = null;
             return;
           }
-          const x = Math.min(_ / w, 1), m = zt(x), b = Ee(k, v, m), V = Ee(y, L, m), P = Ee(I, z, m);
-          M({ x: b, y: V, scale: P }), R();
+          const w = Math.min(_ / x, 1), m = zt(w), b = Ne(k, v, m), V = Ne(y, L, m), Z = Ne(I, M, m);
+          z({ x: b, y: V, scale: Z }), H();
         };
-        p.current = requestAnimationFrame(U);
+        g.current = requestAnimationFrame(U);
       };
-      R();
+      H();
     },
-    [M, a]
-  ), h = T(
-    (E, w) => {
-      let { x: k, y } = f.current;
+    [z, i]
+  ), p = T(
+    (E, x) => {
+      let { x: k, y } = h.current;
       E.x && (k += E.x), E.y && (y += E.y), u(
         {
           x: k,
           y
         },
-        w
+        x
       );
     },
     [u]
   ), j = T(
-    (E, w, k) => {
-      const y = f.current.scale, I = ae(E, 1, Ne), v = I / y, { x: L, y: z } = f.current, { x: C, y: S } = w, H = -L + C, R = -z + S, U = H * v, _ = R * v, x = U - C, m = _ - S, b = -x, V = -m;
+    (E, x, k) => {
+      const y = h.current.scale, I = ae(E, 1, Ee), v = I / y, { x: L, y: M } = h.current, { x: N, y: S } = x, R = -L + N, H = -M + S, U = R * v, _ = H * v, w = U - N, m = _ - S, b = -w, V = -m;
       u(
         {
           x: b,
@@ -903,11 +914,11 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       );
     },
     [u]
-  ), N = T(
+  ), C = T(
     (E) => {
-      const w = d(
+      const x = c(
         "shiftZoomFromButton"
-      ), k = w.clientWidth, y = w.clientHeight;
+      ), k = x.clientWidth, y = x.clientHeight;
       j(
         E,
         {
@@ -917,126 +928,126 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
         200
       );
     },
-    [d, j]
+    [c, j]
   );
   return A(() => {
-    i.current && N(n);
-  }, [N, n]), A(() => {
+    l.current && C(n);
+  }, [C, n]), A(() => {
     if (!o)
       return;
-    const E = i.current;
+    const E = l.current;
     if (!E)
       return;
-    const w = (I) => {
-      I.preventDefault(), I.stopPropagation(), s.current = !0, g.current = {
+    const x = (I) => {
+      I.preventDefault(), I.stopPropagation(), a.current = !0, f.current = {
         x: I.clientX,
         y: I.clientY
       };
     }, k = (I) => {
-      if (!s.current)
+      if (!a.current)
         return;
-      if (!g.current)
+      if (!f.current)
         throw new Error("mouseStartXY.current is null");
       I.stopPropagation();
-      const v = I.clientX - g.current.x, L = I.clientY - g.current.y;
-      h({
+      const v = I.clientX - f.current.x, L = I.clientY - f.current.y;
+      p({
         x: v,
         y: L
-      }), g.current = {
+      }), f.current = {
         x: I.clientX,
         y: I.clientY
       };
     }, y = () => {
-      s.current = !1;
+      a.current = !1;
     };
-    return E.addEventListener("mousedown", w), document.addEventListener("mousemove", k), document.addEventListener("mouseleave", y), document.addEventListener("mouseup", y), document.addEventListener("contextmenu", y), () => {
-      E.removeEventListener("mousedown", w), document.removeEventListener("mousemove", k), document.removeEventListener("mouseleave", y), document.removeEventListener("mouseup", y), document.removeEventListener("contextmenu", y);
+    return E.addEventListener("mousedown", x), document.addEventListener("mousemove", k), document.addEventListener("mouseleave", y), document.addEventListener("mouseup", y), document.addEventListener("contextmenu", y), () => {
+      E.removeEventListener("mousedown", x), document.removeEventListener("mousemove", k), document.removeEventListener("mouseleave", y), document.removeEventListener("mouseup", y), document.removeEventListener("contextmenu", y);
     };
-  }, [o, h]), A(() => {
-    const E = l.current;
+  }, [o, p]), A(() => {
+    const E = s.current;
     if (!E)
       return;
-    const w = (k) => {
-      const { ctrlKey: y, clientX: I, clientY: v, deltaX: L, deltaY: z } = k;
+    const x = (k) => {
+      const { ctrlKey: y, clientX: I, clientY: v, deltaX: L, deltaY: M } = k;
       if (y) {
-        if (!o && z >= 0)
+        if (!o && M >= 0)
           return;
-        const { left: C, top: S } = E.getBoundingClientRect(), H = I - C, R = v - S;
-        j(n - 0.01 * z, {
-          x: H,
-          y: R
+        const { left: N, top: S } = E.getBoundingClientRect(), R = I - N, H = v - S;
+        j(n - 0.01 * M, {
+          x: R,
+          y: H
         });
       } else {
         if (!o)
           return;
-        h({
+        p({
           x: -2 * L,
-          y: -2 * z
+          y: -2 * M
         });
       }
       k.preventDefault();
     };
-    return E.addEventListener("wheel", w), () => {
-      E.removeEventListener("wheel", w);
+    return E.addEventListener("wheel", x), () => {
+      E.removeEventListener("wheel", x);
     };
-  }, [o, h, j, n]), A(() => {
-    const E = l.current, w = i.current;
-    if (!E || !w)
+  }, [o, p, j, n]), A(() => {
+    const E = s.current, x = l.current;
+    if (!E || !x)
       return;
-    const k = c.current, y = (L) => {
-      for (let z = 0; z < L.changedTouches.length; z++) {
-        const C = L.changedTouches[z];
-        k.set(C.identifier, C);
+    const k = d.current, y = (L) => {
+      for (let M = 0; M < L.changedTouches.length; M++) {
+        const N = L.changedTouches[M];
+        k.set(N.identifier, N);
       }
     }, I = (L) => {
-      for (let z = 0; z < L.changedTouches.length; z++) {
-        const C = L.changedTouches[z];
-        k.delete(C.identifier);
+      for (let M = 0; M < L.changedTouches.length; M++) {
+        const N = L.changedTouches[M];
+        k.delete(N.identifier);
       }
     }, v = (L) => {
-      const z = L.touches.length;
-      if (z === 1) {
+      const M = L.touches.length;
+      if (M === 1) {
         if (!o)
           return;
         L.preventDefault();
-        const C = L.touches[0], S = k.get(C.identifier);
+        const N = L.touches[0], S = k.get(N.identifier);
         if (!S)
           throw new Error("touchStart is null");
-        const H = C.clientX - S.clientX, R = C.clientY - S.clientY;
-        h({
-          x: H,
-          y: R
-        }), k.set(C.identifier, C);
-      } else if (z === 2) {
+        const R = N.clientX - S.clientX, H = N.clientY - S.clientY;
+        p({
+          x: R,
+          y: H
+        }), k.set(N.identifier, N);
+      } else if (M === 2) {
         L.preventDefault();
-        const [C, S] = L.touches, H = k.get(C.identifier), R = k.get(S.identifier);
-        if (!H || !R)
+        const [N, S] = L.touches, R = k.get(N.identifier), H = k.get(S.identifier);
+        if (!R || !H)
           throw new Error("intialTouch1 or intialTouch2 is null");
         const U = qe(
-          H,
-          R
-        ), _ = qe(C, S) / U, { left: x, top: m } = E.getBoundingClientRect();
+          R,
+          H
+        ), _ = qe(N, S) / U, { left: w, top: m } = E.getBoundingClientRect();
         j(_ * n, {
-          x: (C.clientX + S.clientX) / 2 - x,
-          y: (C.clientY + S.clientY) / 2 - m
-        }), k.set(C.identifier, C), k.set(S.identifier, S);
+          x: (N.clientX + S.clientX) / 2 - w,
+          y: (N.clientY + S.clientY) / 2 - m
+        }), k.set(N.identifier, N), k.set(S.identifier, S);
       }
     };
-    return w.addEventListener("touchstart", y), w.addEventListener("touchmove", v), w.addEventListener("touchend", I), w.addEventListener("touchcancel", I), () => {
-      w.removeEventListener("touchstart", y), w.removeEventListener("touchmove", v), w.removeEventListener("touchend", I), w.removeEventListener("touchcancel", I);
+    return x.addEventListener("touchstart", y), x.addEventListener("touchmove", v), x.addEventListener("touchend", I), x.addEventListener("touchcancel", I), () => {
+      x.removeEventListener("touchstart", y), x.removeEventListener("touchmove", v), x.removeEventListener("touchend", I), x.removeEventListener("touchcancel", I);
     };
-  }, [o, h, j, n]), /* @__PURE__ */ t.jsx(
+  }, [o, p, j, n]), /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: l,
+      ref: s,
       className: `relative size-full overflow-hidden ${o ? "z-zoomed-image cursor-move" : ""}`,
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
-          ref: i,
+          ref: l,
           className: "origin-top-left",
           children: /* @__PURE__ */ t.jsx(
-            we,
+            xe,
             {
               ...r,
               imgInPlayerWidthRatio: e ? 1 : n
@@ -1046,16 +1057,16 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       )
     }
   );
-}, gr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_IMAGE", children: /* @__PURE__ */ t.jsx("svg", { className: e, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t.jsx(
+}, fr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_IMAGE", children: /* @__PURE__ */ t.jsx("svg", { className: e, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t.jsx(
   "path",
   {
     d: "M9.5 2.5V9.5H2.5V2.5H9.5ZM9.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V2.5C10.5 1.95 10.05 1.5 9.5 1.5ZM7.07 5.93L5.57 7.865L4.5 6.57L3 8.5H9L7.07 5.93Z",
     fill: "currentColor"
   }
 ) }) }), vr = ({ hotspot: e }) => {
-  const { title: r, icon: n, description: o, position: a, detail: l } = e, { getIconConfig: i } = $e(), d = n ? i(n) : void 0, { setShownDetails: s } = q(), g = !!l, c = (l == null ? void 0 : l.type) === "image", f = c ? /* @__PURE__ */ t.jsx(gr, { className: "size-4" }) : /* @__PURE__ */ t.jsx("div", { className: "size-1" }), p = () => {
-    c && s({
-      src: l.src,
+  const { title: r, icon: n, description: o, position: i, detail: s } = e, { getIconConfig: l } = Fe(), c = n ? l(n) : void 0, { extendMode: a, setShownDetails: f } = q(), d = !!s, h = (s == null ? void 0 : s.type) === "image", g = !!r || !!o, z = h ? /* @__PURE__ */ t.jsx(fr, { className: "size-4" }) : /* @__PURE__ */ t.jsx("div", { className: "size-1" }), u = () => {
+    h && f({
+      src: s.src,
       title: r,
       text: o
     });
@@ -1063,18 +1074,21 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `group absolute z-hotspot -translate-x-1/2 -translate-y-1/2 ${g ? "cursor-pointer" : "cursor-help"} hover:z-hotspot-hover`,
+      className: O(
+        "group absolute z-hotspot -translate-x-1/2 -translate-y-1/2 hover:z-hotspot-hover",
+        d ? "cursor-pointer" : "cursor-help"
+      ),
       style: {
         top: `${100 * e.position.y}%`,
         left: `${100 * e.position.x}%`
       },
-      onClick: p,
+      onClick: u,
       children: [
         /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: "relative flex items-center justify-center rounded-full border-2 border-background bg-primary text-primary-foreground",
-            style: { backgroundColor: d == null ? void 0 : d.color },
+            style: { backgroundColor: c == null ? void 0 : c.color },
             children: [
               /* @__PURE__ */ t.jsx(
                 "div",
@@ -1082,21 +1096,22 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
                   className: "pointer-events-none absolute -z-20 size-8 animate-hotspot-ping rounded-full border-2 border-background"
                 }
               ),
-              d != null && d.Icon ? /* @__PURE__ */ t.jsx("div", { className: "size-5", children: d.Icon }) : /* @__PURE__ */ t.jsx("div", { className: "p-1", children: f })
+              c != null && c.Icon ? /* @__PURE__ */ t.jsx("div", { className: "size-5", children: c.Icon }) : /* @__PURE__ */ t.jsx("div", { className: "p-1", children: z })
             ]
           }
         ),
-        !c && o && /* @__PURE__ */ t.jsx(
+        !h && g && /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: Z(
-              "absolute -z-10 w-max max-w-40 rounded-ui-lg bg-background p-2 pl-6 small:max-w-48 small:pl-8",
-              a.y < 0.55 ? "-top-0.5" : "-bottom-0.5",
-              a.x < 0.55 ? "-left-0.5" : "-right-0.5",
+            className: O(
+              "absolute -z-10 w-max max-w-40 text-pretty rounded-ui bg-background p-2 small:max-w-48",
+              a && "large:max-w-56",
+              i.y < 0.55 ? "-top-1" : "-bottom-1",
+              i.x < 0.55 ? "-left-1 pl-6 small:pl-8" : "-right-1 pr-4 small:pr-6",
               "pointer-events-none opacity-0 transition-opacity duration-300 group-hover:pointer-events-auto group-hover:opacity-100"
             ),
             children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ t.jsx("div", { className: "text-sm", children: r }),
+              r && /* @__PURE__ */ t.jsx("div", { className: "text-sm", children: r }),
               o && /* @__PURE__ */ t.jsx("div", { className: "text-xs", children: o })
             ] })
           }
@@ -1104,7 +1119,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       ]
     }
   );
-}, wr = ({ hotspot: e }) => {
+}, xr = ({ hotspot: e }) => {
   const { icon: r, detail: n } = e;
   let o;
   switch (r) {
@@ -1140,167 +1155,167 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       return o;
   }
 }, Mt = ({ className: e, hotspots: r, ...n }) => {
-  const { isShowingDetails: o, showHotspots: a } = q();
-  return /* @__PURE__ */ t.jsx("div", { className: Z("relative size-full overflow-hidden", e), children: /* @__PURE__ */ t.jsxs(
+  const { isShowingDetails: o, showHotspots: i } = q();
+  return /* @__PURE__ */ t.jsx("div", { className: O("relative size-full overflow-hidden", e), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: `size-full duration-details ${o ? "scale-105" : "scale-100"}`,
       children: [
-        /* @__PURE__ */ t.jsx(fr, { className: "size-full", ...n }),
-        a && (r == null ? void 0 : r.map((l, i) => /* @__PURE__ */ t.jsx(wr, { hotspot: l }, i)))
+        /* @__PURE__ */ t.jsx(gr, { className: "size-full", ...n }),
+        i && (r == null ? void 0 : r.map((s, l) => /* @__PURE__ */ t.jsx(xr, { hotspot: s }, l)))
       ]
     }
   ) });
-}, xr = ({ item: { src: e } }) => /* @__PURE__ */ t.jsx("img", { className: "size-full", src: e, alt: "" }, e), ge = 10, yr = 15, br = ({
+}, wr = ({ item: { src: e } }) => /* @__PURE__ */ t.jsx("img", { className: "size-full", src: e, alt: "" }, e), fe = 10, yr = 15, br = ({
   images: e,
   onlyPreload: r
 }) => {
-  const { reverse360: n } = te(), { isShowingDetails: o, isZooming: a } = q(), l = a || o, i = W(null), d = W(null), [s, g] = F(0), c = e.length, f = T(() => {
-    g((M) => (M - 1 + c) % c);
-  }, [c]), p = T(() => {
-    g((M) => (M + 1) % c);
-  }, [c]);
+  const { reverse360: n } = te(), { isShowingDetails: o, isZooming: i } = q(), s = i || o, l = W(null), c = W(null), [a, f] = $(0), d = e.length, h = T(() => {
+    f((z) => (z - 1 + d) % d);
+  }, [d]), g = T(() => {
+    f((z) => (z + 1) % d);
+  }, [d]);
   return A(() => {
-    if (l)
+    if (s)
       return;
-    const M = i.current, u = d.current;
-    if (!M || !u)
+    const z = l.current, u = c.current;
+    if (!z || !u)
       return;
-    let h = null, j = [], N = null;
-    const E = (x) => {
-      j.push(x), j.length > 20 && j.shift();
-    }, w = () => {
-      const x = Date.now(), m = (() => {
-        const $ = Date.now(), D = j.filter(
-          (K) => $ - K.timestamp < 50
+    let p = null, j = [], C = null;
+    const E = (w) => {
+      j.push(w), j.length > 20 && j.shift();
+    }, x = () => {
+      const w = Date.now(), m = (() => {
+        const F = Date.now(), D = j.filter(
+          (K) => F - K.timestamp < 50
         );
         if (D.length < 2)
           return 0;
         const X = D[0], G = D[D.length - 1];
         return (G.value - X.value) / (1e-3 * Math.max(G.timestamp - X.timestamp, 1));
       })();
-      let b = 0, V = x;
-      const P = () => {
-        N = requestAnimationFrame(() => {
-          const $ = Date.now(), D = ($ - x) / 1e3, X = Math.pow(0.05, D), G = m * X, K = ($ - V) / 1e3;
-          if (b += G * K, Math.abs(G) < 5 * ge && Math.abs(b) < ge) {
-            N = null;
+      let b = 0, V = w;
+      const Z = () => {
+        C = requestAnimationFrame(() => {
+          const F = Date.now(), D = (F - w) / 1e3, X = Math.pow(0.05, D), G = m * X, K = (F - V) / 1e3;
+          if (b += G * K, Math.abs(G) < 5 * fe && Math.abs(b) < fe) {
+            C = null;
             return;
           }
-          Math.abs(b) >= ge && (b > 0 !== n ? p() : f(), b = 0), V = $, P();
+          Math.abs(b) >= fe && (b > 0 !== n ? g() : h(), b = 0), V = F, Z();
         });
       };
-      P();
+      Z();
     }, k = () => {
-      N && (cancelAnimationFrame(N), N = null);
-    }, y = (x) => {
-      if (x.button !== 0)
+      C && (cancelAnimationFrame(C), C = null);
+    }, y = (w) => {
+      if (w.button !== 0)
         return;
-      x.preventDefault(), x.stopPropagation(), k();
-      const m = x.clientX;
-      h = m, j = [{ timestamp: Date.now(), value: m }];
-    }, I = (x) => {
-      if (h === null)
+      w.preventDefault(), w.stopPropagation(), k();
+      const m = w.clientX;
+      p = m, j = [{ timestamp: Date.now(), value: m }];
+    }, I = (w) => {
+      if (p === null)
         return;
-      x.stopPropagation();
-      const { clientX: m } = x;
+      w.stopPropagation();
+      const { clientX: m } = w;
       E({ timestamp: Date.now(), value: m });
-      const b = m - h;
-      Math.abs(b) < ge || (b > 0 !== n ? p() : f(), h = m);
+      const b = m - p;
+      Math.abs(b) < fe || (b > 0 !== n ? g() : h(), p = m);
     }, v = () => {
-      h !== null && (h = null, w());
+      p !== null && (p = null, x());
     };
-    M.addEventListener("mousedown", y), document.addEventListener("mousemove", I), document.addEventListener("mouseleave", v), document.addEventListener("mouseup", v), document.addEventListener("contextmenu", v);
-    const L = () => u.getBoundingClientRect().width, z = () => u.scrollWidth / 2 - L() / 2, C = () => {
-      const x = z();
-      u.scrollLeft = x;
+    z.addEventListener("mousedown", y), document.addEventListener("mousemove", I), document.addEventListener("mouseleave", v), document.addEventListener("mouseup", v), document.addEventListener("contextmenu", v);
+    const L = () => u.getBoundingClientRect().width, M = () => u.scrollWidth / 2 - L() / 2, N = () => {
+      const w = M();
+      u.scrollLeft = w;
     };
-    C();
+    N();
     const S = () => {
-      const x = u.scrollLeft - z();
-      Math.abs(x) < yr || (x < 0 !== n ? p() : f(), C());
+      const w = u.scrollLeft - M();
+      Math.abs(w) < yr || (w < 0 !== n ? g() : h(), N());
     };
     u.addEventListener("scroll", S);
-    let H = null;
-    const R = (x) => {
-      if (H !== null || x.changedTouches.length !== 1)
+    let R = null;
+    const H = (w) => {
+      if (R !== null || w.changedTouches.length !== 1)
         return;
       k();
-      const { identifier: m, clientX: b } = x.changedTouches[0];
-      H = m, h = b, j = [{ timestamp: Date.now(), value: b }];
-    }, U = (x) => {
-      if (!h)
+      const { identifier: m, clientX: b } = w.changedTouches[0];
+      R = m, p = b, j = [{ timestamp: Date.now(), value: b }];
+    }, U = (w) => {
+      if (!p)
         return;
-      const m = Array.from(x.changedTouches).find(
-        ({ identifier: P }) => P === H
+      const m = Array.from(w.changedTouches).find(
+        ({ identifier: Z }) => Z === R
       );
       if (!m)
         return;
-      x.preventDefault();
+      w.preventDefault();
       const { clientX: b } = m;
       E({ timestamp: Date.now(), value: b });
-      const V = b - h;
-      Math.abs(V) < ge || (V > 0 !== n ? p() : f(), h = b);
-    }, _ = (x) => {
-      !h || !Array.from(x.changedTouches).some(
-        ({ identifier: m }) => m === H
-      ) || (H = null, h = null, w());
+      const V = b - p;
+      Math.abs(V) < fe || (V > 0 !== n ? g() : h(), p = b);
+    }, _ = (w) => {
+      !p || !Array.from(w.changedTouches).some(
+        ({ identifier: m }) => m === R
+      ) || (R = null, p = null, x());
     };
-    return u.addEventListener("touchstart", R), u.addEventListener("touchmove", U), u.addEventListener("touchend", _), u.addEventListener("touchcancel", _), () => {
-      M.removeEventListener("mousedown", y), document.removeEventListener("mousemove", I), document.removeEventListener("mouseleave", v), document.removeEventListener("mouseup", v), document.removeEventListener("contextmenu", v), u.removeEventListener("scroll", S), u.removeEventListener("touchstart", R), u.removeEventListener("touchmove", U), u.removeEventListener("touchend", _), u.removeEventListener("touchcancel", _);
+    return u.addEventListener("touchstart", H), u.addEventListener("touchmove", U), u.addEventListener("touchend", _), u.addEventListener("touchcancel", _), () => {
+      z.removeEventListener("mousedown", y), document.removeEventListener("mousemove", I), document.removeEventListener("mouseleave", v), document.removeEventListener("mouseup", v), document.removeEventListener("contextmenu", v), u.removeEventListener("scroll", S), u.removeEventListener("touchstart", H), u.removeEventListener("touchmove", U), u.removeEventListener("touchend", _), u.removeEventListener("touchcancel", _);
     };
-  }, [p, f, l, n]), /* @__PURE__ */ t.jsx("div", { ref: i, className: "cursor-ew-resize", children: /* @__PURE__ */ t.jsxs("div", { ref: d, className: "overflow-x-scroll no-scrollbar", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "sticky left-0 top-0", children: e.map((M, u) => /* @__PURE__ */ t.jsx(
+  }, [g, h, s, n]), /* @__PURE__ */ t.jsx("div", { ref: l, className: "cursor-ew-resize", children: /* @__PURE__ */ t.jsxs("div", { ref: c, className: "overflow-x-scroll no-scrollbar", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "sticky left-0 top-0", children: e.map((z, u) => /* @__PURE__ */ t.jsx(
       Mt,
       {
-        ...M,
-        className: Z(
-          u !== s && "pointer-events-none !absolute left-0 top-0 -z-10"
+        ...z,
+        className: O(
+          u !== a && "pointer-events-none !absolute left-0 top-0 -z-10"
         ),
-        onlyPreload: u !== s || r
+        onlyPreload: u !== a || r
       },
-      M.src
+      z.src
     )) }),
     /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none -mt-px h-px w-[calc(100%+1024px)]" })
   ] }) });
 }, jr = ({ images: e, onReady: r, onError: n }) => {
-  const o = Q(() => e.map(({ src: g }) => g), [e]), [a, l] = F(null), i = a ? [...a.values()].filter((g) => g).length / e.length * 100 : null, d = T(() => {
-    i === null && l(new Map(o.map((g) => [g, !1])));
-  }, [o, i]), s = T((g) => {
-    l((c) => {
-      const f = new Map(c);
-      return f.set(g, !0), f;
+  const o = Q(() => e.map(({ src: f }) => f), [e]), [i, s] = $(null), l = i ? [...i.values()].filter((f) => f).length / e.length * 100 : null, c = T(() => {
+    l === null && s(new Map(o.map((f) => [f, !1])));
+  }, [o, l]), a = T((f) => {
+    s((d) => {
+      const h = new Map(d);
+      return h.set(f, !0), h;
     });
   }, []);
   return A(() => {
-    i === 100 && r();
-  }, [i, r]), /* @__PURE__ */ t.jsxs("div", { className: "relative size-full", children: [
-    i !== null && i !== 100 && // Add images to DOM to preload them
-    /* @__PURE__ */ t.jsx("div", { className: "hidden", children: o.map((g) => /* @__PURE__ */ t.jsx(
-      we,
+    l === 100 && r();
+  }, [l, r]), /* @__PURE__ */ t.jsxs("div", { className: "relative size-full", children: [
+    l !== null && l !== 100 && // Add images to DOM to preload them
+    /* @__PURE__ */ t.jsx("div", { className: "hidden", children: o.map((f) => /* @__PURE__ */ t.jsx(
+      xe,
       {
-        src: g,
-        onLoad: () => s(g),
+        src: f,
+        onLoad: () => a(f),
         onError: n
       },
-      g
+      f
     )) }),
-    /* @__PURE__ */ t.jsx(we, { className: "size-full", src: o[0] }),
+    /* @__PURE__ */ t.jsx(xe, { className: "size-full", src: o[0] }),
     /* @__PURE__ */ t.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
-      /* @__PURE__ */ t.jsx(Nt, { className: "size-20 text-primary" }),
-      /* @__PURE__ */ t.jsx(B, { color: "neutral", shape: "icon", onClick: d, children: /* @__PURE__ */ t.jsx(We, { className: "size-full" }) }),
+      /* @__PURE__ */ t.jsx(Et, { className: "size-20 text-primary" }),
+      /* @__PURE__ */ t.jsx(B, { color: "neutral", shape: "icon", onClick: c, children: /* @__PURE__ */ t.jsx(We, { className: "size-full" }) }),
       /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: Z(
+          className: O(
             "relative h-1 w-3/5 overflow-hidden rounded-full bg-background",
-            i === null && "invisible"
+            l === null && "invisible"
           ),
           children: /* @__PURE__ */ t.jsx(
             "div",
             {
               className: "h-full bg-primary transition-[width]",
-              style: { width: `${i ?? 0}%` }
+              style: { width: `${l ?? 0}%` }
             }
           )
         }
@@ -1308,7 +1323,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     ] })
   ] });
 }, kr = (e) => {
-  const { index: r } = e, { setItemInteraction: n } = q(), [o, a] = F(
+  const { index: r } = e, { setItemInteraction: n } = q(), [o, i] = $(
     "placeholder"
   );
   return A(() => {
@@ -1319,11 +1334,11 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     jr,
     {
       ...e,
-      onReady: () => a("ready"),
-      onError: () => a("error")
+      onReady: () => i("ready"),
+      onError: () => i("error")
     }
   ) : /* @__PURE__ */ t.jsx(br, { ...e });
-}, Cr = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(B, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(We, { className: "size-full" }) }), Er = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ t.jsx(
+}, Cr = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(B, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(We, { className: "size-full" }) }), Nr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1340,7 +1355,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       }
     )
   }
-) }), Nr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ t.jsx(
+) }), Er = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1381,35 +1396,35 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     style: { transform: `translateX(-${100 * (1 - e)}%)` }
   }
 ) }), _r = 3e3, zr = ({ src: e, poster: r, index: n }) => {
-  const { carrouselItemIndex: o, setItemInteraction: a } = q(), l = o === n, i = W(null), d = W(null), s = T(() => {
-    if (!d.current)
+  const { carrouselItemIndex: o, setItemInteraction: i } = q(), s = o === n, l = W(null), c = W(null), a = T(() => {
+    if (!c.current)
       throw new Error("videoRef.current is null");
-    return d.current;
-  }, []), g = T(() => {
-    s().play();
-  }, [s]), c = T(() => {
-    s().pause();
-  }, [s]);
+    return c.current;
+  }, []), f = T(() => {
+    a().play();
+  }, [a]), d = T(() => {
+    a().pause();
+  }, [a]);
   A(() => {
-    l || c();
-  }, [c, l]);
-  const [f, p] = F(!1), [M, u] = F(!0), h = () => {
-    p(!0), a(n, "running");
+    s || d();
+  }, [d, s]);
+  const [h, g] = $(!1), [z, u] = $(!0), p = () => {
+    g(!0), i(n, "running");
   }, j = () => {
-    p(!1), a(n, null);
-  }, N = () => {
+    g(!1), i(n, null);
+  }, C = () => {
     u(!1);
   }, E = () => {
     u(!0);
-  }, [w, k] = F(null), y = (m) => {
-    const b = s(), V = m.currentTarget.getBoundingClientRect(), P = (m.clientX - V.left) / V.width, $ = Math.min(1, Math.max(0, P));
-    b.volume = $, b.muted = !1;
+  }, [x, k] = $(null), y = (m) => {
+    const b = a(), V = m.currentTarget.getBoundingClientRect(), Z = (m.clientX - V.left) / V.width, F = Math.min(1, Math.max(0, Z));
+    b.volume = F, b.muted = !1;
   }, I = (m) => {
-    const b = s();
+    const b = a();
     b.muted = m;
   };
   A(() => {
-    const m = d.current;
+    const m = c.current;
     if (!m)
       return;
     const b = () => {
@@ -1422,81 +1437,81 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       m.removeEventListener("volumechange", b);
     };
   }, []);
-  const [v, L] = F(null), z = v ? v.currentTime / v.duration : 0;
+  const [v, L] = $(null), M = v ? v.currentTime / v.duration : 0;
   A(() => {
-    const m = d.current;
+    const m = c.current;
     if (!m) return;
     const b = () => {
-      const V = m.currentTime, P = m.duration;
-      isNaN(V) || isNaN(P) || L({
+      const V = m.currentTime, Z = m.duration;
+      isNaN(V) || isNaN(Z) || L({
         currentTime: V,
-        duration: P
+        duration: Z
       });
     };
     return b(), m.addEventListener("timeupdate", b), () => {
       m.removeEventListener("timeupdate", b);
     };
   }, []);
-  const C = (m) => {
-    const b = s(), V = m.currentTarget.getBoundingClientRect(), P = (m.clientX - V.left) / V.width, $ = b.duration * P;
-    b.currentTime = $;
+  const N = (m) => {
+    const b = a(), V = m.currentTarget.getBoundingClientRect(), Z = (m.clientX - V.left) / V.width, F = b.duration * Z;
+    b.currentTime = F;
   }, S = (m) => {
     const b = Math.floor(m % 3600 / 60), V = Math.floor(m % 60);
     return `${b}:${V.toString().padStart(2, "0")}`;
-  }, [H, R] = F(!1), U = W(void 0), _ = T(
+  }, [R, H] = $(!1), U = W(void 0), _ = T(
     () => clearTimeout(U.current),
     []
-  ), x = T(() => {
+  ), w = T(() => {
     _(), U.current = setTimeout(() => {
-      R(!1);
+      H(!1);
     }, _r);
   }, [_]);
   return A(() => {
-    const m = i.current, b = d.current;
+    const m = l.current, b = c.current;
     if (!m || !b)
       return;
     const V = () => {
-      x(), R(!0);
-    }, P = () => {
-      _(), R(!1);
+      w(), H(!0);
+    }, Z = () => {
+      _(), H(!1);
     };
-    let $ = !1;
+    let F = !1;
     const D = () => {
-      $ = !0;
+      F = !0;
     }, X = () => {
-      $ && ($ = !1, c());
+      F && (F = !1, d());
     }, G = () => {
-      $ = !1, V();
+      F = !1, V();
     }, K = (re) => {
-      re.preventDefault(), re.touches.length === 1 && (x(), R((ne) => !ne));
+      re.preventDefault(), re.touches.length === 1 && (w(), H((ne) => !ne));
     };
-    return m.addEventListener("mousedown", D), m.addEventListener("mouseup", X), m.addEventListener("mouseenter", V), m.addEventListener("mousemove", G), m.addEventListener("mouseleave", P), b.addEventListener("touchstart", K), () => {
-      m.removeEventListener("mousedown", D), m.removeEventListener("mouseup", X), m.removeEventListener("mouseenter", V), m.removeEventListener("mousemove", V), m.removeEventListener("mouseleave", P), b.removeEventListener("touchstart", K);
+    return m.addEventListener("mousedown", D), m.addEventListener("mouseup", X), m.addEventListener("mouseenter", V), m.addEventListener("mousemove", G), m.addEventListener("mouseleave", Z), b.addEventListener("touchstart", K), () => {
+      m.removeEventListener("mousedown", D), m.removeEventListener("mouseup", X), m.removeEventListener("mouseenter", V), m.removeEventListener("mousemove", V), m.removeEventListener("mouseleave", Z), b.removeEventListener("touchstart", K);
     };
-  }, [_, c, x]), /* @__PURE__ */ t.jsxs("div", { ref: i, className: "relative size-full", children: [
+  }, [_, d, w]), /* @__PURE__ */ t.jsxs("div", { ref: l, className: "relative size-full", children: [
     /* @__PURE__ */ t.jsx(
       "video",
       {
-        ref: d,
+        ref: c,
         className: "size-full",
         src: e,
         poster: r,
         disablePictureInPicture: !0,
         playsInline: !0,
-        onPlay: h,
+        onPlay: p,
         onPause: j,
         onEnded: j,
-        onCanPlay: N,
+        onCanPlay: C,
         onWaiting: E
       }
     ),
-    f ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    h ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: Z(
+          className: O(
             "absolute inset-x-0 bottom-0 cursor-auto space-y-2 bg-gradient-to-t from-foreground to-transparent p-4 pr-12 pt-8 transition-opacity duration-300",
-            H ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
+            R ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
           ),
           onMouseDownCapture: (m) => m.stopPropagation(),
           children: [
@@ -1512,8 +1527,8 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
                         shape: "icon",
                         variant: "ghost",
                         color: "neutral",
-                        onClick: c,
-                        children: /* @__PURE__ */ t.jsx(Er, { className: "size-full" })
+                        onClick: d,
+                        children: /* @__PURE__ */ t.jsx(Nr, { className: "size-full" })
                       }
                     ),
                     v && /* @__PURE__ */ t.jsxs("span", { className: "text-sm", children: [
@@ -1525,7 +1540,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
                   ]
                 }
               ),
-              w && /* @__PURE__ */ t.jsxs(
+              x && /* @__PURE__ */ t.jsxs(
                 "div",
                 {
                   className: "group/volume flex items-center gap-x-4 rounded-ui-md p-2 transition-colors hover:bg-foreground/25",
@@ -1533,17 +1548,17 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
                     /* @__PURE__ */ t.jsx(
                       "div",
                       {
-                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${w.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
+                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${x.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
                         onClick: y,
-                        children: /* @__PURE__ */ t.jsx(Ke, { progress: w.volume })
+                        children: /* @__PURE__ */ t.jsx(Ke, { progress: x.volume })
                       }
                     ),
                     /* @__PURE__ */ t.jsx(
                       "div",
                       {
                         className: "size-5 cursor-pointer",
-                        onClick: () => I(!w.isMuted),
-                        children: w.isMuted ? /* @__PURE__ */ t.jsx(Lr, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Nr, { className: "size-full" })
+                        onClick: () => I(!x.isMuted),
+                        children: x.isMuted ? /* @__PURE__ */ t.jsx(Lr, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Er, { className: "size-full" })
                       }
                     )
                   ]
@@ -1554,51 +1569,51 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
               "div",
               {
                 className: "cursor-pointer py-1",
-                onClick: C,
-                children: /* @__PURE__ */ t.jsx(Ke, { progress: z })
+                onClick: N,
+                children: /* @__PURE__ */ t.jsx(Ke, { progress: M })
               }
             )
           ]
         }
       ),
-      M && /* @__PURE__ */ t.jsx(
+      z && /* @__PURE__ */ t.jsx(
         "div",
         {
           className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-foreground/25",
-          children: /* @__PURE__ */ t.jsx(Et, { size: "lg" })
+          children: /* @__PURE__ */ t.jsx(Nt, { size: "lg" })
         }
       )
     ] }) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "absolute inset-0 flex items-center justify-center bg-foreground/25",
-        children: /* @__PURE__ */ t.jsx(Cr, { onClick: g })
+        children: /* @__PURE__ */ t.jsx(Cr, { onClick: f })
       }
     )
   ] });
 }, Mr = ({ index: e, item: r, isShown: n, lazy: o }) => {
-  const { type: a } = r;
-  let l;
+  const { type: i } = r;
+  let s;
   if (o)
-    l = null;
+    s = null;
   else
-    switch (a) {
+    switch (i) {
       case "image":
-        l = /* @__PURE__ */ t.jsx(Mt, { onlyPreload: !n, ...r });
+        s = /* @__PURE__ */ t.jsx(Mt, { onlyPreload: !n, ...r });
         break;
       case "video":
-        l = /* @__PURE__ */ t.jsx(zr, { index: e, ...r });
+        s = /* @__PURE__ */ t.jsx(zr, { index: e, ...r });
         break;
       case "360":
-        l = /* @__PURE__ */ t.jsx(kr, { index: e, onlyPreload: !n, ...r });
+        s = /* @__PURE__ */ t.jsx(kr, { index: e, onlyPreload: !n, ...r });
         break;
       case "omni_directional":
-        l = /* @__PURE__ */ t.jsx(xr, { item: r });
+        s = /* @__PURE__ */ t.jsx(wr, { item: r });
         break;
       default:
-        throw new Error(`Unsupported item type: ${a}`);
+        throw new Error(`Unsupported item type: ${i}`);
     }
-  return l;
+  return s;
 }, Ir = (e) => {
   A(() => {
     const r = (n) => {
@@ -1630,7 +1645,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     d: "M13.3334 2.66683V10.6668H5.33337V2.66683H13.3334ZM13.3334 1.3335H5.33337C4.60004 1.3335 4.00004 1.9335 4.00004 2.66683V10.6668C4.00004 11.4002 4.60004 12.0002 5.33337 12.0002H13.3334C14.0667 12.0002 14.6667 11.4002 14.6667 10.6668V2.66683C14.6667 1.9335 14.0667 1.3335 13.3334 1.3335ZM7.66671 7.78016L8.79337 9.28683L10.4467 7.22016L12.6667 10.0002H6.00004L7.66671 7.78016ZM1.33337 4.00016V13.3335C1.33337 14.0668 1.93337 14.6668 2.66671 14.6668H12V13.3335H2.66671V4.00016H1.33337Z",
     fill: "currentColor"
   }
-) }) }), Hr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_HOTSPOTS", children: /* @__PURE__ */ t.jsxs(
+) }) }), Rr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_HOTSPOTS", children: /* @__PURE__ */ t.jsxs(
   "svg",
   {
     className: e,
@@ -1650,7 +1665,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_418_982", children: /* @__PURE__ */ t.jsx("rect", { width: "12", height: "12", fill: "white" }) }) })
     ]
   }
-) }), Rr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_MINUS", children: /* @__PURE__ */ t.jsx(
+) }), Hr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_MINUS", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1684,22 +1699,22 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       }
     )
   }
-) }), Ar = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_REDUCE", children: /* @__PURE__ */ t.jsx("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t.jsx(
+) }), Pr = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, customizationKey: "UI_REDUCE", children: /* @__PURE__ */ t.jsx("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t.jsx(
   "path",
   {
     d: "M3.33325 10.6668H5.33325V12.6668H6.66659V9.3335H3.33325V10.6668ZM5.33325 5.3335H3.33325V6.66683H6.66659V3.3335H5.33325V5.3335ZM9.33325 12.6668H10.6666V10.6668H12.6666V9.3335H9.33325V12.6668ZM10.6666 5.3335V3.3335H9.33325V6.66683H12.6666V5.3335H10.6666Z",
     fill: "currentColor"
   }
-) }) }), Pr = ({
+) }) }), Ar = ({
   enabled: e,
   onToggle: r,
   label: n,
   className: o,
-  children: a
+  children: i
 }) => /* @__PURE__ */ t.jsxs(
   "label",
   {
-    className: Z(
+    className: O(
       "flex cursor-pointer items-center justify-center gap-x-2",
       o
     ),
@@ -1717,18 +1732,18 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: Z(
+          className: O(
             "flex h-5 w-8 items-center justify-center rounded-full transition-colors",
             e ? "bg-primary" : "bg-background/60"
           ),
           children: /* @__PURE__ */ t.jsx(
             "div",
             {
-              className: Z(
+              className: O(
                 "flex size-4 items-center justify-center rounded-full p-0.5 transition",
                 e ? "translate-x-1.5 bg-primary-foreground text-primary" : "-translate-x-1.5 bg-background text-foreground"
               ),
-              children: a
+              children: i
             }
           )
         }
@@ -1752,24 +1767,24 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       }
     )
   }
-) }), Fr = ({ sharedClassName: e }) => {
-  const { categories: r } = ee(), { displayedCategoryId: n, changeCategory: o } = q(), [a, l] = F(!1), i = () => {
-    l(!a);
-  }, d = () => {
-    l(!1);
+) }), $r = ({ sharedClassName: e }) => {
+  const { categories: r } = ee(), { displayedCategoryId: n, changeCategory: o } = q(), [i, s] = $(!1), l = () => {
+    s(!i);
+  }, c = () => {
+    s(!1);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    a && /* @__PURE__ */ t.jsx(
+    i && /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Z(e, "inset-0 small:hidden"),
-        onClick: d
+        className: O(e, "inset-0 small:hidden"),
+        onClick: c
       }
     ),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: Z(
+        className: O(
           e,
           ue("top-left"),
           "flex gap-x-2 small:hidden"
@@ -1779,24 +1794,24 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
             B,
             {
               shape: "icon",
-              color: a ? "primary" : "neutral",
-              onClick: i,
+              color: i ? "primary" : "neutral",
+              onClick: l,
               children: /* @__PURE__ */ t.jsx(Zr, {})
             }
           ),
-          a && /* @__PURE__ */ t.jsx("div", { className: "rounded-ui-md bg-background", children: /* @__PURE__ */ t.jsx("ul", { className: "space-y-0.5 p-1", children: r.map(({ id: s, title: g }) => /* @__PURE__ */ t.jsx(
+          i && /* @__PURE__ */ t.jsx("div", { className: "rounded-ui-md bg-background", children: /* @__PURE__ */ t.jsx("ul", { className: "space-y-0.5 p-1", children: r.map(({ id: a, title: f }) => /* @__PURE__ */ t.jsx(
             "li",
             {
-              className: Z(
+              className: O(
                 "cursor-pointer rounded-ui px-2 py-1 text-sm font-bold transition-colors hover:bg-primary/30",
-                s === n && "bg-primary/50"
+                a === n && "bg-primary/50"
               ),
               onClick: () => {
-                o(s), l(!1);
+                o(a), s(!1);
               },
-              children: g
+              children: f
             },
-            s
+            a
           )) }) })
         ]
       }
@@ -1804,69 +1819,69 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Z(
+        className: O(
           e,
           yt("top"),
           "w-full overflow-x-auto max-small:hidden"
         ),
-        children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: r.map(({ id: s, title: g }) => /* @__PURE__ */ t.jsx(
+        children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: r.map(({ id: a, title: f }) => /* @__PURE__ */ t.jsx(
           B,
           {
-            variant: s === n ? "fill" : "ghost",
-            onClick: () => o(s),
-            children: g
+            variant: a === n ? "fill" : "ghost",
+            onClick: () => o(a),
+            children: f
           },
-          s
+          a
         )) })
       }
     )
   ] });
-}, $r = () => {
+}, Fr = () => {
   const { flatten: e, infiniteCarrousel: r, permanentGallery: n } = te(), {
     items: { length: o },
-    aspectRatioStyle: a
+    aspectRatioStyle: i
   } = ee(), {
-    slidable: l,
-    masterItemIndex: i,
-    prevImage: d,
-    nextImage: s,
-    showGalleryControls: g,
-    enableHotspotsControl: c,
-    showHotspots: f,
-    toggleHotspots: p,
-    showGallery: M,
+    slidable: s,
+    masterItemIndex: l,
+    prevImage: c,
+    nextImage: a,
+    showGalleryControls: f,
+    enableHotspotsControl: d,
+    showHotspots: h,
+    toggleHotspots: g,
+    showGallery: z,
     toggleGallery: u,
-    extendMode: h,
+    extendMode: p,
     toggleExtendMode: j,
-    shownDetails: N,
+    shownDetails: C,
     isShowingDetails: E,
-    resetShownDetails: w,
+    resetShownDetails: x,
     showZoomControls: k,
     isZooming: y,
     canZoomIn: I,
     zoomIn: v,
     canZoomOut: L,
-    zoomOut: z,
-    resetView: C
+    zoomOut: M,
+    resetView: N
   } = q(), S = T(
     (U) => {
-      Tr(U) && w();
+      Tr(U) && x();
     },
-    [w]
+    [x]
   );
-  Ir(w);
-  const H = "absolute z-overlay", R = `transition-opacity ${g ? "opacity-100" : "opacity-0 !pointer-events-none"}`;
+  Ir(x);
+  const R = "absolute z-overlay", H = `transition-opacity ${f ? "opacity-100" : "opacity-0 !pointer-events-none"}`;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    !e && !y && /* @__PURE__ */ t.jsx(Fr, { sharedClassName: H }),
-    l && !y && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    !e && !y && /* @__PURE__ */ t.jsx($r, { sharedClassName: R }),
+    s && !y && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
         B,
         {
           shape: "icon",
           color: "neutral",
-          className: Z(H, ue("middle-left")),
-          onClick: d,
-          disabled: !r && i <= 0,
+          className: O(R, ue("middle-left")),
+          onClick: c,
+          disabled: !r && l <= 0,
           children: /* @__PURE__ */ t.jsx(Y, { customizationKey: "CONTROLS_ARROW_LEFT", children: /* @__PURE__ */ t.jsx(Je, { className: "size-full rotate-180" }) })
         }
       ),
@@ -1875,9 +1890,9 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
         {
           shape: "icon",
           color: "neutral",
-          className: Z(H, ue("middle-right")),
-          onClick: s,
-          disabled: !r && i >= o - 1,
+          className: O(R, ue("middle-right")),
+          onClick: a,
+          disabled: !r && l >= o - 1,
           children: /* @__PURE__ */ t.jsx(Y, { customizationKey: "CONTROLS_ARROW_RIGHT", children: /* @__PURE__ */ t.jsx(Je, { className: "size-full" }) })
         }
       )
@@ -1885,8 +1900,8 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: Z(
-          H,
+        className: O(
+          R,
           ue("bottom-fullW"),
           "pointer-events-none grid grid-cols-[auto,1fr,auto] items-end *:pointer-events-auto small:gap-x-2"
         ),
@@ -1895,19 +1910,19 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
             /* @__PURE__ */ t.jsx(
               B,
               {
-                className: R,
+                className: H,
                 variant: "fill",
-                color: M ? "primary" : "neutral",
+                color: z ? "primary" : "neutral",
                 shape: "icon",
                 onClick: u,
                 children: /* @__PURE__ */ t.jsx(Y, { customizationKey: "CONTROLS_GALLERY", children: /* @__PURE__ */ t.jsx(Sr, { className: "size-full" }) })
               }
             ),
-            M && /* @__PURE__ */ t.jsx(
+            z && /* @__PURE__ */ t.jsx(
               _t,
               {
-                className: Z(
-                  R,
+                className: O(
+                  H,
                   "[mask-image:linear-gradient(to_left,transparent_0px,black_4px,black_calc(100%-4px),transparent_100%)]"
                 ),
                 containerClassName: "mx-1"
@@ -1915,7 +1930,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
             )
           ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "col-start-3 flex flex-col items-end gap-y-1 small:gap-y-2", children: [
-            c && !y && /* @__PURE__ */ t.jsx(Pr, { enabled: f, onToggle: p, children: /* @__PURE__ */ t.jsx(Hr, { className: "size-full" }) }),
+            d && !y && /* @__PURE__ */ t.jsx(Ar, { enabled: h, onToggle: g, children: /* @__PURE__ */ t.jsx(Rr, { className: "size-full" }) }),
             k && /* @__PURE__ */ t.jsxs("div", { className: "max-small:hidden", children: [
               /* @__PURE__ */ t.jsx(
                 B,
@@ -1936,8 +1951,8 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
                   color: "neutral",
                   shape: "icon",
                   disabled: !L,
-                  onClick: z,
-                  children: /* @__PURE__ */ t.jsx(Rr, { className: "size-full" })
+                  onClick: M,
+                  children: /* @__PURE__ */ t.jsx(Hr, { className: "size-full" })
                 }
               )
             ] }),
@@ -1945,10 +1960,10 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
               B,
               {
                 variant: "fill",
-                color: h ? "primary" : "neutral",
+                color: p ? "primary" : "neutral",
                 shape: "icon",
                 onClick: j,
-                children: h ? /* @__PURE__ */ t.jsx(Ar, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Vr, { className: "size-full" })
+                children: p ? /* @__PURE__ */ t.jsx(Pr, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Vr, { className: "size-full" })
               }
             )
           ] })
@@ -1958,8 +1973,8 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: Z(
-          H,
+        className: O(
+          R,
           "inset-0 flex justify-end overflow-hidden bg-foreground/60 transition-opacity duration-details",
           E ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -1967,24 +1982,51 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
         children: /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: Z(
+            className: O(
               "h-full w-3/5 bg-background transition-transform duration-details",
               E ? "translate-x-0" : "translate-x-full"
             ),
-            children: !!N && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            children: !!C && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
               /* @__PURE__ */ t.jsx(
-                we,
+                xe,
                 {
                   className: "w-full bg-foreground/65",
-                  style: a,
-                  src: N.src,
+                  style: i,
+                  src: C.src,
                   imgInPlayerWidthRatio: 0.6
                 }
               ),
-              /* @__PURE__ */ t.jsxs("div", { className: "space-y-1 p-3", children: [
-                /* @__PURE__ */ t.jsx("span", { children: N.title }),
-                /* @__PURE__ */ t.jsx("p", { children: N.text })
-              ] })
+              /* @__PURE__ */ t.jsxs(
+                "div",
+                {
+                  className: O(
+                    "space-y-1 p-1.5 small:p-2",
+                    p && "large:p-3"
+                  ),
+                  children: [
+                    C.title && /* @__PURE__ */ t.jsx(
+                      "span",
+                      {
+                        className: O(
+                          "text-sm small:text-base",
+                          p && "large:text-lg"
+                        ),
+                        children: C.title
+                      }
+                    ),
+                    C.text && /* @__PURE__ */ t.jsx(
+                      "p",
+                      {
+                        className: O(
+                          "text-xs small:text-sm",
+                          p && "large:text-base"
+                        ),
+                        children: C.text
+                      }
+                    )
+                  ]
+                }
+              )
             ] })
           }
         )
@@ -1993,196 +2035,196 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     (y || E) && /* @__PURE__ */ t.jsx(
       kt,
       {
-        className: Z(H, ue("top-right")),
-        onClick: C
+        className: O(R, ue("top-right")),
+        onClick: N
       }
     )
   ] });
 }, Wr = ({ className: e = "" }) => {
-  const { infiniteCarrousel: r, isFullScreen: n } = te(), { items: o, aspectRatioStyle: a } = ee(), {
-    slidable: l,
-    carrouselItemIndex: i,
-    setCarrouselItemIndex: d,
-    itemIndexCommand: s,
-    setItemIndexCommand: g,
-    cycling: c,
-    isCycling: f,
-    finishCycling: p,
-    extendMode: M,
+  const { infiniteCarrousel: r, isFullScreen: n } = te(), { items: o, aspectRatioStyle: i } = ee(), {
+    slidable: s,
+    carrouselItemIndex: l,
+    setCarrouselItemIndex: c,
+    itemIndexCommand: a,
+    setItemIndexCommand: f,
+    cycling: d,
+    isCycling: h,
+    finishCycling: g,
+    extendMode: z,
     extendTransition: u,
-    isZooming: h
-  } = q(), j = W(null), N = T((_) => {
+    isZooming: p
+  } = q(), j = W(null), C = T((_) => {
     if (!j.current)
       throw new Error(`[${_ ?? "sliderOrThrow"}] slider.current is null`);
     return j.current;
-  }, []), E = W(!1), w = W(null), k = W(null), y = W(null), I = T(() => {
+  }, []), E = W(!1), x = W(null), k = W(null), y = W(null), I = T(() => {
     y.current && (cancelAnimationFrame(y.current), y.current = null);
   }, []), v = T(() => {
-    const _ = N("computeClosestSnapIndex"), x = Array.from(_.children), m = _.scrollLeft, b = x.reduce(
-      (V, P, $) => {
-        const D = P.offsetLeft;
-        return Math.abs(D - m) < Math.abs(x[V].offsetLeft - m) ? $ : V;
+    const _ = C("computeClosestSnapIndex"), w = Array.from(_.children), m = _.scrollLeft, b = w.reduce(
+      (V, Z, F) => {
+        const D = Z.offsetLeft;
+        return Math.abs(D - m) < Math.abs(w[V].offsetLeft - m) ? F : V;
       },
       0
     );
-    return c === "first_to_last" ? Ge(b, o.length) : c === "last_to_first" ? Ge(b - 1, o.length) : b;
-  }, [c, N, o.length]), L = T(
+    return d === "first_to_last" ? Ge(b, o.length) : d === "last_to_first" ? Ge(b - 1, o.length) : b;
+  }, [d, C, o.length]), L = T(
     (_) => {
-      const x = N("setStyleCursor");
-      x.style.cursor = _;
+      const w = C("setStyleCursor");
+      w.style.cursor = _;
     },
-    [N]
-  ), z = T(
+    [C]
+  ), M = T(
     (_) => {
-      const x = N("setStyleSnapState");
-      _ === "mandatory" ? x.style.scrollSnapType = "x mandatory" : x.style.scrollSnapType = "none";
+      const w = C("setStyleSnapState");
+      _ === "mandatory" ? w.style.scrollSnapType = "x mandatory" : w.style.scrollSnapType = "none";
     },
-    [N]
-  ), C = T(
-    (_, x, m) => {
+    [C]
+  ), N = T(
+    (_, w, m) => {
       I();
-      const b = N("scrollToIndex"), V = Array.from(b.children), P = b.scrollLeft, $ = V[_].offsetLeft, D = (ne) => {
+      const b = C("scrollToIndex"), V = Array.from(b.children), Z = b.scrollLeft, F = V[_].offsetLeft, D = (ne) => {
         b.scrollTo({
           left: ne,
           behavior: "instant"
         });
-      }, X = Math.abs(P - $);
-      if (X < 1 || x === "instant") {
-        D($), m == null || m();
+      }, X = Math.abs(Z - F);
+      if (X < 1 || w === "instant") {
+        D(F), m == null || m();
         return;
       }
       const G = ae(X / 2.5, 300, 1e3), K = (/* @__PURE__ */ new Date()).getTime();
-      z("none");
+      M("none");
       const re = () => {
         const ne = () => {
           const oe = (/* @__PURE__ */ new Date()).getTime() - K;
           if (oe >= G) {
-            D($), m == null || m(), y.current = requestAnimationFrame(() => {
-              z("mandatory"), y.current = null;
+            D(F), m == null || m(), y.current = requestAnimationFrame(() => {
+              M("mandatory"), y.current = null;
             });
             return;
           }
-          const me = Math.min(oe / G, 1), ze = zt(me), Me = Ee(P, $, ze);
+          const me = Math.min(oe / G, 1), ze = zt(me), Me = Ne(Z, F, ze);
           D(Me), re();
         };
         y.current = requestAnimationFrame(ne);
       };
       re();
     },
-    [I, N, z]
-  ), [S, H] = F(), R = !!S;
+    [I, C, M]
+  ), [S, R] = $(), H = !!S;
   A(() => {
     const _ = () => {
       clearTimeout(S);
-      const x = setTimeout(() => {
-        H(void 0);
-      }, ft);
-      H(x);
+      const w = setTimeout(() => {
+        R(void 0);
+      }, gt);
+      R(w);
     };
     return addEventListener("resize", _), document.addEventListener("fullscreenchange", _), () => {
       removeEventListener("resize", _), document.removeEventListener("fullscreenchange", _);
     };
   }, [S]), A(() => {
     const _ = v();
-    Number.isNaN(_) || _ !== i && C(i, "instant");
+    Number.isNaN(_) || _ !== l && N(l, "instant");
   }, [
-    i,
-    C,
+    l,
+    N,
     v,
     // - Run the effect when those values change
     o,
     S,
     n,
-    M,
+    z,
     u
   ]), A(() => {
-    if (!l || f) {
+    if (!s || h) {
       L("auto");
       return;
     }
     const _ = j.current;
     if (!_)
       return;
-    L("grab"), z("mandatory");
-    const x = (V) => {
-      V.button === 0 && (V.preventDefault(), V.stopPropagation(), E.current = !0, w.current = V.pageX - _.offsetLeft, k.current = _.scrollLeft, I(), L("grabbing"), z("none"));
+    L("grab"), M("mandatory");
+    const w = (V) => {
+      V.button === 0 && (V.preventDefault(), V.stopPropagation(), E.current = !0, x.current = V.pageX - _.offsetLeft, k.current = _.scrollLeft, I(), L("grabbing"), M("none"));
     }, m = (V) => {
       if (!E.current)
         return;
-      if (w.current === null)
+      if (x.current === null)
         throw new Error("[onMouseMove] startX is null");
-      const P = V.pageX - _.offsetLeft - w.current;
+      const Z = V.pageX - _.offsetLeft - x.current;
       requestAnimationFrame(() => {
         if (k.current === null)
           throw new Error("[onMouseMove] scrollLeft is null");
-        _.scrollLeft = k.current - P;
+        _.scrollLeft = k.current - Z;
       });
     }, b = () => {
       if (!E.current)
         return;
       E.current = !1, L("grab");
       const V = v();
-      C(V, "smooth");
+      N(V, "smooth");
     };
-    return _.addEventListener("mousedown", x), document.addEventListener("mousemove", m), document.addEventListener("mouseleave", b), document.addEventListener("mouseup", b), document.addEventListener("contextmenu", b), () => {
-      _.removeEventListener("mousedown", x), document.removeEventListener("mousemove", m), document.removeEventListener("mouseleave", b), document.removeEventListener("mouseup", b), document.removeEventListener("contextmenu", b);
+    return _.addEventListener("mousedown", w), document.addEventListener("mousemove", m), document.addEventListener("mouseleave", b), document.addEventListener("mouseup", b), document.addEventListener("contextmenu", b), () => {
+      _.removeEventListener("mousedown", w), document.removeEventListener("mousemove", m), document.removeEventListener("mouseleave", b), document.removeEventListener("mouseup", b), document.removeEventListener("contextmenu", b);
     };
   }, [
     I,
     v,
-    f,
-    C,
+    h,
+    N,
     L,
-    z,
-    l
+    M,
+    s
   ]), A(() => {
-    if (u || R)
+    if (u || H)
       return;
     const _ = j.current;
     if (!_)
       return;
-    const x = () => {
+    const w = () => {
       const m = v();
-      Number.isNaN(m) || (d(m), m === s && g(null));
+      Number.isNaN(m) || (c(m), m === a && f(null));
     };
-    return _.addEventListener("scroll", x), () => {
-      _.removeEventListener("scroll", x);
+    return _.addEventListener("scroll", w), () => {
+      _.removeEventListener("scroll", w);
     };
   }, [
     v,
     u,
-    f,
-    R,
-    s,
+    h,
+    H,
+    a,
     o.length,
-    d,
-    g
+    c,
+    f
   ]), A(() => {
-    s !== null && (c === "first_to_last" ? (C(o.length, "instant"), C(o.length - 1, "smooth", () => p())) : c === "last_to_first" ? (C(0, "instant"), C(1, "smooth", () => p())) : C(s, "smooth"));
-  }, [c, p, s, o.length, C]);
-  const U = () => /* @__PURE__ */ t.jsx("div", { className: "h-full", style: a });
+    a !== null && (d === "first_to_last" ? (N(o.length, "instant"), N(o.length - 1, "smooth", () => g())) : d === "last_to_first" ? (N(0, "instant"), N(1, "smooth", () => g())) : N(a, "smooth"));
+  }, [d, g, a, o.length, N]);
+  const U = () => /* @__PURE__ */ t.jsx("div", { className: "h-full", style: i });
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: Z("relative overflow-hidden rounded-carrousel", e),
-      style: a,
+      className: O("relative overflow-hidden rounded-carrousel", e),
+      style: i,
       children: [
         /* @__PURE__ */ t.jsxs(
           "div",
           {
             ref: j,
-            className: `flex size-full ${l ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
+            className: `flex size-full ${s ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
             children: [
-              c === "last_to_first" && /* @__PURE__ */ t.jsx(U, {}),
-              o.map((_, x) => {
-                const m = _.type === "360" ? _.images[0] : _.src, b = x === i, V = x === 0, P = i === o.length - 1, $ = x === o.length - 1, D = i === 0, X = Math.abs(x - i) > 1 && // Not next to the current one
-                !(r && V && P) && // Not the last one when the first one is shown (only for infinite carrousel)
-                !(r && $ && D), G = (() => {
-                  if (c === "first_to_last" && V)
+              d === "last_to_first" && /* @__PURE__ */ t.jsx(U, {}),
+              o.map((_, w) => {
+                const m = _.type === "360" ? _.images[0] : _.src, b = w === l, V = w === 0, Z = l === o.length - 1, F = w === o.length - 1, D = l === 0, X = Math.abs(w - l) > 1 && // Not next to the current one
+                !(r && V && Z) && // Not the last one when the first one is shown (only for infinite carrousel)
+                !(r && F && D), G = (() => {
+                  if (d === "first_to_last" && V)
                     return {
                       transform: `translateX(${100 * o.length}%)`
                     };
-                  if (c === "last_to_first" && $)
+                  if (d === "last_to_first" && F)
                     return {
                       transform: `translateX(-${100 * o.length}%)`
                     };
@@ -2191,32 +2233,32 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
                   "div",
                   {
                     className: "relative h-full bg-foreground/50",
-                    style: { ...a, ...G },
+                    style: { ...i, ...G },
                     children: /* @__PURE__ */ t.jsx(
                       Mr,
                       {
-                        index: x,
+                        index: w,
                         item: _,
                         isShown: b,
                         lazy: X
                       }
                     )
                   },
-                  `${x}_${m}`
+                  `${w}_${m}`
                 );
               }),
-              c === "first_to_last" && /* @__PURE__ */ t.jsx(U, {})
+              d === "first_to_last" && /* @__PURE__ */ t.jsx(U, {})
             ]
           }
         ),
-        l && !h && /* @__PURE__ */ t.jsx("div", { className: `absolute ${ue("top-right")}`, children: /* @__PURE__ */ t.jsx(
+        s && !p && /* @__PURE__ */ t.jsx("div", { className: `absolute ${ue("top-right")}`, children: /* @__PURE__ */ t.jsx(
           hr,
           {
-            currentIndex: i,
+            currentIndex: l,
             maxIndex: o.length - 1
           }
         ) }),
-        /* @__PURE__ */ t.jsx($r, {})
+        /* @__PURE__ */ t.jsx(Fr, {})
       ]
     }
   );
@@ -2224,36 +2266,36 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
   const { permanentGallery: e } = te(), { aspectRatioStyle: r } = ee(), {
     prevImage: n,
     nextImage: o,
-    isShowingDetails: a,
-    resetShownDetails: l,
-    extendMode: i,
-    disableExtendMode: d,
-    isZooming: s,
-    resetZoom: g,
-    fakeFullScreen: c
-  } = q(), f = W(null), p = W(null), M = W(null);
+    isShowingDetails: i,
+    resetShownDetails: s,
+    extendMode: l,
+    disableExtendMode: c,
+    isZooming: a,
+    resetZoom: f,
+    fakeFullScreen: d
+  } = q(), h = W(null), g = W(null), z = W(null);
   return A(() => {
-    if (!i)
+    if (!l)
       return;
-    const u = f.current, h = p.current, j = M.current;
-    if (!u || !h || !j)
+    const u = h.current, p = g.current, j = z.current;
+    if (!u || !p || !j)
       return;
-    let N = !1;
-    const E = (y) => [u, h, j].includes(y.target), w = (y) => {
-      N = E(y);
+    let C = !1;
+    const E = (y) => [u, p, j].includes(y.target), x = (y) => {
+      C = E(y);
     }, k = (y) => {
-      N && (E(y) && d(), N = !1);
+      C && (E(y) && c(), C = !1);
     };
-    return u.addEventListener("mousedown", w), u.addEventListener("mouseup", k), () => {
-      u.removeEventListener("mousedown", w), u.removeEventListener("mouseup", k);
+    return u.addEventListener("mousedown", x), u.addEventListener("mouseup", k), () => {
+      u.removeEventListener("mousedown", x), u.removeEventListener("mouseup", k);
     };
-  }, [d, i]), A(() => {
-    const u = (h) => {
-      const j = h.key === "Escape", N = !s && !a;
+  }, [c, l]), A(() => {
+    const u = (p) => {
+      const j = p.key === "Escape", C = !a && !i;
       if (j)
-        s ? g() : a ? l() : d();
-      else if (N)
-        switch (h.key) {
+        a ? f() : i ? s() : c();
+      else if (C)
+        switch (p.key) {
           case "ArrowLeft":
             n();
             break;
@@ -2266,49 +2308,49 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       removeEventListener("keydown", u);
     };
   }, [
-    d,
+    c,
+    i,
     a,
-    s,
     o,
     n,
-    l,
-    g
+    s,
+    f
   ]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: f,
-      className: Z(
+      ref: h,
+      className: O(
         "relative",
-        i && "flex size-full items-center justify-center bg-foreground/75",
-        c && "fixed inset-0 z-overlay"
+        l && "flex size-full items-center justify-center bg-foreground/75",
+        d && "fixed inset-0 z-overlay"
       ),
       children: [
         /* @__PURE__ */ t.jsxs(
           "div",
           {
-            ref: p,
-            className: i ? "flex size-full flex-col justify-center gap-y-2 small:gap-y-4" : "space-y-2",
+            ref: g,
+            className: l ? "flex size-full flex-col justify-center gap-y-2 small:gap-y-4" : "space-y-2",
             children: [
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
-                  ref: M,
-                  className: Z(
-                    i && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
+                  ref: z,
+                  className: O(
+                    l && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
                   ),
                   style: r,
-                  children: /* @__PURE__ */ t.jsx(Wr, { className: Z(i && "h-full min-w-0") })
+                  children: /* @__PURE__ */ t.jsx(Wr, { className: O(l && "h-full min-w-0") })
                 }
               ),
-              e && /* @__PURE__ */ t.jsx(_t, { className: Z(i && "my-2 shrink-0 small:my-4") })
+              e && /* @__PURE__ */ t.jsx(_t, { className: O(l && "my-2 shrink-0 small:my-4") })
             ]
           }
         ),
-        i && /* @__PURE__ */ t.jsx(
+        l && /* @__PURE__ */ t.jsx(
           kt,
           {
             className: "absolute right-2 top-2 small:right-4 small:top-4",
-            onClick: d
+            onClick: c
           }
         )
       ]
@@ -2320,53 +2362,53 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
   const { emitEvent: r } = te(), {
     data: n,
     status: o,
-    isSuccess: a,
-    error: l
+    isSuccess: i,
+    error: s
   } = Bt(e);
   return A(() => {
-    l ? r(st, l) : a ? r(ot) : o === "fetching" && r(nt);
-  }, [r, l, a, o]), l ? /* @__PURE__ */ t.jsx(Ct, { title: "Failed to fetch composition", error: l }) : a ? /* @__PURE__ */ t.jsx(qt, { composition: n, children: /* @__PURE__ */ t.jsx(Jt, { children: /* @__PURE__ */ t.jsx(Dr, {}) }) }) : /* @__PURE__ */ t.jsxs("div", { className: "flex aspect-video size-full flex-col items-center justify-center gap-y-4", children: [
+    s ? r(st, s) : i ? r(ot) : o === "fetching" && r(nt);
+  }, [r, s, i, o]), s ? /* @__PURE__ */ t.jsx(Ct, { title: "Failed to fetch composition", error: s }) : i ? /* @__PURE__ */ t.jsx(qt, { composition: n, children: /* @__PURE__ */ t.jsx(Jt, { children: /* @__PURE__ */ t.jsx(Dr, {}) }) }) : /* @__PURE__ */ t.jsxs("div", { className: "flex aspect-video size-full flex-col items-center justify-center gap-y-4", children: [
     /* @__PURE__ */ t.jsx("div", { className: "text-xl", children: "Loading WebPlayer..." }),
-    /* @__PURE__ */ t.jsx(Et, { color: "primary" })
+    /* @__PURE__ */ t.jsx(Nt, { color: "primary" })
   ] });
 }, Yr = ({
   compositionUrl: e,
   flatten: r = Zt,
-  infiniteCarrousel: n = Ft,
-  permanentGallery: o = $t,
-  imageLoadStrategy: a = Wt,
-  preventFullScreen: l = Dt,
-  eventPrefix: i = mt,
-  reverse360: d = Ut,
-  children: s,
+  infiniteCarrousel: n = $t,
+  permanentGallery: o = Ft,
+  imageLoadStrategy: i = Wt,
+  preventFullScreen: s = Dt,
+  eventPrefix: l = mt,
+  reverse360: c = Ut,
+  children: a,
   // NOTE: use to customize the player, not to display the content
-  ...g
+  ...f
 }) => {
-  const c = W(null), [f, p] = F(), [M, u] = F(0.5), [h, j] = F(!1), N = T(
+  const d = W(null), [h, g] = $(), [z, u] = $(0.5), [p, j] = $(!1), C = T(
     (k, y) => {
-      const I = i + k, v = new CustomEvent(I, { detail: y });
+      const I = l + k, v = new CustomEvent(I, { detail: y });
       document.dispatchEvent(v);
     },
-    [i]
+    [l]
   );
   A(() => {
-    if (h) {
+    if (p) {
       u(1);
       return;
     }
-    if (!c.current)
+    if (!d.current)
       return;
-    const k = c.current, y = () => {
+    const k = d.current, y = () => {
       const I = window.innerWidth, v = getComputedStyle(k), L = k.getBoundingClientRect().width + parseFloat(v.marginLeft) + parseFloat(v.marginRight);
-      p(L), u(L / I);
+      g(L), u(L / I);
     };
     return y(), addEventListener("resize", y), () => {
       removeEventListener("resize", y);
     };
-  }, [h]), A(() => {
-    if (l)
+  }, [p]), A(() => {
+    if (s)
       return;
-    const k = c.current;
+    const k = d.current;
     if (!k)
       throw new Error("Wrapper not found");
     const y = () => {
@@ -2379,9 +2421,9 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     return document.addEventListener("fullscreenchange", y), () => {
       document.removeEventListener("fullscreenchange", y);
     };
-  }, [l]);
+  }, [s]);
   const E = T(async () => {
-    const k = c.current;
+    const k = d.current;
     if (!k)
       throw new Error("Wrapper not found");
     try {
@@ -2389,7 +2431,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     } catch {
       return !1;
     }
-  }, []), w = T(async () => {
+  }, []), x = T(async () => {
     try {
       return await document.exitFullscreen(), !0;
     } catch {
@@ -2399,48 +2441,48 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
   return /* @__PURE__ */ t.jsx(
     Kt,
     {
-      ...g,
-      reverse360: d,
-      imageLoadStrategy: a,
+      ...f,
+      reverse360: c,
+      imageLoadStrategy: i,
       flatten: r,
       infiniteCarrousel: n,
-      preventFullScreen: l,
+      preventFullScreen: s,
       permanentGallery: o,
-      emitEvent: N,
-      playerInViewportWidthRatio: M,
-      isFullScreen: h,
+      emitEvent: C,
+      playerInViewportWidthRatio: z,
+      isFullScreen: p,
       requestFullscreen: E,
-      exitFullscreen: w,
+      exitFullscreen: x,
       children: /* @__PURE__ */ t.jsxs(ar, { children: [
         /* @__PURE__ */ t.jsx(
           "div",
           {
             id: "cc-webplayer-wrapper",
-            ref: c,
+            ref: d,
             className: "select-none text-foreground",
             style: {
               marginInline: "auto",
-              maxWidth: f && Math.floor(f)
+              maxWidth: h && Math.floor(h)
             },
             children: /* @__PURE__ */ t.jsx(Ur, { compositionUrl: e })
           }
         ),
-        s
+        a
       ] })
     }
   );
 }, Xr = ({ name: e, color: r, children: n }) => {
-  const { setIconConfig: o, resetIconConfig: a } = $e();
+  const { setIconConfig: o, resetIconConfig: i } = Fe();
   return A(() => {
     if (!(!n && !r))
       return o(e, {
         Icon: n,
         color: r
       }), () => {
-        a(e);
+        i(e);
       };
-  }, [n, r, e, a, o]), null;
-}, Gr = (e) => jt() ? /* @__PURE__ */ t.jsx(Xr, { ...e }) : /* @__PURE__ */ t.jsx("slot", {});
+  }, [n, r, e, i, o]), null;
+}, Gr = (e) => jt() ? /* @__PURE__ */ t.jsx(Xr, { ...e }) : /* @__PURE__ */ t.jsx("slot", {}), Br = '*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#cc-webplayer-wrapper{--background: var(--cc-webplayer-background, 0 0% 100%);--foreground: var(--cc-webplayer-foreground, 240 10% 3.9%);--primary: var(--cc-webplayer-primary, 216 100% 52%);--primary-foreground: var( --cc-webplayer-primary-foreground, var(--background) );--neutral: var(--cc-webplayer-neutral, 0 0% 39%);--neutral-foreground: var( --cc-webplayer-neutral-foreground, var(--foreground) );--radius-ui: var(--cc-webplayer-radius-ui, 1rem);--radius-carrousel: var(--cc-webplayer-radius-carrousel, 0);--radius-gallery: var(--cc-webplayer-radius-gallery, 0)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1{left:.25rem;right:.25rem}.inset-y-1{top:.25rem;bottom:.25rem}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.left-1{left:.25rem}.left-1\\/2{left:50%}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-2{top:.5rem}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-px{margin-top:-1px}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-1{width:.25rem;height:.25rem}.size-12{width:3rem;height:3rem}.size-20{width:5rem;height:5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3\\/4{height:75%}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.w-12{width:3rem}.w-3\\/5{width:60%}.w-8{width:2rem}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-40{max-width:10rem}.max-w-\\[1600px\\]{max-width:1600px}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.text-pretty{text-wrap:pretty}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + .125rem)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - .125rem)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-8{padding-top:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:.5rem;right:.5rem}.small\\:inset-y-2{top:.5rem;bottom:.5rem}.small\\:bottom-2{bottom:.5rem}.small\\:left-2{left:.5rem}.small\\:right-2{right:.5rem}.small\\:right-4{right:1rem}.small\\:top-2{top:.5rem}.small\\:top-4{top:1rem}.small\\:my-4{margin-top:1rem;margin-bottom:1rem}.small\\:hidden{display:none}.small\\:h-12{height:3rem}.small\\:max-w-48{max-width:12rem}.small\\:gap-2{gap:.5rem}.small\\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.small\\:gap-y-2{row-gap:.5rem}.small\\:gap-y-4{row-gap:1rem}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.small\\:p-2{padding:.5rem}.small\\:px-2{padding-left:.5rem;padding-right:.5rem}.small\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.small\\:pl-8{padding-left:2rem}.small\\:pr-6{padding-right:1.5rem}.small\\:text-base{font-size:1rem;line-height:1.5rem}.small\\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1280px){.large\\:h-20{height:5rem}.large\\:h-3\\/5{height:60%}.large\\:max-w-56{max-width:14rem}.large\\:gap-4{gap:1rem}.large\\:p-2{padding:.5rem}.large\\:p-3{padding:.75rem}.large\\:text-base{font-size:1rem;line-height:1.5rem}.large\\:text-lg{font-size:1.125rem;line-height:1.75rem}}';
 var It = { exports: {} }, ve = {};
 /**
  * @license React
@@ -2452,33 +2494,33 @@ var It = { exports: {} }, ve = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe;
-function Br() {
+function qr() {
   if (Qe) return ve;
   Qe = 1;
-  var e = xe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(d, s, g) {
-    var c, f = {}, p = null, M = null;
-    g !== void 0 && (p = "" + g), s.key !== void 0 && (p = "" + s.key), s.ref !== void 0 && (M = s.ref);
-    for (c in s) o.call(s, c) && !l.hasOwnProperty(c) && (f[c] = s[c]);
-    if (d && d.defaultProps) for (c in s = d.defaultProps, s) f[c] === void 0 && (f[c] = s[c]);
-    return { $$typeof: r, type: d, key: p, ref: M, props: f, _owner: a.current };
+  var e = we, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(c, a, f) {
+    var d, h = {}, g = null, z = null;
+    f !== void 0 && (g = "" + f), a.key !== void 0 && (g = "" + a.key), a.ref !== void 0 && (z = a.ref);
+    for (d in a) o.call(a, d) && !s.hasOwnProperty(d) && (h[d] = a[d]);
+    if (c && c.defaultProps) for (d in a = c.defaultProps, a) h[d] === void 0 && (h[d] = a[d]);
+    return { $$typeof: r, type: c, key: g, ref: z, props: h, _owner: i.current };
   }
-  return ve.Fragment = n, ve.jsx = i, ve.jsxs = i, ve;
+  return ve.Fragment = n, ve.jsx = l, ve.jsxs = l, ve;
 }
-It.exports = Br();
-var be = It.exports, Tt, et = At;
+It.exports = qr();
+var be = It.exports, Tt, et = Pt;
 Tt = et.createRoot, et.hydrateRoot;
-var qr = Object.defineProperty, Kr = (e, r, n) => r in e ? qr(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n, je = (e, r, n) => (Kr(e, typeof r != "symbol" ? r + "" : r, n), n);
-const Jr = {
+var Kr = Object.defineProperty, Jr = (e, r, n) => r in e ? Kr(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n, je = (e, r, n) => (Jr(e, typeof r != "symbol" ? r + "" : r, n), n);
+const Qr = {
   stringify: (e) => e,
   parse: (e) => e
-}, Qr = {
+}, en = {
   stringify: (e) => `${e}`,
   parse: (e) => parseFloat(e)
-}, en = {
+}, tn = {
   stringify: (e) => e ? "true" : "false",
   parse: (e) => /^[ty1-9]/i.test(e)
-}, tn = {
+}, rn = {
   stringify: (e) => e.name,
   parse: (e, r, n) => {
     const o = (() => {
@@ -2489,44 +2531,44 @@ const Jr = {
     })();
     return typeof o == "function" ? o.bind(n) : void 0;
   }
-}, rn = {
+}, nn = {
   stringify: (e) => JSON.stringify(e),
   parse: (e) => JSON.parse(e)
-}, Ae = {
-  string: Jr,
-  number: Qr,
-  boolean: en,
-  function: tn,
-  json: rn
+}, Pe = {
+  string: Qr,
+  number: en,
+  boolean: tn,
+  function: rn,
+  json: nn
 };
-function nn(e) {
+function on(e) {
   return e.replace(
     /([a-z0-9])([A-Z])/g,
     (r, n, o) => `${n}-${o.toLowerCase()}`
   );
 }
 const ke = Symbol.for("r2wc.render"), Ce = Symbol.for("r2wc.connected"), se = Symbol.for("r2wc.context"), J = Symbol.for("r2wc.props");
-function on(e, r, n) {
-  var o, a, l;
+function sn(e, r, n) {
+  var o, i, s;
   r.props || (r.props = e.propTypes ? Object.keys(e.propTypes) : []);
-  const i = Array.isArray(r.props) ? r.props.slice() : Object.keys(r.props), d = {}, s = {}, g = {};
-  for (const f of i) {
-    d[f] = Array.isArray(r.props) ? "string" : r.props[f];
-    const p = nn(f);
-    s[f] = p, g[p] = f;
+  const l = Array.isArray(r.props) ? r.props.slice() : Object.keys(r.props), c = {}, a = {}, f = {};
+  for (const h of l) {
+    c[h] = Array.isArray(r.props) ? "string" : r.props[h];
+    const g = on(h);
+    a[h] = g, f[g] = h;
   }
-  class c extends HTMLElement {
+  class d extends HTMLElement {
     constructor() {
-      super(), je(this, o, !0), je(this, a), je(this, l, {}), je(this, "container"), r.shadow ? this.container = this.attachShadow({
+      super(), je(this, o, !0), je(this, i), je(this, s, {}), je(this, "container"), r.shadow ? this.container = this.attachShadow({
         mode: r.shadow
       }) : this.container = this, this[J].container = this.container;
-      for (const p of i) {
-        const M = s[p], u = this.getAttribute(M), h = d[p], j = h ? Ae[h] : null;
-        j != null && j.parse && u && (this[J][p] = j.parse(u, M, this));
+      for (const g of l) {
+        const z = a[g], u = this.getAttribute(z), p = c[g], j = p ? Pe[p] : null;
+        j != null && j.parse && u && (this[J][g] = j.parse(u, z, this));
       }
     }
     static get observedAttributes() {
-      return Object.keys(g);
+      return Object.keys(f);
     }
     connectedCallback() {
       this[Ce] = !0, this[ke]();
@@ -2534,11 +2576,11 @@ function on(e, r, n) {
     disconnectedCallback() {
       this[Ce] = !1, this[se] && n.unmount(this[se]), delete this[se];
     }
-    attributeChangedCallback(p, M, u) {
-      const h = g[p], j = d[h], N = j ? Ae[j] : null;
-      h in d && N != null && N.parse && u && (this[J][h] = N.parse(u, p, this), this[ke]());
+    attributeChangedCallback(g, z, u) {
+      const p = f[g], j = c[p], C = j ? Pe[j] : null;
+      p in c && C != null && C.parse && u && (this[J][p] = C.parse(u, g, this), this[ke]());
     }
-    [(o = Ce, a = se, l = J, ke)]() {
+    [(o = Ce, i = se, s = J, ke)]() {
       this[Ce] && (this[se] ? n.update(this[se], this[J]) : this[se] = n.mount(
         this.container,
         e,
@@ -2546,45 +2588,44 @@ function on(e, r, n) {
       ));
     }
   }
-  for (const f of i) {
-    const p = s[f], M = d[f];
-    Object.defineProperty(c.prototype, f, {
+  for (const h of l) {
+    const g = a[h], z = c[h];
+    Object.defineProperty(d.prototype, h, {
       enumerable: !0,
       configurable: !0,
       get() {
-        return this[J][f];
+        return this[J][h];
       },
       set(u) {
-        this[J][f] = u;
-        const h = M ? Ae[M] : null;
-        if (h != null && h.stringify) {
-          const j = h.stringify(u, p, this);
-          this.getAttribute(p) !== j && this.setAttribute(p, j);
+        this[J][h] = u;
+        const p = z ? Pe[z] : null;
+        if (p != null && p.stringify) {
+          const j = p.stringify(u, g, this);
+          this.getAttribute(g) !== j && this.setAttribute(g, j);
         } else
           this[ke]();
       }
     });
   }
-  return c;
+  return d;
 }
-function sn(e, r, n) {
-  const o = Tt(e), a = xe.createElement(r, n);
-  return o.render(a), {
+function an(e, r, n) {
+  const o = Tt(e), i = we.createElement(r, n);
+  return o.render(i), {
     root: o,
     ReactComponent: r
   };
 }
-function an({ root: e, ReactComponent: r }, n) {
-  const o = xe.createElement(r, n);
+function ln({ root: e, ReactComponent: r }, n) {
+  const o = we.createElement(r, n);
   e.render(o);
 }
-function ln({ root: e }) {
+function cn({ root: e }) {
   e.unmount();
 }
 function Vt(e, r = {}) {
-  return on(e, r, { mount: sn, update: an, unmount: ln });
+  return sn(e, r, { mount: an, update: ln, unmount: cn });
 }
-const cn = '*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#cc-webplayer-wrapper{--background: var(--cc-webplayer-background, 0 0% 100%);--foreground: var(--cc-webplayer-foreground, 240 10% 3.9%);--primary: var(--cc-webplayer-primary, 216 100% 52%);--primary-foreground: var( --cc-webplayer-primary-foreground, var(--background) );--neutral: var(--cc-webplayer-neutral, 0 0% 39%);--neutral-foreground: var( --cc-webplayer-neutral-foreground, var(--foreground) );--radius-ui: var(--cc-webplayer-radius-ui, 1rem);--radius-carrousel: var(--cc-webplayer-radius-carrousel, 0);--radius-gallery: var(--cc-webplayer-radius-gallery, 0)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1{left:.25rem;right:.25rem}.inset-y-1{top:.25rem;bottom:.25rem}.-bottom-0\\.5{bottom:-.125rem}.-left-0\\.5{left:-.125rem}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.left-1{left:.25rem}.left-1\\/2{left:50%}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-2{top:.5rem}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-px{margin-top:-1px}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-1{width:.25rem;height:.25rem}.size-12{width:3rem;height:3rem}.size-20{width:5rem;height:5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3\\/4{height:75%}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.w-12{width:3rem}.w-3\\/5{width:60%}.w-8{width:2rem}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-40{max-width:10rem}.max-w-\\[1600px\\]{max-width:1600px}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-lg{border-radius:calc(var(--radius-ui) + .25rem)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + .125rem)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - .125rem)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-8{padding-top:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:.5rem;right:.5rem}.small\\:inset-y-2{top:.5rem;bottom:.5rem}.small\\:bottom-2{bottom:.5rem}.small\\:left-2{left:.5rem}.small\\:right-2{right:.5rem}.small\\:right-4{right:1rem}.small\\:top-2{top:.5rem}.small\\:top-4{top:1rem}.small\\:my-4{margin-top:1rem;margin-bottom:1rem}.small\\:hidden{display:none}.small\\:h-12{height:3rem}.small\\:max-w-48{max-width:12rem}.small\\:gap-2{gap:.5rem}.small\\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.small\\:gap-y-2{row-gap:.5rem}.small\\:gap-y-4{row-gap:1rem}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.small\\:px-2{padding-left:.5rem;padding-right:.5rem}.small\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.small\\:pl-8{padding-left:2rem}.small\\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1280px){.large\\:h-20{height:5rem}.large\\:h-3\\/5{height:60%}.large\\:gap-4{gap:1rem}.large\\:p-2{padding:.5rem}}';
 function dn(e) {
   return e.replace(
     /([a-z0-9])([A-Z])/g,
@@ -2598,7 +2639,7 @@ function un(e) {
   }), r;
 }
 const mn = (e) => /* @__PURE__ */ be.jsxs(be.Fragment, { children: [
-  /* @__PURE__ */ be.jsx("style", { children: cn }),
+  /* @__PURE__ */ be.jsx("style", { children: Br }),
   /* @__PURE__ */ be.jsx(Yr, { ...e })
 ] }), pn = Vt(mn, {
   shadow: "open",
@@ -2614,21 +2655,21 @@ const mn = (e) => /* @__PURE__ */ be.jsxs(be.Fragment, { children: [
     eventPrefix: "string",
     reverse360: "boolean"
   }
-}), hn = (e) => un(e), fn = Vt(Gr, {
+}), hn = (e) => un(e), gn = Vt(Gr, {
   shadow: "closed",
   props: {
     name: "string",
     color: "string"
   }
 });
-function gn() {
-  return !!customElements.get(Ze) && !!customElements.get(Fe);
+function fn() {
+  return !!customElements.get(Ze) && !!customElements.get($e);
 }
 function vn() {
-  customElements.define(Ze, pn), customElements.define(Fe, fn);
+  customElements.define(Ze, pn), customElements.define($e, gn);
 }
 function St() {
-  gn() || vn();
+  fn() || vn();
 }
 St();
 const yn = ({
@@ -2636,51 +2677,51 @@ const yn = ({
   onCompositionLoaded: r,
   onCompositionLoadError: n,
   onExtendModeOn: o,
-  onExtendModeOff: a,
-  onHotspotsOn: l,
-  onHotspotsOff: i,
-  onGalleryOpen: d,
-  onGalleryClose: s,
-  ...g
+  onExtendModeOff: i,
+  onHotspotsOn: s,
+  onHotspotsOff: l,
+  onGalleryOpen: c,
+  onGalleryClose: a,
+  ...f
 }) => {
-  const c = hn(g);
+  const d = hn(f);
   return A(() => {
-    const f = g.eventPrefix ?? mt, p = (u) => `${f}${u}`, M = /* @__PURE__ */ new Map([
+    const h = f.eventPrefix ?? mt, g = (u) => `${h}${u}`, z = /* @__PURE__ */ new Map([
       [nt, e],
       [ot, r],
       [st, n],
       [at, o],
-      [it, a],
-      [lt, l],
-      [ct, i],
-      [dt, d],
-      [ut, s]
+      [it, i],
+      [lt, s],
+      [ct, l],
+      [dt, c],
+      [ut, a]
     ]);
-    return M.forEach((u, h) => {
+    return z.forEach((u, p) => {
       if (u) {
-        const j = p(h);
+        const j = g(p);
         document.addEventListener(j, u);
       }
     }), () => {
-      M.forEach((u, h) => {
+      z.forEach((u, p) => {
         if (u) {
-          const j = p(h);
+          const j = g(p);
           document.removeEventListener(j, u);
         }
       });
     };
   }, [
-    g.eventPrefix,
+    f.eventPrefix,
     e,
     r,
     n,
     o,
-    a,
-    l,
     i,
-    d,
-    s
-  ]), /* @__PURE__ */ rt.jsx("cc-webplayer", { ...c });
+    s,
+    l,
+    c,
+    a
+  ]), /* @__PURE__ */ rt.jsx("cc-webplayer", { ...d });
 };
 St();
 const bn = ({ name: e, color: r }) => /* @__PURE__ */ rt.jsx("cc-webplayer-icon", { name: e, color: r });
@@ -2695,7 +2736,7 @@ export {
   dt as EVENT_GALLERY_OPEN,
   ct as EVENT_HOTSPOTS_OFF,
   lt as EVENT_HOTSPOTS_ON,
-  Fe as WEB_PLAYER_ICON_WC_TAG,
+  $e as WEB_PLAYER_ICON_WC_TAG,
   Ze as WEB_PLAYER_WC_TAG,
   yn as WebPlayer,
   bn as WebPlayerIcon