@xsolla/xui-b2c-other-card 0.202.0

package/web/index.mjs

@@ -0,0 +1,4171 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../../node_modules/stylis/stylis.min.js
+var require_stylis_min = __commonJS({
+  "../../../node_modules/stylis/stylis.min.js"(exports, module) {
+    "use strict";
+    !(function(e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e(null) : "function" == typeof define && define.amd ? define(e(null)) : window.stylis = e(null);
+    })(function e(a) {
+      "use strict";
+      var r = /^\0+/g, c = /[\0\r\f]/g, s = /: */g, t = /zoo|gra/, i = /([,: ])(transform)/g, f = /,+\s*(?![^(]*[)])/g, n = / +\s*(?![^(]*[)])/g, l = / *[\0] */g, o = /,\r+?/g, h = /([\t\r\n ])*\f?&/g, u = /:global\(((?:[^\(\)\[\]]*|\[.*\]|\([^\(\)]*\))*)\)/g, d = /\W+/g, b = /@(k\w+)\s*(\S*)\s*/, p = /::(place)/g, k = /:(read-only)/g, g = /\s+(?=[{\];=:>])/g, A = /([[}=:>])\s+/g, C = /(\{[^{]+?);(?=\})/g, w = /\s{2,}/g, v = /([^\(])(:+) */g, m = /[svh]\w+-[tblr]{2}/, x = /\(\s*(.*)\s*\)/g, $ = /([\s\S]*?);/g, y = /-self|flex-/g, O = /[^]*?(:[rp][el]a[\w-]+)[^]*/, j = /stretch|:\s*\w+\-(?:conte|avail)/, z = /([^-])(image-set\()/, N = "-webkit-", S = "-moz-", F = "-ms-", W = 59, q = 125, B = 123, D = 40, E = 41, G = 91, H = 93, I = 10, J = 13, K = 9, L = 64, M = 32, P = 38, Q = 45, R = 95, T = 42, U = 44, V = 58, X = 39, Y = 34, Z = 47, _ = 62, ee = 43, ae = 126, re = 0, ce = 12, se = 11, te = 107, ie = 109, fe = 115, ne = 112, le = 111, oe = 105, he = 99, ue = 100, de = 112, be = 1, pe = 1, ke = 0, ge = 1, Ae = 1, Ce = 1, we = 0, ve = 0, me = 0, xe = [], $e = [], ye = 0, Oe = null, je = -2, ze = -1, Ne = 0, Se = 1, Fe = 2, We = 3, qe = 0, Be = 1, De = "", Ee = "", Ge = "";
+      function He(e2, a2, s2, t2, i2) {
+        for (var f2, n2, o2 = 0, h2 = 0, u2 = 0, d2 = 0, g2 = 0, A2 = 0, C2 = 0, w2 = 0, m2 = 0, $2 = 0, y2 = 0, O2 = 0, j2 = 0, z2 = 0, R2 = 0, we2 = 0, $e2 = 0, Oe2 = 0, je2 = 0, ze2 = s2.length, Je2 = ze2 - 1, Re2 = "", Te2 = "", Ue = "", Ve = "", Xe = "", Ye = ""; R2 < ze2; ) {
+          if (C2 = s2.charCodeAt(R2), R2 === Je2) {
+            if (h2 + d2 + u2 + o2 !== 0) {
+              if (0 !== h2) C2 = h2 === Z ? I : Z;
+              d2 = u2 = o2 = 0, ze2++, Je2++;
+            }
+          }
+          if (h2 + d2 + u2 + o2 === 0) {
+            if (R2 === Je2) {
+              if (we2 > 0) Te2 = Te2.replace(c, "");
+              if (Te2.trim().length > 0) {
+                switch (C2) {
+                  case M:
+                  case K:
+                  case W:
+                  case J:
+                  case I:
+                    break;
+                  default:
+                    Te2 += s2.charAt(R2);
+                }
+                C2 = W;
+              }
+            }
+            if (1 === $e2) switch (C2) {
+              case B:
+              case q:
+              case W:
+              case Y:
+              case X:
+              case D:
+              case E:
+              case U:
+                $e2 = 0;
+              case K:
+              case J:
+              case I:
+              case M:
+                break;
+              default:
+                for ($e2 = 0, je2 = R2, g2 = C2, R2--, C2 = W; je2 < ze2; ) switch (s2.charCodeAt(je2++)) {
+                  case I:
+                  case J:
+                  case W:
+                    ++R2, C2 = g2, je2 = ze2;
+                    break;
+                  case V:
+                    if (we2 > 0) ++R2, C2 = g2;
+                  case B:
+                    je2 = ze2;
+                }
+            }
+            switch (C2) {
+              case B:
+                for (g2 = (Te2 = Te2.trim()).charCodeAt(0), y2 = 1, je2 = ++R2; R2 < ze2; ) {
+                  switch (C2 = s2.charCodeAt(R2)) {
+                    case B:
+                      y2++;
+                      break;
+                    case q:
+                      y2--;
+                      break;
+                    case Z:
+                      switch (A2 = s2.charCodeAt(R2 + 1)) {
+                        case T:
+                        case Z:
+                          R2 = Qe(A2, R2, Je2, s2);
+                      }
+                      break;
+                    case G:
+                      C2++;
+                    case D:
+                      C2++;
+                    case Y:
+                    case X:
+                      for (; R2++ < Je2 && s2.charCodeAt(R2) !== C2; ) ;
+                  }
+                  if (0 === y2) break;
+                  R2++;
+                }
+                if (Ue = s2.substring(je2, R2), g2 === re) g2 = (Te2 = Te2.replace(r, "").trim()).charCodeAt(0);
+                switch (g2) {
+                  case L:
+                    if (we2 > 0) Te2 = Te2.replace(c, "");
+                    switch (A2 = Te2.charCodeAt(1)) {
+                      case ue:
+                      case ie:
+                      case fe:
+                      case Q:
+                        f2 = a2;
+                        break;
+                      default:
+                        f2 = xe;
+                    }
+                    if (je2 = (Ue = He(a2, f2, Ue, A2, i2 + 1)).length, me > 0 && 0 === je2) je2 = Te2.length;
+                    if (ye > 0) {
+                      if (f2 = Ie(xe, Te2, Oe2), n2 = Pe(We, Ue, f2, a2, pe, be, je2, A2, i2, t2), Te2 = f2.join(""), void 0 !== n2) {
+                        if (0 === (je2 = (Ue = n2.trim()).length)) A2 = 0, Ue = "";
+                      }
+                    }
+                    if (je2 > 0) switch (A2) {
+                      case fe:
+                        Te2 = Te2.replace(x, Me);
+                      case ue:
+                      case ie:
+                      case Q:
+                        Ue = Te2 + "{" + Ue + "}";
+                        break;
+                      case te:
+                        if (Ue = (Te2 = Te2.replace(b, "$1 $2" + (Be > 0 ? De : ""))) + "{" + Ue + "}", 1 === Ae || 2 === Ae && Le("@" + Ue, 3)) Ue = "@" + N + Ue + "@" + Ue;
+                        else Ue = "@" + Ue;
+                        break;
+                      default:
+                        if (Ue = Te2 + Ue, t2 === de) Ve += Ue, Ue = "";
+                    }
+                    else Ue = "";
+                    break;
+                  default:
+                    Ue = He(a2, Ie(a2, Te2, Oe2), Ue, t2, i2 + 1);
+                }
+                Xe += Ue, O2 = 0, $e2 = 0, z2 = 0, we2 = 0, Oe2 = 0, j2 = 0, Te2 = "", Ue = "", C2 = s2.charCodeAt(++R2);
+                break;
+              case q:
+              case W:
+                if ((je2 = (Te2 = (we2 > 0 ? Te2.replace(c, "") : Te2).trim()).length) > 1) {
+                  if (0 === z2) {
+                    if ((g2 = Te2.charCodeAt(0)) === Q || g2 > 96 && g2 < 123) je2 = (Te2 = Te2.replace(" ", ":")).length;
+                  }
+                  if (ye > 0) {
+                    if (void 0 !== (n2 = Pe(Se, Te2, a2, e2, pe, be, Ve.length, t2, i2, t2))) {
+                      if (0 === (je2 = (Te2 = n2.trim()).length)) Te2 = "\0\0";
+                    }
+                  }
+                  switch (g2 = Te2.charCodeAt(0), A2 = Te2.charCodeAt(1), g2) {
+                    case re:
+                      break;
+                    case L:
+                      if (A2 === oe || A2 === he) {
+                        Ye += Te2 + s2.charAt(R2);
+                        break;
+                      }
+                    default:
+                      if (Te2.charCodeAt(je2 - 1) === V) break;
+                      Ve += Ke(Te2, g2, A2, Te2.charCodeAt(2));
+                  }
+                }
+                O2 = 0, $e2 = 0, z2 = 0, we2 = 0, Oe2 = 0, Te2 = "", C2 = s2.charCodeAt(++R2);
+            }
+          }
+          switch (C2) {
+            case J:
+            case I:
+              if (h2 + d2 + u2 + o2 + ve === 0) switch ($2) {
+                case E:
+                case X:
+                case Y:
+                case L:
+                case ae:
+                case _:
+                case T:
+                case ee:
+                case Z:
+                case Q:
+                case V:
+                case U:
+                case W:
+                case B:
+                case q:
+                  break;
+                default:
+                  if (z2 > 0) $e2 = 1;
+              }
+              if (h2 === Z) h2 = 0;
+              else if (ge + O2 === 0 && t2 !== te && Te2.length > 0) we2 = 1, Te2 += "\0";
+              if (ye * qe > 0) Pe(Ne, Te2, a2, e2, pe, be, Ve.length, t2, i2, t2);
+              be = 1, pe++;
+              break;
+            case W:
+            case q:
+              if (h2 + d2 + u2 + o2 === 0) {
+                be++;
+                break;
+              }
+            default:
+              switch (be++, Re2 = s2.charAt(R2), C2) {
+                case K:
+                case M:
+                  if (d2 + o2 + h2 === 0) switch (w2) {
+                    case U:
+                    case V:
+                    case K:
+                    case M:
+                      Re2 = "";
+                      break;
+                    default:
+                      if (C2 !== M) Re2 = " ";
+                  }
+                  break;
+                case re:
+                  Re2 = "\\0";
+                  break;
+                case ce:
+                  Re2 = "\\f";
+                  break;
+                case se:
+                  Re2 = "\\v";
+                  break;
+                case P:
+                  if (d2 + h2 + o2 === 0 && ge > 0) Oe2 = 1, we2 = 1, Re2 = "\f" + Re2;
+                  break;
+                case 108:
+                  if (d2 + h2 + o2 + ke === 0 && z2 > 0) switch (R2 - z2) {
+                    case 2:
+                      if (w2 === ne && s2.charCodeAt(R2 - 3) === V) ke = w2;
+                    case 8:
+                      if (m2 === le) ke = m2;
+                  }
+                  break;
+                case V:
+                  if (d2 + h2 + o2 === 0) z2 = R2;
+                  break;
+                case U:
+                  if (h2 + u2 + d2 + o2 === 0) we2 = 1, Re2 += "\r";
+                  break;
+                case Y:
+                case X:
+                  if (0 === h2) d2 = d2 === C2 ? 0 : 0 === d2 ? C2 : d2;
+                  break;
+                case G:
+                  if (d2 + h2 + u2 === 0) o2++;
+                  break;
+                case H:
+                  if (d2 + h2 + u2 === 0) o2--;
+                  break;
+                case E:
+                  if (d2 + h2 + o2 === 0) u2--;
+                  break;
+                case D:
+                  if (d2 + h2 + o2 === 0) {
+                    if (0 === O2) switch (2 * w2 + 3 * m2) {
+                      case 533:
+                        break;
+                      default:
+                        y2 = 0, O2 = 1;
+                    }
+                    u2++;
+                  }
+                  break;
+                case L:
+                  if (h2 + u2 + d2 + o2 + z2 + j2 === 0) j2 = 1;
+                  break;
+                case T:
+                case Z:
+                  if (d2 + o2 + u2 > 0) break;
+                  switch (h2) {
+                    case 0:
+                      switch (2 * C2 + 3 * s2.charCodeAt(R2 + 1)) {
+                        case 235:
+                          h2 = Z;
+                          break;
+                        case 220:
+                          je2 = R2, h2 = T;
+                      }
+                      break;
+                    case T:
+                      if (C2 === Z && w2 === T && je2 + 2 !== R2) {
+                        if (33 === s2.charCodeAt(je2 + 2)) Ve += s2.substring(je2, R2 + 1);
+                        Re2 = "", h2 = 0;
+                      }
+                  }
+              }
+              if (0 === h2) {
+                if (ge + d2 + o2 + j2 === 0 && t2 !== te && C2 !== W) switch (C2) {
+                  case U:
+                  case ae:
+                  case _:
+                  case ee:
+                  case E:
+                  case D:
+                    if (0 === O2) {
+                      switch (w2) {
+                        case K:
+                        case M:
+                        case I:
+                        case J:
+                          Re2 += "\0";
+                          break;
+                        default:
+                          Re2 = "\0" + Re2 + (C2 === U ? "" : "\0");
+                      }
+                      we2 = 1;
+                    } else switch (C2) {
+                      case D:
+                        if (z2 + 7 === R2 && 108 === w2) z2 = 0;
+                        O2 = ++y2;
+                        break;
+                      case E:
+                        if (0 == (O2 = --y2)) we2 = 1, Re2 += "\0";
+                    }
+                    break;
+                  case K:
+                  case M:
+                    switch (w2) {
+                      case re:
+                      case B:
+                      case q:
+                      case W:
+                      case U:
+                      case ce:
+                      case K:
+                      case M:
+                      case I:
+                      case J:
+                        break;
+                      default:
+                        if (0 === O2) we2 = 1, Re2 += "\0";
+                    }
+                }
+                if (Te2 += Re2, C2 !== M && C2 !== K) $2 = C2;
+              }
+          }
+          m2 = w2, w2 = C2, R2++;
+        }
+        if (je2 = Ve.length, me > 0) {
+          if (0 === je2 && 0 === Xe.length && 0 === a2[0].length == false) {
+            if (t2 !== ie || 1 === a2.length && (ge > 0 ? Ee : Ge) === a2[0]) je2 = a2.join(",").length + 2;
+          }
+        }
+        if (je2 > 0) {
+          if (f2 = 0 === ge && t2 !== te ? (function(e3) {
+            for (var a3, r2, s3 = 0, t3 = e3.length, i3 = Array(t3); s3 < t3; ++s3) {
+              for (var f3 = e3[s3].split(l), n3 = "", o3 = 0, h3 = 0, u3 = 0, d3 = 0, b2 = f3.length; o3 < b2; ++o3) {
+                if (0 === (h3 = (r2 = f3[o3]).length) && b2 > 1) continue;
+                if (u3 = n3.charCodeAt(n3.length - 1), d3 = r2.charCodeAt(0), a3 = "", 0 !== o3) switch (u3) {
+                  case T:
+                  case ae:
+                  case _:
+                  case ee:
+                  case M:
+                  case D:
+                    break;
+                  default:
+                    a3 = " ";
+                }
+                switch (d3) {
+                  case P:
+                    r2 = a3 + Ee;
+                  case ae:
+                  case _:
+                  case ee:
+                  case M:
+                  case E:
+                  case D:
+                    break;
+                  case G:
+                    r2 = a3 + r2 + Ee;
+                    break;
+                  case V:
+                    switch (2 * r2.charCodeAt(1) + 3 * r2.charCodeAt(2)) {
+                      case 530:
+                        if (Ce > 0) {
+                          r2 = a3 + r2.substring(8, h3 - 1);
+                          break;
+                        }
+                      default:
+                        if (o3 < 1 || f3[o3 - 1].length < 1) r2 = a3 + Ee + r2;
+                    }
+                    break;
+                  case U:
+                    a3 = "";
+                  default:
+                    if (h3 > 1 && r2.indexOf(":") > 0) r2 = a3 + r2.replace(v, "$1" + Ee + "$2");
+                    else r2 = a3 + r2 + Ee;
+                }
+                n3 += r2;
+              }
+              i3[s3] = n3.replace(c, "").trim();
+            }
+            return i3;
+          })(a2) : a2, ye > 0) {
+            if (void 0 !== (n2 = Pe(Fe, Ve, f2, e2, pe, be, je2, t2, i2, t2)) && 0 === (Ve = n2).length) return Ye + Ve + Xe;
+          }
+          if (Ve = f2.join(",") + "{" + Ve + "}", Ae * ke != 0) {
+            if (2 === Ae && !Le(Ve, 2)) ke = 0;
+            switch (ke) {
+              case le:
+                Ve = Ve.replace(k, ":" + S + "$1") + Ve;
+                break;
+              case ne:
+                Ve = Ve.replace(p, "::" + N + "input-$1") + Ve.replace(p, "::" + S + "$1") + Ve.replace(p, ":" + F + "input-$1") + Ve;
+            }
+            ke = 0;
+          }
+        }
+        return Ye + Ve + Xe;
+      }
+      function Ie(e2, a2, r2) {
+        var c2 = a2.trim().split(o), s2 = c2, t2 = c2.length, i2 = e2.length;
+        switch (i2) {
+          case 0:
+          case 1:
+            for (var f2 = 0, n2 = 0 === i2 ? "" : e2[0] + " "; f2 < t2; ++f2) s2[f2] = Je(n2, s2[f2], r2, i2).trim();
+            break;
+          default:
+            f2 = 0;
+            var l2 = 0;
+            for (s2 = []; f2 < t2; ++f2) for (var h2 = 0; h2 < i2; ++h2) s2[l2++] = Je(e2[h2] + " ", c2[f2], r2, i2).trim();
+        }
+        return s2;
+      }
+      function Je(e2, a2, r2, c2) {
+        var s2 = a2, t2 = s2.charCodeAt(0);
+        if (t2 < 33) t2 = (s2 = s2.trim()).charCodeAt(0);
+        switch (t2) {
+          case P:
+            switch (ge + c2) {
+              case 0:
+              case 1:
+                if (0 === e2.trim().length) break;
+              default:
+                return s2.replace(h, "$1" + e2.trim());
+            }
+            break;
+          case V:
+            switch (s2.charCodeAt(1)) {
+              case 103:
+                if (Ce > 0 && ge > 0) return s2.replace(u, "$1").replace(h, "$1" + Ge);
+                break;
+              default:
+                return e2.trim() + s2.replace(h, "$1" + e2.trim());
+            }
+          default:
+            if (r2 * ge > 0 && s2.indexOf("\f") > 0) return s2.replace(h, (e2.charCodeAt(0) === V ? "" : "$1") + e2.trim());
+        }
+        return e2 + s2;
+      }
+      function Ke(e2, a2, r2, c2) {
+        var l2, o2 = 0, h2 = e2 + ";", u2 = 2 * a2 + 3 * r2 + 4 * c2;
+        if (944 === u2) return (function(e3) {
+          var a3 = e3.length, r3 = e3.indexOf(":", 9) + 1, c3 = e3.substring(0, r3).trim(), s2 = e3.substring(r3, a3 - 1).trim();
+          switch (e3.charCodeAt(9) * Be) {
+            case 0:
+              break;
+            case Q:
+              if (110 !== e3.charCodeAt(10)) break;
+            default:
+              for (var t2 = s2.split((s2 = "", f)), i2 = 0, r3 = 0, a3 = t2.length; i2 < a3; r3 = 0, ++i2) {
+                for (var l3 = t2[i2], o3 = l3.split(n); l3 = o3[r3]; ) {
+                  var h3 = l3.charCodeAt(0);
+                  if (1 === Be && (h3 > L && h3 < 90 || h3 > 96 && h3 < 123 || h3 === R || h3 === Q && l3.charCodeAt(1) !== Q)) switch (isNaN(parseFloat(l3)) + (-1 !== l3.indexOf("("))) {
+                    case 1:
+                      switch (l3) {
+                        case "infinite":
+                        case "alternate":
+                        case "backwards":
+                        case "running":
+                        case "normal":
+                        case "forwards":
+                        case "both":
+                        case "none":
+                        case "linear":
+                        case "ease":
+                        case "ease-in":
+                        case "ease-out":
+                        case "ease-in-out":
+                        case "paused":
+                        case "reverse":
+                        case "alternate-reverse":
+                        case "inherit":
+                        case "initial":
+                        case "unset":
+                        case "step-start":
+                        case "step-end":
+                          break;
+                        default:
+                          l3 += De;
+                      }
+                  }
+                  o3[r3++] = l3;
+                }
+                s2 += (0 === i2 ? "" : ",") + o3.join(" ");
+              }
+          }
+          if (s2 = c3 + s2 + ";", 1 === Ae || 2 === Ae && Le(s2, 1)) return N + s2 + s2;
+          return s2;
+        })(h2);
+        else if (0 === Ae || 2 === Ae && !Le(h2, 1)) return h2;
+        switch (u2) {
+          case 1015:
+            return 97 === h2.charCodeAt(10) ? N + h2 + h2 : h2;
+          case 951:
+            return 116 === h2.charCodeAt(3) ? N + h2 + h2 : h2;
+          case 963:
+            return 110 === h2.charCodeAt(5) ? N + h2 + h2 : h2;
+          case 1009:
+            if (100 !== h2.charCodeAt(4)) break;
+          case 969:
+          case 942:
+            return N + h2 + h2;
+          case 978:
+            return N + h2 + S + h2 + h2;
+          case 1019:
+          case 983:
+            return N + h2 + S + h2 + F + h2 + h2;
+          case 883:
+            if (h2.charCodeAt(8) === Q) return N + h2 + h2;
+            if (h2.indexOf("image-set(", 11) > 0) return h2.replace(z, "$1" + N + "$2") + h2;
+            return h2;
+          case 932:
+            if (h2.charCodeAt(4) === Q) switch (h2.charCodeAt(5)) {
+              case 103:
+                return N + "box-" + h2.replace("-grow", "") + N + h2 + F + h2.replace("grow", "positive") + h2;
+              case 115:
+                return N + h2 + F + h2.replace("shrink", "negative") + h2;
+              case 98:
+                return N + h2 + F + h2.replace("basis", "preferred-size") + h2;
+            }
+            return N + h2 + F + h2 + h2;
+          case 964:
+            return N + h2 + F + "flex-" + h2 + h2;
+          case 1023:
+            if (99 !== h2.charCodeAt(8)) break;
+            return l2 = h2.substring(h2.indexOf(":", 15)).replace("flex-", "").replace("space-between", "justify"), N + "box-pack" + l2 + N + h2 + F + "flex-pack" + l2 + h2;
+          case 1005:
+            return t.test(h2) ? h2.replace(s, ":" + N) + h2.replace(s, ":" + S) + h2 : h2;
+          case 1e3:
+            switch (o2 = (l2 = h2.substring(13).trim()).indexOf("-") + 1, l2.charCodeAt(0) + l2.charCodeAt(o2)) {
+              case 226:
+                l2 = h2.replace(m, "tb");
+                break;
+              case 232:
+                l2 = h2.replace(m, "tb-rl");
+                break;
+              case 220:
+                l2 = h2.replace(m, "lr");
+                break;
+              default:
+                return h2;
+            }
+            return N + h2 + F + l2 + h2;
+          case 1017:
+            if (-1 === h2.indexOf("sticky", 9)) return h2;
+          case 975:
+            switch (o2 = (h2 = e2).length - 10, u2 = (l2 = (33 === h2.charCodeAt(o2) ? h2.substring(0, o2) : h2).substring(e2.indexOf(":", 7) + 1).trim()).charCodeAt(0) + (0 | l2.charCodeAt(7))) {
+              case 203:
+                if (l2.charCodeAt(8) < 111) break;
+              case 115:
+                h2 = h2.replace(l2, N + l2) + ";" + h2;
+                break;
+              case 207:
+              case 102:
+                h2 = h2.replace(l2, N + (u2 > 102 ? "inline-" : "") + "box") + ";" + h2.replace(l2, N + l2) + ";" + h2.replace(l2, F + l2 + "box") + ";" + h2;
+            }
+            return h2 + ";";
+          case 938:
+            if (h2.charCodeAt(5) === Q) switch (h2.charCodeAt(6)) {
+              case 105:
+                return l2 = h2.replace("-items", ""), N + h2 + N + "box-" + l2 + F + "flex-" + l2 + h2;
+              case 115:
+                return N + h2 + F + "flex-item-" + h2.replace(y, "") + h2;
+              default:
+                return N + h2 + F + "flex-line-pack" + h2.replace("align-content", "").replace(y, "") + h2;
+            }
+            break;
+          case 973:
+          case 989:
+            if (h2.charCodeAt(3) !== Q || 122 === h2.charCodeAt(4)) break;
+          case 931:
+          case 953:
+            if (true === j.test(e2)) if (115 === (l2 = e2.substring(e2.indexOf(":") + 1)).charCodeAt(0)) return Ke(e2.replace("stretch", "fill-available"), a2, r2, c2).replace(":fill-available", ":stretch");
+            else return h2.replace(l2, N + l2) + h2.replace(l2, S + l2.replace("fill-", "")) + h2;
+            break;
+          case 962:
+            if (h2 = N + h2 + (102 === h2.charCodeAt(5) ? F + h2 : "") + h2, r2 + c2 === 211 && 105 === h2.charCodeAt(13) && h2.indexOf("transform", 10) > 0) return h2.substring(0, h2.indexOf(";", 27) + 1).replace(i, "$1" + N + "$2") + h2;
+        }
+        return h2;
+      }
+      function Le(e2, a2) {
+        var r2 = e2.indexOf(1 === a2 ? ":" : "{"), c2 = e2.substring(0, 3 !== a2 ? r2 : 10), s2 = e2.substring(r2 + 1, e2.length - 1);
+        return Oe(2 !== a2 ? c2 : c2.replace(O, "$1"), s2, a2);
+      }
+      function Me(e2, a2) {
+        var r2 = Ke(a2, a2.charCodeAt(0), a2.charCodeAt(1), a2.charCodeAt(2));
+        return r2 !== a2 + ";" ? r2.replace($, " or ($1)").substring(4) : "(" + a2 + ")";
+      }
+      function Pe(e2, a2, r2, c2, s2, t2, i2, f2, n2, l2) {
+        for (var o2, h2 = 0, u2 = a2; h2 < ye; ++h2) switch (o2 = $e[h2].call(Te, e2, u2, r2, c2, s2, t2, i2, f2, n2, l2)) {
+          case void 0:
+          case false:
+          case true:
+          case null:
+            break;
+          default:
+            u2 = o2;
+        }
+        if (u2 !== a2) return u2;
+      }
+      function Qe(e2, a2, r2, c2) {
+        for (var s2 = a2 + 1; s2 < r2; ++s2) switch (c2.charCodeAt(s2)) {
+          case Z:
+            if (e2 === T) {
+              if (c2.charCodeAt(s2 - 1) === T && a2 + 2 !== s2) return s2 + 1;
+            }
+            break;
+          case I:
+            if (e2 === Z) return s2 + 1;
+        }
+        return s2;
+      }
+      function Re(e2) {
+        for (var a2 in e2) {
+          var r2 = e2[a2];
+          switch (a2) {
+            case "keyframe":
+              Be = 0 | r2;
+              break;
+            case "global":
+              Ce = 0 | r2;
+              break;
+            case "cascade":
+              ge = 0 | r2;
+              break;
+            case "compress":
+              we = 0 | r2;
+              break;
+            case "semicolon":
+              ve = 0 | r2;
+              break;
+            case "preserve":
+              me = 0 | r2;
+              break;
+            case "prefix":
+              if (Oe = null, !r2) Ae = 0;
+              else if ("function" != typeof r2) Ae = 1;
+              else Ae = 2, Oe = r2;
+          }
+        }
+        return Re;
+      }
+      function Te(a2, r2) {
+        if (void 0 !== this && this.constructor === Te) return e(a2);
+        var s2 = a2, t2 = s2.charCodeAt(0);
+        if (t2 < 33) t2 = (s2 = s2.trim()).charCodeAt(0);
+        if (Be > 0) De = s2.replace(d, t2 === G ? "" : "-");
+        if (t2 = 1, 1 === ge) Ge = s2;
+        else Ee = s2;
+        var i2, f2 = [Ge];
+        if (ye > 0) {
+          if (void 0 !== (i2 = Pe(ze, r2, f2, f2, pe, be, 0, 0, 0, 0)) && "string" == typeof i2) r2 = i2;
+        }
+        var n2 = He(xe, f2, r2, 0, 0);
+        if (ye > 0) {
+          if (void 0 !== (i2 = Pe(je, n2, f2, f2, pe, be, n2.length, 0, 0, 0)) && "string" != typeof (n2 = i2)) t2 = 0;
+        }
+        return De = "", Ge = "", Ee = "", ke = 0, pe = 1, be = 1, we * t2 == 0 ? n2 : n2.replace(c, "").replace(g, "").replace(A, "$1").replace(C, "$1").replace(w, " ");
+      }
+      if (Te.use = function e2(a2) {
+        switch (a2) {
+          case void 0:
+          case null:
+            ye = $e.length = 0;
+            break;
+          default:
+            if ("function" == typeof a2) $e[ye++] = a2;
+            else if ("object" == typeof a2) for (var r2 = 0, c2 = a2.length; r2 < c2; ++r2) e2(a2[r2]);
+            else qe = 0 | !!a2;
+        }
+        return e2;
+      }, Te.set = Re, void 0 !== a) Re(a);
+      return Te;
+    });
+  }
+});
+
+// ../../../node_modules/stylis-rule-sheet/index.js
+var require_stylis_rule_sheet = __commonJS({
+  "../../../node_modules/stylis-rule-sheet/index.js"(exports, module) {
+    "use strict";
+    (function(factory) {
+      typeof exports === "object" && typeof module !== "undefined" ? module["exports"] = factory() : typeof define === "function" && define["amd"] ? define(factory()) : window["stylisRuleSheet"] = factory();
+    })(function() {
+      "use strict";
+      return function(insertRule) {
+        var delimiter = "/*|*/";
+        var needle = delimiter + "}";
+        function toSheet(block) {
+          if (block)
+            try {
+              insertRule(block + "}");
+            } catch (e) {
+            }
+        }
+        return function ruleSheet(context, content, selectors, parents, line, column, length, ns, depth, at) {
+          switch (context) {
+            // property
+            case 1:
+              if (depth === 0 && content.charCodeAt(0) === 64)
+                return insertRule(content + ";"), "";
+              break;
+            // selector
+            case 2:
+              if (ns === 0)
+                return content + delimiter;
+              break;
+            // at-rule
+            case 3:
+              switch (ns) {
+                // @font-face, @page
+                case 102:
+                case 112:
+                  return insertRule(selectors[0] + content), "";
+                default:
+                  return content + (at === 0 ? delimiter : "");
+              }
+            case -2:
+              content.split(needle).forEach(toSheet);
+          }
+        };
+      };
+    });
+  }
+});
+
+// ../../../node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "../../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
+    "use strict";
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+    var d = b ? /* @__PURE__ */ Symbol.for("react.portal") : 60106;
+    var e = b ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107;
+    var f = b ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108;
+    var g = b ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114;
+    var h = b ? /* @__PURE__ */ Symbol.for("react.provider") : 60109;
+    var k = b ? /* @__PURE__ */ Symbol.for("react.context") : 60110;
+    var l = b ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111;
+    var m = b ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111;
+    var n = b ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
+    var p = b ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113;
+    var q = b ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120;
+    var r = b ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
+    var t = b ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116;
+    var v = b ? /* @__PURE__ */ Symbol.for("react.block") : 60121;
+    var w = b ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117;
+    var x = b ? /* @__PURE__ */ Symbol.for("react.responder") : 60118;
+    var y = b ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function z(a) {
+      if ("object" === typeof a && null !== a) {
+        var u = a.$$typeof;
+        switch (u) {
+          case c:
+            switch (a = a.type, a) {
+              case l:
+              case m:
+              case e:
+              case g:
+              case f:
+              case p:
+                return a;
+              default:
+                switch (a = a && a.$$typeof, a) {
+                  case k:
+                  case n:
+                  case t:
+                  case r:
+                  case h:
+                    return a;
+                  default:
+                    return u;
+                }
+            }
+          case d:
+            return u;
+        }
+      }
+    }
+    function A(a) {
+      return z(a) === m;
+    }
+    exports.AsyncMode = l;
+    exports.ConcurrentMode = m;
+    exports.ContextConsumer = k;
+    exports.ContextProvider = h;
+    exports.Element = c;
+    exports.ForwardRef = n;
+    exports.Fragment = e;
+    exports.Lazy = t;
+    exports.Memo = r;
+    exports.Portal = d;
+    exports.Profiler = g;
+    exports.StrictMode = f;
+    exports.Suspense = p;
+    exports.isAsyncMode = function(a) {
+      return A(a) || z(a) === l;
+    };
+    exports.isConcurrentMode = A;
+    exports.isContextConsumer = function(a) {
+      return z(a) === k;
+    };
+    exports.isContextProvider = function(a) {
+      return z(a) === h;
+    };
+    exports.isElement = function(a) {
+      return "object" === typeof a && null !== a && a.$$typeof === c;
+    };
+    exports.isForwardRef = function(a) {
+      return z(a) === n;
+    };
+    exports.isFragment = function(a) {
+      return z(a) === e;
+    };
+    exports.isLazy = function(a) {
+      return z(a) === t;
+    };
+    exports.isMemo = function(a) {
+      return z(a) === r;
+    };
+    exports.isPortal = function(a) {
+      return z(a) === d;
+    };
+    exports.isProfiler = function(a) {
+      return z(a) === g;
+    };
+    exports.isStrictMode = function(a) {
+      return z(a) === f;
+    };
+    exports.isSuspense = function(a) {
+      return z(a) === p;
+    };
+    exports.isValidElementType = function(a) {
+      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+    };
+    exports.typeOf = z;
+  }
+});
+
+// ../../../node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development = __commonJS({
+  "../../../node_modules/react-is/cjs/react-is.development.js"(exports) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        "use strict";
+        var hasSymbol = typeof Symbol === "function" && Symbol.for;
+        var REACT_ELEMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.portal") : 60106;
+        var REACT_FRAGMENT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107;
+        var REACT_STRICT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108;
+        var REACT_PROFILER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114;
+        var REACT_PROVIDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.provider") : 60109;
+        var REACT_CONTEXT_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.context") : 60110;
+        var REACT_ASYNC_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111;
+        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111;
+        var REACT_FORWARD_REF_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
+        var REACT_SUSPENSE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113;
+        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120;
+        var REACT_MEMO_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
+        var REACT_LAZY_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116;
+        var REACT_BLOCK_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.block") : 60121;
+        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117;
+        var REACT_RESPONDER_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.responder") : 60118;
+        var REACT_SCOPE_TYPE = hasSymbol ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+        function isValidElementType2(type) {
+          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+        }
+        function typeOf(object) {
+          if (typeof object === "object" && object !== null) {
+            var $$typeof = object.$$typeof;
+            switch ($$typeof) {
+              case REACT_ELEMENT_TYPE:
+                var type = object.type;
+                switch (type) {
+                  case REACT_ASYNC_MODE_TYPE:
+                  case REACT_CONCURRENT_MODE_TYPE:
+                  case REACT_FRAGMENT_TYPE:
+                  case REACT_PROFILER_TYPE:
+                  case REACT_STRICT_MODE_TYPE:
+                  case REACT_SUSPENSE_TYPE:
+                    return type;
+                  default:
+                    var $$typeofType = type && type.$$typeof;
+                    switch ($$typeofType) {
+                      case REACT_CONTEXT_TYPE:
+                      case REACT_FORWARD_REF_TYPE:
+                      case REACT_LAZY_TYPE:
+                      case REACT_MEMO_TYPE:
+                      case REACT_PROVIDER_TYPE:
+                        return $$typeofType;
+                      default:
+                        return $$typeof;
+                    }
+                }
+              case REACT_PORTAL_TYPE:
+                return $$typeof;
+            }
+          }
+          return void 0;
+        }
+        var AsyncMode = REACT_ASYNC_MODE_TYPE;
+        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+        var ContextConsumer = REACT_CONTEXT_TYPE;
+        var ContextProvider = REACT_PROVIDER_TYPE;
+        var Element = REACT_ELEMENT_TYPE;
+        var ForwardRef2 = REACT_FORWARD_REF_TYPE;
+        var Fragment = REACT_FRAGMENT_TYPE;
+        var Lazy = REACT_LAZY_TYPE;
+        var Memo = REACT_MEMO_TYPE;
+        var Portal = REACT_PORTAL_TYPE;
+        var Profiler = REACT_PROFILER_TYPE;
+        var StrictMode = REACT_STRICT_MODE_TYPE;
+        var Suspense = REACT_SUSPENSE_TYPE;
+        var hasWarnedAboutDeprecatedIsAsyncMode = false;
+        function isAsyncMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+              hasWarnedAboutDeprecatedIsAsyncMode = true;
+              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
+            }
+          }
+          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+        }
+        function isConcurrentMode(object) {
+          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+        }
+        function isContextConsumer(object) {
+          return typeOf(object) === REACT_CONTEXT_TYPE;
+        }
+        function isContextProvider(object) {
+          return typeOf(object) === REACT_PROVIDER_TYPE;
+        }
+        function isElement2(object) {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        function isForwardRef(object) {
+          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        }
+        function isFragment(object) {
+          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        }
+        function isLazy(object) {
+          return typeOf(object) === REACT_LAZY_TYPE;
+        }
+        function isMemo(object) {
+          return typeOf(object) === REACT_MEMO_TYPE;
+        }
+        function isPortal(object) {
+          return typeOf(object) === REACT_PORTAL_TYPE;
+        }
+        function isProfiler(object) {
+          return typeOf(object) === REACT_PROFILER_TYPE;
+        }
+        function isStrictMode(object) {
+          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        }
+        function isSuspense(object) {
+          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        }
+        exports.AsyncMode = AsyncMode;
+        exports.ConcurrentMode = ConcurrentMode;
+        exports.ContextConsumer = ContextConsumer;
+        exports.ContextProvider = ContextProvider;
+        exports.Element = Element;
+        exports.ForwardRef = ForwardRef2;
+        exports.Fragment = Fragment;
+        exports.Lazy = Lazy;
+        exports.Memo = Memo;
+        exports.Portal = Portal;
+        exports.Profiler = Profiler;
+        exports.StrictMode = StrictMode;
+        exports.Suspense = Suspense;
+        exports.isAsyncMode = isAsyncMode;
+        exports.isConcurrentMode = isConcurrentMode;
+        exports.isContextConsumer = isContextConsumer;
+        exports.isContextProvider = isContextProvider;
+        exports.isElement = isElement2;
+        exports.isForwardRef = isForwardRef;
+        exports.isFragment = isFragment;
+        exports.isLazy = isLazy;
+        exports.isMemo = isMemo;
+        exports.isPortal = isPortal;
+        exports.isProfiler = isProfiler;
+        exports.isStrictMode = isStrictMode;
+        exports.isSuspense = isSuspense;
+        exports.isValidElementType = isValidElementType2;
+        exports.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// ../../../node_modules/react-is/index.js
+var require_react_is = __commonJS({
+  "../../../node_modules/react-is/index.js"(exports, module) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module.exports = require_react_is_production_min();
+    } else {
+      module.exports = require_react_is_development();
+    }
+  }
+});
+
+// ../../../node_modules/object-assign/index.js
+var require_object_assign = __commonJS({
+  "../../../node_modules/object-assign/index.js"(exports, module) {
+    "use strict";
+    var getOwnPropertySymbols2 = Object.getOwnPropertySymbols;
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+    function toObject(val) {
+      if (val === null || val === void 0) {
+        throw new TypeError("Object.assign cannot be called with null or undefined");
+      }
+      return Object(val);
+    }
+    function shouldUseNative() {
+      try {
+        if (!Object.assign) {
+          return false;
+        }
+        var test1 = new String("abc");
+        test1[5] = "de";
+        if (Object.getOwnPropertyNames(test1)[0] === "5") {
+          return false;
+        }
+        var test2 = {};
+        for (var i = 0; i < 10; i++) {
+          test2["_" + String.fromCharCode(i)] = i;
+        }
+        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
+          return test2[n];
+        });
+        if (order2.join("") !== "0123456789") {
+          return false;
+        }
+        var test3 = {};
+        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+          test3[letter] = letter;
+        });
+        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+          return false;
+        }
+        return true;
+      } catch (err) {
+        return false;
+      }
+    }
+    module.exports = shouldUseNative() ? Object.assign : function(target, source) {
+      var from;
+      var to = toObject(target);
+      var symbols;
+      for (var s = 1; s < arguments.length; s++) {
+        from = Object(arguments[s]);
+        for (var key in from) {
+          if (hasOwnProperty.call(from, key)) {
+            to[key] = from[key];
+          }
+        }
+        if (getOwnPropertySymbols2) {
+          symbols = getOwnPropertySymbols2(from);
+          for (var i = 0; i < symbols.length; i++) {
+            if (propIsEnumerable.call(from, symbols[i])) {
+              to[symbols[i]] = from[symbols[i]];
+            }
+          }
+        }
+      }
+      return to;
+    };
+  }
+});
+
+// ../../../node_modules/prop-types/lib/ReactPropTypesSecret.js
+var require_ReactPropTypesSecret = __commonJS({
+  "../../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
+    "use strict";
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    module.exports = ReactPropTypesSecret;
+  }
+});
+
+// ../../../node_modules/prop-types/lib/has.js
+var require_has = __commonJS({
+  "../../../node_modules/prop-types/lib/has.js"(exports, module) {
+    "use strict";
+    module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+  }
+});
+
+// ../../../node_modules/prop-types/checkPropTypes.js
+var require_checkPropTypes = __commonJS({
+  "../../../node_modules/prop-types/checkPropTypes.js"(exports, module) {
+    "use strict";
+    var printWarning = function() {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      ReactPropTypesSecret = require_ReactPropTypesSecret();
+      loggedTypeFailures = {};
+      has = require_has();
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    var ReactPropTypesSecret;
+    var loggedTypeFailures;
+    var has;
+    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+      if (process.env.NODE_ENV !== "production") {
+        for (var typeSpecName in typeSpecs) {
+          if (has(typeSpecs, typeSpecName)) {
+            var error;
+            try {
+              if (typeof typeSpecs[typeSpecName] !== "function") {
+                var err = Error(
+                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                );
+                err.name = "Invariant Violation";
+                throw err;
+              }
+              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+            } catch (ex) {
+              error = ex;
+            }
+            if (error && !(error instanceof Error)) {
+              printWarning(
+                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+              );
+            }
+            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+              loggedTypeFailures[error.message] = true;
+              var stack = getStack ? getStack() : "";
+              printWarning(
+                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
+              );
+            }
+          }
+        }
+      }
+    }
+    checkPropTypes.resetWarningCache = function() {
+      if (process.env.NODE_ENV !== "production") {
+        loggedTypeFailures = {};
+      }
+    };
+    module.exports = checkPropTypes;
+  }
+});
+
+// ../../../node_modules/prop-types/factoryWithTypeCheckers.js
+var require_factoryWithTypeCheckers = __commonJS({
+  "../../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
+    "use strict";
+    var ReactIs = require_react_is();
+    var assign = require_object_assign();
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    var has = require_has();
+    var checkPropTypes = require_checkPropTypes();
+    var printWarning = function() {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    function emptyFunctionThatReturnsNull() {
+      return null;
+    }
+    module.exports = function(isValidElement, throwOnDirectAccess) {
+      var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+      var FAUX_ITERATOR_SYMBOL = "@@iterator";
+      function getIteratorFn(maybeIterable) {
+        var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+        if (typeof iteratorFn === "function") {
+          return iteratorFn;
+        }
+      }
+      var ANONYMOUS = "<<anonymous>>";
+      var ReactPropTypes = {
+        array: createPrimitiveTypeChecker("array"),
+        bigint: createPrimitiveTypeChecker("bigint"),
+        bool: createPrimitiveTypeChecker("boolean"),
+        func: createPrimitiveTypeChecker("function"),
+        number: createPrimitiveTypeChecker("number"),
+        object: createPrimitiveTypeChecker("object"),
+        string: createPrimitiveTypeChecker("string"),
+        symbol: createPrimitiveTypeChecker("symbol"),
+        any: createAnyTypeChecker(),
+        arrayOf: createArrayOfTypeChecker,
+        element: createElementTypeChecker(),
+        elementType: createElementTypeTypeChecker(),
+        instanceOf: createInstanceTypeChecker,
+        node: createNodeChecker(),
+        objectOf: createObjectOfTypeChecker,
+        oneOf: createEnumTypeChecker,
+        oneOfType: createUnionTypeChecker,
+        shape: createShapeTypeChecker,
+        exact: createStrictShapeTypeChecker
+      };
+      function is(x, y) {
+        if (x === y) {
+          return x !== 0 || 1 / x === 1 / y;
+        } else {
+          return x !== x && y !== y;
+        }
+      }
+      function PropTypeError(message, data) {
+        this.message = message;
+        this.data = data && typeof data === "object" ? data : {};
+        this.stack = "";
+      }
+      PropTypeError.prototype = Error.prototype;
+      function createChainableTypeChecker(validate) {
+        if (process.env.NODE_ENV !== "production") {
+          var manualPropTypeCallCache = {};
+          var manualPropTypeWarningCount = 0;
+        }
+        function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+          componentName = componentName || ANONYMOUS;
+          propFullName = propFullName || propName;
+          if (secret !== ReactPropTypesSecret) {
+            if (throwOnDirectAccess) {
+              var err = new Error(
+                "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+              );
+              err.name = "Invariant Violation";
+              throw err;
+            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
+              var cacheKey = componentName + ":" + propName;
+              if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
+              manualPropTypeWarningCount < 3) {
+                printWarning(
+                  "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+                );
+                manualPropTypeCallCache[cacheKey] = true;
+                manualPropTypeWarningCount++;
+              }
+            }
+          }
+          if (props[propName] == null) {
+            if (isRequired) {
+              if (props[propName] === null) {
+                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
+              }
+              return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
+            }
+            return null;
+          } else {
+            return validate(props, propName, componentName, location, propFullName);
+          }
+        }
+        var chainedCheckType = checkType.bind(null, false);
+        chainedCheckType.isRequired = checkType.bind(null, true);
+        return chainedCheckType;
+      }
+      function createPrimitiveTypeChecker(expectedType) {
+        function validate(props, propName, componentName, location, propFullName, secret) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== expectedType) {
+            var preciseType = getPreciseType(propValue);
+            return new PropTypeError(
+              "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
+              { expectedType }
+            );
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createAnyTypeChecker() {
+        return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+      }
+      function createArrayOfTypeChecker(typeChecker) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (typeof typeChecker !== "function") {
+            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
+          }
+          var propValue = props[propName];
+          if (!Array.isArray(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
+          }
+          for (var i = 0; i < propValue.length; i++) {
+            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
+            if (error instanceof Error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createElementTypeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          if (!isValidElement(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createElementTypeTypeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          if (!ReactIs.isValidElementType(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createInstanceTypeChecker(expectedClass) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (!(props[propName] instanceof expectedClass)) {
+            var expectedClassName = expectedClass.name || ANONYMOUS;
+            var actualClassName = getClassName(props[propName]);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createEnumTypeChecker(expectedValues) {
+        if (!Array.isArray(expectedValues)) {
+          if (process.env.NODE_ENV !== "production") {
+            if (arguments.length > 1) {
+              printWarning(
+                "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+              );
+            } else {
+              printWarning("Invalid argument supplied to oneOf, expected an array.");
+            }
+          }
+          return emptyFunctionThatReturnsNull;
+        }
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          for (var i = 0; i < expectedValues.length; i++) {
+            if (is(propValue, expectedValues[i])) {
+              return null;
+            }
+          }
+          var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+            var type = getPreciseType(value);
+            if (type === "symbol") {
+              return String(value);
+            }
+            return value;
+          });
+          return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createObjectOfTypeChecker(typeChecker) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (typeof typeChecker !== "function") {
+            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
+          }
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
+          }
+          for (var key in propValue) {
+            if (has(propValue, key)) {
+              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+              if (error instanceof Error) {
+                return error;
+              }
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createUnionTypeChecker(arrayOfTypeCheckers) {
+        if (!Array.isArray(arrayOfTypeCheckers)) {
+          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
+          return emptyFunctionThatReturnsNull;
+        }
+        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+          var checker = arrayOfTypeCheckers[i];
+          if (typeof checker !== "function") {
+            printWarning(
+              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
+            );
+            return emptyFunctionThatReturnsNull;
+          }
+        }
+        function validate(props, propName, componentName, location, propFullName) {
+          var expectedTypes = [];
+          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
+            var checker2 = arrayOfTypeCheckers[i2];
+            var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+            if (checkerResult == null) {
+              return null;
+            }
+            if (checkerResult.data && has(checkerResult.data, "expectedType")) {
+              expectedTypes.push(checkerResult.data.expectedType);
+            }
+          }
+          var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
+          return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createNodeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (!isNode(props[propName])) {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function invalidValidatorError(componentName, location, propFullName, key, type) {
+        return new PropTypeError(
+          (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
+        );
+      }
+      function createShapeTypeChecker(shapeTypes) {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
+          }
+          for (var key in shapeTypes) {
+            var checker = shapeTypes[key];
+            if (typeof checker !== "function") {
+              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+            }
+            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createStrictShapeTypeChecker(shapeTypes) {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
+          }
+          var allKeys = assign({}, props[propName], shapeTypes);
+          for (var key in allKeys) {
+            var checker = shapeTypes[key];
+            if (has(shapeTypes, key) && typeof checker !== "function") {
+              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+            }
+            if (!checker) {
+              return new PropTypeError(
+                "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
+              );
+            }
+            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function isNode(propValue) {
+        switch (typeof propValue) {
+          case "number":
+          case "string":
+          case "undefined":
+            return true;
+          case "boolean":
+            return !propValue;
+          case "object":
+            if (Array.isArray(propValue)) {
+              return propValue.every(isNode);
+            }
+            if (propValue === null || isValidElement(propValue)) {
+              return true;
+            }
+            var iteratorFn = getIteratorFn(propValue);
+            if (iteratorFn) {
+              var iterator = iteratorFn.call(propValue);
+              var step;
+              if (iteratorFn !== propValue.entries) {
+                while (!(step = iterator.next()).done) {
+                  if (!isNode(step.value)) {
+                    return false;
+                  }
+                }
+              } else {
+                while (!(step = iterator.next()).done) {
+                  var entry = step.value;
+                  if (entry) {
+                    if (!isNode(entry[1])) {
+                      return false;
+                    }
+                  }
+                }
+              }
+            } else {
+              return false;
+            }
+            return true;
+          default:
+            return false;
+        }
+      }
+      function isSymbol2(propType, propValue) {
+        if (propType === "symbol") {
+          return true;
+        }
+        if (!propValue) {
+          return false;
+        }
+        if (propValue["@@toStringTag"] === "Symbol") {
+          return true;
+        }
+        if (typeof Symbol === "function" && propValue instanceof Symbol) {
+          return true;
+        }
+        return false;
+      }
+      function getPropType(propValue) {
+        var propType = typeof propValue;
+        if (Array.isArray(propValue)) {
+          return "array";
+        }
+        if (propValue instanceof RegExp) {
+          return "object";
+        }
+        if (isSymbol2(propType, propValue)) {
+          return "symbol";
+        }
+        return propType;
+      }
+      function getPreciseType(propValue) {
+        if (typeof propValue === "undefined" || propValue === null) {
+          return "" + propValue;
+        }
+        var propType = getPropType(propValue);
+        if (propType === "object") {
+          if (propValue instanceof Date) {
+            return "date";
+          } else if (propValue instanceof RegExp) {
+            return "regexp";
+          }
+        }
+        return propType;
+      }
+      function getPostfixForTypeWarning(value) {
+        var type = getPreciseType(value);
+        switch (type) {
+          case "array":
+          case "object":
+            return "an " + type;
+          case "boolean":
+          case "date":
+          case "regexp":
+            return "a " + type;
+          default:
+            return type;
+        }
+      }
+      function getClassName(propValue) {
+        if (!propValue.constructor || !propValue.constructor.name) {
+          return ANONYMOUS;
+        }
+        return propValue.constructor.name;
+      }
+      ReactPropTypes.checkPropTypes = checkPropTypes;
+      ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+  }
+});
+
+// ../../../node_modules/prop-types/factoryWithThrowingShims.js
+var require_factoryWithThrowingShims = __commonJS({
+  "../../../node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
+    "use strict";
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    function emptyFunction() {
+    }
+    function emptyFunctionWithReset() {
+    }
+    emptyFunctionWithReset.resetWarningCache = emptyFunction;
+    module.exports = function() {
+      function shim(props, propName, componentName, location, propFullName, secret) {
+        if (secret === ReactPropTypesSecret) {
+          return;
+        }
+        var err = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        err.name = "Invariant Violation";
+        throw err;
+      }
+      ;
+      shim.isRequired = shim;
+      function getShim() {
+        return shim;
+      }
+      ;
+      var ReactPropTypes = {
+        array: shim,
+        bigint: shim,
+        bool: shim,
+        func: shim,
+        number: shim,
+        object: shim,
+        string: shim,
+        symbol: shim,
+        any: shim,
+        arrayOf: getShim,
+        element: shim,
+        elementType: shim,
+        instanceOf: getShim,
+        node: shim,
+        objectOf: getShim,
+        oneOf: getShim,
+        oneOfType: getShim,
+        shape: getShim,
+        exact: getShim,
+        checkPropTypes: emptyFunctionWithReset,
+        resetWarningCache: emptyFunction
+      };
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+  }
+});
+
+// ../../../node_modules/prop-types/index.js
+var require_prop_types = __commonJS({
+  "../../../node_modules/prop-types/index.js"(exports, module) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      ReactIs = require_react_is();
+      throwOnDirectAccess = true;
+      module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+    } else {
+      module.exports = require_factoryWithThrowingShims()();
+    }
+    var ReactIs;
+    var throwOnDirectAccess;
+  }
+});
+
+// src/OtherCard.tsx
+import React4 from "react";
+
+// ../../foundation/primitives-web/src/Box.tsx
+import React3 from "react";
+
+// ../../../node_modules/styled-components/dist/styled-components.esm.js
+var import_stylis = __toESM(require_stylis_min());
+var import_stylis_rule_sheet = __toESM(require_stylis_rule_sheet());
+import React, { cloneElement, createContext, Component, createElement } from "react";
+
+// ../../../node_modules/@emotion/unitless/dist/unitless.esm.js
+var unitlessKeys = {
+  animationIterationCount: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+var unitless_esm_default = unitlessKeys;
+
+// ../../../node_modules/styled-components/dist/styled-components.esm.js
+var import_react_is = __toESM(require_react_is());
+
+// ../../../node_modules/memoize-one/dist/memoize-one.esm.js
+var safeIsNaN = Number.isNaN || function ponyfill(value) {
+  return typeof value === "number" && value !== value;
+};
+function isEqual(first, second) {
+  if (first === second) {
+    return true;
+  }
+  if (safeIsNaN(first) && safeIsNaN(second)) {
+    return true;
+  }
+  return false;
+}
+function areInputsEqual(newInputs, lastInputs) {
+  if (newInputs.length !== lastInputs.length) {
+    return false;
+  }
+  for (var i = 0; i < newInputs.length; i++) {
+    if (!isEqual(newInputs[i], lastInputs[i])) {
+      return false;
+    }
+  }
+  return true;
+}
+function memoizeOne(resultFn, isEqual2) {
+  if (isEqual2 === void 0) {
+    isEqual2 = areInputsEqual;
+  }
+  var lastThis;
+  var lastArgs = [];
+  var lastResult;
+  var calledOnce = false;
+  function memoized() {
+    var newArgs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      newArgs[_i] = arguments[_i];
+    }
+    if (calledOnce && lastThis === this && isEqual2(newArgs, lastArgs)) {
+      return lastResult;
+    }
+    lastResult = resultFn.apply(this, newArgs);
+    calledOnce = true;
+    lastThis = this;
+    lastArgs = newArgs;
+    return lastResult;
+  }
+  return memoized;
+}
+var memoize_one_esm_default = memoizeOne;
+
+// ../../../node_modules/styled-components/dist/styled-components.esm.js
+var import_prop_types = __toESM(require_prop_types());
+import stream from "stream";
+
+// ../../../node_modules/@emotion/memoize/dist/memoize.esm.js
+function memoize(fn) {
+  var cache = {};
+  return function(arg) {
+    if (cache[arg] === void 0) cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+var memoize_esm_default = memoize;
+
+// ../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var index = memoize_esm_default(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+var is_prop_valid_esm_default = index;
+
+// ../../../node_modules/is-what/dist/index.esm.js
+function getType(payload) {
+  return Object.prototype.toString.call(payload).slice(8, -1);
+}
+function isUndefined(payload) {
+  return getType(payload) === "Undefined";
+}
+function isNull(payload) {
+  return getType(payload) === "Null";
+}
+function isPlainObject(payload) {
+  if (getType(payload) !== "Object")
+    return false;
+  return payload.constructor === Object && Object.getPrototypeOf(payload) === Object.prototype;
+}
+function isArray(payload) {
+  return getType(payload) === "Array";
+}
+function isSymbol(payload) {
+  return getType(payload) === "Symbol";
+}
+var isNullOrUndefined = isOneOf(isNull, isUndefined);
+function isOneOf(a, b, c, d, e) {
+  return function(value) {
+    return a(value) || b(value) || !!c && c(value) || !!d && d(value) || !!e && e(value);
+  };
+}
+
+// ../../../node_modules/merge-anything/dist/index.esm.js
+function __spreadArrays() {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++)
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+      r[k] = a[j];
+  return r;
+}
+function assignProp(carry, key, newVal, originalObject) {
+  var propType = originalObject.propertyIsEnumerable(key) ? "enumerable" : "nonenumerable";
+  if (propType === "enumerable")
+    carry[key] = newVal;
+  if (propType === "nonenumerable") {
+    Object.defineProperty(carry, key, {
+      value: newVal,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    });
+  }
+}
+function mergeRecursively(origin, newComer, extensions) {
+  if (!isPlainObject(newComer)) {
+    if (extensions && isArray(extensions)) {
+      extensions.forEach(function(extend) {
+        newComer = extend(origin, newComer);
+      });
+    }
+    return newComer;
+  }
+  var newObject = {};
+  if (isPlainObject(origin)) {
+    var props_1 = Object.getOwnPropertyNames(origin);
+    var symbols_1 = Object.getOwnPropertySymbols(origin);
+    newObject = __spreadArrays(props_1, symbols_1).reduce(function(carry, key) {
+      var targetVal = origin[key];
+      if (!isSymbol(key) && !Object.getOwnPropertyNames(newComer).includes(key) || isSymbol(key) && !Object.getOwnPropertySymbols(newComer).includes(key)) {
+        assignProp(carry, key, targetVal, origin);
+      }
+      return carry;
+    }, {});
+  }
+  var props = Object.getOwnPropertyNames(newComer);
+  var symbols = Object.getOwnPropertySymbols(newComer);
+  var result = __spreadArrays(props, symbols).reduce(function(carry, key) {
+    var newVal = newComer[key];
+    var targetVal = isPlainObject(origin) ? origin[key] : void 0;
+    if (extensions && isArray(extensions)) {
+      extensions.forEach(function(extend) {
+        newVal = extend(targetVal, newVal);
+      });
+    }
+    if (targetVal !== void 0 && isPlainObject(newVal)) {
+      newVal = mergeRecursively(targetVal, newVal, extensions);
+    }
+    assignProp(carry, key, newVal, newComer);
+    return carry;
+  }, newObject);
+  return result;
+}
+function merge(origin) {
+  var newComers = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    newComers[_i - 1] = arguments[_i];
+  }
+  var extensions = null;
+  var base = origin;
+  if (isPlainObject(origin) && origin.extensions && Object.keys(origin).length === 1) {
+    base = {};
+    extensions = origin.extensions;
+  }
+  return newComers.reduce(function(result, newComer) {
+    return mergeRecursively(result, newComer, extensions);
+  }, base);
+}
+var index_esm_default = merge;
+
+// ../../../node_modules/styled-components/dist/styled-components.esm.js
+var interleave = (function(strings, interpolations) {
+  var result = [strings[0]];
+  for (var i = 0, len = interpolations.length; i < len; i += 1) {
+    result.push(interpolations[i], strings[i + 1]);
+  }
+  return result;
+});
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
+  return typeof obj;
+} : function(obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+};
+var classCallCheck = function(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+var createClass = /* @__PURE__ */ (function() {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  return function(Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps);
+    return Constructor;
+  };
+})();
+var _extends = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+  return target;
+};
+var inherits = function(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+};
+var objectWithoutProperties = function(obj, keys) {
+  var target = {};
+  for (var i in obj) {
+    if (keys.indexOf(i) >= 0) continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+    target[i] = obj[i];
+  }
+  return target;
+};
+var possibleConstructorReturn = function(self, call) {
+  if (!self) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+};
+var isPlainObject2 = (function(x) {
+  return (typeof x === "undefined" ? "undefined" : _typeof(x)) === "object" && x.constructor === Object;
+});
+var EMPTY_ARRAY = Object.freeze([]);
+var EMPTY_OBJECT = Object.freeze({});
+function isFunction(test) {
+  return typeof test === "function";
+}
+function getComponentName(target) {
+  return (process.env.NODE_ENV !== "production" ? typeof target === "string" && target : false) || target.displayName || target.name || "Component";
+}
+function isStatelessFunction(test) {
+  return typeof test === "function" && !(test.prototype && test.prototype.isReactComponent);
+}
+function isStyledComponent(target) {
+  return target && typeof target.styledComponentId === "string";
+}
+var SC_ATTR = typeof process !== "undefined" && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled";
+var SC_VERSION_ATTR = "data-styled-version";
+var SC_STREAM_ATTR = "data-styled-streamed";
+var IS_BROWSER = typeof window !== "undefined" && "HTMLElement" in window;
+var DISABLE_SPEEDY = typeof SC_DISABLE_SPEEDY === "boolean" && SC_DISABLE_SPEEDY || typeof process !== "undefined" && (process.env.REACT_APP_SC_DISABLE_SPEEDY || process.env.SC_DISABLE_SPEEDY) || process.env.NODE_ENV !== "production";
+var ERRORS = process.env.NODE_ENV !== "production" ? {
+  "1": "Cannot create styled-component for component: %s.\n\n",
+  "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.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",
+  "3": "Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",
+  "4": "The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",
+  "5": "The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",
+  "6": "Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",
+  "7": 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',
+  "8": 'ThemeProvider: Please make your "theme" prop an object.\n\n',
+  "9": "Missing document `<head>`\n\n",
+  "10": "Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",
+  "11": "_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",
+  "12": "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",
+  "13": "%s 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.\n"
+} : {};
+function format() {
+  var a = arguments.length <= 0 ? void 0 : arguments[0];
+  var b = [];
+  for (var c = 1, len = arguments.length; c < len; c += 1) {
+    b.push(arguments.length <= c ? void 0 : arguments[c]);
+  }
+  b.forEach(function(d) {
+    a = a.replace(/%[a-z]/, d);
+  });
+  return a;
+}
+var StyledComponentsError = (function(_Error) {
+  inherits(StyledComponentsError2, _Error);
+  function StyledComponentsError2(code) {
+    classCallCheck(this, StyledComponentsError2);
+    for (var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      interpolations[_key - 1] = arguments[_key];
+    }
+    if (process.env.NODE_ENV === "production") {
+      var _this = possibleConstructorReturn(this, _Error.call(this, "An error occurred. See https://github.com/styled-components/styled-components/blob/master/packages/styled-components/src/utils/errors.md#" + code + " for more information." + (interpolations.length > 0 ? " Additional arguments: " + interpolations.join(", ") : "")));
+    } else {
+      var _this = possibleConstructorReturn(this, _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(interpolations)).trim()));
+    }
+    return possibleConstructorReturn(_this);
+  }
+  return StyledComponentsError2;
+})(Error);
+var SC_COMPONENT_ID = /^[^\S\n]*?\/\* sc-component-id:\s*(\S+)\s+\*\//gm;
+var extractComps = (function(maybeCSS) {
+  var css2 = "" + (maybeCSS || "");
+  var existingComponents = [];
+  css2.replace(SC_COMPONENT_ID, function(match, componentId, matchIndex) {
+    existingComponents.push({ componentId, matchIndex });
+    return match;
+  });
+  return existingComponents.map(function(_ref, i) {
+    var componentId = _ref.componentId, matchIndex = _ref.matchIndex;
+    var nextComp = existingComponents[i + 1];
+    var cssFromDOM = nextComp ? css2.slice(matchIndex, nextComp.matchIndex) : css2.slice(matchIndex);
+    return { componentId, cssFromDOM };
+  });
+});
+var COMMENT_REGEX = /^\s*\/\/.*$/gm;
+var stylisSplitter = new import_stylis.default({
+  global: false,
+  cascade: true,
+  keyframe: false,
+  prefix: false,
+  compress: false,
+  semicolon: true
+});
+var stylis = new import_stylis.default({
+  global: false,
+  cascade: true,
+  keyframe: false,
+  prefix: true,
+  compress: false,
+  semicolon: false
+  // NOTE: This means "autocomplete missing semicolons"
+});
+var parsingRules = [];
+var returnRulesPlugin = function returnRulesPlugin2(context) {
+  if (context === -2) {
+    var parsedRules = parsingRules;
+    parsingRules = [];
+    return parsedRules;
+  }
+};
+var parseRulesPlugin = (0, import_stylis_rule_sheet.default)(function(rule) {
+  parsingRules.push(rule);
+});
+var _componentId = void 0;
+var _selector = void 0;
+var _selectorRegexp = void 0;
+var selfReferenceReplacer = function selfReferenceReplacer2(match, offset, string) {
+  if (
+    // the first self-ref is always untouched
+    offset > 0 && // there should be at least two self-refs to do a replacement (.b > .b)
+    string.slice(0, offset).indexOf(_selector) !== -1 && // no consecutive self refs (.b.b); that is a precedence boost and treated differently
+    string.slice(offset - _selector.length, offset) !== _selector
+  ) {
+    return "." + _componentId;
+  }
+  return match;
+};
+var selfReferenceReplacementPlugin = function selfReferenceReplacementPlugin2(context, _, selectors) {
+  if (context === 2 && selectors.length && selectors[0].lastIndexOf(_selector) > 0) {
+    selectors[0] = selectors[0].replace(_selectorRegexp, selfReferenceReplacer);
+  }
+};
+stylis.use([selfReferenceReplacementPlugin, parseRulesPlugin, returnRulesPlugin]);
+stylisSplitter.use([parseRulesPlugin, returnRulesPlugin]);
+var splitByRules = function splitByRules2(css2) {
+  return stylisSplitter("", css2);
+};
+function stringifyRules(rules, selector, prefix) {
+  var componentId = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "&";
+  var flatCSS = rules.join("").replace(COMMENT_REGEX, "");
+  var cssStr = selector && prefix ? prefix + " " + selector + " { " + flatCSS + " }" : flatCSS;
+  _componentId = componentId;
+  _selector = selector;
+  _selectorRegexp = new RegExp("\\" + _selector + "\\b", "g");
+  return stylis(prefix || !selector ? "" : selector, cssStr);
+}
+var getNonce = (function() {
+  return typeof __webpack_nonce__ !== "undefined" ? __webpack_nonce__ : null;
+});
+var addNameForId = function addNameForId2(names, id, name) {
+  if (name) {
+    var namesForId = names[id] || (names[id] = /* @__PURE__ */ Object.create(null));
+    namesForId[name] = true;
+  }
+};
+var resetIdNames = function resetIdNames2(names, id) {
+  names[id] = /* @__PURE__ */ Object.create(null);
+};
+var hasNameForId = function hasNameForId2(names) {
+  return function(id, name) {
+    return names[id] !== void 0 && names[id][name];
+  };
+};
+var stringifyNames = function stringifyNames2(names) {
+  var str = "";
+  for (var id in names) {
+    str += Object.keys(names[id]).join(" ") + " ";
+  }
+  return str.trim();
+};
+var cloneNames = function cloneNames2(names) {
+  var clone = /* @__PURE__ */ Object.create(null);
+  for (var id in names) {
+    clone[id] = _extends({}, names[id]);
+  }
+  return clone;
+};
+var sheetForTag = function sheetForTag2(tag) {
+  if (tag.sheet) return tag.sheet;
+  var size = tag.ownerDocument.styleSheets.length;
+  for (var i = 0; i < size; i += 1) {
+    var sheet = tag.ownerDocument.styleSheets[i];
+    if (sheet.ownerNode === tag) return sheet;
+  }
+  throw new StyledComponentsError(10);
+};
+var safeInsertRule = function safeInsertRule2(sheet, cssRule, index2) {
+  if (!cssRule) return false;
+  var maxIndex = sheet.cssRules.length;
+  try {
+    sheet.insertRule(cssRule, index2 <= maxIndex ? index2 : maxIndex);
+  } catch (err) {
+    return false;
+  }
+  return true;
+};
+var deleteRules = function deleteRules2(sheet, removalIndex, size) {
+  var lowerBound = removalIndex - size;
+  for (var i = removalIndex; i > lowerBound; i -= 1) {
+    sheet.deleteRule(i);
+  }
+};
+var makeTextMarker = function makeTextMarker2(id) {
+  return "\n/* sc-component-id: " + id + " */\n";
+};
+var addUpUntilIndex = function addUpUntilIndex2(sizes, index2) {
+  var totalUpToIndex = 0;
+  for (var i = 0; i <= index2; i += 1) {
+    totalUpToIndex += sizes[i];
+  }
+  return totalUpToIndex;
+};
+var makeStyleTag = function makeStyleTag2(target, tagEl, insertBefore) {
+  var targetDocument = document;
+  if (target) targetDocument = target.ownerDocument;
+  else if (tagEl) targetDocument = tagEl.ownerDocument;
+  var el = targetDocument.createElement("style");
+  el.setAttribute(SC_ATTR, "");
+  el.setAttribute(SC_VERSION_ATTR, "4.4.1");
+  var nonce = getNonce();
+  if (nonce) {
+    el.setAttribute("nonce", nonce);
+  }
+  el.appendChild(targetDocument.createTextNode(""));
+  if (target && !tagEl) {
+    target.appendChild(el);
+  } else {
+    if (!tagEl || !target || !tagEl.parentNode) {
+      throw new StyledComponentsError(6);
+    }
+    tagEl.parentNode.insertBefore(el, insertBefore ? tagEl : tagEl.nextSibling);
+  }
+  return el;
+};
+var wrapAsHtmlTag = function wrapAsHtmlTag2(css2, names) {
+  return function(additionalAttrs) {
+    var nonce = getNonce();
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="4.4.1"', additionalAttrs];
+    var htmlAttr = attrs.filter(Boolean).join(" ");
+    return "<style " + htmlAttr + ">" + css2() + "</style>";
+  };
+};
+var wrapAsElement = function wrapAsElement2(css2, names) {
+  return function() {
+    var _props;
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.4.1", _props);
+    var nonce = getNonce();
+    if (nonce) {
+      props.nonce = nonce;
+    }
+    return React.createElement("style", _extends({}, props, { dangerouslySetInnerHTML: { __html: css2() } }));
+  };
+};
+var getIdsFromMarkersFactory = function getIdsFromMarkersFactory2(markers) {
+  return function() {
+    return Object.keys(markers);
+  };
+};
+var makeSpeedyTag = function makeSpeedyTag2(el, getImportRuleTag) {
+  var names = /* @__PURE__ */ Object.create(null);
+  var markers = /* @__PURE__ */ Object.create(null);
+  var sizes = [];
+  var extractImport = getImportRuleTag !== void 0;
+  var usedImportRuleTag = false;
+  var insertMarker = function insertMarker2(id) {
+    var prev = markers[id];
+    if (prev !== void 0) {
+      return prev;
+    }
+    markers[id] = sizes.length;
+    sizes.push(0);
+    resetIdNames(names, id);
+    return markers[id];
+  };
+  var insertRules = function insertRules2(id, cssRules, name) {
+    var marker = insertMarker(id);
+    var sheet = sheetForTag(el);
+    var insertIndex = addUpUntilIndex(sizes, marker);
+    var injectedRules = 0;
+    var importRules = [];
+    var cssRulesSize = cssRules.length;
+    for (var i = 0; i < cssRulesSize; i += 1) {
+      var cssRule = cssRules[i];
+      var mayHaveImport = extractImport;
+      if (mayHaveImport && cssRule.indexOf("@import") !== -1) {
+        importRules.push(cssRule);
+      } else if (safeInsertRule(sheet, cssRule, insertIndex + injectedRules)) {
+        mayHaveImport = false;
+        injectedRules += 1;
+      }
+    }
+    if (extractImport && importRules.length > 0) {
+      usedImportRuleTag = true;
+      getImportRuleTag().insertRules(id + "-import", importRules);
+    }
+    sizes[marker] += injectedRules;
+    addNameForId(names, id, name);
+  };
+  var removeRules = function removeRules2(id) {
+    var marker = markers[id];
+    if (marker === void 0) return;
+    if (el.isConnected === false) return;
+    var size = sizes[marker];
+    var sheet = sheetForTag(el);
+    var removalIndex = addUpUntilIndex(sizes, marker) - 1;
+    deleteRules(sheet, removalIndex, size);
+    sizes[marker] = 0;
+    resetIdNames(names, id);
+    if (extractImport && usedImportRuleTag) {
+      getImportRuleTag().removeRules(id + "-import");
+    }
+  };
+  var css2 = function css3() {
+    var _sheetForTag = sheetForTag(el), cssRules = _sheetForTag.cssRules;
+    var str = "";
+    for (var id in markers) {
+      str += makeTextMarker(id);
+      var marker = markers[id];
+      var end = addUpUntilIndex(sizes, marker);
+      var size = sizes[marker];
+      for (var i = end - size; i < end; i += 1) {
+        var rule = cssRules[i];
+        if (rule !== void 0) {
+          str += rule.cssText;
+        }
+      }
+    }
+    return str;
+  };
+  return {
+    clone: function clone() {
+      throw new StyledComponentsError(5);
+    },
+    css: css2,
+    getIds: getIdsFromMarkersFactory(markers),
+    hasNameForId: hasNameForId(names),
+    insertMarker,
+    insertRules,
+    removeRules,
+    sealed: false,
+    styleTag: el,
+    toElement: wrapAsElement(css2, names),
+    toHTML: wrapAsHtmlTag(css2, names)
+  };
+};
+var makeTextNode = function makeTextNode2(targetDocument, id) {
+  return targetDocument.createTextNode(makeTextMarker(id));
+};
+var makeBrowserTag = function makeBrowserTag2(el, getImportRuleTag) {
+  var names = /* @__PURE__ */ Object.create(null);
+  var markers = /* @__PURE__ */ Object.create(null);
+  var extractImport = getImportRuleTag !== void 0;
+  var usedImportRuleTag = false;
+  var insertMarker = function insertMarker2(id) {
+    var prev = markers[id];
+    if (prev !== void 0) {
+      return prev;
+    }
+    markers[id] = makeTextNode(el.ownerDocument, id);
+    el.appendChild(markers[id]);
+    names[id] = /* @__PURE__ */ Object.create(null);
+    return markers[id];
+  };
+  var insertRules = function insertRules2(id, cssRules, name) {
+    var marker = insertMarker(id);
+    var importRules = [];
+    var cssRulesSize = cssRules.length;
+    for (var i = 0; i < cssRulesSize; i += 1) {
+      var rule = cssRules[i];
+      var mayHaveImport = extractImport;
+      if (mayHaveImport && rule.indexOf("@import") !== -1) {
+        importRules.push(rule);
+      } else {
+        mayHaveImport = false;
+        var separator = i === cssRulesSize - 1 ? "" : " ";
+        marker.appendData("" + rule + separator);
+      }
+    }
+    addNameForId(names, id, name);
+    if (extractImport && importRules.length > 0) {
+      usedImportRuleTag = true;
+      getImportRuleTag().insertRules(id + "-import", importRules);
+    }
+  };
+  var removeRules = function removeRules2(id) {
+    var marker = markers[id];
+    if (marker === void 0) return;
+    var newMarker = makeTextNode(el.ownerDocument, id);
+    el.replaceChild(newMarker, marker);
+    markers[id] = newMarker;
+    resetIdNames(names, id);
+    if (extractImport && usedImportRuleTag) {
+      getImportRuleTag().removeRules(id + "-import");
+    }
+  };
+  var css2 = function css3() {
+    var str = "";
+    for (var id in markers) {
+      str += markers[id].data;
+    }
+    return str;
+  };
+  return {
+    clone: function clone() {
+      throw new StyledComponentsError(5);
+    },
+    css: css2,
+    getIds: getIdsFromMarkersFactory(markers),
+    hasNameForId: hasNameForId(names),
+    insertMarker,
+    insertRules,
+    removeRules,
+    sealed: false,
+    styleTag: el,
+    toElement: wrapAsElement(css2, names),
+    toHTML: wrapAsHtmlTag(css2, names)
+  };
+};
+var makeServerTag = function makeServerTag2(namesArg, markersArg) {
+  var names = namesArg === void 0 ? /* @__PURE__ */ Object.create(null) : namesArg;
+  var markers = markersArg === void 0 ? /* @__PURE__ */ Object.create(null) : markersArg;
+  var insertMarker = function insertMarker2(id) {
+    var prev = markers[id];
+    if (prev !== void 0) {
+      return prev;
+    }
+    return markers[id] = [""];
+  };
+  var insertRules = function insertRules2(id, cssRules, name) {
+    var marker = insertMarker(id);
+    marker[0] += cssRules.join(" ");
+    addNameForId(names, id, name);
+  };
+  var removeRules = function removeRules2(id) {
+    var marker = markers[id];
+    if (marker === void 0) return;
+    marker[0] = "";
+    resetIdNames(names, id);
+  };
+  var css2 = function css3() {
+    var str = "";
+    for (var id in markers) {
+      var cssForId = markers[id][0];
+      if (cssForId) {
+        str += makeTextMarker(id) + cssForId;
+      }
+    }
+    return str;
+  };
+  var clone = function clone2() {
+    var namesClone = cloneNames(names);
+    var markersClone = /* @__PURE__ */ Object.create(null);
+    for (var id in markers) {
+      markersClone[id] = [markers[id][0]];
+    }
+    return makeServerTag2(namesClone, markersClone);
+  };
+  var tag = {
+    clone,
+    css: css2,
+    getIds: getIdsFromMarkersFactory(markers),
+    hasNameForId: hasNameForId(names),
+    insertMarker,
+    insertRules,
+    removeRules,
+    sealed: false,
+    styleTag: null,
+    toElement: wrapAsElement(css2, names),
+    toHTML: wrapAsHtmlTag(css2, names)
+  };
+  return tag;
+};
+var makeTag = function makeTag2(target, tagEl, forceServer, insertBefore, getImportRuleTag) {
+  if (IS_BROWSER && !forceServer) {
+    var el = makeStyleTag(target, tagEl, insertBefore);
+    if (DISABLE_SPEEDY) {
+      return makeBrowserTag(el, getImportRuleTag);
+    } else {
+      return makeSpeedyTag(el, getImportRuleTag);
+    }
+  }
+  return makeServerTag();
+};
+var rehydrate = function rehydrate2(tag, els, extracted) {
+  for (var i = 0, len = extracted.length; i < len; i += 1) {
+    var _extracted$i = extracted[i], componentId = _extracted$i.componentId, cssFromDOM = _extracted$i.cssFromDOM;
+    var cssRules = splitByRules(cssFromDOM);
+    tag.insertRules(componentId, cssRules);
+  }
+  for (var _i = 0, _len = els.length; _i < _len; _i += 1) {
+    var el = els[_i];
+    if (el.parentNode) {
+      el.parentNode.removeChild(el);
+    }
+  }
+};
+var SPLIT_REGEX = /\s+/;
+var MAX_SIZE = void 0;
+if (IS_BROWSER) {
+  MAX_SIZE = DISABLE_SPEEDY ? 40 : 1e3;
+} else {
+  MAX_SIZE = -1;
+}
+var sheetRunningId = 0;
+var master = void 0;
+var StyleSheet = (function() {
+  function StyleSheet2() {
+    var _this = this;
+    var target = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : IS_BROWSER ? document.head : null;
+    var forceServer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    classCallCheck(this, StyleSheet2);
+    this.getImportRuleTag = function() {
+      var importRuleTag = _this.importRuleTag;
+      if (importRuleTag !== void 0) {
+        return importRuleTag;
+      }
+      var firstTag = _this.tags[0];
+      var insertBefore = true;
+      return _this.importRuleTag = makeTag(_this.target, firstTag ? firstTag.styleTag : null, _this.forceServer, insertBefore);
+    };
+    sheetRunningId += 1;
+    this.id = sheetRunningId;
+    this.forceServer = forceServer;
+    this.target = forceServer ? null : target;
+    this.tagMap = {};
+    this.deferred = {};
+    this.rehydratedNames = {};
+    this.ignoreRehydratedNames = {};
+    this.tags = [];
+    this.capacity = 1;
+    this.clones = [];
+  }
+  StyleSheet2.prototype.rehydrate = function rehydrate$$1() {
+    if (!IS_BROWSER || this.forceServer) return this;
+    var els = [];
+    var extracted = [];
+    var isStreamed = false;
+    var nodes = document.querySelectorAll("style[" + SC_ATTR + "][" + SC_VERSION_ATTR + '="4.4.1"]');
+    var nodesSize = nodes.length;
+    if (!nodesSize) return this;
+    for (var i = 0; i < nodesSize; i += 1) {
+      var el = nodes[i];
+      if (!isStreamed) isStreamed = !!el.getAttribute(SC_STREAM_ATTR);
+      var elNames = (el.getAttribute(SC_ATTR) || "").trim().split(SPLIT_REGEX);
+      var elNamesSize = elNames.length;
+      for (var j = 0, name; j < elNamesSize; j += 1) {
+        name = elNames[j];
+        this.rehydratedNames[name] = true;
+      }
+      extracted.push.apply(extracted, extractComps(el.textContent));
+      els.push(el);
+    }
+    var extractedSize = extracted.length;
+    if (!extractedSize) return this;
+    var tag = this.makeTag(null);
+    rehydrate(tag, els, extracted);
+    this.capacity = Math.max(1, MAX_SIZE - extractedSize);
+    this.tags.push(tag);
+    for (var _j = 0; _j < extractedSize; _j += 1) {
+      this.tagMap[extracted[_j].componentId] = tag;
+    }
+    return this;
+  };
+  StyleSheet2.reset = function reset() {
+    var forceServer = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    master = new StyleSheet2(void 0, forceServer).rehydrate();
+  };
+  StyleSheet2.prototype.clone = function clone() {
+    var sheet = new StyleSheet2(this.target, this.forceServer);
+    this.clones.push(sheet);
+    sheet.tags = this.tags.map(function(tag) {
+      var ids = tag.getIds();
+      var newTag = tag.clone();
+      for (var i = 0; i < ids.length; i += 1) {
+        sheet.tagMap[ids[i]] = newTag;
+      }
+      return newTag;
+    });
+    sheet.rehydratedNames = _extends({}, this.rehydratedNames);
+    sheet.deferred = _extends({}, this.deferred);
+    return sheet;
+  };
+  StyleSheet2.prototype.sealAllTags = function sealAllTags() {
+    this.capacity = 1;
+    this.tags.forEach(function(tag) {
+      tag.sealed = true;
+    });
+  };
+  StyleSheet2.prototype.makeTag = function makeTag$$1(tag) {
+    var lastEl = tag ? tag.styleTag : null;
+    var insertBefore = false;
+    return makeTag(this.target, lastEl, this.forceServer, insertBefore, this.getImportRuleTag);
+  };
+  StyleSheet2.prototype.getTagForId = function getTagForId(id) {
+    var prev = this.tagMap[id];
+    if (prev !== void 0 && !prev.sealed) {
+      return prev;
+    }
+    var tag = this.tags[this.tags.length - 1];
+    this.capacity -= 1;
+    if (this.capacity === 0) {
+      this.capacity = MAX_SIZE;
+      tag = this.makeTag(tag);
+      this.tags.push(tag);
+    }
+    return this.tagMap[id] = tag;
+  };
+  StyleSheet2.prototype.hasId = function hasId(id) {
+    return this.tagMap[id] !== void 0;
+  };
+  StyleSheet2.prototype.hasNameForId = function hasNameForId3(id, name) {
+    if (this.ignoreRehydratedNames[id] === void 0 && this.rehydratedNames[name]) {
+      return true;
+    }
+    var tag = this.tagMap[id];
+    return tag !== void 0 && tag.hasNameForId(id, name);
+  };
+  StyleSheet2.prototype.deferredInject = function deferredInject(id, cssRules) {
+    if (this.tagMap[id] !== void 0) return;
+    var clones = this.clones;
+    for (var i = 0; i < clones.length; i += 1) {
+      clones[i].deferredInject(id, cssRules);
+    }
+    this.getTagForId(id).insertMarker(id);
+    this.deferred[id] = cssRules;
+  };
+  StyleSheet2.prototype.inject = function inject(id, cssRules, name) {
+    var clones = this.clones;
+    for (var i = 0; i < clones.length; i += 1) {
+      clones[i].inject(id, cssRules, name);
+    }
+    var tag = this.getTagForId(id);
+    if (this.deferred[id] !== void 0) {
+      var rules = this.deferred[id].concat(cssRules);
+      tag.insertRules(id, rules, name);
+      this.deferred[id] = void 0;
+    } else {
+      tag.insertRules(id, cssRules, name);
+    }
+  };
+  StyleSheet2.prototype.remove = function remove(id) {
+    var tag = this.tagMap[id];
+    if (tag === void 0) return;
+    var clones = this.clones;
+    for (var i = 0; i < clones.length; i += 1) {
+      clones[i].remove(id);
+    }
+    tag.removeRules(id);
+    this.ignoreRehydratedNames[id] = true;
+    this.deferred[id] = void 0;
+  };
+  StyleSheet2.prototype.toHTML = function toHTML() {
+    return this.tags.map(function(tag) {
+      return tag.toHTML();
+    }).join("");
+  };
+  StyleSheet2.prototype.toReactElements = function toReactElements() {
+    var id = this.id;
+    return this.tags.map(function(tag, i) {
+      var key = "sc-" + id + "-" + i;
+      return cloneElement(tag.toElement(), { key });
+    });
+  };
+  createClass(StyleSheet2, null, [{
+    key: "master",
+    get: function get$$1() {
+      return master || (master = new StyleSheet2().rehydrate());
+    }
+    /* NOTE: This is just for backwards-compatibility with jest-styled-components */
+  }, {
+    key: "instance",
+    get: function get$$1() {
+      return StyleSheet2.master;
+    }
+  }]);
+  return StyleSheet2;
+})();
+var Keyframes = (function() {
+  function Keyframes2(name, rules) {
+    var _this = this;
+    classCallCheck(this, Keyframes2);
+    this.inject = function(styleSheet) {
+      if (!styleSheet.hasNameForId(_this.id, _this.name)) {
+        styleSheet.inject(_this.id, _this.rules, _this.name);
+      }
+    };
+    this.toString = function() {
+      throw new StyledComponentsError(12, String(_this.name));
+    };
+    this.name = name;
+    this.rules = rules;
+    this.id = "sc-keyframes-" + name;
+  }
+  Keyframes2.prototype.getName = function getName() {
+    return this.name;
+  };
+  return Keyframes2;
+})();
+var uppercasePattern = /([A-Z])/g;
+var msPattern = /^ms-/;
+function hyphenateStyleName(string) {
+  return string.replace(uppercasePattern, "-$1").toLowerCase().replace(msPattern, "-ms-");
+}
+function addUnitIfNeeded(name, value) {
+  if (value == null || typeof value === "boolean" || value === "") {
+    return "";
+  }
+  if (typeof value === "number" && value !== 0 && !(name in unitless_esm_default)) {
+    return value + "px";
+  }
+  return String(value).trim();
+}
+var isFalsish = function isFalsish2(chunk) {
+  return chunk === void 0 || chunk === null || chunk === false || chunk === "";
+};
+var objToCssArray = function objToCssArray2(obj, prevKey) {
+  var rules = [];
+  var keys = Object.keys(obj);
+  keys.forEach(function(key) {
+    if (!isFalsish(obj[key])) {
+      if (isPlainObject2(obj[key])) {
+        rules.push.apply(rules, objToCssArray2(obj[key], key));
+        return rules;
+      } else if (isFunction(obj[key])) {
+        rules.push(hyphenateStyleName(key) + ":", obj[key], ";");
+        return rules;
+      }
+      rules.push(hyphenateStyleName(key) + ": " + addUnitIfNeeded(key, obj[key]) + ";");
+    }
+    return rules;
+  });
+  return prevKey ? [prevKey + " {"].concat(rules, ["}"]) : rules;
+};
+function flatten(chunk, executionContext, styleSheet) {
+  if (Array.isArray(chunk)) {
+    var ruleSet = [];
+    for (var i = 0, len = chunk.length, result; i < len; i += 1) {
+      result = flatten(chunk[i], executionContext, styleSheet);
+      if (result === null) continue;
+      else if (Array.isArray(result)) ruleSet.push.apply(ruleSet, result);
+      else ruleSet.push(result);
+    }
+    return ruleSet;
+  }
+  if (isFalsish(chunk)) {
+    return null;
+  }
+  if (isStyledComponent(chunk)) {
+    return "." + chunk.styledComponentId;
+  }
+  if (isFunction(chunk)) {
+    if (isStatelessFunction(chunk) && executionContext) {
+      var _result = chunk(executionContext);
+      if (process.env.NODE_ENV !== "production" && (0, import_react_is.isElement)(_result)) {
+        console.warn(getComponentName(chunk) + " 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.");
+      }
+      return flatten(_result, executionContext, styleSheet);
+    } else return chunk;
+  }
+  if (chunk instanceof Keyframes) {
+    if (styleSheet) {
+      chunk.inject(styleSheet);
+      return chunk.getName();
+    } else return chunk;
+  }
+  return isPlainObject2(chunk) ? objToCssArray(chunk) : chunk.toString();
+}
+function css(styles) {
+  for (var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    interpolations[_key - 1] = arguments[_key];
+  }
+  if (isFunction(styles) || isPlainObject2(styles)) {
+    return flatten(interleave(EMPTY_ARRAY, [styles].concat(interpolations)));
+  }
+  return flatten(interleave(styles, interpolations));
+}
+function constructWithOptions(componentConstructor, tag) {
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : EMPTY_OBJECT;
+  if (!(0, import_react_is.isValidElementType)(tag)) {
+    throw new StyledComponentsError(1, String(tag));
+  }
+  var templateFunction = function templateFunction2() {
+    return componentConstructor(tag, options, css.apply(void 0, arguments));
+  };
+  templateFunction.withConfig = function(config) {
+    return constructWithOptions(componentConstructor, tag, _extends({}, options, config));
+  };
+  templateFunction.attrs = function(attrs) {
+    return constructWithOptions(componentConstructor, tag, _extends({}, options, {
+      attrs: Array.prototype.concat(options.attrs, attrs).filter(Boolean)
+    }));
+  };
+  return templateFunction;
+}
+function murmurhash(c) {
+  for (var e = c.length | 0, a = e | 0, d = 0, b; e >= 4; ) {
+    b = c.charCodeAt(d) & 255 | (c.charCodeAt(++d) & 255) << 8 | (c.charCodeAt(++d) & 255) << 16 | (c.charCodeAt(++d) & 255) << 24, b = 1540483477 * (b & 65535) + ((1540483477 * (b >>> 16) & 65535) << 16), b ^= b >>> 24, b = 1540483477 * (b & 65535) + ((1540483477 * (b >>> 16) & 65535) << 16), a = 1540483477 * (a & 65535) + ((1540483477 * (a >>> 16) & 65535) << 16) ^ b, e -= 4, ++d;
+  }
+  switch (e) {
+    case 3:
+      a ^= (c.charCodeAt(d + 2) & 255) << 16;
+    case 2:
+      a ^= (c.charCodeAt(d + 1) & 255) << 8;
+    case 1:
+      a ^= c.charCodeAt(d) & 255, a = 1540483477 * (a & 65535) + ((1540483477 * (a >>> 16) & 65535) << 16);
+  }
+  a ^= a >>> 13;
+  a = 1540483477 * (a & 65535) + ((1540483477 * (a >>> 16) & 65535) << 16);
+  return (a ^ a >>> 15) >>> 0;
+}
+var charsLength = 52;
+var getAlphabeticChar = function getAlphabeticChar2(code) {
+  return String.fromCharCode(code + (code > 25 ? 39 : 97));
+};
+function generateAlphabeticName(code) {
+  var name = "";
+  var x = void 0;
+  for (x = code; x > charsLength; x = Math.floor(x / charsLength)) {
+    name = getAlphabeticChar(x % charsLength) + name;
+  }
+  return getAlphabeticChar(x % charsLength) + name;
+}
+function hasFunctionObjectKey(obj) {
+  for (var key in obj) {
+    if (isFunction(obj[key])) {
+      return true;
+    }
+  }
+  return false;
+}
+function isStaticRules(rules, attrs) {
+  for (var i = 0; i < rules.length; i += 1) {
+    var rule = rules[i];
+    if (Array.isArray(rule) && !isStaticRules(rule, attrs)) {
+      return false;
+    } else if (isFunction(rule) && !isStyledComponent(rule)) {
+      return false;
+    }
+  }
+  if (attrs.some(function(x) {
+    return isFunction(x) || hasFunctionObjectKey(x);
+  })) return false;
+  return true;
+}
+var hasher = function hasher2(str) {
+  return generateAlphabeticName(murmurhash(str));
+};
+var ComponentStyle = (function() {
+  function ComponentStyle2(rules, attrs, componentId) {
+    classCallCheck(this, ComponentStyle2);
+    this.rules = rules;
+    this.isStatic = process.env.NODE_ENV === "production" && isStaticRules(rules, attrs);
+    this.componentId = componentId;
+    if (!StyleSheet.master.hasId(componentId)) {
+      StyleSheet.master.deferredInject(componentId, []);
+    }
+  }
+  ComponentStyle2.prototype.generateAndInjectStyles = function generateAndInjectStyles(executionContext, styleSheet) {
+    var isStatic = this.isStatic, componentId = this.componentId, lastClassName = this.lastClassName;
+    if (IS_BROWSER && isStatic && typeof lastClassName === "string" && styleSheet.hasNameForId(componentId, lastClassName)) {
+      return lastClassName;
+    }
+    var flatCSS = flatten(this.rules, executionContext, styleSheet);
+    var name = hasher(this.componentId + flatCSS.join(""));
+    if (!styleSheet.hasNameForId(componentId, name)) {
+      styleSheet.inject(this.componentId, stringifyRules(flatCSS, "." + name, void 0, componentId), name);
+    }
+    this.lastClassName = name;
+    return name;
+  };
+  ComponentStyle2.generateName = function generateName(str) {
+    return hasher(str);
+  };
+  return ComponentStyle2;
+})();
+var LIMIT = 200;
+var createWarnTooManyClasses = (function(displayName) {
+  var generatedClasses = {};
+  var warningSeen = false;
+  return function(className) {
+    if (!warningSeen) {
+      generatedClasses[className] = true;
+      if (Object.keys(generatedClasses).length >= LIMIT) {
+        console.warn("Over " + LIMIT + " classes were generated for component " + displayName + ". \nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />");
+        warningSeen = true;
+        generatedClasses = {};
+      }
+    }
+  };
+});
+var determineTheme = (function(props, fallbackTheme) {
+  var defaultProps = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : EMPTY_OBJECT;
+  var isDefaultTheme = defaultProps ? props.theme === defaultProps.theme : false;
+  var theme = props.theme && !isDefaultTheme ? props.theme : fallbackTheme || defaultProps.theme;
+  return theme;
+});
+var escapeRegex = /[[\].#*$><+~=|^:(),"'`-]+/g;
+var dashesAtEnds = /(^-|-$)/g;
+function escape(str) {
+  return str.replace(escapeRegex, "-").replace(dashesAtEnds, "");
+}
+function isTag(target) {
+  return typeof target === "string" && (process.env.NODE_ENV !== "production" ? target.charAt(0) === target.charAt(0).toLowerCase() : true);
+}
+function generateDisplayName(target) {
+  return isTag(target) ? "styled." + target : "Styled(" + getComponentName(target) + ")";
+}
+var _TYPE_STATICS;
+var REACT_STATICS = {
+  childContextTypes: true,
+  contextTypes: true,
+  defaultProps: true,
+  displayName: true,
+  getDerivedStateFromProps: true,
+  propTypes: true,
+  type: true
+};
+var KNOWN_STATICS = {
+  name: true,
+  length: true,
+  prototype: true,
+  caller: true,
+  callee: true,
+  arguments: true,
+  arity: true
+};
+var TYPE_STATICS = (_TYPE_STATICS = {}, _TYPE_STATICS[import_react_is.ForwardRef] = {
+  $$typeof: true,
+  render: true
+}, _TYPE_STATICS);
+var defineProperty$1 = Object.defineProperty;
+var getOwnPropertyNames = Object.getOwnPropertyNames;
+var _Object$getOwnPropert = Object.getOwnPropertySymbols;
+var getOwnPropertySymbols = _Object$getOwnPropert === void 0 ? function() {
+  return [];
+} : _Object$getOwnPropert;
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+var getPrototypeOf = Object.getPrototypeOf;
+var objectPrototype = Object.prototype;
+var arrayPrototype = Array.prototype;
+function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
+  if (typeof sourceComponent !== "string") {
+    var inheritedComponent = getPrototypeOf(sourceComponent);
+    if (inheritedComponent && inheritedComponent !== objectPrototype) {
+      hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
+    }
+    var keys = arrayPrototype.concat(
+      getOwnPropertyNames(sourceComponent),
+      // $FlowFixMe
+      getOwnPropertySymbols(sourceComponent)
+    );
+    var targetStatics = TYPE_STATICS[targetComponent.$$typeof] || REACT_STATICS;
+    var sourceStatics = TYPE_STATICS[sourceComponent.$$typeof] || REACT_STATICS;
+    var i = keys.length;
+    var descriptor = void 0;
+    var key = void 0;
+    while (i--) {
+      key = keys[i];
+      if (
+        // $FlowFixMe
+        !KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && // $FlowFixMe
+        !(targetStatics && targetStatics[key])
+      ) {
+        descriptor = getOwnPropertyDescriptor(sourceComponent, key);
+        if (descriptor) {
+          try {
+            defineProperty$1(targetComponent, key, descriptor);
+          } catch (e) {
+          }
+        }
+      }
+    }
+    return targetComponent;
+  }
+  return targetComponent;
+}
+function isDerivedReactComponent(fn) {
+  return !!(fn && fn.prototype && fn.prototype.isReactComponent);
+}
+var once = (function(cb) {
+  var called = false;
+  return function() {
+    if (!called) {
+      called = true;
+      cb.apply(void 0, arguments);
+    }
+  };
+});
+var ThemeContext = createContext();
+var ThemeConsumer = ThemeContext.Consumer;
+var ThemeProvider = (function(_Component) {
+  inherits(ThemeProvider2, _Component);
+  function ThemeProvider2(props) {
+    classCallCheck(this, ThemeProvider2);
+    var _this = possibleConstructorReturn(this, _Component.call(this, props));
+    _this.getContext = memoize_one_esm_default(_this.getContext.bind(_this));
+    _this.renderInner = _this.renderInner.bind(_this);
+    return _this;
+  }
+  ThemeProvider2.prototype.render = function render() {
+    if (!this.props.children) return null;
+    return React.createElement(
+      ThemeContext.Consumer,
+      null,
+      this.renderInner
+    );
+  };
+  ThemeProvider2.prototype.renderInner = function renderInner(outerTheme) {
+    var context = this.getContext(this.props.theme, outerTheme);
+    return React.createElement(
+      ThemeContext.Provider,
+      { value: context },
+      this.props.children
+    );
+  };
+  ThemeProvider2.prototype.getTheme = function getTheme(theme, outerTheme) {
+    if (isFunction(theme)) {
+      var mergedTheme = theme(outerTheme);
+      if (process.env.NODE_ENV !== "production" && (mergedTheme === null || Array.isArray(mergedTheme) || (typeof mergedTheme === "undefined" ? "undefined" : _typeof(mergedTheme)) !== "object")) {
+        throw new StyledComponentsError(7);
+      }
+      return mergedTheme;
+    }
+    if (theme === null || Array.isArray(theme) || (typeof theme === "undefined" ? "undefined" : _typeof(theme)) !== "object") {
+      throw new StyledComponentsError(8);
+    }
+    return _extends({}, outerTheme, theme);
+  };
+  ThemeProvider2.prototype.getContext = function getContext(theme, outerTheme) {
+    return this.getTheme(theme, outerTheme);
+  };
+  return ThemeProvider2;
+})(Component);
+var CLOSING_TAG_R = /^\s*<\/[a-z]/i;
+var ServerStyleSheet = (function() {
+  function ServerStyleSheet2() {
+    classCallCheck(this, ServerStyleSheet2);
+    this.masterSheet = StyleSheet.master;
+    this.instance = this.masterSheet.clone();
+    this.sealed = false;
+  }
+  ServerStyleSheet2.prototype.seal = function seal() {
+    if (!this.sealed) {
+      var index2 = this.masterSheet.clones.indexOf(this.instance);
+      this.masterSheet.clones.splice(index2, 1);
+      this.sealed = true;
+    }
+  };
+  ServerStyleSheet2.prototype.collectStyles = function collectStyles(children) {
+    if (this.sealed) {
+      throw new StyledComponentsError(2);
+    }
+    return React.createElement(
+      StyleSheetManager,
+      { sheet: this.instance },
+      children
+    );
+  };
+  ServerStyleSheet2.prototype.getStyleTags = function getStyleTags() {
+    this.seal();
+    return this.instance.toHTML();
+  };
+  ServerStyleSheet2.prototype.getStyleElement = function getStyleElement() {
+    this.seal();
+    return this.instance.toReactElements();
+  };
+  ServerStyleSheet2.prototype.interleaveWithNodeStream = function interleaveWithNodeStream(readableStream) {
+    var _this = this;
+    if (IS_BROWSER) {
+      throw new StyledComponentsError(3);
+    }
+    var instance = this.instance;
+    var instanceTagIndex = 0;
+    var streamAttr = SC_STREAM_ATTR + '="true"';
+    var transformer = new stream.Transform({
+      transform: function appendStyleChunks(chunk, _, callback) {
+        var tags = instance.tags;
+        var html = "";
+        for (; instanceTagIndex < tags.length; instanceTagIndex += 1) {
+          var tag = tags[instanceTagIndex];
+          html += tag.toHTML(streamAttr);
+        }
+        instance.sealAllTags();
+        var renderedHtml = chunk.toString();
+        if (CLOSING_TAG_R.test(renderedHtml)) {
+          var endOfClosingTag = renderedHtml.indexOf(">");
+          this.push(renderedHtml.slice(0, endOfClosingTag + 1) + html + renderedHtml.slice(endOfClosingTag + 1));
+        } else this.push(html + renderedHtml);
+        callback();
+      }
+    });
+    readableStream.on("end", function() {
+      return _this.seal();
+    });
+    readableStream.on("error", function(err) {
+      _this.seal();
+      transformer.emit("error", err);
+    });
+    return readableStream.pipe(transformer);
+  };
+  return ServerStyleSheet2;
+})();
+var StyleSheetContext = createContext();
+var StyleSheetConsumer = StyleSheetContext.Consumer;
+var StyleSheetManager = (function(_Component) {
+  inherits(StyleSheetManager2, _Component);
+  function StyleSheetManager2(props) {
+    classCallCheck(this, StyleSheetManager2);
+    var _this = possibleConstructorReturn(this, _Component.call(this, props));
+    _this.getContext = memoize_one_esm_default(_this.getContext);
+    return _this;
+  }
+  StyleSheetManager2.prototype.getContext = function getContext(sheet, target) {
+    if (sheet) {
+      return sheet;
+    } else if (target) {
+      return new StyleSheet(target);
+    } else {
+      throw new StyledComponentsError(4);
+    }
+  };
+  StyleSheetManager2.prototype.render = function render() {
+    var _props = this.props, children = _props.children, sheet = _props.sheet, target = _props.target;
+    return React.createElement(
+      StyleSheetContext.Provider,
+      { value: this.getContext(sheet, target) },
+      process.env.NODE_ENV !== "production" ? React.Children.only(children) : children
+    );
+  };
+  return StyleSheetManager2;
+})(Component);
+process.env.NODE_ENV !== "production" ? StyleSheetManager.propTypes = {
+  sheet: import_prop_types.default.oneOfType([import_prop_types.default.instanceOf(StyleSheet), import_prop_types.default.instanceOf(ServerStyleSheet)]),
+  target: import_prop_types.default.shape({
+    appendChild: import_prop_types.default.func.isRequired
+  })
+} : void 0;
+var identifiers = {};
+function generateId(_ComponentStyle, _displayName, parentComponentId) {
+  var displayName = typeof _displayName !== "string" ? "sc" : escape(_displayName);
+  var nr = (identifiers[displayName] || 0) + 1;
+  identifiers[displayName] = nr;
+  var componentId = displayName + "-" + _ComponentStyle.generateName(displayName + nr);
+  return parentComponentId ? parentComponentId + "-" + componentId : componentId;
+}
+var StyledComponent = (function(_Component) {
+  inherits(StyledComponent2, _Component);
+  function StyledComponent2() {
+    classCallCheck(this, StyledComponent2);
+    var _this = possibleConstructorReturn(this, _Component.call(this));
+    _this.attrs = {};
+    _this.renderOuter = _this.renderOuter.bind(_this);
+    _this.renderInner = _this.renderInner.bind(_this);
+    if (process.env.NODE_ENV !== "production") {
+      _this.warnInnerRef = once(function(displayName) {
+        return (
+          // eslint-disable-next-line no-console
+          console.warn('The "innerRef" API has been removed in styled-components v4 in favor of React 16 ref forwarding, use "ref" instead like a typical component. "innerRef" was detected on component "' + displayName + '".')
+        );
+      });
+      _this.warnAttrsFnObjectKeyDeprecated = once(function(key, displayName) {
+        return (
+          // eslint-disable-next-line no-console
+          console.warn('Functions as object-form attrs({}) keys are now deprecated and will be removed in a future version of styled-components. Switch to the new attrs(props => ({})) syntax instead for easier and more powerful composition. The attrs key in question is "' + key + '" on component "' + displayName + '".', "\n " + new Error().stack)
+        );
+      });
+      _this.warnNonStyledComponentAttrsObjectKey = once(function(key, displayName) {
+        return (
+          // eslint-disable-next-line no-console
+          console.warn(`It looks like you've used a non styled-component as the value for the "` + key + '" prop in an object-form attrs constructor of "' + displayName + `".
+You should use the new function-form attrs constructor which avoids this issue: attrs(props => ({ yourStuff }))
+To continue using the deprecated object syntax, you'll need to wrap your component prop in a function to make it available inside the styled component (you'll still get the deprecation warning though.)
+` + ("For example, { " + key + ": () => InnerComponent } instead of { " + key + ": InnerComponent }"))
+        );
+      });
+    }
+    return _this;
+  }
+  StyledComponent2.prototype.render = function render() {
+    return React.createElement(
+      StyleSheetConsumer,
+      null,
+      this.renderOuter
+    );
+  };
+  StyledComponent2.prototype.renderOuter = function renderOuter() {
+    var styleSheet = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : StyleSheet.master;
+    this.styleSheet = styleSheet;
+    if (this.props.forwardedComponent.componentStyle.isStatic) return this.renderInner();
+    return React.createElement(
+      ThemeConsumer,
+      null,
+      this.renderInner
+    );
+  };
+  StyledComponent2.prototype.renderInner = function renderInner(theme) {
+    var _props$forwardedCompo = this.props.forwardedComponent, componentStyle = _props$forwardedCompo.componentStyle, defaultProps = _props$forwardedCompo.defaultProps, displayName = _props$forwardedCompo.displayName, foldedComponentIds = _props$forwardedCompo.foldedComponentIds, styledComponentId = _props$forwardedCompo.styledComponentId, target = _props$forwardedCompo.target;
+    var generatedClassName = void 0;
+    if (componentStyle.isStatic) {
+      generatedClassName = this.generateAndInjectStyles(EMPTY_OBJECT, this.props);
+    } else {
+      generatedClassName = this.generateAndInjectStyles(determineTheme(this.props, theme, defaultProps) || EMPTY_OBJECT, this.props);
+    }
+    var elementToBeCreated = this.props.as || this.attrs.as || target;
+    var isTargetTag = isTag(elementToBeCreated);
+    var propsForElement = {};
+    var computedProps = _extends({}, this.props, this.attrs);
+    var key = void 0;
+    for (key in computedProps) {
+      if (process.env.NODE_ENV !== "production" && key === "innerRef" && isTargetTag) {
+        this.warnInnerRef(displayName);
+      }
+      if (key === "forwardedComponent" || key === "as") {
+        continue;
+      } else if (key === "forwardedRef") propsForElement.ref = computedProps[key];
+      else if (key === "forwardedAs") propsForElement.as = computedProps[key];
+      else if (!isTargetTag || is_prop_valid_esm_default(key)) {
+        propsForElement[key] = computedProps[key];
+      }
+    }
+    if (this.props.style && this.attrs.style) {
+      propsForElement.style = _extends({}, this.attrs.style, this.props.style);
+    }
+    propsForElement.className = Array.prototype.concat(foldedComponentIds, styledComponentId, generatedClassName !== styledComponentId ? generatedClassName : null, this.props.className, this.attrs.className).filter(Boolean).join(" ");
+    return createElement(elementToBeCreated, propsForElement);
+  };
+  StyledComponent2.prototype.buildExecutionContext = function buildExecutionContext(theme, props, attrs) {
+    var _this2 = this;
+    var context = _extends({}, props, { theme });
+    if (!attrs.length) return context;
+    this.attrs = {};
+    attrs.forEach(function(attrDef) {
+      var resolvedAttrDef = attrDef;
+      var attrDefWasFn = false;
+      var attr = void 0;
+      var key = void 0;
+      if (isFunction(resolvedAttrDef)) {
+        resolvedAttrDef = resolvedAttrDef(context);
+        attrDefWasFn = true;
+      }
+      for (key in resolvedAttrDef) {
+        attr = resolvedAttrDef[key];
+        if (!attrDefWasFn) {
+          if (isFunction(attr) && !isDerivedReactComponent(attr) && !isStyledComponent(attr)) {
+            if (process.env.NODE_ENV !== "production") {
+              _this2.warnAttrsFnObjectKeyDeprecated(key, props.forwardedComponent.displayName);
+            }
+            attr = attr(context);
+            if (process.env.NODE_ENV !== "production" && React.isValidElement(attr)) {
+              _this2.warnNonStyledComponentAttrsObjectKey(key, props.forwardedComponent.displayName);
+            }
+          }
+        }
+        _this2.attrs[key] = attr;
+        context[key] = attr;
+      }
+    });
+    return context;
+  };
+  StyledComponent2.prototype.generateAndInjectStyles = function generateAndInjectStyles(theme, props) {
+    var _props$forwardedCompo2 = props.forwardedComponent, attrs = _props$forwardedCompo2.attrs, componentStyle = _props$forwardedCompo2.componentStyle, warnTooManyClasses = _props$forwardedCompo2.warnTooManyClasses;
+    if (componentStyle.isStatic && !attrs.length) {
+      return componentStyle.generateAndInjectStyles(EMPTY_OBJECT, this.styleSheet);
+    }
+    var className = componentStyle.generateAndInjectStyles(this.buildExecutionContext(theme, props, attrs), this.styleSheet);
+    if (process.env.NODE_ENV !== "production" && warnTooManyClasses) warnTooManyClasses(className);
+    return className;
+  };
+  return StyledComponent2;
+})(Component);
+function createStyledComponent(target, options, rules) {
+  var isTargetStyledComp = isStyledComponent(target);
+  var isClass = !isTag(target);
+  var _options$displayName = options.displayName, displayName = _options$displayName === void 0 ? generateDisplayName(target) : _options$displayName, _options$componentId = options.componentId, componentId = _options$componentId === void 0 ? generateId(ComponentStyle, options.displayName, options.parentComponentId) : _options$componentId, _options$ParentCompon = options.ParentComponent, ParentComponent = _options$ParentCompon === void 0 ? StyledComponent : _options$ParentCompon, _options$attrs = options.attrs, attrs = _options$attrs === void 0 ? EMPTY_ARRAY : _options$attrs;
+  var styledComponentId = options.displayName && options.componentId ? escape(options.displayName) + "-" + options.componentId : options.componentId || componentId;
+  var finalAttrs = (
+    // $FlowFixMe
+    isTargetStyledComp && target.attrs ? Array.prototype.concat(target.attrs, attrs).filter(Boolean) : attrs
+  );
+  var componentStyle = new ComponentStyle(isTargetStyledComp ? (
+    // fold the underlying StyledComponent rules up (implicit extend)
+    // $FlowFixMe
+    target.componentStyle.rules.concat(rules)
+  ) : rules, finalAttrs, styledComponentId);
+  var WrappedStyledComponent = void 0;
+  var forwardRef = function forwardRef2(props, ref) {
+    return React.createElement(ParentComponent, _extends({}, props, { forwardedComponent: WrappedStyledComponent, forwardedRef: ref }));
+  };
+  forwardRef.displayName = displayName;
+  WrappedStyledComponent = React.forwardRef(forwardRef);
+  WrappedStyledComponent.displayName = displayName;
+  WrappedStyledComponent.attrs = finalAttrs;
+  WrappedStyledComponent.componentStyle = componentStyle;
+  WrappedStyledComponent.foldedComponentIds = isTargetStyledComp ? (
+    // $FlowFixMe
+    Array.prototype.concat(target.foldedComponentIds, target.styledComponentId)
+  ) : EMPTY_ARRAY;
+  WrappedStyledComponent.styledComponentId = styledComponentId;
+  WrappedStyledComponent.target = isTargetStyledComp ? target.target : target;
+  WrappedStyledComponent.withComponent = function withComponent(tag) {
+    var previousComponentId = options.componentId, optionsToCopy = objectWithoutProperties(options, ["componentId"]);
+    var newComponentId = previousComponentId && previousComponentId + "-" + (isTag(tag) ? tag : escape(getComponentName(tag)));
+    var newOptions = _extends({}, optionsToCopy, {
+      attrs: finalAttrs,
+      componentId: newComponentId,
+      ParentComponent
+    });
+    return createStyledComponent(tag, newOptions, rules);
+  };
+  Object.defineProperty(WrappedStyledComponent, "defaultProps", {
+    get: function get$$1() {
+      return this._foldedDefaultProps;
+    },
+    set: function set$$1(obj) {
+      this._foldedDefaultProps = isTargetStyledComp ? index_esm_default(target.defaultProps, obj) : obj;
+    }
+  });
+  if (process.env.NODE_ENV !== "production") {
+    WrappedStyledComponent.warnTooManyClasses = createWarnTooManyClasses(displayName);
+  }
+  WrappedStyledComponent.toString = function() {
+    return "." + WrappedStyledComponent.styledComponentId;
+  };
+  if (isClass) {
+    hoistNonReactStatics(WrappedStyledComponent, target, {
+      // all SC-specific things should not be hoisted
+      attrs: true,
+      componentStyle: true,
+      displayName: true,
+      foldedComponentIds: true,
+      styledComponentId: true,
+      target: true,
+      withComponent: true
+    });
+  }
+  return WrappedStyledComponent;
+}
+var domElements = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  // SVG
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+];
+var styled = function styled2(tag) {
+  return constructWithOptions(createStyledComponent, tag);
+};
+domElements.forEach(function(domElement) {
+  styled[domElement] = styled(domElement);
+});
+var GlobalStyle = (function() {
+  function GlobalStyle2(rules, componentId) {
+    classCallCheck(this, GlobalStyle2);
+    this.rules = rules;
+    this.componentId = componentId;
+    this.isStatic = isStaticRules(rules, EMPTY_ARRAY);
+    if (!StyleSheet.master.hasId(componentId)) {
+      StyleSheet.master.deferredInject(componentId, []);
+    }
+  }
+  GlobalStyle2.prototype.createStyles = function createStyles(executionContext, styleSheet) {
+    var flatCSS = flatten(this.rules, executionContext, styleSheet);
+    var css2 = stringifyRules(flatCSS, "");
+    styleSheet.inject(this.componentId, css2);
+  };
+  GlobalStyle2.prototype.removeStyles = function removeStyles(styleSheet) {
+    var componentId = this.componentId;
+    if (styleSheet.hasId(componentId)) {
+      styleSheet.remove(componentId);
+    }
+  };
+  GlobalStyle2.prototype.renderStyles = function renderStyles(executionContext, styleSheet) {
+    this.removeStyles(styleSheet);
+    this.createStyles(executionContext, styleSheet);
+  };
+  return GlobalStyle2;
+})();
+if (IS_BROWSER) {
+  window.scCGSHMRCache = {};
+}
+if (process.env.NODE_ENV !== "production" && typeof navigator !== "undefined" && navigator.product === "ReactNative") {
+  console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");
+}
+if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window !== "undefined" && typeof navigator !== "undefined" && typeof navigator.userAgent === "string" && navigator.userAgent.indexOf("Node.js") === -1 && navigator.userAgent.indexOf("jsdom") === -1) {
+  window["__styled-components-init__"] = window["__styled-components-init__"] || 0;
+  if (window["__styled-components-init__"] === 1) {
+    console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles not rendering properly, errors happening during rehydration process and makes your application bigger without a good reason.\n\nSee https://s-c.sh/2BAXzed for more info.");
+  }
+  window["__styled-components-init__"] += 1;
+}
+var styled_components_esm_default = styled;
+
+// ../../foundation/primitives-web/src/filterDOMProps.ts
+import React2 from "react";
+var ADDITIONAL_BLOCKED_PROPS = /* @__PURE__ */ new Set([
+  // RN-only event handlers (pass isPropValid's on* pattern)
+  "onPress",
+  "onChangeText",
+  "onLayout",
+  "onMoveShouldSetResponder",
+  "onResponderGrant",
+  "onResponderMove",
+  "onResponderRelease",
+  "onResponderTerminate",
+  // SVG attributes that pass isPropValid
+  "strokeWidth",
+  // CSS properties that pass isPropValid but are used as component props
+  "overflow",
+  "opacity",
+  "cursor",
+  "fontSize",
+  "fontWeight",
+  "fontFamily",
+  "textDecoration",
+  // Cross-platform layout prop that Text consumes as CSS, never as an
+  // attribute. Pinned explicitly because it is now spread into the styled
+  // component rather than destructured away before it can reach the DOM.
+  "numberOfLines"
+]);
+function shouldForwardProp(key) {
+  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;
+  return is_prop_valid_esm_default(key);
+}
+function createFilteredElement(defaultTag) {
+  const Component2 = React2.forwardRef(
+    ({ children, elementType, ...props }, ref) => {
+      const Tag2 = elementType || defaultTag;
+      const htmlProps = {};
+      for (const key of Object.keys(props)) {
+        if (shouldForwardProp(key)) {
+          htmlProps[key] = props[key];
+        }
+      }
+      return React2.createElement(
+        Tag2,
+        { ref, ...htmlProps },
+        children
+      );
+    }
+  );
+  Component2.displayName = `Filtered(${defaultTag})`;
+  return Component2;
+}
+
+// ../../foundation/primitives-web/src/Box.tsx
+import { jsx } from "react/jsx-runtime";
+var FilteredDiv = createFilteredElement("div");
+var StyledBox = styled_components_esm_default(FilteredDiv)`
+  display: flex;
+  box-sizing: border-box;
+  background-color: ${(props) => props.backgroundColor || "transparent"};
+  border-color: ${(props) => props.borderColor || "transparent"};
+  border-width: ${(props) => typeof props.borderWidth === "number" ? `${props.borderWidth}px` : props.borderWidth || 0};
+
+  ${(props) => props.borderBottomWidth !== void 0 && `
+    border-bottom-width: ${typeof props.borderBottomWidth === "number" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};
+    border-bottom-color: ${props.borderBottomColor || props.borderColor || "transparent"};
+    border-bottom-style: solid;
+  `}
+  ${(props) => props.borderTopWidth !== void 0 && `
+    border-top-width: ${typeof props.borderTopWidth === "number" ? `${props.borderTopWidth}px` : props.borderTopWidth};
+    border-top-color: ${props.borderTopColor || props.borderColor || "transparent"};
+    border-top-style: solid;
+  `}
+  ${(props) => props.borderLeftWidth !== void 0 && `
+    border-left-width: ${typeof props.borderLeftWidth === "number" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};
+    border-left-color: ${props.borderLeftColor || props.borderColor || "transparent"};
+    border-left-style: solid;
+  `}
+  ${(props) => props.borderRightWidth !== void 0 && `
+    border-right-width: ${typeof props.borderRightWidth === "number" ? `${props.borderRightWidth}px` : props.borderRightWidth};
+    border-right-color: ${props.borderRightColor || props.borderColor || "transparent"};
+    border-right-style: solid;
+  `}
+
+  border-style: ${(props) => props.borderStyle || (props.borderWidth || props.borderBottomWidth || props.borderTopWidth || props.borderLeftWidth || props.borderRightWidth ? "solid" : "none")};
+  border-radius: ${(props) => typeof props.borderRadius === "number" ? `${props.borderRadius}px` : props.borderRadius || 0};
+  height: ${(props) => typeof props.height === "number" ? `${props.height}px` : props.height || "auto"};
+  width: ${(props) => typeof props.width === "number" ? `${props.width}px` : props.width || "auto"};
+  min-width: ${(props) => typeof props.minWidth === "number" ? `${props.minWidth}px` : props.minWidth || "auto"};
+  min-height: ${(props) => typeof props.minHeight === "number" ? `${props.minHeight}px` : props.minHeight || "auto"};
+  max-width: ${(props) => typeof props.maxWidth === "number" ? `${props.maxWidth}px` : props.maxWidth || "none"};
+  max-height: ${(props) => typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight || "none"};
+
+  padding: ${(props) => typeof props.padding === "number" ? `${props.padding}px` : props.padding || 0};
+  ${(props) => props.paddingHorizontal && `
+    padding-left: ${typeof props.paddingHorizontal === "number" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};
+    padding-right: ${typeof props.paddingHorizontal === "number" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};
+  `}
+  ${(props) => props.paddingVertical && `
+    padding-top: ${typeof props.paddingVertical === "number" ? `${props.paddingVertical}px` : props.paddingVertical};
+    padding-bottom: ${typeof props.paddingVertical === "number" ? `${props.paddingVertical}px` : props.paddingVertical};
+  `}
+  ${(props) => props.paddingTop !== void 0 && `padding-top: ${typeof props.paddingTop === "number" ? `${props.paddingTop}px` : props.paddingTop};`}
+  ${(props) => props.paddingBottom !== void 0 && `padding-bottom: ${typeof props.paddingBottom === "number" ? `${props.paddingBottom}px` : props.paddingBottom};`}
+  ${(props) => props.paddingLeft !== void 0 && `padding-left: ${typeof props.paddingLeft === "number" ? `${props.paddingLeft}px` : props.paddingLeft};`}
+  ${(props) => props.paddingRight !== void 0 && `padding-right: ${typeof props.paddingRight === "number" ? `${props.paddingRight}px` : props.paddingRight};`}
+
+  margin: ${(props) => typeof props.margin === "number" ? `${props.margin}px` : props.margin || 0};
+  ${(props) => props.marginTop !== void 0 && `margin-top: ${typeof props.marginTop === "number" ? `${props.marginTop}px` : props.marginTop};`}
+  ${(props) => props.marginBottom !== void 0 && `margin-bottom: ${typeof props.marginBottom === "number" ? `${props.marginBottom}px` : props.marginBottom};`}
+  ${(props) => props.marginLeft !== void 0 && `margin-left: ${typeof props.marginLeft === "number" ? `${props.marginLeft}px` : props.marginLeft};`}
+  ${(props) => props.marginRight !== void 0 && `margin-right: ${typeof props.marginRight === "number" ? `${props.marginRight}px` : props.marginRight};`}
+
+  flex-direction: ${(props) => props.flexDirection || "column"};
+  flex-wrap: ${(props) => props.flexWrap || "nowrap"};
+  align-items: ${(props) => props.alignItems || "stretch"};
+  justify-content: ${(props) => props.justifyContent || "flex-start"};
+  cursor: ${(props) => props.cursor ? props.cursor : props.onClick || props.onPress ? "pointer" : "inherit"};
+  position: ${(props) => props.position || "static"};
+  top: ${(props) => typeof props.top === "number" ? `${props.top}px` : props.top};
+  bottom: ${(props) => typeof props.bottom === "number" ? `${props.bottom}px` : props.bottom};
+  left: ${(props) => typeof props.left === "number" ? `${props.left}px` : props.left};
+  right: ${(props) => typeof props.right === "number" ? `${props.right}px` : props.right};
+  flex: ${(props) => props.flex};
+  flex-shrink: ${(props) => props.flexShrink ?? 1};
+  gap: ${(props) => typeof props.gap === "number" ? `${props.gap}px` : props.gap || 0};
+  align-self: ${(props) => props.alignSelf || "auto"};
+  /* Only emit overflow-x/y when explicitly set. Defaulting them to
+     visible after overflow would override the shorthand and break
+     clipping (e.g. OtherCard bottom-right promo image). */
+  overflow: ${(props) => props.overflow || "visible"};
+  ${(props) => props.overflowX != null ? `overflow-x: ${props.overflowX};` : ""}
+  ${(props) => props.overflowY != null ? `overflow-y: ${props.overflowY};` : ""}
+  z-index: ${(props) => props.zIndex};
+  opacity: ${(props) => props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};
+  pointer-events: ${(props) => props.disabled ? "none" : "auto"};
+
+  &:hover {
+    ${(props) => props.hoverStyle?.backgroundColor && `background-color: ${props.hoverStyle.backgroundColor};`}
+    ${(props) => props.hoverStyle?.borderColor && `border-color: ${props.hoverStyle.borderColor};`}
+  }
+
+  &:active {
+    ${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
+  }
+`;
+var Box = React3.forwardRef(
+  ({
+    children,
+    onPress,
+    onKeyDown,
+    onKeyUp,
+    role,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-current": ariaCurrent,
+    "aria-disabled": ariaDisabled,
+    "aria-live": ariaLive,
+    "aria-busy": ariaBusy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    "aria-pressed": ariaPressed,
+    "aria-controls": ariaControls,
+    tabIndex,
+    as,
+    src,
+    alt,
+    onError,
+    onLoad,
+    type,
+    disabled,
+    id,
+    testID,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    if (as === "img" && src) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: alt || "",
+          onError,
+          onLoad,
+          "data-testid": dataTestId || testID,
+          style: {
+            display: "block",
+            objectFit: "cover",
+            width: typeof props.width === "number" ? `${props.width}px` : props.width,
+            height: typeof props.height === "number" ? `${props.height}px` : props.height,
+            borderRadius: typeof props.borderRadius === "number" ? `${props.borderRadius}px` : props.borderRadius,
+            position: props.position,
+            top: typeof props.top === "number" ? `${props.top}px` : props.top,
+            left: typeof props.left === "number" ? `${props.left}px` : props.left,
+            right: typeof props.right === "number" ? `${props.right}px` : props.right,
+            bottom: typeof props.bottom === "number" ? `${props.bottom}px` : props.bottom,
+            ...props.style
+          }
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      StyledBox,
+      {
+        ref,
+        elementType: as,
+        id,
+        type: as === "button" ? type || "button" : void 0,
+        disabled: as === "button" ? disabled : void 0,
+        onClick: onPress,
+        onKeyDown,
+        onKeyUp,
+        role,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-current": ariaCurrent,
+        "aria-disabled": ariaDisabled,
+        "aria-busy": ariaBusy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHasPopup,
+        "aria-pressed": ariaPressed,
+        "aria-controls": ariaControls,
+        "aria-live": ariaLive,
+        tabIndex: tabIndex !== void 0 ? tabIndex : void 0,
+        "data-testid": dataTestId || testID,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+
+// ../../foundation/primitives-web/src/textTruncation.ts
+var truncationStyles = (numberOfLines) => {
+  if (!numberOfLines || numberOfLines < 1) return "";
+  if (numberOfLines === 1) {
+    return `
+      display: block;
+      max-width: 100%;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+  }
+  return `
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: ${numberOfLines};
+    line-clamp: ${numberOfLines};
+    max-width: 100%;
+    min-width: 0;
+    overflow: hidden;
+  `;
+};
+
+// ../../foundation/primitives-web/src/Text.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var FilteredSpan = createFilteredElement("span");
+var StyledText = styled_components_esm_default(FilteredSpan)`
+  color: ${(props) => props.color || "inherit"};
+  font-size: ${(props) => typeof props.fontSize === "number" ? `${props.fontSize}px` : props.fontSize || "inherit"};
+  font-weight: ${(props) => props.fontWeight || "normal"};
+  font-family: ${(props) => props.fontFamily || '"Aktiv Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif'};
+  line-height: ${(props) => typeof props.lineHeight === "number" ? `${props.lineHeight}px` : props.lineHeight || "inherit"};
+  white-space: ${(props) => props.whiteSpace || "normal"};
+  text-align: ${(props) => props.textAlign || "inherit"};
+  text-decoration: ${(props) => props.textDecoration || "none"};
+
+  /* Keep last: single-line truncation has to win over white-space above. */
+  ${(props) => truncationStyles(props.numberOfLines)}
+`;
+var Text = ({
+  style,
+  className,
+  id,
+  role,
+  testID,
+  "data-testid": dataTestId,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx2(
+    StyledText,
+    {
+      ...props,
+      style,
+      className,
+      id,
+      role,
+      "data-testid": dataTestId || testID
+    }
+  );
+};
+
+// src/OtherCard.tsx
+import { useResolvedTheme } from "@xsolla/xui-core";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var CARD_WIDTH = 366;
+var IMAGE_SIZE = 160;
+var IMAGE_OFFSET_RIGHT = -28;
+var IMAGE_OFFSET_BOTTOM = -8;
+var IMAGE_GUTTER = 136;
+var renderIcon = (icon, size, color) => {
+  if (!React4.isValidElement(icon)) return icon;
+  return React4.cloneElement(
+    icon,
+    {
+      size,
+      color
+    }
+  );
+};
+var asPlainText = (value) => typeof value === "string" ? value : void 0;
+var Tag = ({ tag, tone, theme }) => {
+  const palette = tone === "alert" ? theme.colors.control.alert : theme.colors.control.brand;
+  const textColor = palette.text.primary;
+  const size = theme.sizing.tag("sm");
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      height: size.height,
+      flexShrink: 0,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: size.gap,
+      paddingHorizontal: size.padding,
+      borderRadius: size.radius,
+      borderWidth: size.borderWidth,
+      borderStyle: "solid",
+      borderColor: palette.primary.border,
+      backgroundColor: palette.primary.bg,
+      children: [
+        tag.icon && renderIcon(tag.icon, size.iconSize, textColor),
+        /* @__PURE__ */ jsx3(
+          Text,
+          {
+            color: textColor,
+            fontFamily: theme.fonts.body,
+            fontSize: size.fontSize,
+            lineHeight: size.lineHeight,
+            fontWeight: "500",
+            numberOfLines: 1,
+            children: tag.label
+          }
+        )
+      ]
+    }
+  );
+};
+var OtherCard = ({
+  title,
+  description,
+  publisherName,
+  publisherAvatarSrc,
+  publisherAvatarAlt = "",
+  tags = [],
+  status,
+  actionLabel,
+  onActionPress,
+  onPress,
+  imageSrc,
+  imageAlt = "",
+  imageVisible = true,
+  state = "default",
+  disabled,
+  width = CARD_WIDTH,
+  "aria-label": ariaLabel,
+  testID,
+  themeMode,
+  themeProductContext = "b2c"
+}) => {
+  const { theme } = useResolvedTheme({ themeMode, themeProductContext });
+  const isDisabled = Boolean(disabled) || state === "disabled";
+  const isInteractive = Boolean(onPress) && !isDisabled;
+  const isActionInteractive = Boolean(onActionPress) && !isDisabled;
+  const showImage = imageVisible && Boolean(imageSrc);
+  const cardBackground = state === "press" ? theme.colors.overlay.brand : state === "hover" ? theme.colors.overlay.monoHover : theme.colors.overlay.mono;
+  const derivedLabel = [publisherName, title, status].map(asPlainText).filter(Boolean).join(", ");
+  const resolvedAriaLabel = ariaLabel || derivedLabel || void 0;
+  const plainActionLabel = asPlainText(actionLabel);
+  const plainTitle = asPlainText(title);
+  const actionAriaLabel = plainActionLabel && plainTitle ? `${plainActionLabel} for ${plainTitle}` : plainActionLabel;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      width,
+      flexDirection: "column",
+      gap: 16,
+      padding: 12,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: theme.colors.border.secondary,
+      backgroundColor: cardBackground,
+      position: "relative",
+      overflow: "hidden",
+      opacity: isDisabled ? 0.48 : 1,
+      cursor: isInteractive ? "pointer" : void 0,
+      role: isInteractive ? "button" : "group",
+      "aria-label": resolvedAriaLabel,
+      "aria-disabled": isDisabled || void 0,
+      tabIndex: isInteractive ? 0 : void 0,
+      onPress: isInteractive ? onPress : void 0,
+      hoverStyle: isInteractive && state === "default" ? { backgroundColor: theme.colors.overlay.monoHover } : void 0,
+      pressStyle: isInteractive ? { backgroundColor: theme.colors.overlay.brand } : void 0,
+      testID: testID || "other-card",
+      children: [
+        tags.length > 0 && /* @__PURE__ */ jsx3(
+          Box,
+          {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 4,
+            overflow: "hidden",
+            testID: "other-card-tags",
+            children: tags.map((tag, index2) => /* @__PURE__ */ jsx3(
+              Tag,
+              {
+                tag,
+                tone: tag.tone || (index2 === 0 ? "brand" : "alert"),
+                theme
+              },
+              `${String(tag.label)}-${index2}`
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            flexDirection: "column",
+            gap: 16,
+            paddingRight: showImage ? IMAGE_GUTTER : 0,
+            children: [
+              /* @__PURE__ */ jsxs(Box, { flexDirection: "column", gap: 16, children: [
+                /* @__PURE__ */ jsxs(Box, { flexDirection: "column", gap: 8, children: [
+                  publisherName && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 6, children: [
+                    publisherAvatarSrc && /* @__PURE__ */ jsx3(
+                      Box,
+                      {
+                        as: "img",
+                        src: publisherAvatarSrc,
+                        alt: publisherAvatarAlt,
+                        width: 24,
+                        height: 24,
+                        borderRadius: 999,
+                        flexShrink: 0,
+                        style: { objectFit: "cover" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx3(
+                      Text,
+                      {
+                        color: theme.colors.content.tertiary,
+                        fontFamily: theme.fonts.body,
+                        fontSize: 12,
+                        lineHeight: 16,
+                        fontWeight: "400",
+                        numberOfLines: 1,
+                        children: publisherName
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx3(
+                    Text,
+                    {
+                      color: theme.colors.content.primary,
+                      fontFamily: theme.fonts.heading,
+                      fontSize: 20,
+                      lineHeight: 20,
+                      fontWeight: "700",
+                      numberOfLines: 2,
+                      children: title
+                    }
+                  ),
+                  description && /* @__PURE__ */ jsx3(
+                    Text,
+                    {
+                      color: theme.colors.content.tertiary,
+                      fontFamily: theme.fonts.body,
+                      fontSize: 12,
+                      lineHeight: 16,
+                      fontWeight: "400",
+                      numberOfLines: 3,
+                      children: description
+                    }
+                  )
+                ] }),
+                status && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 6, children: [
+                  /* @__PURE__ */ jsx3(
+                    Box,
+                    {
+                      width: 6,
+                      height: 6,
+                      borderRadius: 999,
+                      flexShrink: 0,
+                      backgroundColor: theme.colors.content.success.primary
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3(
+                    Text,
+                    {
+                      color: theme.colors.content.success.primary,
+                      fontFamily: theme.fonts.body,
+                      fontSize: 14,
+                      lineHeight: 16,
+                      fontWeight: "400",
+                      numberOfLines: 1,
+                      children: status
+                    }
+                  )
+                ] })
+              ] }),
+              actionLabel && /* @__PURE__ */ jsx3(
+                Box,
+                {
+                  alignSelf: "flex-start",
+                  height: 32,
+                  flexDirection: "row",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  paddingHorizontal: 12,
+                  borderRadius: 4,
+                  borderWidth: 1,
+                  borderStyle: "solid",
+                  borderColor: theme.colors.control.brand.secondary.border,
+                  backgroundColor: theme.colors.control.brand.secondary.bg,
+                  cursor: isActionInteractive ? "pointer" : void 0,
+                  role: isActionInteractive ? "button" : void 0,
+                  "aria-label": isActionInteractive ? actionAriaLabel : void 0,
+                  "aria-disabled": isDisabled || void 0,
+                  tabIndex: isActionInteractive ? 0 : void 0,
+                  onPress: isActionInteractive ? onActionPress : void 0,
+                  hoverStyle: isActionInteractive ? {
+                    backgroundColor: theme.colors.control.brand.secondary.bgHover
+                  } : void 0,
+                  pressStyle: isActionInteractive ? {
+                    backgroundColor: theme.colors.control.brand.secondary.bgPress
+                  } : void 0,
+                  testID: "other-card-action",
+                  children: /* @__PURE__ */ jsx3(
+                    Text,
+                    {
+                      color: theme.colors.control.brand.text.secondary,
+                      fontFamily: theme.fonts.body,
+                      fontSize: 12,
+                      lineHeight: 14,
+                      fontWeight: "500",
+                      numberOfLines: 1,
+                      children: actionLabel
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        showImage && /* @__PURE__ */ jsx3(
+          Box,
+          {
+            as: "img",
+            src: imageSrc,
+            alt: imageAlt,
+            position: "absolute",
+            right: IMAGE_OFFSET_RIGHT,
+            bottom: IMAGE_OFFSET_BOTTOM,
+            width: IMAGE_SIZE,
+            height: IMAGE_SIZE,
+            borderRadius: 8,
+            style: { objectFit: "cover", pointerEvents: "none" },
+            testID: "other-card-image"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  OtherCard
+};
+/*! Bundled license information:
+
+react-is/cjs/react-is.production.min.js:
+  (** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react-is/cjs/react-is.development.js:
+  (** @license React v16.13.1
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+object-assign/index.js:
+  (*
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  *)
+
+merge-anything/dist/index.esm.js:
+  (*! *****************************************************************************
+  Copyright (c) Microsoft Corporation. All rights reserved.
+  Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+  this file except in compliance with the License. You may obtain a copy of the
+  License at http://www.apache.org/licenses/LICENSE-2.0
+  
+  THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+  KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+  WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+  MERCHANTABLITY OR NON-INFRINGEMENT.
+  
+  See the Apache Version 2.0 License for specific language governing permissions
+  and limitations under the License.
+  ***************************************************************************** *)
+*/
+//# sourceMappingURL=index.mjs.map