@telefonica/mistica 16.55.0 → 16.56.1-beta.1

package/dist/logo.js

@@ -11,34 +11,34 @@ function _export(target, all) {
 }
 _export(exports, {
     get BlauLogo () {
-        return X;
+        return to;
     },
     get EsimflagLogo () {
-        return J;
+        return io;
     },
     get Logo () {
-        return H;
+        return Z;
     },
     get MovistarLogo () {
-        return _;
+        return $;
     },
     get MovistarNewLogo () {
-        return j;
+        return y;
     },
     get O2Logo () {
-        return R;
+        return eo;
     },
     get O2NewLogo () {
-        return S;
+        return ro;
     },
     get TelefonicaLogo () {
-        return U;
+        return no;
     },
     get TuLogo () {
-        return q;
+        return ao;
     },
     get VivoLogo () {
-        return G;
+        return oo;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -48,8 +48,15 @@ const _themevariantcontext = require("./theme-variant-context.js");
 const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
 const _dom = require("./utils/dom.js");
 const _logocssmistica = require("./logo.css-mistica.js");
-const _logocommon = require("./logo-common.js");
-const _css = require("./utils/css.js");
+const _logomovistarshell = /*#__PURE__*/ _interop_require_default(require("./logo-movistar-shell.js"));
+const _logomovistarnewshell = /*#__PURE__*/ _interop_require_default(require("./logo-movistar-new-shell.js"));
+const _logovivoshell = /*#__PURE__*/ _interop_require_default(require("./logo-vivo-shell.js"));
+const _logoo2shell = /*#__PURE__*/ _interop_require_default(require("./logo-o2-shell.js"));
+const _logoo2newshell = /*#__PURE__*/ _interop_require_default(require("./logo-o2-new-shell.js"));
+const _logotelefonicashell = /*#__PURE__*/ _interop_require_default(require("./logo-telefonica-shell.js"));
+const _logoblaushell = /*#__PURE__*/ _interop_require_default(require("./logo-blau-shell.js"));
+const _logotushell = /*#__PURE__*/ _interop_require_default(require("./logo-tu-shell.js"));
+const _logoesimflagshell = /*#__PURE__*/ _interop_require_default(require("./logo-esimflag-shell.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -175,260 +182,271 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = 48, T = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")))), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar-new" */ "./logo-movistar-new.js")))), k = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")))), w = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")))), I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")))), M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")))), V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")))), O = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")))), b = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-esimflag" */ "./logo-esimflag.js")))), m = (param)=>{
-    let { size: o, skinName: n, type: e = "isotype", color: a } = param;
-    const r = (0, _themevariantcontext.useThemeVariant)(), { isDarkMode: g } = (0, _hooks.useTheme)();
-    switch(n){
+const k = 48, I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")))), O = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-movistar-new" */ "./logo-movistar-new.js")))), V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")))), E = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")))), b = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")))), B = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")))), A = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")))), x = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")))), D = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "logo-esimflag" */ "./logo-esimflag.js")))), P = (param)=>{
+    let { size: e, skinName: t, type: r = "isotype", color: n } = param;
+    const i = (0, _themevariantcontext.useThemeVariant)(), { isDarkMode: m } = (0, _hooks.useTheme)();
+    switch(t){
         case "Movistar":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(T, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logomovistarshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Movistar-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logomovistarnewshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Vivo":
         case "Vivo-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logovivoshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "O2":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(w, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoo2shell.default, {
+                size: e,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(E, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "O2-new":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoo2newshell.default, {
+                size: e,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Telefonica":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(M, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logotelefonicashell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(B, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Blau":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoblaushell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(A, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Tu":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logotushell.default, {
+                size: e,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(x, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         case "Esimflag":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
-                size: o,
-                type: e,
-                isDarkMode: g,
-                themeVariant: r,
-                color: a
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_logoesimflagshell.default, {
+                size: e,
+                type: r,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(D, {
+                        type: r,
+                        isDarkMode: m,
+                        themeVariant: i,
+                        color: n
+                    })
+                })
             });
         default:
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
     }
-}, c = (o)=>{
-    const n = (0, _dom.getPrefixedDataAttributes)(o.dataAttributes, "Logo");
-    return o.to || o.href || o.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread({}, o)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            className: _logocssmistica.svg,
-            style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(o.size))), {
-                width: 1
-            })
-        }),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            className: _logocssmistica.logoContainer
-        }, n), {
-            children: o.children
-        }))
-    });
-}, H = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+}, F = (e)=>{
+    const t = (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Logo");
+    return e.to || e.href || e.onPress ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, _object_spread({}, e)) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+        className: _logocssmistica.logoContainer
+    }, t), {
+        children: e.children
+    }));
+}, s = (_param)=>{
+    var { size: e = k, type: t = "isotype", color: r, skinName: n } = _param, i = _object_without_properties(_param, [
         "size",
         "type",
-        "color"
+        "color",
+        "skinName"
     ]);
-    const { skinName: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: r,
-            type: n,
-            size: o,
-            color: e
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(F, _object_spread_props(_object_spread({
+        size: e
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(P, {
+            skinName: n,
+            type: t,
+            size: e,
+            color: r
         })
     }));
-}, _ = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+}, Z = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Movistar",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, j = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    const { skinName: i } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: i
+    }, n));
+}, $ = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Movistar-new",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, G = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Movistar"
+    }, n));
+}, y = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Vivo",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, R = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Movistar-new"
+    }, n));
+}, oo = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "O2",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, S = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Vivo"
+    }, n));
+}, eo = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "O2-new",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, U = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "O2"
+    }, n));
+}, ro = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Telefonica",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, X = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "O2-new"
+    }, n));
+}, no = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Blau",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, q = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Telefonica"
+    }, n));
+}, to = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Tu",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
-}, J = (_param)=>{
-    var { size: o = s, type: n = "isotype", color: e } = _param, a = _object_without_properties(_param, [
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Blau"
+    }, n));
+}, ao = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(c, _object_spread_props(_object_spread({
-        size: o
-    }, a), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-            skinName: "Esimflag",
-            type: n,
-            size: o,
-            color: e
-        })
-    }));
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Tu"
+    }, n));
+}, io = (_param)=>{
+    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+        "size",
+        "type",
+        "color"
+    ]);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(s, _object_spread({
+        size: e,
+        type: t,
+        color: r,
+        skinName: "Esimflag"
+    }, n));
 };

