livevegas-ui-kit 1.0.10 → 1.0.11

package/dist/livevegas-ui-kit.es.js

@@ -1,4 +1,4 @@
-import y1, { useDebugValue as h2, createElement as Y0, useRef as Qe, useContext as X0, useState as G, useEffect as F1 } from "react";
+import y1, { useDebugValue as h2, createElement as Y0, useRef as Qe, useContext as X0, useState as G, useEffect as R1 } from "react";
 var We = { exports: {} }, z1 = {};
 /**
  * @license React
@@ -43,7 +43,7 @@ function J0() {
       var p = y && o[y] || o[A];
       return typeof p == "function" ? p : null;
     }
-    var B = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function j(o) {
       {
         for (var p = arguments.length, h = new Array(p > 1 ? p - 1 : 0), v = 1; v < p; v++)
@@ -53,10 +53,10 @@ function J0() {
     }
     function T(o, p, h) {
       {
-        var v = B.ReactDebugCurrentFrame, R = v.getStackAddendum();
-        R !== "" && (p += "%s", h = h.concat([R]));
-        var W = h.map(function(k) {
-          return String(k);
+        var v = M.ReactDebugCurrentFrame, F = v.getStackAddendum();
+        F !== "" && (p += "%s", h = h.concat([F]));
+        var W = h.map(function(B) {
+          return String(B);
         });
         W.unshift("Warning: " + p), Function.prototype.apply.call(console[o], console, W);
       }
@@ -74,8 +74,8 @@ function J0() {
       var v = o.displayName;
       if (v)
         return v;
-      var R = p.displayName || p.name || "";
-      return R !== "" ? h + "(" + R + ")" : h;
+      var F = p.displayName || p.name || "";
+      return F !== "" ? h + "(" + F + ")" : h;
     }
     function Q1(o) {
       return o.displayName || "Context";
@@ -115,9 +115,9 @@ function J0() {
             var v = o.displayName || null;
             return v !== null ? v : _(o.type) || "Memo";
           case x: {
-            var R = o, W = R._payload, k = R._init;
+            var F = o, W = F._payload, B = F._init;
             try {
-              return _(k(W));
+              return _(B(W));
             } catch {
               return null;
             }
@@ -187,14 +187,14 @@ function J0() {
         u1 < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var s1 = B.ReactCurrentDispatcher, d1;
+    var s1 = M.ReactCurrentDispatcher, d1;
     function $(o, p, h) {
       {
         if (d1 === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var v = R.stack.trim().match(/\n( *(at )?)/);
+          } catch (F) {
+            var v = F.stack.trim().match(/\n( *(at )?)/);
             d1 = v && v[1] || "";
           }
         return `
@@ -216,33 +216,33 @@ function J0() {
       }
       var v;
       e1 = !0;
-      var R = Error.prepareStackTrace;
+      var F = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
       W = s1.current, s1.current = null, H1();
       try {
         if (p) {
-          var k = function() {
+          var B = function() {
             throw Error();
           };
-          if (Object.defineProperty(k.prototype, "props", {
+          if (Object.defineProperty(B.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(k, []);
+              Reflect.construct(B, []);
             } catch (Q) {
               v = Q;
             }
-            Reflect.construct(o, [], k);
+            Reflect.construct(o, [], B);
           } else {
             try {
-              k.call();
+              B.call();
             } catch (Q) {
               v = Q;
             }
-            o.call(k.prototype);
+            o.call(B.prototype);
           }
         } else {
           try {
@@ -254,17 +254,17 @@ function J0() {
         }
       } catch (Q) {
         if (Q && v && typeof Q.stack == "string") {
-          for (var M = Q.stack.split(`
+          for (var k = Q.stack.split(`
 `), q = v.stack.split(`
-`), H = M.length - 1, V = q.length - 1; H >= 1 && V >= 0 && M[H] !== q[V]; )
+`), H = k.length - 1, V = q.length - 1; H >= 1 && V >= 0 && k[H] !== q[V]; )
             V--;
           for (; H >= 1 && V >= 0; H--, V--)
-            if (M[H] !== q[V]) {
+            if (k[H] !== q[V]) {
               if (H !== 1 || V !== 1)
                 do
-                  if (H--, V--, V < 0 || M[H] !== q[V]) {
+                  if (H--, V--, V < 0 || k[H] !== q[V]) {
                     var K = `
-` + M[H].replace(" at new ", " at ");
+` + k[H].replace(" at new ", " at ");
                     return o.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", o.displayName)), typeof o == "function" && p1.set(o, K), K;
                   }
                 while (H >= 1 && V >= 0);
@@ -272,7 +272,7 @@ function J0() {
             }
         }
       } finally {
-        e1 = !1, s1.current = W, j1(), Error.prepareStackTrace = R;
+        e1 = !1, s1.current = W, j1(), Error.prepareStackTrace = F;
       }
       var S1 = o ? o.displayName || o.name : "", h1 = S1 ? $(S1) : "";
       return typeof o == "function" && p1.set(o, h1), h1;
@@ -304,16 +304,16 @@ function J0() {
           case C:
             return X1(o.type, p, h);
           case x: {
-            var v = o, R = v._payload, W = v._init;
+            var v = o, F = v._payload, W = v._init;
             try {
-              return X1(W(R), p, h);
+              return X1(W(F), p, h);
             } catch {
             }
           }
         }
       return "";
     }
-    var V1 = Object.prototype.hasOwnProperty, e2 = {}, t2 = B.ReactDebugCurrentFrame;
+    var V1 = Object.prototype.hasOwnProperty, e2 = {}, t2 = M.ReactDebugCurrentFrame;
     function K1(o) {
       if (o) {
         var p = o._owner, h = X1(o.type, o._source, p ? p.type : null);
@@ -321,36 +321,36 @@ function J0() {
       } else
         t2.setExtraStackFrame(null);
     }
-    function S0(o, p, h, v, R) {
+    function S0(o, p, h, v, F) {
       {
         var W = Function.call.bind(V1);
-        for (var k in o)
-          if (W(o, k)) {
-            var M = void 0;
+        for (var B in o)
+          if (W(o, B)) {
+            var k = void 0;
             try {
-              if (typeof o[k] != "function") {
-                var q = Error((v || "React class") + ": " + h + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[B] != "function") {
+                var q = Error((v || "React class") + ": " + h + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw q.name = "Invariant Violation", q;
               }
-              M = o[k](p, k, v, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              k = o[B](p, B, v, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
-              M = H;
+              k = H;
             }
-            M && !(M instanceof Error) && (K1(R), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", h, k, typeof M), K1(null)), M instanceof Error && !(M.message in e2) && (e2[M.message] = !0, K1(R), j("Failed %s type: %s", h, M.message), K1(null));
+            k && !(k instanceof Error) && (K1(F), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", h, B, typeof k), K1(null)), k instanceof Error && !(k.message in e2) && (e2[k.message] = !0, K1(F), j("Failed %s type: %s", h, k.message), K1(null));
           }
       }
     }
-    var B0 = Array.isArray;
+    var M0 = Array.isArray;
     function Le(o) {
-      return B0(o);
+      return M0(o);
     }
-    function M0(o) {
+    function k0(o) {
       {
         var p = typeof Symbol == "function" && Symbol.toStringTag, h = p && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return h;
       }
     }
-    function k0(o) {
+    function B0(o) {
       try {
         return n2(o), !1;
       } catch {
@@ -361,10 +361,10 @@ function J0() {
       return "" + o;
     }
     function r2(o) {
-      if (k0(o))
-        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", M0(o)), n2(o);
+      if (B0(o))
+        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", k0(o)), n2(o);
     }
-    var i2 = B.ReactCurrentOwner, I0 = {
+    var i2 = M.ReactCurrentOwner, I0 = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -389,7 +389,7 @@ function J0() {
     function D0(o, p) {
       typeof o.ref == "string" && i2.current;
     }
-    function R0(o, p) {
+    function F0(o, p) {
       {
         var h = function() {
           o2 || (o2 = !0, j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
@@ -400,7 +400,7 @@ function J0() {
         });
       }
     }
-    function F0(o, p) {
+    function R0(o, p) {
       {
         var h = function() {
           s2 || (s2 = !0, j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
@@ -411,54 +411,54 @@ function J0() {
         });
       }
     }
-    var E0 = function(o, p, h, v, R, W, k) {
-      var M = {
+    var E0 = function(o, p, h, v, F, W, B) {
+      var k = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: o,
         key: p,
         ref: h,
-        props: k,
+        props: B,
         // Record the component responsible for creating this element.
         _owner: W
       };
-      return M._store = {}, Object.defineProperty(M._store, "validated", {
+      return k._store = {}, Object.defineProperty(k._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(M, "_self", {
+      }), Object.defineProperty(k, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: v
-      }), Object.defineProperty(M, "_source", {
+      }), Object.defineProperty(k, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
+        value: F
+      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
     };
-    function W0(o, p, h, v, R) {
+    function W0(o, p, h, v, F) {
       {
-        var W, k = {}, M = null, q = null;
-        h !== void 0 && (r2(h), M = "" + h), T0(p) && (r2(p.key), M = "" + p.key), N0(p) && (q = p.ref, D0(p, R));
+        var W, B = {}, k = null, q = null;
+        h !== void 0 && (r2(h), k = "" + h), T0(p) && (r2(p.key), k = "" + p.key), N0(p) && (q = p.ref, D0(p, F));
         for (W in p)
-          V1.call(p, W) && !I0.hasOwnProperty(W) && (k[W] = p[W]);
+          V1.call(p, W) && !I0.hasOwnProperty(W) && (B[W] = p[W]);
         if (o && o.defaultProps) {
           var H = o.defaultProps;
           for (W in H)
-            k[W] === void 0 && (k[W] = H[W]);
+            B[W] === void 0 && (B[W] = H[W]);
         }
-        if (M || q) {
+        if (k || q) {
           var V = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          M && R0(k, V), q && F0(k, V);
+          k && F0(B, V), q && R0(B, V);
         }
-        return E0(o, M, q, R, v, i2.current, k);
+        return E0(o, k, q, F, v, i2.current, B);
       }
     }
-    var Se = B.ReactCurrentOwner, a2 = B.ReactDebugCurrentFrame;
+    var Se = M.ReactCurrentOwner, a2 = M.ReactDebugCurrentFrame;
     function L1(o) {
       if (o) {
         var p = o._owner, h = X1(o.type, o._source, p ? p.type : null);
@@ -466,9 +466,9 @@ function J0() {
       } else
         a2.setExtraStackFrame(null);
     }
-    var Be;
-    Be = !1;
-    function Me(o) {
+    var Me;
+    Me = !1;
+    function ke(o) {
       return typeof o == "object" && o !== null && o.$$typeof === n;
     }
     function l2() {
@@ -519,15 +519,15 @@ Check the top-level render call using <` + h + ">.");
         if (Le(o))
           for (var h = 0; h < o.length; h++) {
             var v = o[h];
-            Me(v) && d2(v, p);
+            ke(v) && d2(v, p);
           }
-        else if (Me(o))
+        else if (ke(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var R = E(o);
-          if (typeof R == "function" && R !== o.entries)
-            for (var W = R.call(o), k; !(k = W.next()).done; )
-              Me(k.value) && d2(k.value, p);
+          var F = E(o);
+          if (typeof F == "function" && F !== o.entries)
+            for (var W = F.call(o), B; !(B = W.next()).done; )
+              ke(B.value) && d2(B.value, p);
         }
       }
     }
@@ -548,10 +548,10 @@ Check the top-level render call using <` + h + ">.");
         if (h) {
           var v = _(p);
           S0(h, o.props, "prop", v, o);
-        } else if (p.PropTypes !== void 0 && !Be) {
-          Be = !0;
-          var R = _(p);
-          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        } else if (p.PropTypes !== void 0 && !Me) {
+          Me = !0;
+          var F = _(p);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
         }
         typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -569,21 +569,21 @@ Check the top-level render call using <` + h + ">.");
       }
     }
     var f2 = {};
-    function u2(o, p, h, v, R, W) {
+    function u2(o, p, h, v, F, W) {
       {
-        var k = je(o);
-        if (!k) {
-          var M = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+        var B = je(o);
+        if (!B) {
+          var k = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var q = O0();
-          q ? M += q : M += l2();
+          q ? k += q : k += l2();
           var H;
-          o === null ? H = "null" : Le(o) ? H = "array" : o !== void 0 && o.$$typeof === n ? (H = "<" + (_(o.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : H = typeof o, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, M);
+          o === null ? H = "null" : Le(o) ? H = "array" : o !== void 0 && o.$$typeof === n ? (H = "<" + (_(o.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : H = typeof o, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, k);
         }
-        var V = W0(o, p, h, R, W);
+        var V = W0(o, p, h, F, W);
         if (V == null)
           return V;
-        if (k) {
+        if (B) {
           var K = p.children;
           if (K !== void 0)
             if (v)
@@ -599,15 +599,15 @@ Check the top-level render call using <` + h + ">.");
         if (V1.call(p, "key")) {
           var h1 = _(o), Q = Object.keys(p).filter(function(Q0) {
             return Q0 !== "key";
-          }), ke = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!f2[h1 + ke]) {
+          }), Be = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!f2[h1 + Be]) {
             var q0 = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
             j(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ke, h1, q0, h1), f2[h1 + ke] = !0;
+  <%s key={someKey} {...props} />`, Be, h1, q0, h1), f2[h1 + Be] = !0;
           }
         }
         return o === i ? z0(V) : V0(V), V;
@@ -633,7 +633,7 @@ var t = We.exports, Y = function() {
     return n;
   }, Y.apply(this, arguments);
 };
-function k1(e, n, r) {
+function B1(e, n, r) {
   if (r || arguments.length === 2) for (var i = 0, s = n.length, a; i < s; i++)
     (a || !(i in n)) && (a || (a = Array.prototype.slice.call(n, 0, i)), a[i] = n[i]);
   return e.concat(a || Array.prototype.slice.call(n));
@@ -649,7 +649,7 @@ var $0 = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
     return $0.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), O = "-ms-", Z1 = "-moz-", F = "-webkit-", V2 = "comm", Ce = "rule", Ye = "decl", tt = "@import", z2 = "@keyframes", nt = "@layer", P2 = Math.abs, Xe = String.fromCharCode, Oe = Object.assign;
+), O = "-ms-", Z1 = "-moz-", R = "-webkit-", V2 = "comm", Ce = "rule", Ye = "decl", tt = "@import", z2 = "@keyframes", nt = "@layer", P2 = Math.abs, Xe = String.fromCharCode, Oe = Object.assign;
 function rt(e, n) {
   return P(e, 0) ^ 45 ? (((n << 2 ^ P(e, 0)) << 2 ^ P(e, 1)) << 2 ^ P(e, 2)) << 2 ^ P(e, 3) : 0;
 }
@@ -695,7 +695,7 @@ function ye(e, n, r, i, s, a, l, d) {
 function f1(e, n) {
   return Oe(ye("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, n);
 }
-function B1(e) {
+function M1(e) {
   for (; e.root; )
     e = f1(e.root, { children: [e] });
   U1(e, e.siblings);
@@ -802,11 +802,11 @@ function ut(e) {
   return lt(de("", null, null, null, [""], e = at(e), 0, [0], e));
 }
 function de(e, n, r, i, s, a, l, d, c) {
-  for (var g = 0, u = 0, C = l, x = 0, m = 0, y = 0, A = 1, E = 1, B = 1, j = 0, T = "", w = s, D = a, L = i, b = T; E; )
+  for (var g = 0, u = 0, C = l, x = 0, m = 0, y = 0, A = 1, E = 1, M = 1, j = 0, T = "", w = s, D = a, L = i, b = T; E; )
     switch (y = j, j = n1()) {
       case 40:
         if (y != 108 && P(b, C - 1) == 58) {
-          le(b += S(Ie(j), "&", "&\f"), "&\f", P2(g ? d[g - 1] : 0)) != -1 && (B = -1);
+          le(b += S(Ie(j), "&", "&\f"), "&\f", P2(g ? d[g - 1] : 0)) != -1 && (M = -1);
           break;
         }
       case 34:
@@ -834,7 +834,7 @@ function de(e, n, r, i, s, a, l, d, c) {
         }
         break;
       case 123 * A:
-        d[g++] = i1(b) * B;
+        d[g++] = i1(b) * M;
       case 125 * A:
       case 59:
       case 0:
@@ -843,7 +843,7 @@ function de(e, n, r, i, s, a, l, d, c) {
           case 125:
             E = 0;
           case 59 + u:
-            B == -1 && (b = S(b, /\f/g, "")), m > 0 && i1(b) - C && U1(m > 32 ? y2(b + ";", i, r, C - 1, c) : y2(S(b, " ", "") + ";", i, r, C - 2, c), c);
+            M == -1 && (b = S(b, /\f/g, "")), m > 0 && i1(b) - C && U1(m > 32 ? y2(b + ";", i, r, C - 1, c) : y2(S(b, " ", "") + ";", i, r, C - 2, c), c);
             break;
           case 59:
             b += ";";
@@ -863,7 +863,7 @@ function de(e, n, r, i, s, a, l, d, c) {
                     de(b, L, L, L, [""], D, 0, d, D);
                 }
         }
-        g = u = m = 0, A = B = 1, T = b = "", C = l;
+        g = u = m = 0, A = M = 1, T = b = "", C = l;
         break;
       case 58:
         C = 1 + i1(b), m = y;
@@ -876,10 +876,10 @@ function de(e, n, r, i, s, a, l, d, c) {
         }
         switch (b += Xe(j), j * A) {
           case 38:
-            B = u > 0 ? 1 : (b += "\f", -1);
+            M = u > 0 ? 1 : (b += "\f", -1);
             break;
           case 44:
-            d[g++] = (i1(b) - 1) * B, B = 1;
+            d[g++] = (i1(b) - 1) * M, M = 1;
             break;
           case 64:
             C1() === 45 && (b += Ie(n1())), x = C1(), u = C = i1(T = b += ft(ce())), j++;
@@ -891,9 +891,9 @@ function de(e, n, r, i, s, a, l, d, c) {
   return a;
 }
 function m2(e, n, r, i, s, a, l, d, c, g, u, C) {
-  for (var x = s - 1, m = s === 0 ? a : [""], y = U2(m), A = 0, E = 0, B = 0; A < i; ++A)
+  for (var x = s - 1, m = s === 0 ? a : [""], y = U2(m), A = 0, E = 0, M = 0; A < i; ++A)
     for (var j = 0, T = I1(e, x + 1, x = P2(E = l[A])), w = e; j < y; ++j)
-      (w = G2(E > 0 ? m[j] + " " + T : S(T, /&\f/g, m[j]))) && (c[B++] = w);
+      (w = G2(E > 0 ? m[j] + " " + T : S(T, /&\f/g, m[j]))) && (c[M++] = w);
   return ye(e, n, r, s === 0 ? Ce : d, c, g, u, C);
 }
 function ht(e, n, r, i) {
@@ -905,7 +905,7 @@ function y2(e, n, r, i, s) {
 function q2(e, n, r) {
   switch (rt(e, n)) {
     case 5103:
-      return F + "print-" + e + e;
+      return R + "print-" + e + e;
     case 5737:
     case 4201:
     case 3177:
@@ -931,7 +931,7 @@ function q2(e, n, r) {
     case 5365:
     case 5621:
     case 3829:
-      return F + e + e;
+      return R + e + e;
     case 4789:
       return Z1 + e + e;
     case 5349:
@@ -939,43 +939,43 @@ function q2(e, n, r) {
     case 4810:
     case 6968:
     case 2756:
-      return F + e + Z1 + e + O + e + e;
+      return R + e + Z1 + e + O + e + e;
     case 5936:
       switch (P(e, n + 11)) {
         case 114:
-          return F + e + O + S(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return R + e + O + S(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return F + e + O + S(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return R + e + O + S(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return F + e + O + S(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return R + e + O + S(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
     case 6828:
     case 4268:
     case 2903:
-      return F + e + O + e + e;
+      return R + e + O + e + e;
     case 6165:
-      return F + e + O + "flex-" + e + e;
+      return R + e + O + "flex-" + e + e;
     case 5187:
-      return F + e + S(e, /(\w+).+(:[^]+)/, F + "box-$1$2" + O + "flex-$1$2") + e;
+      return R + e + S(e, /(\w+).+(:[^]+)/, R + "box-$1$2" + O + "flex-$1$2") + e;
     case 5443:
-      return F + e + O + "flex-item-" + S(e, /flex-|-self/g, "") + (a1(e, /flex-|baseline/) ? "" : O + "grid-row-" + S(e, /flex-|-self/g, "")) + e;
+      return R + e + O + "flex-item-" + S(e, /flex-|-self/g, "") + (a1(e, /flex-|baseline/) ? "" : O + "grid-row-" + S(e, /flex-|-self/g, "")) + e;
     case 4675:
-      return F + e + O + "flex-line-pack" + S(e, /align-content|flex-|-self/g, "") + e;
+      return R + e + O + "flex-line-pack" + S(e, /align-content|flex-|-self/g, "") + e;
     case 5548:
-      return F + e + O + S(e, "shrink", "negative") + e;
+      return R + e + O + S(e, "shrink", "negative") + e;
     case 5292:
-      return F + e + O + S(e, "basis", "preferred-size") + e;
+      return R + e + O + S(e, "basis", "preferred-size") + e;
     case 6060:
-      return F + "box-" + S(e, "-grow", "") + F + e + O + S(e, "grow", "positive") + e;
+      return R + "box-" + S(e, "-grow", "") + R + e + O + S(e, "grow", "positive") + e;
     case 4554:
-      return F + S(e, /([^-])(transform)/g, "$1" + F + "$2") + e;
+      return R + S(e, /([^-])(transform)/g, "$1" + R + "$2") + e;
     case 6187:
-      return S(S(S(e, /(zoom-|grab)/, F + "$1"), /(image-set)/, F + "$1"), e, "") + e;
+      return S(S(S(e, /(zoom-|grab)/, R + "$1"), /(image-set)/, R + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return S(e, /(image-set\([^]*)/, F + "$1$`$1");
+      return S(e, /(image-set\([^]*)/, R + "$1$`$1");
     case 4968:
-      return S(S(e, /(.+:)(flex-)?(.*)/, F + "box-pack:$3" + O + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + F + e + e;
+      return S(S(e, /(.+:)(flex-)?(.*)/, R + "box-pack:$3" + O + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + R + e + e;
     case 4200:
       if (!a1(e, /flex-|baseline/)) return O + "grid-column-align" + I1(e, n) + e;
       break;
@@ -996,7 +996,7 @@ function q2(e, n, r) {
     case 3583:
     case 4068:
     case 2532:
-      return S(e, /(.+)-inline(.+)/, F + "$1$2") + e;
+      return S(e, /(.+)-inline(.+)/, R + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -1015,7 +1015,7 @@ function q2(e, n, r) {
             if (P(e, n + 4) !== 45)
               break;
           case 102:
-            return S(e, /(.+:)(.+)-([^]+)/, "$1" + F + "$2-$3$1" + Z1 + (P(e, n + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return S(e, /(.+:)(.+)-([^]+)/, "$1" + R + "$2-$3$1" + Z1 + (P(e, n + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
             return ~le(e, "stretch", 0) ? q2(S(e, "stretch", "fill-available"), n, r) + e : e;
         }
@@ -1027,12 +1027,12 @@ function q2(e, n, r) {
       });
     case 4949:
       if (P(e, n + 6) === 121)
-        return S(e, ":", ":" + F) + e;
+        return S(e, ":", ":" + R) + e;
       break;
     case 6444:
       switch (P(e, P(e, 14) === 45 ? 18 : 11)) {
         case 120:
-          return S(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + F + (P(e, 14) === 45 ? "inline-" : "") + "box$3$1" + F + "$2$3$1" + O + "$2box$3") + e;
+          return S(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + R + (P(e, 14) === 45 ? "inline-" : "") + "box$3$1" + R + "$2$3$1" + O + "$2box$3") + e;
         case 100:
           return S(e, ":", ":" + O) + e;
       }
@@ -1087,17 +1087,17 @@ function mt(e, n, r, i) {
         e.return = q2(e.value, e.length, r);
         return;
       case z2:
-        return he([f1(e, { value: S(e.value, "@", "@" + F) })], i);
+        return he([f1(e, { value: S(e.value, "@", "@" + R) })], i);
       case Ce:
         if (e.length)
           return it(r = e.props, function(s) {
             switch (a1(s, i = /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                B1(f1(e, { props: [S(s, /:(read-\w+)/, ":" + Z1 + "$1")] })), B1(f1(e, { props: [s] })), Oe(e, { props: C2(r, i) });
+                M1(f1(e, { props: [S(s, /:(read-\w+)/, ":" + Z1 + "$1")] })), M1(f1(e, { props: [s] })), Oe(e, { props: C2(r, i) });
                 break;
               case "::placeholder":
-                B1(f1(e, { props: [S(s, /:(plac\w+)/, ":" + F + "input-$1")] })), B1(f1(e, { props: [S(s, /:(plac\w+)/, ":" + Z1 + "$1")] })), B1(f1(e, { props: [S(s, /:(plac\w+)/, O + "input-$1")] })), B1(f1(e, { props: [s] })), Oe(e, { props: C2(r, i) });
+                M1(f1(e, { props: [S(s, /:(plac\w+)/, ":" + R + "input-$1")] })), M1(f1(e, { props: [S(s, /:(plac\w+)/, ":" + Z1 + "$1")] })), M1(f1(e, { props: [S(s, /:(plac\w+)/, O + "input-$1")] })), M1(f1(e, { props: [s] })), Oe(e, { props: C2(r, i) });
                 break;
             }
             return "";
@@ -1116,7 +1116,7 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
       var a = !0;
       console.error = function(l) {
         for (var d = [], c = 1; c < arguments.length; c++) d[c - 1] = arguments[c];
-        v2.test(l) ? (a = !1, J1.delete(i)) : s.apply(void 0, k1([l], d, !1));
+        v2.test(l) ? (a = !1, J1.delete(i)) : s.apply(void 0, B1([l], d, !1));
       }, Qe(), a && !J1.has(i) && (console.warn(i), J1.add(i));
     } catch (l) {
       v2.test(l.message) && J1.delete(i);
@@ -1155,23 +1155,23 @@ function J2(e) {
 function Te(e) {
   return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
 }
-var _2 = typeof Symbol == "function" && Symbol.for, $2 = _2 ? Symbol.for("react.memo") : 60115, Bt = _2 ? Symbol.for("react.forward_ref") : 60112, Mt = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, kt = {}, e0 = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, It = ((Ne = {})[Bt] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ne[$2] = e0, Ne);
+var _2 = typeof Symbol == "function" && Symbol.for, $2 = _2 ? Symbol.for("react.memo") : 60115, Mt = _2 ? Symbol.for("react.forward_ref") : 60112, kt = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Bt = {}, e0 = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, It = ((Ne = {})[Mt] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ne[$2] = e0, Ne);
 function j2(e) {
-  return ("type" in (n = e) && n.type.$$typeof) === $2 ? e0 : "$$typeof" in e ? It[e.$$typeof] : Mt;
+  return ("type" in (n = e) && n.type.$$typeof) === $2 ? e0 : "$$typeof" in e ? It[e.$$typeof] : kt;
   var n;
 }
-var Nt = Object.defineProperty, Tt = Object.getOwnPropertyNames, A2 = Object.getOwnPropertySymbols, Dt = Object.getOwnPropertyDescriptor, Rt = Object.getPrototypeOf, L2 = Object.prototype;
+var Nt = Object.defineProperty, Tt = Object.getOwnPropertyNames, A2 = Object.getOwnPropertySymbols, Dt = Object.getOwnPropertyDescriptor, Ft = Object.getPrototypeOf, L2 = Object.prototype;
 function t0(e, n, r) {
   if (typeof n != "string") {
     if (L2) {
-      var i = Rt(n);
+      var i = Ft(n);
       i && i !== L2 && t0(e, i, r);
     }
     var s = Tt(n);
     A2 && (s = s.concat(A2(n)));
     for (var a = j2(e), l = j2(n), d = 0; d < s.length; ++d) {
       var c = s[d];
-      if (!(c in kt || r && r[c] || l && c in l || a && c in a)) {
+      if (!(c in Bt || r && r[c] || l && c in l || a && c in a)) {
         var g = Dt(n, c);
         try {
           Nt(e, c, g);
@@ -1196,19 +1196,19 @@ function S2(e, n) {
   for (var r = e[0], i = 1; i < e.length; i++) r += e[i];
   return r;
 }
-function R1(e) {
+function F1(e) {
   return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
 }
 function Ge(e, n, r) {
-  if (r === void 0 && (r = !1), !r && !R1(e) && !Array.isArray(e)) return n;
+  if (r === void 0 && (r = !1), !r && !F1(e) && !Array.isArray(e)) return n;
   if (Array.isArray(n)) for (var i = 0; i < n.length; i++) e[i] = Ge(e[i], n[i]);
-  else if (R1(n)) for (var i in n) e[i] = Ge(e[i], n[i]);
+  else if (F1(n)) for (var i in n) e[i] = Ge(e[i], n[i]);
   return e;
 }
 function _e(e, n) {
   Object.defineProperty(e, "toString", { value: n });
 }
-var Ft = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+var Rt = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
 
 `, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
 
@@ -1259,7 +1259,7 @@ function Et() {
 }
 function W1(e) {
   for (var n = [], r = 1; r < arguments.length; r++) n[r - 1] = arguments[r];
-  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(Et.apply(void 0, k1([Ft[e]], n, !1)).trim());
+  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(Et.apply(void 0, B1([Rt[e]], n, !1)).trim());
 }
 var Wt = function() {
   function e(n) {
@@ -1308,7 +1308,7 @@ var Wt = function() {
       } else s.push(d);
     }
   }
-}, B2 = function(e) {
+}, M2 = function(e) {
   for (var n = document.querySelectorAll(Vt), r = 0, i = n.length; r < i; r++) {
     var s = n[r];
     s && s.getAttribute(v1) !== Q2 && (Gt(e, s), s.parentNode && s.parentNode.removeChild(s));
@@ -1374,22 +1374,22 @@ var n0 = function(e) {
   }, e.prototype.getRule = function(n) {
     return n < this.length ? this.rules[n] : "";
   }, e;
-}(), M2 = ge, Yt = { isServer: !ge, useCSSOMInjection: !vt }, r0 = function() {
+}(), k2 = ge, Yt = { isServer: !ge, useCSSOMInjection: !vt }, r0 = function() {
   function e(n, r, i) {
     n === void 0 && (n = T1), r === void 0 && (r = {});
     var s = this;
-    this.options = Y(Y({}, Yt), n), this.gs = r, this.names = new Map(i), this.server = !!n.isServer, !this.server && ge && M2 && (M2 = !1, B2(this)), _e(this, function() {
+    this.options = Y(Y({}, Yt), n), this.gs = r, this.names = new Map(i), this.server = !!n.isServer, !this.server && ge && k2 && (k2 = !1, M2(this)), _e(this, function() {
       return function(a) {
         for (var l = a.getTag(), d = l.length, c = "", g = function(C) {
-          var x = function(B) {
-            return xe.get(B);
+          var x = function(M) {
+            return xe.get(M);
           }(C);
           if (x === void 0) return "continue";
           var m = a.names.get(x), y = l.getGroup(C);
           if (m === void 0 || !m.size || y.length === 0) return "continue";
           var A = "".concat(v1, ".g").concat(C, '[id="').concat(x, '"]'), E = "";
-          m !== void 0 && m.forEach(function(B) {
-            B.length > 0 && (E += "".concat(B, ","));
+          m !== void 0 && m.forEach(function(M) {
+            M.length > 0 && (E += "".concat(M, ","));
           }), c += "".concat(y).concat(A, '{content:"').concat(E, '"}').concat(Ke);
         }, u = 0; u < d; u++) g(u);
         return c;
@@ -1399,7 +1399,7 @@ var n0 = function(e) {
   return e.registerId = function(n) {
     return $1(n);
   }, e.prototype.rehydrate = function() {
-    !this.server && ge && B2(this);
+    !this.server && ge && M2(this);
   }, e.prototype.reconstructWithOptions = function(n, r) {
     return r === void 0 && (r = !0), new e(Y(Y({}, this.options), n), this.gs, r && this.names || void 0);
   }, e.prototype.allocateGSInstance = function(n) {
@@ -1444,10 +1444,10 @@ function Jt(e) {
   }), l.prefix && u.push(mt), u.push(gt);
   var C = function(x, m, y, A) {
     m === void 0 && (m = ""), y === void 0 && (y = ""), A === void 0 && (A = "&"), n = A, r = m, i = new RegExp("\\".concat(r, "\\b"), "g");
-    var E = x.replace(Kt, ""), B = ut(y || m ? "".concat(y, " ").concat(m, " { ").concat(E, " }") : E);
-    l.namespace && (B = i0(B, l.namespace));
+    var E = x.replace(Kt, ""), M = ut(y || m ? "".concat(y, " ").concat(m, " { ").concat(E, " }") : E);
+    l.namespace && (M = i0(M, l.namespace));
     var j = [];
-    return he(B, xt(u.concat(Ct(function(T) {
+    return he(M, xt(u.concat(Ct(function(T) {
       return j.push(T);
     })))), j;
   };
@@ -1458,7 +1458,7 @@ function Jt(e) {
 var _t = new r0(), Ue = Jt(), o0 = y1.createContext({ shouldForwardProp: void 0, styleSheet: _t, stylis: Ue });
 o0.Consumer;
 y1.createContext(void 0);
-function k2() {
+function B2() {
   return X0(o0);
 }
 var I2 = function() {
@@ -1492,7 +1492,7 @@ var s0 = function(e) {
   var n, r, i = [];
   for (var s in e) {
     var a = e[s];
-    e.hasOwnProperty(s) && !s0(a) && (Array.isArray(a) && a.isCss || D1(a) ? i.push("".concat(N2(s), ":"), a, ";") : R1(a) ? i.push.apply(i, k1(k1(["".concat(s, " {")], a0(a), !1), ["}"], !1)) : i.push("".concat(N2(s), ": ").concat((n = s, (r = a) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || n in yt || n.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+    e.hasOwnProperty(s) && !s0(a) && (Array.isArray(a) && a.isCss || D1(a) ? i.push("".concat(N2(s), ":"), a, ";") : F1(a) ? i.push.apply(i, B1(B1(["".concat(s, " {")], a0(a), !1), ["}"], !1)) : i.push("".concat(N2(s), ": ").concat((n = s, (r = a) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || n in yt || n.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
   }
   return i;
 };
@@ -1502,10 +1502,10 @@ function m1(e, n, r, i) {
   if (D1(e)) {
     if (!D1(a = e) || a.prototype && a.prototype.isReactComponent || !n) return [e];
     var s = e(n);
-    return process.env.NODE_ENV === "production" || typeof s != "object" || Array.isArray(s) || s instanceof I2 || R1(s) || s === null || console.error("".concat(J2(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), m1(s, n, r, i);
+    return process.env.NODE_ENV === "production" || typeof s != "object" || Array.isArray(s) || s instanceof I2 || F1(s) || s === null || console.error("".concat(J2(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), m1(s, n, r, i);
   }
   var a;
-  return e instanceof I2 ? r ? (e.inject(r, i), [e.getName(i)]) : [e] : R1(e) ? a0(e) : Array.isArray(e) ? Array.prototype.concat.apply(be, e.map(function(l) {
+  return e instanceof I2 ? r ? (e.inject(r, i), [e.getName(i)]) : [e] : F1(e) ? a0(e) : Array.isArray(e) ? Array.prototype.concat.apply(be, e.map(function(l) {
     return m1(l, n, r, i);
   })) : [e.toString()];
 }
@@ -1568,10 +1568,10 @@ function r3(e, n, r) {
       };
     } else y = A;
   }
-  var B = new n3(r, x, i ? s.componentStyle : void 0);
+  var M = new n3(r, x, i ? s.componentStyle : void 0);
   function j(w, D) {
     return function(L, b, U) {
-      var N = L.attrs, je = L.componentStyle, Ae = L.defaultProps, Q1 = L.foldedComponentIds, _ = L.styledComponentId, o1 = L.target, u1 = y1.useContext(l0), Y1 = k2(), w1 = L.shouldForwardProp || Y1.shouldForwardProp;
+      var N = L.attrs, je = L.componentStyle, Ae = L.defaultProps, Q1 = L.foldedComponentIds, _ = L.styledComponentId, o1 = L.target, u1 = y1.useContext(l0), Y1 = B2(), w1 = L.shouldForwardProp || Y1.shouldForwardProp;
       process.env.NODE_ENV !== "production" && h2(_);
       var O1 = bt(b, u1, Ae) || T1, X = function(j1, s1, d1) {
         for (var $, e1 = Y(Y({}, s1), { className: void 0, theme: d1 }), p1 = 0; p1 < j1.length; p1 += 1) {
@@ -1582,7 +1582,7 @@ function r3(e, n, r) {
       }(N, b, O1), l1 = X.as || o1, c1 = {};
       for (var Z in X) X[Z] === void 0 || Z[0] === "$" || Z === "as" || Z === "theme" && X.theme === O1 || (Z === "forwardedAs" ? c1.as = X.forwardedAs : w1 && !w1(Z, l1) || (c1[Z] = X[Z], w1 || process.env.NODE_ENV !== "development" || et(Z) || T2.has(Z) || !ze.has(l1) || (T2.add(Z), console.warn('styled-components: it looks like an unknown prop "'.concat(Z, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var b1 = function(j1, s1) {
-        var d1 = k2(), $ = j1.generateAndInjectStyles(s1, d1.styleSheet, d1.stylis);
+        var d1 = B2(), $ = j1.generateAndInjectStyles(s1, d1.styleSheet, d1.stylis);
         return process.env.NODE_ENV !== "production" && h2($), $;
       }(je, X);
       process.env.NODE_ENV !== "production" && L.warnTooManyClasses && L.warnTooManyClasses(b1);
@@ -1592,7 +1592,7 @@ function r3(e, n, r) {
   }
   j.displayName = C;
   var T = y1.forwardRef(j);
-  return T.attrs = m, T.componentStyle = B, T.displayName = C, T.shouldForwardProp = y, T.foldedComponentIds = i ? x1(s.foldedComponentIds, s.styledComponentId) : "", T.styledComponentId = x, T.target = i ? s.target : e, Object.defineProperty(T, "defaultProps", { get: function() {
+  return T.attrs = m, T.componentStyle = M, T.displayName = C, T.shouldForwardProp = y, T.foldedComponentIds = i ? x1(s.foldedComponentIds, s.styledComponentId) : "", T.styledComponentId = x, T.target = i ? s.target : e, Object.defineProperty(T, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(w) {
     this._foldedDefaultProps = i ? function(D) {
@@ -1625,20 +1625,20 @@ function D2(e, n) {
   for (var r = [e[0]], i = 0, s = n.length; i < s; i += 1) r.push(n[i], e[i + 1]);
   return r;
 }
-var R2 = function(e) {
+var F2 = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
 function i3(e) {
   for (var n = [], r = 1; r < arguments.length; r++) n[r - 1] = arguments[r];
-  if (D1(e) || R1(e)) return R2(m1(D2(be, k1([e], n, !0))));
+  if (D1(e) || F1(e)) return F2(m1(D2(be, B1([e], n, !0))));
   var i = e;
-  return n.length === 0 && i.length === 1 && typeof i[0] == "string" ? m1(i) : R2(m1(D2(i, n)));
+  return n.length === 0 && i.length === 1 && typeof i[0] == "string" ? m1(i) : F2(m1(D2(i, n)));
 }
 function Ze(e, n, r) {
   if (r === void 0 && (r = T1), !n) throw W1(1, n);
   var i = function(s) {
     for (var a = [], l = 1; l < arguments.length; l++) a[l - 1] = arguments[l];
-    return e(n, r, i3.apply(void 0, k1([s], a, !1)));
+    return e(n, r, i3.apply(void 0, B1([s], a, !1)));
   };
   return i.attrs = function(s) {
     return Ze(e, n, Y(Y({}, r), { attrs: Array.prototype.concat(r.attrs, s).filter(Boolean) }));
@@ -1667,7 +1667,7 @@ const o3 = f.div`
   position: absolute;
   left: 12px;
   bottom: 12px;
-`, F2 = f.div`
+`, R2 = f.div`
   max-width: 120px;
   min-width: 120px;
   max-height: 46px;
@@ -1683,7 +1683,6 @@ const o3 = f.div`
   .text-title {
     font-family: Inter;
     font-weight: 600;
-    font-style: Semi Bold;
     font-size: 10px;
     line-height: 12px;
     vertical-align: middle;
@@ -1704,7 +1703,7 @@ const o3 = f.div`
     color: #ffffff;
   }
 `, cr = ({ balance: e, bet: n, currencyId: r }) => /* @__PURE__ */ t.jsxs(o3, { children: [
-  /* @__PURE__ */ t.jsxs(F2, { children: [
+  /* @__PURE__ */ t.jsxs(R2, { children: [
     /* @__PURE__ */ t.jsx("p", { className: "text-title", children: "Balance" }),
     /* @__PURE__ */ t.jsxs("p", { className: "amount", children: [
       r,
@@ -1712,7 +1711,7 @@ const o3 = f.div`
       e
     ] })
   ] }),
-  /* @__PURE__ */ t.jsxs(F2, { children: [
+  /* @__PURE__ */ t.jsxs(R2, { children: [
     /* @__PURE__ */ t.jsx("p", { className: "text-title", children: "Total Bet" }),
     /* @__PURE__ */ t.jsxs("p", { className: "amount", children: [
       r,
@@ -1731,7 +1730,8 @@ const o3 = f.div`
   position: relative;
   padding: 6px;
   cursor: pointer;
-  border: ${({ $isTournament: e }) => e ? "1px solid rgba(255, 193, 93, 1)" : "1px solid rgba(255, 255, 255, 0.08)"};
+  border: 1px solid
+    ${({ $isTournament: e, isActive: n }) => e ? "rgba(255, 193, 93, 1)" : n ? "#FFFFFF3D" : "#FFFFFF14"};
 
   svg {
     width: 100%;
@@ -1761,7 +1761,7 @@ const o3 = f.div`
   color: #ffffff;
   position: absolute;
   top: 35px;
-  z-index: 2;
+  z-index: 30;
   .icon-info {
     position: absolute;
     top: -10px;
@@ -1778,7 +1778,7 @@ const o3 = f.div`
     children: /* @__PURE__ */ t.jsx("path", { d: "M0 6.39844H12L6 0.398438L0 6.39844Z", fill: "#111111" })
   }
 ), p3 = f.div`
-  z-index: 2;
+  z-index: 30;
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -1830,7 +1830,7 @@ const o3 = f.div`
       $isSettings: e
     }
   )
-] }), M1 = ({
+] }), k1 = ({
   icon: e,
   onClick: n,
   buttonInfo: r,
@@ -1895,13 +1895,13 @@ const o3 = f.div`
   { x: 0, y: -3, size: -1.1 },
   { x: 0, y: -3, size: -1.2 },
   { x: 0, y: -3, size: -1.3 }
-], Re = { x: 15, y: 40, size: 1.8 }, x3 = (e) => {
+], Fe = { x: 15, y: 40, size: 1.8 }, x3 = (e) => {
   const n = e.length, r = e[n - 1], i = r === "K" || r === "M" || r === "B";
   let s;
   return i && n === 2 ? s = { x: 2, y: 0, size: -0.4 } : s = g3[n - 1] ?? { x: 0, y: 0, size: 0 }, {
-    x: Re.x + s.x,
-    y: Re.y + s.y,
-    size: Re.size + s.size
+    x: Fe.x + s.x,
+    y: Fe.y + s.y,
+    size: Fe.size + s.size
   };
 }, d0 = ({
   chipAmounts: e,
@@ -2708,9 +2708,8 @@ const o3 = f.div`
             style: {
               fontSize: `${d == null ? void 0 : d.size}em`
             },
-            className: "amount",
             fill: "#fff",
-            children: /* @__PURE__ */ t.jsx("tspan", { y: d == null ? void 0 : d.y, x: d == null ? void 0 : d.x, children: l })
+            children: /* @__PURE__ */ t.jsx("tspan", { className: "amount", y: d == null ? void 0 : d.y, x: d == null ? void 0 : d.x, children: l })
           }
         )
       ]
@@ -2887,7 +2886,7 @@ const b3 = [
     buttonType: I.Limit,
     icon: y3()
   }
-], B3 = (e, n) => {
+], M3 = (e, n) => {
   switch (e) {
     case I.Message:
       return {
@@ -2940,8 +2939,8 @@ const b3 = [
     default:
       return null;
   }
-}, M3 = (e, n) => {
-}, k3 = (e, n, r) => {
+}, k3 = (e, n) => {
+}, B3 = (e, n, r) => {
   if (n.current === null) return;
   const s = e.touches[0].clientY - n.current;
   s > 0 && s < 300 && (e.currentTarget.style.transform = `translateY(${s}px)`), s > 120 && r(!1);
@@ -3017,10 +3016,10 @@ const b3 = [
     color: #fff;
     border-bottom: 1px solid #ffffff14;
   }
-`, R3 = f.div`
+`, F3 = f.div`
   max-width: 100%;
   height: calc(100% - 55px);
-`, F3 = ({
+`, R3 = ({
   header: e,
   close: n,
   width: r,
@@ -3032,7 +3031,7 @@ const b3 = [
     /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx("p", { children: e }) }),
     /* @__PURE__ */ t.jsx("div", { onClick: n, children: /* @__PURE__ */ t.jsx($e, {}) })
   ] }),
-  /* @__PURE__ */ t.jsx(R3, { children: s })
+  /* @__PURE__ */ t.jsx(F3, { children: s })
 ] }), G1 = (e) => e.toString().padStart(2, "0"), E3 = (e) => {
   const n = new Date(e);
   return `${G1(n.getDate())}.${G1(
@@ -3060,7 +3059,6 @@ const b3 = [
   .p {
     font-family: Inter;
     font-weight: 600;
-    font-style: Semi Bold;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0%;
@@ -3072,7 +3070,7 @@ const b3 = [
   }, C = () => {
     n !== 1 && r(n - 1);
   };
-  F1(() => {
+  R1(() => {
     x();
   }, [n]);
   const x = () => {
@@ -3094,11 +3092,11 @@ const b3 = [
     if (y !== n)
       if (typeof y == "string") {
         if (A === 4 || A === 5) {
-          const E = g.slice(n, e), B = (E.length / 2).toFixed();
-          r(E[+B - 1]);
+          const E = g.slice(n, e), M = (E.length / 2).toFixed();
+          r(E[+M - 1]);
         } else if (A === 1) {
-          const E = g.slice(0, n), B = (E.length / 2).toFixed();
-          r(E[+B - 1]);
+          const E = g.slice(0, n), M = (E.length / 2).toFixed();
+          r(E[+M - 1]);
         }
       } else
         r(y);
@@ -3111,7 +3109,7 @@ const b3 = [
     " pageRightCount"
   ), /* @__PURE__ */ t.jsx(W3, { children: /* @__PURE__ */ t.jsxs("div", { className: "wrapper", children: [
     /* @__PURE__ */ t.jsx(
-      M1,
+      k1,
       {
         height: 26,
         width: 26,
@@ -3121,7 +3119,7 @@ const b3 = [
     ),
     [...i, ...d, ...a].map(
       (y, A) => /* @__PURE__ */ t.jsx(O3, { isActive: n === y, children: /* @__PURE__ */ t.jsx(
-        M1,
+        k1,
         {
           height: 26,
           width: 26,
@@ -3134,7 +3132,7 @@ const b3 = [
       ) }, A)
     ),
     /* @__PURE__ */ t.jsx(
-      M1,
+      k1,
       {
         height: 26,
         width: 26,
@@ -3284,7 +3282,6 @@ const b3 = [
   border: none;
   font-family: Inter;
   font-weight: 600;
-  font-style: Semi Bold;
   font-size: 12px;
   line-height: 16px;
   cursor: pointer;
@@ -3347,7 +3344,7 @@ const Y3 = f.div`
   margin: 10px 12px 0 12px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   padding-bottom: 8px;
-`, Fe = f.button`
+`, Re = f.button`
   flex: 1;
   border: none;
   border-radius: 6px;
@@ -3463,7 +3460,7 @@ const Y3 = f.div`
     "Leaderboard"
     /* Leaderboard */
   ), [i, s] = G(E2(e));
-  F1(() => {
+  R1(() => {
     const l = setInterval(() => {
       s(E2(e));
     }, 1e3);
@@ -3484,7 +3481,7 @@ const Y3 = f.div`
   return /* @__PURE__ */ t.jsxs(Y3, { children: [
     /* @__PURE__ */ t.jsxs(X3, { children: [
       /* @__PURE__ */ t.jsx(
-        Fe,
+        Re,
         {
           active: n === "Prizes",
           onClick: () => r(
@@ -3495,7 +3492,7 @@ const Y3 = f.div`
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Fe,
+        Re,
         {
           active: n === "Leaderboard",
           onClick: () => r(
@@ -3506,7 +3503,7 @@ const Y3 = f.div`
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Fe,
+        Re,
         {
           active: n === "Rules",
           onClick: () => r(
@@ -3670,7 +3667,6 @@ const Y3 = f.div`
   .item-text {
     font-family: Inter;
     font-weight: 600;
-    font-style: Semi Bold;
     font-size: 12px;
     line-height: 16px;
   }
@@ -3730,7 +3726,7 @@ const Y3 = f.div`
       });
     }
   };
-  return F1(() => {
+  return R1(() => {
     if (!r.current) return;
     const s = {
       root: r.current,
@@ -4184,7 +4180,7 @@ const Y3 = f.div`
   line-height: 16px;
   color: #ffffff;
   margin: 0px;
-`, Bn = f.button`
+`, Mn = f.button`
   width: 100%;
   height: 32px;
   border-radius: 6px;
@@ -4201,7 +4197,7 @@ const Y3 = f.div`
     background: rgba(197, 245, 250, 1);
     color: rgba(17, 17, 17, 1);
   }
-`, Mn = ["Min", "Low", "Med", "High", "Auto"], kn = ({
+`, kn = ["Min", "Low", "Med", "High", "Auto"], Bn = ({
   streamVolume: e,
   effectsVolume: n,
   setEffectsVolume: r,
@@ -4209,7 +4205,7 @@ const Y3 = f.div`
 }) => /* @__PURE__ */ t.jsxs(Sn, { children: [
   /* @__PURE__ */ t.jsxs("div", { className: "video-quality", children: [
     /* @__PURE__ */ t.jsx(Ee, { children: "Video Quality" }),
-    /* @__PURE__ */ t.jsx("div", { className: "quality-block", children: Mn.map((s, a) => /* @__PURE__ */ t.jsx(Bn, { children: s }, a)) })
+    /* @__PURE__ */ t.jsx("div", { className: "quality-block", children: kn.map((s, a) => /* @__PURE__ */ t.jsx(Mn, { children: s }, a)) })
   ] }),
   /* @__PURE__ */ t.jsxs("div", { className: "music-volume", children: [
     /* @__PURE__ */ t.jsx(Ee, { children: "Music Volume" }),
@@ -4282,7 +4278,7 @@ const Y3 = f.div`
       );
     case I.Settings:
       return /* @__PURE__ */ t.jsx(
-        kn,
+        Bn,
         {
           streamVolume: g,
           effectsVolume: u,
@@ -4425,7 +4421,6 @@ const Y3 = f.div`
   border-radius: 8px;
   font-family: Inter;
   font-weight: 600;
-  font-style: Semi Bold;
   font-size: 12px;
   line-height: 16px;
   vertical-align: middle;
@@ -4438,14 +4433,14 @@ const Y3 = f.div`
         -webkit-text-fill-color: transparent;
       ` : "color: #ffffffcc"};
   }
-`, Rn = f.div`
+`, Fn = f.div`
   max-width: 100%;
   max-height: 100%;
   padding: 12px;
   gap: 8px;
   display: flex;
   flex-direction: column;
-`, Fn = f.div`
+`, Rn = f.div`
   max-width: 100%;
   max-height: 100%;
   gap: 8px;
@@ -4472,7 +4467,6 @@ const Y3 = f.div`
   .p {
     font-family: Inter;
     font-weight: 600;
-    font-style: Semi Bold;
     font-size: 12px;
     line-height: 16px;
     vertical-align: middle;
@@ -4508,19 +4502,19 @@ const Y3 = f.div`
   setEffectsVolume: A,
   setStreamVolume: E
 }) => {
-  const [B, j] = G(null), [T, w] = G(!1), D = Qe(null), L = () => j(null), b = B3(B, x), U = (N) => {
+  const [M, j] = G(null), [T, w] = G(!1), D = Qe(null), L = () => j(null), b = M3(M, x), U = (N) => {
     N !== I.VolueOn && (N !== I.closeMenu && j(N), w(!1));
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(En, { onClick: () => w(!0), children: /* @__PURE__ */ t.jsx(T3, {}) }),
-    B && b && /* @__PURE__ */ t.jsx(F3, { isLandscape: x, close: L, ...b, children: /* @__PURE__ */ t.jsx(
+    M && b && /* @__PURE__ */ t.jsx(R3, { isLandscape: x, close: L, ...b, children: /* @__PURE__ */ t.jsx(
       qe,
       {
         streamVolume: m,
         effectsVolume: y,
         setEffectsVolume: A,
         setStreamVolume: E,
-        activeAction: B,
+        activeAction: M,
         messages: a,
         onSendMessage: d,
         chipAmounts: g,
@@ -4534,8 +4528,8 @@ const Y3 = f.div`
     T && /* @__PURE__ */ t.jsxs(
       Nn,
       {
-        onTouchStart: (N) => M3(),
-        onTouchMove: (N) => k3(N, D, w),
+        onTouchStart: (N) => k3(),
+        onTouchMove: (N) => B3(N, D, w),
         onTouchEnd: (N) => I3(N),
         isLandscape: x,
         children: [
@@ -4557,7 +4551,7 @@ const Y3 = f.div`
               N.buttonType
             )) })
           ] }),
-          /* @__PURE__ */ t.jsxs(Rn, { children: [
+          /* @__PURE__ */ t.jsxs(Fn, { children: [
             /* @__PURE__ */ t.jsxs(
               W2,
               {
@@ -4569,7 +4563,7 @@ const Y3 = f.div`
                 ]
               }
             ),
-            /* @__PURE__ */ t.jsxs(Fn, { isLandscape: x, children: [
+            /* @__PURE__ */ t.jsxs(Rn, { isLandscape: x, children: [
               /* @__PURE__ */ t.jsx("div", { className: "menu-line", children: L3.map((N) => /* @__PURE__ */ t.jsxs(
                 O2,
                 {
@@ -4844,16 +4838,16 @@ const Y3 = f.div`
   tournamentData: m,
   isTournamentDetailsVisible: y
 }) => {
-  const [A, E] = G(null), B = j3(A), j = (w, D) => {
+  const [A, E] = G(null), M = j3(A), j = (w, D) => {
     w.buttonType === I.FullScreen ? c() : E(D ? null : w.buttonType);
   }, T = (w) => w.buttonType === I.FullScreen && d ? Qn() : w.icon;
-  return F1(() => {
+  return R1(() => {
     y && E(I.Tournament);
   }, [y]), /* @__PURE__ */ t.jsxs(qn, { children: [
     /* @__PURE__ */ t.jsx(Zn, { children: b3.map((w, D) => {
       const L = A === w.buttonType;
       return w.buttonType === I.Tournament && !r ? null : /* @__PURE__ */ t.jsx(
-        M1,
+        k1,
         {
           icon: T(w),
           isValueButton: w.buttonType === I.VolueOn,
@@ -4866,7 +4860,7 @@ const Y3 = f.div`
         D
       );
     }) }),
-    A && /* @__PURE__ */ t.jsx(t.Fragment, { children: B ? /* @__PURE__ */ t.jsx(Hn, { close: () => E(null), ...B, children: /* @__PURE__ */ t.jsx(
+    A && /* @__PURE__ */ t.jsx(t.Fragment, { children: M ? /* @__PURE__ */ t.jsx(Hn, { close: () => E(null), ...M, children: /* @__PURE__ */ t.jsx(
       qe,
       {
         historyData: l,
@@ -5028,7 +5022,7 @@ const Y3 = f.div`
     minutes: "00",
     seconds: "00"
   });
-  return F1(() => {
+  return R1(() => {
     const d = setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).getTime(), u = new Date(r).getTime() - c;
       if (u <= 0) {
@@ -5089,6 +5083,7 @@ const Y3 = f.div`
 
   .text-wrapper {
     display: flex;
+    width: 100%;
     justify-content: center;
     align-items: center;
     gap: 10px;
@@ -5138,9 +5133,8 @@ const Y3 = f.div`
   }
 
   .timer-line {
-    animation-name: timer;
-    animation-duration: ${({ time: e }) => e}s;
-    animation-iteration-count: 1;
+    animation: ${({ time: e }) => e}s ease-in 1s infinite both running
+      timerColor;
     flex-wrap: nowrap;
     z-index: 1;
     display: flex;
@@ -5157,7 +5151,7 @@ const Y3 = f.div`
     );
   }
 
-  @keyframes timer {
+  @keyframes timerColor {
     0% {
       background: linear-gradient(
         90deg,
@@ -5180,6 +5174,16 @@ const Y3 = f.div`
 
       width: 50%;
     }
+    70% {
+      background: linear-gradient(
+        90deg,
+        rgba(227, 71, 71, 0) 0%,
+        rgba(227, 71, 71, 0.8) 20%,
+        rgba(227, 71, 71, 0.8) 80.14%,
+        rgba(227, 71, 71, 0) 100%
+      );
+      width: 35%;
+    }
     100% {
       background: linear-gradient(
         90deg,
@@ -5211,15 +5215,16 @@ const Y3 = f.div`
   border-radius: 12px;
   border: 1px solid transparent;
   padding: 8px;
-  font-family: Inter;
-  font-weight: 700;
-  font-style: Bold;
-  font-size: 14px;
-  line-height: 16px;
-  text-align: center;
-  vertical-align: middle;
-  color: #ffffff;
   background: #33a54c;
+  .text-button {
+    font-family: Inter;
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 16px;
+    text-align: center;
+    vertical-align: middle;
+    color: #ffffff;
+  }
 `, or = () => /* @__PURE__ */ t.jsx(
   "svg",
   {
@@ -5280,7 +5285,7 @@ const Y3 = f.div`
   const [d, c] = G(
     null
   ), g = e / 1e3;
-  return F1(() => {
+  return R1(() => {
     e > 0 && d ? setTimeout(() => {
       c(d - 1);
     }, 1e3) : e > 0 && d === null ? c((e + 1e3) / 1e3) : c(null);
@@ -5295,7 +5300,7 @@ const Y3 = f.div`
       ] })
     ] }),
     /* @__PURE__ */ t.jsxs(rr, { children: [
-      /* @__PURE__ */ t.jsx(M1, { icon: or(), onClick: s, height: 44, width: 44 }),
+      /* @__PURE__ */ t.jsx(k1, { icon: or(), onClick: s, height: 44, width: 44 }),
       n.map((u, C) => {
         const x = C === r;
         return /* @__PURE__ */ t.jsx(
@@ -5310,17 +5315,17 @@ const Y3 = f.div`
           u
         );
       }),
-      /* @__PURE__ */ t.jsx(M1, { icon: sr(), onClick: a, height: 44, width: 44 })
+      /* @__PURE__ */ t.jsx(k1, { icon: sr(), onClick: a, height: 44, width: 44 })
     ] }),
     /* @__PURE__ */ t.jsxs(ir, { onClick: l, children: [
       /* @__PURE__ */ t.jsx(ar, {}),
-      "Deal Now"
+      /* @__PURE__ */ t.jsx("p", { className: "text-button", children: "Deal Now" })
     ] })
   ] });
 };
 export {
   cr as BalanceAndBet,
-  M1 as Button,
+  k1 as Button,
   d0 as Chip,
   hr as ChipBoard,
   dr as MobileMenu,