@telefonica/mistica 16.62.0-beta.1 → 16.63.0

package/dist/menu.js

@@ -11,13 +11,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get Menu () {
-        return Je;
+        return Ze;
     },
     get MenuItem () {
-        return qe;
+        return Je;
     },
     get MenuSection () {
-        return Ve;
+        return Qe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -138,31 +138,58 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const ke = 120, Z = /*#__PURE__*/ _react.createContext({
+const Ne = 120, Q = /*#__PURE__*/ _react.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Ae = ()=>_react.useContext(Z), F = (s)=>s ? Array.from(s.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (s, m)=>{
-    if (!m) return null;
-    const u = F(s).indexOf(m);
-    return u < 0 ? null : u;
-}, qe = (param)=>{
-    let { label: s, Icon: m, destructive: u, disabled: a, onPress: E, controlType: r, checked: f, dataAttributes: d } = param;
-    const { focusedItem: C, setFocusedItem: i, closeMenu: k, isMenuOpen: l } = Ae(), p = _react.useRef(null), h = u ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, b = p === null || p === void 0 ? void 0 : p.current, A = (b === null || b === void 0 ? void 0 : b.closest("[role=menu]")) || null, t = Ne(A, b), M = _object_spread({
+}), Re = ()=>_react.useContext(Q), w = (c)=>c ? Array.from(c.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Fe = (c, g)=>{
+    if (!g) return null;
+    const f = w(c).indexOf(g);
+    return f < 0 ? null : f;
+}, Je = (param)=>{
+    let { label: c, Icon: g, destructive: f, disabled: a, onPress: R, href: r, to: u, newTab: d, loadOnTop: F, fullPageOnWebView: l, onNavigate: y, controlType: p, checked: M, description: C, dataAttributes: S } = param;
+    const { focusedItem: D, setFocusedItem: s, closeMenu: h, isMenuOpen: x } = Re(), I = _react.useRef(null), H = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, E = I === null || I === void 0 ? void 0 : I.current, P = (E === null || E === void 0 ? void 0 : E.closest("[role=menu]")) || null, n = Fe(P, E), e = _object_spread({
         testid: "MenuItem"
-    }, d), I = ()=>r === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
-            ref: p,
-            name: s,
-            checked: f,
+    }, S), b = (m)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            id: m,
+            className: _menucssmistica.itemTextContent,
+            children: [
+                /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                    regular: !0,
+                    color: H,
+                    children: c
+                }),
+                C && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                    regular: !0,
+                    color: _skincontractcssmistica.vars.colors.textSecondary,
+                    children: C
+                })
+            ]
+        }), i = (m)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            className: _menucssmistica.itemContent,
+            children: [
+                g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: _menucssmistica.iconContainer,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(g, {
+                        size: 24,
+                        color: H
+                    })
+                }),
+                b(m)
+            ]
+        }), O = ()=>p === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
+            ref: I,
+            name: c,
+            checked: M,
             onChange: ()=>{
-                l && t !== null && (E(t), k());
+                x && n !== null && (R === null || R === void 0 ? void 0 : R(n), h());
             },
             disabled: a,
             role: "menuitemcheckbox",
-            dataAttributes: M,
+            dataAttributes: e,
             render: (param)=>{
-                let { controlElement: y } = param;
+                let { controlElement: m, labelId: T } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 8,
                     paddingY: 12,
@@ -170,231 +197,231 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
                         space: "between",
                         alignItems: "center",
                         children: [
-                            /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                                className: _menucssmistica.itemContent,
-                                children: [
-                                    m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                        className: _menucssmistica.iconContainer,
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-                                            size: 24,
-                                            color: h
-                                        })
-                                    }),
-                                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                                        regular: !0,
-                                        color: h,
-                                        children: s
-                                    })
-                                ]
-                            }),
+                            i(T),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingLeft: 16,
-                                children: y
+                                children: m
                             })
                         ]
                     })
                 });
             }
