@car-cutter/react-webplayer 0.3.1 → 0.3.2

package/dist/index.js

@@ -14,15 +14,15 @@ var Ye;
 function Pt() {
   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 e = xe, 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(d, a, 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 };
+    g !== void 0 && (p = "" + g), a.key !== void 0 && (p = "" + a.key), a.ref !== void 0 && (M = a.ref);
+    for (c in a) o.call(a, c) && !s.hasOwnProperty(c) && (f[c] = a[c]);
+    if (d && d.defaultProps) for (c in a = d.defaultProps, a) f[c] === void 0 && (f[c] = a[c]);
+    return { $$typeof: r, type: d, key: p, ref: M, props: f, _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();
 var rt = tt.exports;
@@ -45,15 +45,15 @@ var Xe;
 function Xt() {
   if (Xe) return fe;
   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 e = xe, 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(d, a, 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 };
+    g !== void 0 && (p = "" + g), a.key !== void 0 && (p = "" + a.key), a.ref !== void 0 && (M = a.ref);
+    for (c in a) o.call(a, c) && !s.hasOwnProperty(c) && (f[c] = a[c]);
+    if (d && d.defaultProps) for (c in a = d.defaultProps, a) f[c] === void 0 && (f[c] = a[c]);
+    return { $$typeof: r, type: d, key: p, ref: M, props: f, _owner: i.current };
   }
-  return fe.Fragment = n, fe.jsx = i, fe.jsxs = i, fe;
+  return fe.Fragment = n, fe.jsx = l, fe.jsxs = l, fe;
 }
 pt.exports = Xt();
 var t = pt.exports;
@@ -69,9 +69,9 @@ const Oe = /* @__PURE__ */ new Map(), Bt = (e) => {
     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,8 +115,8 @@ const Oe = /* @__PURE__ */ new Map(), Bt = (e) => {
     {
       value: {
         ...e,
-        items: a,
-        aspectRatioStyle: l
+        items: i,
+        aspectRatioStyle: s
       },
       children: r
     }
@@ -146,9 +146,9 @@ 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(
+    requestFullscreen: i,
+    exitFullscreen: s
+  } = te(), { categories: l, items: d } = ee(), a = T(() => d.map(() => null), [d]), [g, c] = F(a), f = T(
     (O, de) => {
       c(
         (ye) => ye.map((Re, pe) => pe === O ? de : Re)
@@ -166,20 +166,20 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
     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)
+    for (const O of l)
       if (O.items.includes(N))
         return O.id;
     throw new Error("Current item not found in any category");
-  }, [i, N]), z = T(
+  }, [l, N]), z = T(
     (O) => {
       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 === O)) == 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);
     },