package/dist/media-queries.css-mistica.js

@@ -10,46 +10,46 @@ function _export(target, all) {
 }
 _export(exports, {
     get desktop () {
-        return a;
+        return t;
     },
     get desktopOrBigger () {
-        return x;
+        return o;
     },
     get extraLargeDesktop () {
-        return r;
+        return d;
     },
     get largeDesktop () {
-        return t;
+        return r;
     },
     get largeDesktopOrBigger () {
-        return d;
+        return p;
     },
     get mediaQueriesConfig () {
-        return e;
+        return n;
     },
     get mobile () {
-        return n;
+        return i;
     },
     get supportsHover () {
-        return o;
+        return m;
     },
     get tablet () {
-        return i;
+        return a;
     },
     get tabletOrBigger () {
         return h;
     },
     get tabletOrSmaller () {
-        return p;
+        return x;
     },
     get touchableOnly () {
-        return m;
+        return g;
     }
 });
-var e = {
+/* empty css                                         */ var n = {
     tabletMinWidth: 768,
     desktopMinWidth: 1024,
     largeDesktopMinWidth: 1512,
     extraLargeDesktopMinWidth: 1832,
     desktopOrTabletMinHeight: 550
-}, n = "only screen and (max-width: 767px), (max-height: 549px)", i = "only screen and (min-height: 550px) and (min-width: 768px) and (max-width: 1023px)", a = "only screen and (min-height: 550px) and (min-width: 1024px) and (max-width: 1511px)", t = "only screen and (min-height: 550px) and (min-width: 1512px) and (max-width: 1831px)", r = "only screen and (min-height: 550px) and (min-width: 1832px)", d = "only screen and (min-height: 550px) and (min-width: 1512px)", h = "only screen and (min-height: 550px) and (min-width: 768px)", p = "only screen and (max-width: 1023px), (max-height: 549px)", x = "only screen and (min-height: 550px) and (min-width: 1024px)", o = "(pointer: fine), (pointer: none)", m = "(pointer: coarse)";
+}, i = "only screen and (max-width: 767px), (max-height: 549px)", a = "only screen and (min-height: 550px) and (min-width: 768px) and (max-width: 1023px)", t = "only screen and (min-height: 550px) and (min-width: 1024px) and (max-width: 1511px)", r = "only screen and (min-height: 550px) and (min-width: 1512px) and (max-width: 1831px)", d = "only screen and (min-height: 550px) and (min-width: 1832px)", p = "only screen and (min-height: 550px) and (min-width: 1512px)", h = "only screen and (min-height: 550px) and (min-width: 768px)", x = "only screen and (max-width: 1023px), (max-height: 549px)", o = "only screen and (min-height: 550px) and (min-width: 1024px)", m = "(pointer: fine), (pointer: none)", g = "(pointer: coarse)";