+        }) : r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+            ref: I,
+            href: r,
+            newTab: d,
+            loadOnTop: F,
+            onNavigate: ()=>{
+                h(), y === null || y === void 0 ? void 0 : y();
+            },
+            disabled: a,
+            role: "menuitem",
+            dataAttributes: e,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                paddingX: 8,
+                paddingY: 12,
+                children: i()
+            })
+        }) : u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+            ref: I,
+            to: u,
+            newTab: d,
+            fullPageOnWebView: l,
+            onNavigate: ()=>{
+                h(), y === null || y === void 0 ? void 0 : y();
+            },
+            disabled: a,
+            role: "menuitem",
+            dataAttributes: e,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                paddingX: 8,
+                paddingY: 12,
+                children: i()
+            })
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: p,
+            ref: I,
             onPress: ()=>{
-                l && t !== null && (E(t), k());
+                x && n !== null && (R === null || R === void 0 ? void 0 : R(n), h());
             },
             disabled: a,
             role: "menuitem",
-            dataAttributes: M,
+            dataAttributes: e,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                    className: _menucssmistica.itemContent,
-                    children: [
-                        m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: _menucssmistica.iconContainer,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-                                size: 24,
-                                color: h
-                            })
-                        }),
-                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-                            regular: !0,
-                            color: h,
-                            children: s
-                        })
-                    ]
-                })
+                children: i()
             })
         });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_menucssmistica.menuItem, {
             [_menucssmistica.menuItemEnabled]: !a,
             [_menucssmistica.menuItemDisabled]: a,
-            [_menucssmistica.menuItemHovered]: !a && t !== null && C === t
+            [_menucssmistica.menuItemHovered]: !a && n !== null && D === n
         }),
-        onMouseMove: ()=>i(a ? null : t),
-        onMouseLeave: ()=>i(null),
-        children: I()
+        onMouseMove: ()=>s(a ? null : n),
+        onMouseLeave: ()=>s(null),
+        children: O()
     });