-    [i, d]
+    [l, d]
   ), C = Q(() => {
     var O;
     switch (N.type) {
@@ -233,7 +233,7 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
     De(O);
   }, [Te]), Se = T(async () => {
     if (ce(), !o) {
-      const O = await a();
+      const O = await i();
       if (Ue(!O), O)
         return;
     }
@@ -241,14 +241,14 @@ const Ee = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Le
   }, [
     o,
     le,
-    a,
+    i,
     ce
   ]), He = T(async () => {
-    ce(), !(!o && (Ue(!1), await l())) && le(!1);
+    ce(), !(!o && (Ue(!1), await s())) && le(!1);
   }, [
     o,
     le,
-    l,
+    s,
     ce
   ]), Rt = T(() => {
     ie ? He() : Se();
@@ -393,16 +393,16 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   const [r, n] = F(
     /* @__PURE__ */ new Map()
   ), o = T(
-    (i) => {
-      const d = r.get(i);
+    (l) => {
+      const d = r.get(l);
       if (d)
         return d;
-      const s = document.querySelector(
-        `${Fe}[name="${i}"]`
+      const a = document.querySelector(
+        `${Fe}[name="${l}"]`
       );
-      if (!s)
+      if (!a)
         return;
-      const g = s.getAttribute("color") ?? void 0, c = s.innerHTML, f = c ? /* @__PURE__ */ t.jsx(
+      const g = a.getAttribute("color") ?? void 0, c = a.innerHTML, f = c ? /* @__PURE__ */ t.jsx(
         "div",
         {
           className: "size-full",
@@ -413,21 +413,21 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
         return { Icon: f, color: g };
     },
     [r]
-  ), a = T(
-    (i, d) => {
-      n((s) => new Map(s.set(i, d)));
+  ), i = T(
+    (l, d) => {
+      n((a) => new Map(a.set(l, d)));
     },
     []
-  ), l = T((i) => {
-    n((d) => (d.delete(i), new Map(d)));
+  ), s = T((l) => {
+    n((d) => (d.delete(l), new Map(d)));
   }, []);
   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 } = $e(), 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], d = 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} ${d} 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 = ({
@@ -526,21 +526,21 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   ...o
 }) => {
   const {
-    minImageWidth: a,
-    maxImageWidth: l,
-    imageLoadStrategy: i,
+    minImageWidth: i,
+    maxImageWidth: s,
+    imageLoadStrategy: l,
     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));
+  } = te(), { imageHdWidth: a, imageSubWidths: g } = ee(), [c, f] = Q(() => {
+    const p = g.concat(a).sort((h, j) => h - j).filter((h) => !(i && h < i || s && h > s));
     if (p.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 M = p.map((h) => `${h !== a ? Yt(e, h) : e} ${h}w`);
     let u;
     if (n)
       u = [`${p.shift()}px`];
     else {
       const h = 1 / (r * d);
-      if (i === "quality") {
+      if (l === "quality") {
         const j = p.pop();
         u = p.map(
           (N) => `(max-width: ${h * N}px) ${N}px`
@@ -554,12 +554,12 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     }
     return [M.join(", "), u.join(", ")];
   }, [
-    s,
-    i,
+    a,
+    l,
     g,
     r,
-    l,
-    a,
+    s,
+    i,
     n,
     d,
     e
@@ -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(we, { 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(Nt, { 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 })
       ]
     }
   );
@@ -691,8 +702,8 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   className: e = "",
   containerClassName: r = ""
 }) => {
-  const { flatten: n, isFullScreen: o, permanentGallery: a } = te(), { categories: l, items: i, aspectRatioStyle: d } = ee(), {
-    extendMode: s,
+  const { flatten: n, isFullScreen: o, permanentGallery: i } = te(), { categories: s, items: l, aspectRatioStyle: d } = ee(), {
+    extendMode: a,
     extendTransition: g,
     masterItemIndex: c,
     setItemIndexCommand: f,
@@ -702,12 +713,12 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       return [];
     const v = new Array();
     let L = 0;
-    for (let z = 0; z < l.length - 1; z++) {
-      const C = l[z].items.length;
+    for (let z = 0; z < s.length - 1; z++) {
+      const C = s[z].items.length;
       v.push(L + C), L += C;
     }
     return v;
-  }, [l, n]), u = W(null), h = T(() => {
+  }, [s, n]), u = W(null), h = T(() => {
     if (!u.current)
       throw new Error("slider.current is null");
     return u.current;
@@ -715,13 +726,13 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     null
   ), [E, w] = F(!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;
+      const z = h(), C = z.clientWidth, S = z.scrollWidth / l.length, H = (v + 1 / 2) * S - C / 2, R = z.scrollWidth - z.clientWidth;
       z.scrollTo({
         left: ae(H, 0, R),
         behavior: L
       });
     },
-    [i.length, h]
+    [l.length, h]
   );
   A(() => {
     const v = u.current;
@@ -762,7 +773,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     k,
     // - Run the effect when those values change
     o,
-    s,
+    a,
     g
   ]);
   const I = (v, L) => {
@@ -782,14 +793,14 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
         {
           className: Z(
             "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: [
+          children: l.map((v, L) => /* @__PURE__ */ t.jsxs(Ot, { children: [
             M.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"
               }
             ) }),
@@ -822,13 +833,13 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   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), d = 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), g = W(null), c = W(/* @__PURE__ */ new Map()), f = W({ x: 0, y: 0, scale: 1 }), p = W(null), M = T(
     (E) => {
       const w = d("setTransformStyle"), {
         x: k,
@@ -857,7 +868,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       };
       p.current && (cancelAnimationFrame(p.current), p.current = null);
       const C = () => {
-        M({ x: v, y: L, scale: z }), a(z);
+        M({ x: v, y: L, scale: z }), i(z);
       }, S = Math.abs(v - k) < 1 && Math.abs(L - y) < 1 && Math.abs(z - I) < 5e-3;
       if (!w || S) {
         C();
@@ -877,7 +888,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       };
       R();
     },
-    [M, a]
+    [M, i]
   ), h = T(
     (E, w) => {
       let { x: k, y } = f.current;
@@ -920,20 +931,20 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     [d, j]
   );
   return A(() => {
-    i.current && N(n);
+    l.current && N(n);
   }, [N, 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 = {
+      I.preventDefault(), I.stopPropagation(), a.current = !0, g.current = {
         x: I.clientX,
         y: I.clientY
       };
     }, k = (I) => {
-      if (!s.current)
+      if (!a.current)
         return;
       if (!g.current)
         throw new Error("mouseStartXY.current is null");
@@ -947,13 +958,13 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
         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);
     };
   }, [o, h]), A(() => {
-    const E = l.current;
+    const E = s.current;
     if (!E)
       return;
     const w = (k) => {
@@ -980,7 +991,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       E.removeEventListener("wheel", w);
     };
   }, [o, h, j, n]), A(() => {
-    const E = l.current, w = i.current;
+    const E = s.current, w = l.current;
     if (!E || !w)
       return;
     const k = c.current, y = (L) => {
@@ -1028,12 +1039,12 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   }, [o, h, 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,
@@ -1053,9 +1064,9 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     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 } = $e(), d = n ? l(n) : void 0, { setShownDetails: a } = q(), g = !!s, c = (s == null ? void 0 : s.type) === "image", f = c ? /* @__PURE__ */ t.jsx(gr, { className: "size-4" }) : /* @__PURE__ */ t.jsx("div", { className: "size-1" }), p = () => {
+    c && a({
+      src: s.src,
       title: r,
       text: o
     });
@@ -1091,8 +1102,8 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
           {
             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",
+              i.y < 0.55 ? "-top-0.5" : "-bottom-0.5",
+              i.x < 0.55 ? "-left-0.5" : "-right-0.5",
               "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: [
@@ -1140,14 +1151,14 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
       return o;
   }
 }, Mt = ({ className: e, hotspots: r, ...n }) => {
-  const { isShowingDetails: o, showHotspots: a } = q();
+  const { isShowingDetails: o, showHotspots: i } = q();
   return /* @__PURE__ */ t.jsx("div", { className: Z("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)))
+        i && (r == null ? void 0 : r.map((s, l) => /* @__PURE__ */ t.jsx(wr, { hotspot: s }, l)))
       ]
     }
   ) });
@@ -1155,15 +1166,15 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
   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(() => {
+  const { reverse360: n } = te(), { isShowingDetails: o, isZooming: i } = q(), s = i || o, l = W(null), d = W(null), [a, g] = F(0), c = e.length, f = T(() => {
     g((M) => (M - 1 + c) % c);
   }, [c]), p = T(() => {
     g((M) => (M + 1) % c);
   }, [c]);
   return A(() => {
-    if (l)
+    if (s)
       return;
-    const M = i.current, u = d.current;
+    const M = l.current, u = d.current;
     if (!M || !u)
       return;
     let h = null, j = [], N = null;
@@ -1249,38 +1260,38 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     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", _);
     };
-  }, [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: [
+  }, [p, f, s, n]), /* @__PURE__ */ t.jsx("div", { ref: l, 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(
       Mt,
       {
         ...M,
         className: Z(
-          u !== s && "pointer-events-none !absolute left-0 top-0 -z-10"
+          u !== a && "pointer-events-none !absolute left-0 top-0 -z-10"
         ),
-        onlyPreload: u !== s || r
+        onlyPreload: u !== a || r
       },
       M.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 o = Q(() => e.map(({ src: g }) => g), [e]), [i, s] = F(null), l = i ? [...i.values()].filter((g) => g).length / e.length * 100 : null, d = T(() => {
+    l === null && s(new Map(o.map((g) => [g, !1])));
+  }, [o, l]), a = T((g) => {
+    s((c) => {
       const f = new Map(c);
       return f.set(g, !0), f;
     });
   }, []);
   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
+    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((g) => /* @__PURE__ */ t.jsx(
       we,
       {
         src: g,
-        onLoad: () => s(g),
+        onLoad: () => a(g),
         onError: n
       },
       g
@@ -1294,13 +1305,13 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
         {
           className: Z(
             "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 +1319,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] = F(
     "placeholder"
   );
   return A(() => {
@@ -1319,8 +1330,8 @@ 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(
@@ -1381,31 +1392,31 @@ 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(() => {
+  const { carrouselItemIndex: o, setItemInteraction: i } = q(), s = o === n, l = W(null), d = W(null), a = T(() => {
     if (!d.current)
       throw new Error("videoRef.current is null");
     return d.current;
   }, []), g = T(() => {
-    s().play();
-  }, [s]), c = T(() => {
-    s().pause();
-  }, [s]);
+    a().play();
+  }, [a]), c = T(() => {
+    a().pause();
+  }, [a]);
   A(() => {
-    l || c();
-  }, [c, l]);
+    s || c();
+  }, [c, s]);
   const [f, p] = F(!1), [M, u] = F(!0), h = () => {
-    p(!0), a(n, "running");
+    p(!0), i(n, "running");
   }, j = () => {
-    p(!1), a(n, null);
+    p(!1), i(n, null);
   }, N = () => {
     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));
+    const b = a(), V = m.currentTarget.getBoundingClientRect(), P = (m.clientX - V.left) / V.width, $ = Math.min(1, Math.max(0, P));
     b.volume = $, b.muted = !1;
   }, I = (m) => {
-    const b = s();
+    const b = a();
     b.muted = m;
   };
   A(() => {
@@ -1438,7 +1449,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     };
   }, []);
   const C = (m) => {
-    const b = s(), V = m.currentTarget.getBoundingClientRect(), P = (m.clientX - V.left) / V.width, $ = b.duration * P;
+    const b = a(), V = m.currentTarget.getBoundingClientRect(), P = (m.clientX - V.left) / V.width, $ = b.duration * P;
     b.currentTime = $;
   }, S = (m) => {
     const b = Math.floor(m % 3600 / 60), V = Math.floor(m % 60);
@@ -1452,7 +1463,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     }, _r);
   }, [_]);
   return A(() => {
-    const m = i.current, b = d.current;
+    const m = l.current, b = d.current;
     if (!m || !b)
       return;
     const V = () => {
@@ -1473,7 +1484,7 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     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);
     };
-  }, [_, c, x]), /* @__PURE__ */ t.jsxs("div", { ref: i, className: "relative size-full", children: [
+  }, [_, c, x]), /* @__PURE__ */ t.jsxs("div", { ref: l, className: "relative size-full", children: [
     /* @__PURE__ */ t.jsx(
       "video",
       {
@@ -1577,28 +1588,28 @@ const bt = Le(null), jt = () => _e(bt), $e = () => {
     )
   ] });
 }, 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(xr, { 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) => {
@@ -1695,7 +1706,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
   onToggle: r,
   label: n,
   className: o,
-  children: a
+  children: i
 }) => /* @__PURE__ */ t.jsxs(
   "label",
   {
@@ -1728,7 +1739,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
                 "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
             }
           )
         }
@@ -1753,13 +1764,13 @@ 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);
+  const { categories: r } = ee(), { displayedCategoryId: n, changeCategory: o } = q(), [i, s] = F(!1), l = () => {
+    s(!i);
   }, d = () => {
-    l(!1);
+    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"),
@@ -1779,24 +1790,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: g }) => /* @__PURE__ */ t.jsx(
             "li",
             {
               className: Z(
                 "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
             },
-            s
+            a
           )) }) })
         ]
       }
@@ -1809,14 +1820,14 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
           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: g }) => /* @__PURE__ */ t.jsx(
           B,
           {
-            variant: s === n ? "fill" : "ghost",
-            onClick: () => o(s),
+            variant: a === n ? "fill" : "ghost",
+            onClick: () => o(a),
             children: g
           },
-          s
+          a
         )) })
       }
     )
@@ -1824,12 +1835,12 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
 }, $r = () => {
   const { flatten: e, infiniteCarrousel: r, permanentGallery: n } = te(), {
     items: { length: o },
-    aspectRatioStyle: a
+    aspectRatioStyle: i
   } = ee(), {
-    slidable: l,
-    masterItemIndex: i,
+    slidable: s,
+    masterItemIndex: l,
     prevImage: d,
-    nextImage: s,
+    nextImage: a,
     showGalleryControls: g,
     enableHotspotsControl: c,
     showHotspots: f,
@@ -1858,7 +1869,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
   const H = "absolute z-overlay", R = `transition-opacity ${g ? "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: [
+    s && !y && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
         B,
         {
@@ -1866,7 +1877,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
           color: "neutral",
           className: Z(H, ue("middle-left")),
           onClick: d,
-          disabled: !r && i <= 0,
+          disabled: !r && l <= 0,
           children: /* @__PURE__ */ t.jsx(Y, { customizationKey: "CONTROLS_ARROW_LEFT", children: /* @__PURE__ */ t.jsx(Je, { className: "size-full rotate-180" }) })
         }
       ),
@@ -1876,8 +1887,8 @@ 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,
+          onClick: a,
+          disabled: !r && l >= o - 1,
           children: /* @__PURE__ */ t.jsx(Y, { customizationKey: "CONTROLS_ARROW_RIGHT", children: /* @__PURE__ */ t.jsx(Je, { className: "size-full" }) })
         }
       )
@@ -1976,7 +1987,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
                 we,
                 {
                   className: "w-full bg-foreground/65",
-                  style: a,
+                  style: i,
                   src: N.src,
                   imgInPlayerWidthRatio: 0.6
                 }
@@ -1999,11 +2010,11 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     )
   ] });
 }, Wr = ({ className: e = "" }) => {
-  const { infiniteCarrousel: r, isFullScreen: n } = te(), { items: o, aspectRatioStyle: a } = ee(), {
-    slidable: l,
-    carrouselItemIndex: i,
+  const { infiniteCarrousel: r, isFullScreen: n } = te(), { items: o, aspectRatioStyle: i } = ee(), {
+    slidable: s,
+    carrouselItemIndex: l,
     setCarrouselItemIndex: d,
-    itemIndexCommand: s,
+    itemIndexCommand: a,
     setItemIndexCommand: g,
     cycling: c,
     isCycling: f,
@@ -2084,9 +2095,9 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     };
   }, [S]), A(() => {
     const _ = v();
-    Number.isNaN(_) || _ !== i && C(i, "instant");
+    Number.isNaN(_) || _ !== l && C(l, "instant");
   }, [
-    i,
+    l,
     C,
     v,
     // - Run the effect when those values change
@@ -2096,7 +2107,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     M,
     u
   ]), A(() => {
-    if (!l || f) {
+    if (!s || f) {
       L("auto");
       return;
     }
@@ -2134,7 +2145,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     C,
     L,
     z,
-    l
+    s
   ]), A(() => {
     if (u || R)
       return;
@@ -2143,7 +2154,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       return;
     const x = () => {
       const m = v();
-      Number.isNaN(m) || (d(m), m === s && g(null));
+      Number.isNaN(m) || (d(m), m === a && g(null));
     };
     return _.addEventListener("scroll", x), () => {
       _.removeEventListener("scroll", x);
@@ -2153,29 +2164,29 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     u,
     f,
     R,
-    s,
+    a,
     o.length,
     d,
     g
   ]), 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 && (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(a, "smooth"));
+  }, [c, p, a, o.length, C]);
+  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,
+      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
+                const m = _.type === "360" ? _.images[0] : _.src, b = x === l, V = x === 0, P = l === o.length - 1, $ = x === o.length - 1, D = l === 0, X = Math.abs(x - l) > 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)
@@ -2191,7 +2202,7 @@ 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,
                       {
@@ -2209,10 +2220,10 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
             ]
           }
         ),
-        l && !h && /* @__PURE__ */ t.jsx("div", { className: `absolute ${ue("top-right")}`, children: /* @__PURE__ */ t.jsx(
+        s && !h && /* @__PURE__ */ t.jsx("div", { className: `absolute ${ue("top-right")}`, children: /* @__PURE__ */ t.jsx(
           hr,
           {
-            currentIndex: i,
+            currentIndex: l,
             maxIndex: o.length - 1
           }
         ) }),
@@ -2224,16 +2235,16 @@ 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,
+    isShowingDetails: i,
+    resetShownDetails: s,
+    extendMode: l,
     disableExtendMode: d,
-    isZooming: s,
+    isZooming: a,
     resetZoom: g,
     fakeFullScreen: c
   } = q(), f = W(null), p = W(null), M = W(null);
   return A(() => {
-    if (!i)
+    if (!l)
       return;
     const u = f.current, h = p.current, j = M.current;
     if (!u || !h || !j)
@@ -2247,11 +2258,11 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     return u.addEventListener("mousedown", w), u.addEventListener("mouseup", k), () => {
       u.removeEventListener("mousedown", w), u.removeEventListener("mouseup", k);
     };
-  }, [d, i]), A(() => {
+  }, [d, l]), A(() => {
     const u = (h) => {
-      const j = h.key === "Escape", N = !s && !a;
+      const j = h.key === "Escape", N = !a && !i;
       if (j)
-        s ? g() : a ? l() : d();
+        a ? g() : i ? s() : d();
       else if (N)
         switch (h.key) {
           case "ArrowLeft":
@@ -2267,11 +2278,11 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     };
   }, [
     d,
+    i,
     a,
-    s,
     o,
     n,
-    l,
+    s,
     g
   ]), /* @__PURE__ */ t.jsxs(
     "div",
@@ -2279,7 +2290,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       ref: f,
       className: Z(
         "relative",
-        i && "flex size-full items-center justify-center bg-foreground/75",
+        l && "flex size-full items-center justify-center bg-foreground/75",
         c && "fixed inset-0 z-overlay"
       ),
       children: [
@@ -2287,24 +2298,24 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
           "div",
           {
             ref: p,
-            className: i ? "flex size-full flex-col justify-center gap-y-2 small:gap-y-4" : "space-y-2",
+            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"
+                    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: Z(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: Z(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",
@@ -2320,12 +2331,12 @@ 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" })
   ] });
@@ -2334,20 +2345,20 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
   flatten: r = Zt,
   infiniteCarrousel: n = Ft,
   permanentGallery: o = $t,
-  imageLoadStrategy: a = Wt,
-  preventFullScreen: l = Dt,
-  eventPrefix: i = mt,
+  imageLoadStrategy: i = Wt,
+  preventFullScreen: s = Dt,
+  eventPrefix: l = mt,
   reverse360: d = Ut,
-  children: s,
+  children: a,
   // NOTE: use to customize the player, not to display the content
   ...g
 }) => {
   const c = W(null), [f, p] = F(), [M, u] = F(0.5), [h, j] = F(!1), N = 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) {
@@ -2364,7 +2375,7 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
       removeEventListener("resize", y);
     };
   }, [h]), A(() => {
-    if (l)
+    if (s)
       return;
     const k = c.current;
     if (!k)
@@ -2379,7 +2390,7 @@ 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;
     if (!k)
@@ -2401,10 +2412,10 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
     {
       ...g,
       reverse360: d,
-      imageLoadStrategy: a,
+      imageLoadStrategy: i,
       flatten: r,
       infiniteCarrousel: n,
-      preventFullScreen: l,
+      preventFullScreen: s,
       permanentGallery: o,
       emitEvent: N,
       playerInViewportWidthRatio: M,
@@ -2425,21 +2436,21 @@ const Je = ({ className: e }) => /* @__PURE__ */ t.jsx(Y, { className: e, custom
             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 } = $e();
   return A(() => {
     if (!(!n && !r))
       return o(e, {
         Icon: n,
         color: r
       }), () => {
-        a(e);
+        i(e);
       };
-  }, [n, r, e, a, o]), null;
+  }, [n, r, e, i, o]), null;
 }, Gr = (e) => jt() ? /* @__PURE__ */ t.jsx(Xr, { ...e }) : /* @__PURE__ */ t.jsx("slot", {});
 var It = { exports: {} }, ve = {};
 /**
@@ -2455,15 +2466,15 @@ var Qe;
 function Br() {
   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 e = xe, 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(d, a, 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 };
+    g !== void 0 && (p = "" + g), a.key !== void 0 && (p = "" + a.key), a.ref !== void 0 && (M = a.ref);
+    for (c in a) o.call(a, c) && !s.hasOwnProperty(c) && (f[c] = a[c]);
+    if (d && d.defaultProps) for (c in a = d.defaultProps, a) f[c] === void 0 && (f[c] = a[c]);
+    return { $$typeof: r, type: d, key: p, ref: M, props: f, _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;
@@ -2507,21 +2518,21 @@ function nn(e) {
 }
 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;
+  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) {
+  const l = Array.isArray(r.props) ? r.props.slice() : Object.keys(r.props), d = {}, a = {}, g = {};
+  for (const f of l) {
     d[f] = Array.isArray(r.props) ? "string" : r.props[f];
     const p = nn(f);
-    s[f] = p, g[p] = f;
+    a[f] = p, g[p] = f;
   }
   class c 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;
+      for (const p of l) {
+        const M = a[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));
       }
     }
@@ -2538,7 +2549,7 @@ function on(e, r, n) {
       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]());
     }
-    [(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,8 +2557,8 @@ function on(e, r, n) {
       ));
     }
   }
-  for (const f of i) {
-    const p = s[f], M = d[f];
+  for (const f of l) {
+    const p = a[f], M = d[f];
     Object.defineProperty(c.prototype, f, {
       enumerable: !0,
       configurable: !0,
@@ -2568,8 +2579,8 @@ function on(e, r, n) {
   return c;
 }
 function sn(e, r, n) {
-  const o = Tt(e), a = xe.createElement(r, n);
-  return o.render(a), {
+  const o = Tt(e), i = xe.createElement(r, n);
+  return o.render(i), {
     root: o,
     ReactComponent: r
   };
@@ -2584,7 +2595,7 @@ function ln({ root: e }) {
 function Vt(e, r = {}) {
   return on(e, r, { mount: sn, update: an, unmount: ln });
 }
-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}}';
+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\\/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-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,
@@ -2636,11 +2647,11 @@ const yn = ({
   onCompositionLoaded: r,
   onCompositionLoadError: n,
   onExtendModeOn: o,
-  onExtendModeOff: a,
-  onHotspotsOn: l,
-  onHotspotsOff: i,
+  onExtendModeOff: i,
+  onHotspotsOn: s,
+  onHotspotsOff: l,
   onGalleryOpen: d,
-  onGalleryClose: s,
+  onGalleryClose: a,
   ...g
 }) => {
   const c = hn(g);
@@ -2650,11 +2661,11 @@ const yn = ({
       [ot, r],
       [st, n],
       [at, o],
-      [it, a],
-      [lt, l],
-      [ct, i],
+      [it, i],
+      [lt, s],
+      [ct, l],
       [dt, d],
-      [ut, s]
+      [ut, a]
     ]);
     return M.forEach((u, h) => {
       if (u) {
@@ -2675,11 +2686,11 @@ const yn = ({
     r,
     n,
     o,
-    a,
-    l,
     i,
+    s,
+    l,
     d,
-    s
+    a
   ]), /* @__PURE__ */ rt.jsx("cc-webplayer", { ...c });
 };
 St();