-}, Ve = (param)=>{
-    let { children: s } = param;
-    return s ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, Qe = (param)=>{
+    let { children: c } = param;
+    return c ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            s,
+            c,
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _menucssmistica.menuSectionDivider,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             })
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-}, J = 12, Q = 8, Je = (param)=>{
-    let { renderTarget: s, renderMenu: m, width: u, position: a = "left", dataAttributes: E } = param;
-    const [r, f] = _react.useState(!1), [d, C] = _react.useState(null), [i, k] = _react.useState(null), [l, p] = _react.useState(null), [h, b] = _react.useState(!1), A = _react.useRef(null), [t, M] = _react.useState(null), I = (0, _hooks.useWindowSize)();
+}, V = 12, J = 8, Ze = (param)=>{
+    let { renderTarget: c, renderMenu: g, width: f, position: a = "left", dataAttributes: R } = param;
+    const [r, u] = _react.useState(!1), [d, F] = _react.useState(null), [l, y] = _react.useState(null), [p, M] = _react.useState(null), [C, S] = _react.useState(!1), D = _react.useRef(null), [s, h] = _react.useState(null), x = (0, _hooks.useWindowSize)();
     _react.useEffect(()=>{
-        const c = d === null || d === void 0 ? void 0 : d.getBoundingClientRect();
-        if (!i || !c || !r) return;
-        const { top: n, right: O, left: g, bottom: N } = c, v = i.scrollHeight, R = a === "left" ? g : void 0, L = a === "right" ? I.width - O : void 0, $ = n - Q, B = N + Q, D = I.height - B - J, H = $ - J, z = D > v, U = H > v, te = z || !U && D > H;
-        M(te ? {
-            left: R,
-            right: L,
-            top: `${B}px`,
+        const n = d === null || d === void 0 ? void 0 : d.getBoundingClientRect();
+        if (!l || !n || !r) return;
+        const { top: e, right: b, left: i, bottom: O } = n, m = l.scrollHeight, T = a === "left" ? i : void 0, U = a === "right" ? x.width - b : void 0, W = e - J, X = O + J, _ = x.height - X - V, L = W - V, Y = _ > m, z = L > m, Z = Y || !z && _ > L;
+        h(Z ? {
+            left: T,
+            right: U,
+            top: `${X}px`,
             bottom: "auto",
-            maxHeight: z ? void 0 : D,
+            maxHeight: Y ? void 0 : _,
             transformOrigin: "center top"
         } : {
-            left: R,
-            right: L,
+            left: T,
+            right: U,
             top: "auto",
-            bottom: `${I.height - $}px`,
-            maxHeight: U ? void 0 : H,
+            bottom: `${x.height - W}px`,
+            maxHeight: z ? void 0 : L,
             transformOrigin: "center bottom"
         });
     }, [
         a,
         r,
-        i,
+        l,
         d,
-        u,
-        I
+        f,
+        x
     ]);
-    const y = _react.useMemo(()=>({
-            ref: C,
+    const I = _react.useMemo(()=>({
+            ref: F,
             onPress: ()=>{
-                f(!r);
+                u(!r);
             }
         }), [
-        C,
+        F,
         r
-    ]), ee = {
-        ref: (0, _common.combineRefs)(k, A),
+    ]), H = {
+        ref: (0, _common.combineRefs)(y, D),
         className: _menucssmistica.menuContainer,
-        close: ()=>f(!1)
-    }, w = _react.useCallback(()=>{
-        const n = F(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
-        p(n < 0 ? null : n);
+        close: ()=>u(!1)
+    }, E = _react.useCallback(()=>{
+        const e = w(l).findIndex((b)=>!b.getAttribute("aria-disabled"));
+        M(e < 0 ? null : e);
     }, [
-        i
-    ]), _ = _react.useCallback((c)=>{
-        var _n_g;
-        const n = F(i);
-        c && n.reverse();
-        const O = l === null ? -1 : c ? n.length - 1 - l : l;
-        let g = n.findIndex((v, R)=>!v.getAttribute("aria-disabled") && R > O);
-        g === -1 && (g = n.findIndex((v)=>!v.getAttribute("aria-disabled")));
-        const N = c && g !== -1 ? n.length - 1 - g : g;
-        p(N < 0 ? null : N), (_n_g = n[g]) === null || _n_g === void 0 ? void 0 : _n_g.focus();
+        l
+    ]), P = _react.useCallback((n)=>{
+        var _e_i;
+        const e = w(l);
+        n && e.reverse();
+        const b = p === null ? -1 : n ? e.length - 1 - p : p;
+        let i = e.findIndex((m, T)=>!m.getAttribute("aria-disabled") && T > b);
+        i === -1 && (i = e.findIndex((m)=>!m.getAttribute("aria-disabled")));
+        const O = n && i !== -1 ? e.length - 1 - i : i;
+        M(O < 0 ? null : O), (_e_i = e[i]) === null || _e_i === void 0 ? void 0 : _e_i.focus();
     }, [
-        l,
-        i
+        p,
+        l
     ]);
     return _react.useEffect(()=>{
-        r ? h && i && (w(), b(!1)) : p(null);
+        r ? C && l && (E(), S(!1)) : M(null);
     }, [
         r,
-        w,
-        h,
-        i
+        E,
+        C,
+        l
     ]), _react.useEffect(()=>{
-        const c = (n)=>{
-            if (r) switch(n.key){
+        const n = (e)=>{
+            if (r) switch(e.key){
                 case _keys.RIGHT:
                 case _keys.DOWN:
-                    (0, _dom.cancelEvent)(n), _();
+                    (0, _dom.cancelEvent)(e), P();
                     break;
                 case _keys.LEFT:
                 case _keys.UP:
-                    (0, _dom.cancelEvent)(n), _(!0);
+                    (0, _dom.cancelEvent)(e), P(!0);
                     break;
                 case _keys.ESC:
-                    f(!1);
+                    u(!1);
                     break;
                 case _keys.SPACE:
                 case _keys.ENTER:
-                    (0, _dom.cancelEvent)(n), l !== null && F(i)[l].click();
+                    (0, _dom.cancelEvent)(e), p !== null && w(l)[p].click();
                     break;
                 case _keys.TAB:
-                    (0, _dom.cancelEvent)(n);
+                    (0, _dom.cancelEvent)(e);
                     break;
             }
-            else switch(n.key){
+            else switch(e.key){
                 case _keys.ENTER:
                 case _keys.SPACE:
-                    b(!0);
+                    S(!0);
                     break;
                 case _keys.DOWN:
-                    d === document.activeElement && (b(!0), f(!0));
+                    d === document.activeElement && (S(!0), u(!0));
                     break;
             }
         };
-        return document.addEventListener("keydown", c, !1), ()=>{
-            document.removeEventListener("keydown", c, !1);
+        return document.addEventListener("keydown", n, !1), ()=>{
+            document.removeEventListener("keydown", n, !1);
         };
     }), _react.useEffect(()=>{
         d === null || d === void 0 ? void 0 : d.setAttribute("aria-haspopup", "menu"), d === null || d === void 0 ? void 0 : d.setAttribute("aria-expanded", String(r));
     }, [
         d,
         r
-    ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(E, "Menu")), {
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(R, "Menu")), {
         children: [
-            s(_object_spread_props(_object_spread({}, y), {
+            c(_object_spread_props(_object_spread({}, I), {
                 isMenuOpen: r
             })),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
                     in: r,
-                    nodeRef: A,
-                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : ke,
+                    nodeRef: D,
+                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : Ne,
                     classNames: _menucssmistica.menuTransitionClasses,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
                     onExit: ()=>d === null || d === void 0 ? void 0 : d.focus(),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
-                        onPress: (c)=>{
-                            (0, _dom.cancelEvent)(c), f(!1);
+                        onPress: (n)=>{
+                            (0, _dom.cancelEvent)(n), u(!1);
                         },
                         disableScroll: !0,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            style: _object_spread({}, (0, _css.applyCssVars)(_object_spread({}, t ? _object_spread({
-                                [_menucssmistica.vars.top]: t.top,
-                                [_menucssmistica.vars.bottom]: t.bottom,
-                                [_menucssmistica.vars.transformOrigin]: t.transformOrigin
-                            }, t.left !== void 0 && {
-                                [_menucssmistica.vars.left]: `${t.left}px`
-                            }, t.right !== void 0 && {
-                                [_menucssmistica.vars.right]: `${t.right}px`
-                            }, t.maxHeight !== void 0 && {
-                                [_menucssmistica.vars.maxHeight]: `${t.maxHeight}px`
-                            }, u !== void 0 && {
-                                [_menucssmistica.vars.width]: u ? `${u}px` : ""
+                            style: _object_spread({}, (0, _css.applyCssVars)(_object_spread({}, s ? _object_spread({
+                                [_menucssmistica.vars.top]: s.top,
+                                [_menucssmistica.vars.bottom]: s.bottom,
+                                [_menucssmistica.vars.transformOrigin]: s.transformOrigin
+                            }, s.left !== void 0 && {
+                                [_menucssmistica.vars.left]: `${s.left}px`
+                            }, s.right !== void 0 && {
+                                [_menucssmistica.vars.right]: `${s.right}px`
+                            }, s.maxHeight !== void 0 && {
+                                [_menucssmistica.vars.maxHeight]: `${s.maxHeight}px`
+                            }, f !== void 0 && {
+                                [_menucssmistica.vars.width]: f ? `${f}px` : ""
                             }) : {}))),
                             role: "menu",
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z.Provider, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Q.Provider, {
                                 value: {
                                     isMenuOpen: r,
-                                    focusedItem: l,
-                                    setFocusedItem: p,
-                                    closeMenu: ()=>f(!1)
+                                    focusedItem: p,
+                                    setFocusedItem: M,
+                                    closeMenu: ()=>u(!1)
                                 },
-                                children: m(ee)
+                                children: g(H)
                             })
                         })
                     })

package/dist/mosaic.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return a;
     },
     get singleItemRowContainer () {
-        return _;
+        return t;
     },
     get squareContainer () {
-        return t;
+        return r;
     }
 });
-/* empty css                                  */ var t = "v16_62_0-beta_1_1j2q6te0", _ = "v16_62_0-beta_1_1j2q6te1", a = "v16_62_0-beta_1_1j2q6te2";
+/* empty css                                  */ var r = "v16_63_1j2q6te0", t = "v16_63_1j2q6te1", a = "v16_63_1j2q6te2";

package/dist/navigation-bar.css-mistica.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get BURGER_MENU_ANIMATION_DURATION_MS () {
-        return a;
+        return y;
     },
     get DESKTOP_MENU_ANIMATION_DURATION_MS () {
-        return t;
+        return d;
     },
     get DESKTOP_SMALL_MENU_WIDTH () {
-        return e;
+        return n;
     },
     get burgerIconContainer () {
-        return n;
+        return r;
     },
     get burgerMenu () {
         return I;
@@ -52,43 +52,43 @@ _export(exports, {
         return H;
     },
     get desktopMenuFirstSection () {
-        return z;
+        return o;
     },
     get desktopMenuLastSection () {
-        return o;
+        return i;
     },
     get desktopMenuSectionArrow () {
-        return q;
+        return s;
     },
     get desktopMenuSectionArrowContainer () {
-        return u;
+        return q;
     },
     get desktopMenuSectionContainer () {
-        return i;
+        return p;
     },
     get desktopMenuSectionWithArrowWrapper () {
-        return p;
+        return u;
     },
     get desktopMenuWrapper () {
         return R;
     },
     get desktopOnly () {
-        return l;
+        return j;
     },
     get desktopSmallMenuContainer () {
         return D;
     },
     get iconCloseHidden () {
-        return y;
+        return c;
     },
     get iconCloseOpen () {
-        return b;
+        return e;
     },
     get iconMenuHidden () {
-        return r;
+        return a;
     },
     get iconMenuOpen () {
-        return d;
+        return f;
     },
     get lineHeightFix () {
         return T;
@@ -103,55 +103,55 @@ _export(exports, {
         return E;
     },
     get navbarBorderColorVariants () {
-        return f;
+        return z;
     },
     get navigationBarAction () {
-        return k;
+        return l;
     },
     get navigationBarContent () {
-        return C;
+        return k;
     },
     get navigationBarContentRight () {
-        return j;
+        return m;
     },
     get navigationBarContentRightExpanded () {
-        return m;
+        return x;
     },
     get section () {
-        return s;
+        return M;
     },
     get selectedSectionVariants () {
-        return M;
+        return g;
     },
     get spacer () {
-        return x;
+        return S;
     },
     get spacerLarge () {
-        return S;
+        return b;
     },
     get textWrapperVariants () {
-        return g;
+        return C;
     },
     get topFixed () {
-        return c;
+        return t;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var e = 184, a = 300, t = 400, n = "v16_62_0-beta_1_1vcy5dz1 v16_62_0-beta_1_1vcy5dz0 v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_1y2v1nfr0 v16_62_0-beta_1_1y2v1nfrg", b = "v16_62_0-beta_1_1vcy5dz4 v16_62_0-beta_1_1vcy5dz3 v16_62_0-beta_1_1vcy5dz2 v16_62_0-beta_1_1y2v1nfpz", y = "v16_62_0-beta_1_1vcy5dz5 v16_62_0-beta_1_1vcy5dz3 v16_62_0-beta_1_1vcy5dz2 v16_62_0-beta_1_1y2v1nfpz", d = "v16_62_0-beta_1_1vcy5dz6 v16_62_0-beta_1_1vcy5dz3 v16_62_0-beta_1_1vcy5dz2 v16_62_0-beta_1_1y2v1nfpz", r = "v16_62_0-beta_1_1vcy5dz7 v16_62_0-beta_1_1vcy5dz3 v16_62_0-beta_1_1vcy5dz2 v16_62_0-beta_1_1y2v1nfpz", c = "v16_62_0-beta_1_1vcy5dz9 v16_62_0-beta_1_1vcy5dz8 v16_62_0-beta_1_1y2v1nfq0 v16_62_0-beta_1_1y2v1nfte v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfu8", f = {
-    default: "v16_62_0-beta_1_1vcy5dzc v16_62_0-beta_1_1vcy5dzb v16_62_0-beta_1_1vcy5dza v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqr",
-    noBorder: "v16_62_0-beta_1_1vcy5dzd v16_62_0-beta_1_1vcy5dzb v16_62_0-beta_1_1vcy5dza v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqr",
-    menuOpen: "v16_62_0-beta_1_1vcy5dze v16_62_0-beta_1_1vcy5dzb v16_62_0-beta_1_1vcy5dza v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqr"
-}, z = "v16_62_0-beta_1_1vcy5dzf", o = "v16_62_0-beta_1_1vcy5dzg", i = "v16_62_0-beta_1_1vcy5dzi v16_62_0-beta_1_1vcy5dzh v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_1y2v1nfq4", p = "v16_62_0-beta_1_1vcy5dzj v16_62_0-beta_1_1y2v1nfpy", u = "v16_62_0-beta_1_1vcy5dzl v16_62_0-beta_1_1vcy5dzk v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfte v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj", q = "v16_62_0-beta_1_1vcy5dzn v16_62_0-beta_1_1vcy5dzm v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_1y2v1nfif v16_62_0-beta_1_1y2v1nfjo v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nffw", s = "v16_62_0-beta_1_1vcy5dzp v16_62_0-beta_1_1vcy5dzo v16_62_0-beta_1_1y2v1nfio v16_62_0-beta_1_1y2v1nfjx v16_62_0-beta_1_1y2v1nfrn v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nffw v16_62_0-beta_1_1y2v1nfpy", M = {
-    default: "v16_62_0-beta_1_1vcy5dzq",
-    brand: "v16_62_0-beta_1_1vcy5dzr"
-}, g = {
-    default: "v16_62_0-beta_1_1vcy5dzs",
-    alternative: "v16_62_0-beta_1_1vcy5dzt",
-    brand: "v16_62_0-beta_1_1vcy5dzu",
-    negative: "v16_62_0-beta_1_1vcy5dzv",
-    media: "v16_62_0-beta_1_1vcy5dzw"
-}, C = "v16_62_0-beta_1_1vcy5dzy v16_62_0-beta_1_1vcy5dzx v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfq4", k = "v16_62_0-beta_1_1vcy5dzz v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_1y2v1nfif v16_62_0-beta_1_1y2v1nfjo v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nffw", l = "v16_62_0-beta_1_1vcy5dz10", j = "v16_62_0-beta_1_1vcy5dz12 v16_62_0-beta_1_1vcy5dz11 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqe", m = "v16_62_0-beta_1_1vcy5dz14 v16_62_0-beta_1_1vcy5dz12 v16_62_0-beta_1_1vcy5dz11 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqe v16_62_0-beta_1_1vcy5dz13 v16_62_0-beta_1_1y2v1nfqq", x = "v16_62_0-beta_1_1vcy5dz17 v16_62_0-beta_1_1vcy5dz16 v16_62_0-beta_1_1y2v1nfrn v16_62_0-beta_1_1vcy5dz15", S = "v16_62_0-beta_1_1vcy5dz18 v16_62_0-beta_1_1vcy5dz15", A = {
-    enter: "v16_62_0-beta_1_1vcy5dz19",
-    enterActive: "v16_62_0-beta_1_1vcy5dz1a",
-    exit: "v16_62_0-beta_1_1vcy5dz1b",
-    exitActive: "v16_62_0-beta_1_1vcy5dz1c"
-}, B = "v16_62_0-beta_1_1vcy5dz1f v16_62_0-beta_1_1vcy5dz1e v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqq", N = "v16_62_0-beta_1_1vcy5dz1h v16_62_0-beta_1_1vcy5dz1g v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqd", h = "v16_62_0-beta_1_1vcy5dz1i", I = "v16_62_0-beta_1_1vcy5dz1j v16_62_0-beta_1_1y2v1nfq0 v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfu8 v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nf7y", O = "v16_62_0-beta_1_1vcy5dz1k v16_62_0-beta_1_1y2v1nfr8 v16_62_0-beta_1_1y2v1nfpy", w = "v16_62_0-beta_1_1vcy5dz1m v16_62_0-beta_1_1vcy5dz1l v16_62_0-beta_1_1y2v1nftd v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfr8 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfte", T = "v16_62_0-beta_1_1vcy5dz1r", E = "v16_62_0-beta_1_1vcy5dz1t v16_62_0-beta_1_1vcy5dz1s v16_62_0-beta_1_1y2v1nfqr", R = "v16_62_0-beta_1_1vcy5dz1u v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfu8", U = "v16_62_0-beta_1_1vcy5dz1w v16_62_0-beta_1_1vcy5dz1v v16_62_0-beta_1_1y2v1nfq0 v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfu8", W = "v16_62_0-beta_1_1vcy5dz1y v16_62_0-beta_1_1vcy5dz1x v16_62_0-beta_1_1y2v1nf83 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfu8", D = "v16_62_0-beta_1_1vcy5dz20 v16_62_0-beta_1_1vcy5dz1z v16_62_0-beta_1_1y2v1nfj0 v16_62_0-beta_1_1y2v1nfk9 v16_62_0-beta_1_1y2v1nfgo v16_62_0-beta_1_1y2v1nfhx v16_62_0-beta_1_1y2v1nf83 v16_62_0-beta_1_1y2v1nfq0 v16_62_0-beta_1_1y2v1nftd", F = "v16_62_0-beta_1_1vcy5dz22 v16_62_0-beta_1_1vcy5dz21 v16_62_0-beta_1_1y2v1nfgo v16_62_0-beta_1_1y2v1nfhx v16_62_0-beta_1_1y2v1nfpy", H = "v16_62_0-beta_1_1vcy5dz23", L = "v16_62_0-beta_1_1vcy5dz24";
+/* empty css                                     */ /* empty css                                          */ var n = 184, y = 300, d = 400, r = "v16_63_1vcy5dz1 v16_63_1vcy5dz0 v16_63_1y2v1nfpy v16_63_1y2v1nfr0 v16_63_1y2v1nfrg", e = "v16_63_1vcy5dz4 v16_63_1vcy5dz3 v16_63_1vcy5dz2 v16_63_1y2v1nfpz", c = "v16_63_1vcy5dz5 v16_63_1vcy5dz3 v16_63_1vcy5dz2 v16_63_1y2v1nfpz", f = "v16_63_1vcy5dz6 v16_63_1vcy5dz3 v16_63_1vcy5dz2 v16_63_1y2v1nfpz", a = "v16_63_1vcy5dz7 v16_63_1vcy5dz3 v16_63_1vcy5dz2 v16_63_1y2v1nfpz", t = "v16_63_1vcy5dz9 v16_63_1vcy5dz8 v16_63_1y2v1nfq0 v16_63_1y2v1nfte v16_63_1y2v1nftt v16_63_1y2v1nfu8", z = {
+    default: "v16_63_1vcy5dzc v16_63_1vcy5dzb v16_63_1vcy5dza v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfqr",
+    noBorder: "v16_63_1vcy5dzd v16_63_1vcy5dzb v16_63_1vcy5dza v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfqr",
+    menuOpen: "v16_63_1vcy5dze v16_63_1vcy5dzb v16_63_1vcy5dza v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfqr"
+}, o = "v16_63_1vcy5dzf", i = "v16_63_1vcy5dzg", p = "v16_63_1vcy5dzi v16_63_1vcy5dzh v16_63_1y2v1nfpy v16_63_1y2v1nfq4", u = "v16_63_1vcy5dzj v16_63_1y2v1nfpy", q = "v16_63_1vcy5dzl v16_63_1vcy5dzk v16_63_1y2v1nfpz v16_63_1y2v1nfte v16_63_1y2v1nfun v16_63_1y2v1nfq4 v16_63_1y2v1nfqj", s = "v16_63_1vcy5dzn v16_63_1vcy5dzm v16_63_1y2v1nffx v16_63_1y2v1nfh6 v16_63_1y2v1nfif v16_63_1y2v1nfjo v16_63_1y2v1nfsm v16_63_1y2v1nffw", M = "v16_63_1vcy5dzp v16_63_1vcy5dzo v16_63_1y2v1nfio v16_63_1y2v1nfjx v16_63_1y2v1nfrn v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfsm v16_63_1y2v1nffw v16_63_1y2v1nfpy", g = {
+    default: "v16_63_1vcy5dzq",
+    brand: "v16_63_1vcy5dzr"
+}, C = {
+    default: "v16_63_1vcy5dzs",
+    alternative: "v16_63_1vcy5dzt",
+    brand: "v16_63_1vcy5dzu",
+    negative: "v16_63_1vcy5dzv",
+    media: "v16_63_1vcy5dzw"
+}, k = "v16_63_1vcy5dzy v16_63_1vcy5dzx v16_63_1y2v1nfqj v16_63_1y2v1nfqr v16_63_1y2v1nfq4", l = "v16_63_1vcy5dzz v16_63_1y2v1nffx v16_63_1y2v1nfh6 v16_63_1y2v1nfif v16_63_1y2v1nfjo v16_63_1y2v1nfsm v16_63_1y2v1nffw", j = "v16_63_1vcy5dz10", m = "v16_63_1vcy5dz12 v16_63_1vcy5dz11 v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfqe", x = "v16_63_1vcy5dz14 v16_63_1vcy5dz12 v16_63_1vcy5dz11 v16_63_1y2v1nfq4 v16_63_1y2v1nfqj v16_63_1y2v1nfqe v16_63_1vcy5dz13 v16_63_1y2v1nfqq", S = "v16_63_1vcy5dz17 v16_63_1vcy5dz16 v16_63_1y2v1nfrn v16_63_1vcy5dz15", b = "v16_63_1vcy5dz18 v16_63_1vcy5dz15", A = {
+    enter: "v16_63_1vcy5dz19",
+    enterActive: "v16_63_1vcy5dz1a",
+    exit: "v16_63_1vcy5dz1b",
+    exitActive: "v16_63_1vcy5dz1c"
+}, B = "v16_63_1vcy5dz1f v16_63_1vcy5dz1e v16_63_1y2v1nfq4 v16_63_1y2v1nfqq", N = "v16_63_1vcy5dz1h v16_63_1vcy5dz1g v16_63_1y2v1nfq4 v16_63_1y2v1nfqd", h = "v16_63_1vcy5dz1i", I = "v16_63_1vcy5dz1j v16_63_1y2v1nfq0 v16_63_1y2v1nftt v16_63_1y2v1nfu8 v16_63_1y2v1nfun v16_63_1y2v1nf7y", O = "v16_63_1vcy5dz1k v16_63_1y2v1nfr8 v16_63_1y2v1nfpy", w = "v16_63_1vcy5dz1m v16_63_1vcy5dz1l v16_63_1y2v1nftd v16_63_1y2v1nfqr v16_63_1y2v1nfr8 v16_63_1y2v1nfpz v16_63_1y2v1nfte", T = "v16_63_1vcy5dz1r", E = "v16_63_1vcy5dz1t v16_63_1vcy5dz1s v16_63_1y2v1nfqr", R = "v16_63_1vcy5dz1u v16_63_1y2v1nfpz v16_63_1y2v1nftt v16_63_1y2v1nfu8", U = "v16_63_1vcy5dz1w v16_63_1vcy5dz1v v16_63_1y2v1nfq0 v16_63_1y2v1nftt v16_63_1y2v1nfu8", W = "v16_63_1vcy5dz1y v16_63_1vcy5dz1x v16_63_1y2v1nf83 v16_63_1y2v1nfpz v16_63_1y2v1nftt v16_63_1y2v1nfu8", D = "v16_63_1vcy5dz20 v16_63_1vcy5dz1z v16_63_1y2v1nfj0 v16_63_1y2v1nfk9 v16_63_1y2v1nfgo v16_63_1y2v1nfhx v16_63_1y2v1nf83 v16_63_1y2v1nfq0 v16_63_1y2v1nftd", F = "v16_63_1vcy5dz22 v16_63_1vcy5dz21 v16_63_1y2v1nfgo v16_63_1y2v1nfhx v16_63_1y2v1nfpy", H = "v16_63_1vcy5dz23", L = "v16_63_1vcy5dz24";