(self["webpackChunkobservacode"] = self["webpackChunkobservacode"] || []).push([["vendors-node_modules_react-code-blocks_dist_react-code-blocks_esm_js"],{

/***/ "./node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.browser.esm.js":
/*!***************************************************************************************!*\
  !*** ./node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.browser.esm.js ***!
  \***************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _emotion_memoize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/memoize */ "./node_modules/@emotion/memoize/dist/emotion-memoize.browser.esm.js");


var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|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|enterKeyHint|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|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|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)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23

var isPropValid = /* #__PURE__ */(0,_emotion_memoize__WEBPACK_IMPORTED_MODULE_0__["default"])(function (prop) {
  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
  /* o */
  && prop.charCodeAt(1) === 110
  /* n */
  && prop.charCodeAt(2) < 91;
}
/* Z+1 */
);

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isPropValid);


/***/ }),

/***/ "./node_modules/@emotion/stylis/dist/stylis.browser.esm.js":
/*!*****************************************************************!*\
  !*** ./node_modules/@emotion/stylis/dist/stylis.browser.esm.js ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
function stylis_min (W) {
  function M(d, c, e, h, a) {
    for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {
      g = e.charCodeAt(l);
      l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);

      if (0 === b + n + v + m) {
        if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {
          switch (g) {
            case 32:
            case 9:
            case 59:
            case 13:
            case 10:
              break;

            default:
              f += e.charAt(l);
          }

          g = 59;
        }

        switch (g) {
          case 123:
            f = f.trim();
            q = f.charCodeAt(0);
            k = 1;

            for (t = ++l; l < B;) {
              switch (g = e.charCodeAt(l)) {
                case 123:
                  k++;
                  break;

                case 125:
                  k--;
                  break;

                case 47:
                  switch (g = e.charCodeAt(l + 1)) {
                    case 42:
                    case 47:
                      a: {
                        for (u = l + 1; u < J; ++u) {
                          switch (e.charCodeAt(u)) {
                            case 47:
                              if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {
                                l = u + 1;
                                break a;
                              }

                              break;

                            case 10:
                              if (47 === g) {
                                l = u + 1;
                                break a;
                              }

                          }
                        }

                        l = u;
                      }

                  }

                  break;

                case 91:
                  g++;

                case 40:
                  g++;

                case 34:
                case 39:
                  for (; l++ < J && e.charCodeAt(l) !== g;) {
                  }

              }

              if (0 === k) break;
              l++;
            }

            k = e.substring(t, l);
            0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));

            switch (q) {
              case 64:
                0 < r && (f = f.replace(N, ''));
                g = f.charCodeAt(1);

                switch (g) {
                  case 100:
                  case 109:
                  case 115:
                  case 45:
                    r = c;
                    break;

                  default:
                    r = O;
                }

                k = M(c, r, k, g, a + 1);
                t = k.length;
                0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));
                if (0 < t) switch (g) {
                  case 115:
                    f = f.replace(da, ea);

                  case 100:
                  case 109:
                  case 45:
                    k = f + '{' + k + '}';
                    break;

                  case 107:
                    f = f.replace(fa, '$1 $2');
                    k = f + '{' + k + '}';
                    k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;
                    break;

                  default:
                    k = f + k, 112 === h && (k = (p += k, ''));
                } else k = '';
                break;

              default:
                k = M(c, X(c, f, I), k, h, a + 1);
            }

            F += k;
            k = I = r = u = q = 0;
            f = '';
            g = e.charCodeAt(++l);
            break;

          case 125:
          case 59:
            f = (0 < r ? f.replace(N, '') : f).trim();
            if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\x00\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {
              case 0:
                break;

              case 64:
                if (105 === g || 99 === g) {
                  G += f + e.charAt(l);
                  break;
                }

              default:
                58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));
            }
            I = r = u = q = 0;
            f = '';
            g = e.charCodeAt(++l);
        }
      }

      switch (g) {
        case 13:
        case 10:
          47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\x00');
          0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);
          z = 1;
          D++;
          break;

        case 59:
        case 125:
          if (0 === b + n + v + m) {
            z++;
            break;
          }

        default:
          z++;
          y = e.charAt(l);

          switch (g) {
            case 9:
            case 32:
              if (0 === n + m + b) switch (x) {
                case 44:
                case 58:
                case 9:
                case 32:
                  y = '';
                  break;

                default:
                  32 !== g && (y = ' ');
              }
              break;

            case 0:
              y = '\\0';
              break;

            case 12:
              y = '\\f';
              break;

            case 11:
              y = '\\v';
              break;

            case 38:
              0 === n + b + m && (r = I = 1, y = '\f' + y);
              break;

            case 108:
              if (0 === n + b + m + E && 0 < u) switch (l - u) {
                case 2:
                  112 === x && 58 === e.charCodeAt(l - 3) && (E = x);

                case 8:
                  111 === K && (E = K);
              }
              break;

            case 58:
              0 === n + b + m && (u = l);
              break;

            case 44:
              0 === b + v + n + m && (r = 1, y += '\r');
              break;

            case 34:
            case 39:
              0 === b && (n = n === g ? 0 : 0 === n ? g : n);
              break;

            case 91:
              0 === n + b + v && m++;
              break;

            case 93:
              0 === n + b + v && m--;
              break;

            case 41:
              0 === n + b + m && v--;
              break;

            case 40:
              if (0 === n + b + m) {
                if (0 === q) switch (2 * x + 3 * K) {
                  case 533:
                    break;

                  default:
                    q = 1;
                }
                v++;
              }

              break;

            case 64:
              0 === b + v + n + m + u + k && (k = 1);
              break;

            case 42:
            case 47:
              if (!(0 < n + m + v)) switch (b) {
                case 0:
                  switch (2 * g + 3 * e.charCodeAt(l + 1)) {
                    case 235:
                      b = 47;
                      break;

                    case 220:
                      t = l, b = 42;
                  }

                  break;

                case 42:
                  47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);
              }
          }

          0 === b && (f += y);
      }

      K = x;
      x = g;
      l++;
    }

    t = p.length;

    if (0 < t) {
      r = c;
      if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;
      p = r.join(',') + '{' + p + '}';

      if (0 !== w * E) {
        2 !== w || L(p, 2) || (E = 0);

        switch (E) {
          case 111:
            p = p.replace(ha, ':-moz-$1') + p;
            break;

          case 112:
            p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;
        }

        E = 0;
      }
    }

    return G + p + F;
  }

  function X(d, c, e) {
    var h = c.trim().split(ia);
    c = h;
    var a = h.length,
        m = d.length;

    switch (m) {
      case 0:
      case 1:
        var b = 0;

        for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {
          c[b] = Z(d, c[b], e).trim();
        }

        break;

      default:
        var v = b = 0;

        for (c = []; b < a; ++b) {
          for (var n = 0; n < m; ++n) {
            c[v++] = Z(d[n] + ' ', h[b], e).trim();
          }
        }

    }

    return c;
  }

  function Z(d, c, e) {
    var h = c.charCodeAt(0);
    33 > h && (h = (c = c.trim()).charCodeAt(0));

    switch (h) {
      case 38:
        return c.replace(F, '$1' + d.trim());

      case 58:
        return d.trim() + c.replace(F, '$1' + d.trim());

      default:
        if (0 < 1 * e && 0 < c.indexOf('\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());
    }

    return d + c;
  }

  function P(d, c, e, h) {
    var a = d + ';',
        m = 2 * c + 3 * e + 4 * h;

    if (944 === m) {
      d = a.indexOf(':', 9) + 1;
      var b = a.substring(d, a.length - 1).trim();
      b = a.substring(0, d).trim() + b + ';';
      return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;
    }

    if (0 === w || 2 === w && !L(a, 1)) return a;

    switch (m) {
      case 1015:
        return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;

      case 951:
        return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;

      case 963:
        return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;

      case 1009:
        if (100 !== a.charCodeAt(4)) break;

      case 969:
      case 942:
        return '-webkit-' + a + a;

      case 978:
        return '-webkit-' + a + '-moz-' + a + a;

      case 1019:
      case 983:
        return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;

      case 883:
        if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;
        if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;
        break;

      case 932:
        if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {
          case 103:
            return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;

          case 115:
            return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;

          case 98:
            return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;
        }
        return '-webkit-' + a + '-ms-' + a + a;

      case 964:
        return '-webkit-' + a + '-ms-flex-' + a + a;

      case 1023:
        if (99 !== a.charCodeAt(8)) break;
        b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');
        return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;

      case 1005:
        return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;

      case 1e3:
        b = a.substring(13).trim();
        c = b.indexOf('-') + 1;

        switch (b.charCodeAt(0) + b.charCodeAt(c)) {
          case 226:
            b = a.replace(G, 'tb');
            break;

          case 232:
            b = a.replace(G, 'tb-rl');
            break;

          case 220:
            b = a.replace(G, 'lr');
            break;

          default:
            return a;
        }

        return '-webkit-' + a + '-ms-' + b + a;

      case 1017:
        if (-1 === a.indexOf('sticky', 9)) break;

      case 975:
        c = (a = d).length - 10;
        b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();

        switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {
          case 203:
            if (111 > b.charCodeAt(8)) break;

          case 115:
            a = a.replace(b, '-webkit-' + b) + ';' + a;
            break;

          case 207:
          case 102:
            a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;
        }

        return a + ';';

      case 938:
        if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {
          case 105:
            return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;

          case 115:
            return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;

          default:
            return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;
        }
        break;

      case 973:
      case 989:
        if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;

      case 931:
      case 953:
        if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;
        break;

      case 962:
        if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;
    }

    return a;
  }

  function L(d, c) {
    var e = d.indexOf(1 === c ? ':' : '{'),
        h = d.substring(0, 3 !== c ? e : 10);
    e = d.substring(e + 1, d.length - 1);
    return R(2 !== c ? h : h.replace(na, '$1'), e, c);
  }

  function ea(d, c) {
    var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));
    return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';
  }

  function H(d, c, e, h, a, m, b, v, n, q) {
    for (var g = 0, x = c, w; g < A; ++g) {
      switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {
        case void 0:
        case !1:
        case !0:
        case null:
          break;

        default:
          x = w;
      }
    }

    if (x !== c) return x;
  }

  function T(d) {
    switch (d) {
      case void 0:
      case null:
        A = S.length = 0;
        break;

      default:
        if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {
          T(d[c]);
        } else Y = !!d | 0;
    }

    return T;
  }

  function U(d) {
    d = d.prefix;
    void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);
    return U;
  }

  function B(d, c) {
    var e = d;
    33 > e.charCodeAt(0) && (e = e.trim());
    V = e;
    e = [V];

    if (0 < A) {
      var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);
      void 0 !== h && 'string' === typeof h && (c = h);
    }

    var a = M(O, e, c, 0, 0);
    0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));
    V = '';
    E = 0;
    z = D = 1;
    return a;
  }

  var ca = /^\0+/g,
      N = /[\0\r\f]/g,
      aa = /: */g,
      ka = /zoo|gra/,
      ma = /([,: ])(transform)/g,
      ia = /,\r+?/g,
      F = /([\t\r\n ])*\f?&/g,
      fa = /@(k\w+)\s*(\S*)\s*/,
      Q = /::(place)/g,
      ha = /:(read-only)/g,
      G = /[svh]\w+-[tblr]{2}/,
      da = /\(\s*(.*)\s*\)/g,
      oa = /([\s\S]*?);/g,
      ba = /-self|flex-/g,
      na = /[^]*?(:[rp][el]a[\w-]+)[^]*/,
      la = /stretch|:\s*\w+\-(?:conte|avail)/,
      ja = /([^-])(image-set\()/,
      z = 1,
      D = 1,
      E = 0,
      w = 1,
      O = [],
      S = [],
      A = 0,
      R = null,
      Y = 0,
      V = '';
  B.use = T;
  B.set = U;
  void 0 !== W && U(W);
  return B;
}

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stylis_min);


/***/ }),

/***/ "./node_modules/@emotion/unitless/dist/unitless.browser.esm.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@emotion/unitless/dist/unitless.browser.esm.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
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
};

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (unitlessKeys);


/***/ }),

/***/ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js":
/*!**********************************************************************************!*\
  !*** ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js ***!
  \**********************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

"use strict";


var reactIs = __webpack_require__(/*! react-is */ "./node_modules/react-is/index.js");

/**
 * Copyright 2015, Yahoo! Inc.
 * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
 */
var REACT_STATICS = {
  childContextTypes: true,
  contextType: true,
  contextTypes: true,
  defaultProps: true,
  displayName: true,
  getDefaultProps: true,
  getDerivedStateFromError: true,
  getDerivedStateFromProps: true,
  mixins: true,
  propTypes: true,
  type: true
};
var KNOWN_STATICS = {
  name: true,
  length: true,
  prototype: true,
  caller: true,
  callee: true,
  arguments: true,
  arity: true
};
var FORWARD_REF_STATICS = {
  '$$typeof': true,
  render: true,
  defaultProps: true,
  displayName: true,
  propTypes: true
};
var MEMO_STATICS = {
  '$$typeof': true,
  compare: true,
  defaultProps: true,
  displayName: true,
  propTypes: true,
  type: true
};
var TYPE_STATICS = {};
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;

function getStatics(component) {
  // React v16.11 and below
  if (reactIs.isMemo(component)) {
    return MEMO_STATICS;
  } // React v16.12 and above


  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
}

var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
  if (typeof sourceComponent !== 'string') {
    // don't hoist over string (html) components
    if (objectPrototype) {
      var inheritedComponent = getPrototypeOf(sourceComponent);

      if (inheritedComponent && inheritedComponent !== objectPrototype) {
        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
      }
    }

    var keys = getOwnPropertyNames(sourceComponent);

    if (getOwnPropertySymbols) {
      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
    }

    var targetStatics = getStatics(targetComponent);
    var sourceStatics = getStatics(sourceComponent);

    for (var i = 0; i < keys.length; ++i) {
      var key = keys[i];

      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);

        try {
          // Avoid failures from read-only properties
          defineProperty(targetComponent, key, descriptor);
        } catch (e) {}
      }
    }
  }

  return targetComponent;
}

module.exports = hoistNonReactStatics;


/***/ }),

/***/ "./node_modules/process/browser.js":
/*!*****************************************!*\
  !*** ./node_modules/process/browser.js ***!
  \*****************************************/
/***/ ((module) => {

// shim for using process in browser
var process = module.exports = {};

// cached from whatever global is present so that test runners that stub it
// don't break things.  But we need to wrap it in a try catch in case it is
// wrapped in strict mode code which doesn't define any globals.  It's inside a
// function because try/catches deoptimize in certain engines.

var cachedSetTimeout;
var cachedClearTimeout;

function defaultSetTimout() {
    throw new Error('setTimeout has not been defined');
}
function defaultClearTimeout () {
    throw new Error('clearTimeout has not been defined');
}
(function () {
    try {
        if (typeof setTimeout === 'function') {
            cachedSetTimeout = setTimeout;
        } else {
            cachedSetTimeout = defaultSetTimout;
        }
    } catch (e) {
        cachedSetTimeout = defaultSetTimout;
    }
    try {
        if (typeof clearTimeout === 'function') {
            cachedClearTimeout = clearTimeout;
        } else {
            cachedClearTimeout = defaultClearTimeout;
        }
    } catch (e) {
        cachedClearTimeout = defaultClearTimeout;
    }
} ())
function runTimeout(fun) {
    if (cachedSetTimeout === setTimeout) {
        //normal enviroments in sane situations
        return setTimeout(fun, 0);
    }
    // if setTimeout wasn't available but was latter defined
    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
        cachedSetTimeout = setTimeout;
        return setTimeout(fun, 0);
    }
    try {
        // when when somebody has screwed with setTimeout but no I.E. maddness
        return cachedSetTimeout(fun, 0);
    } catch(e){
        try {
            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
            return cachedSetTimeout.call(null, fun, 0);
        } catch(e){
            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
            return cachedSetTimeout.call(this, fun, 0);
        }
    }


}
function runClearTimeout(marker) {
    if (cachedClearTimeout === clearTimeout) {
        //normal enviroments in sane situations
        return clearTimeout(marker);
    }
    // if clearTimeout wasn't available but was latter defined
    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
        cachedClearTimeout = clearTimeout;
        return clearTimeout(marker);
    }
    try {
        // when when somebody has screwed with setTimeout but no I.E. maddness
        return cachedClearTimeout(marker);
    } catch (e){
        try {
            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
            return cachedClearTimeout.call(null, marker);
        } catch (e){
            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
            return cachedClearTimeout.call(this, marker);
        }
    }



}
var queue = [];
var draining = false;
var currentQueue;
var queueIndex = -1;

function cleanUpNextTick() {
    if (!draining || !currentQueue) {
        return;
    }
    draining = false;
    if (currentQueue.length) {
        queue = currentQueue.concat(queue);
    } else {
        queueIndex = -1;
    }
    if (queue.length) {
        drainQueue();
    }
}

function drainQueue() {
    if (draining) {
        return;
    }
    var timeout = runTimeout(cleanUpNextTick);
    draining = true;

    var len = queue.length;
    while(len) {
        currentQueue = queue;
        queue = [];
        while (++queueIndex < len) {
            if (currentQueue) {
                currentQueue[queueIndex].run();
            }
        }
        queueIndex = -1;
        len = queue.length;
    }
    currentQueue = null;
    draining = false;
    runClearTimeout(timeout);
}

process.nextTick = function (fun) {
    var args = new Array(arguments.length - 1);
    if (arguments.length > 1) {
        for (var i = 1; i < arguments.length; i++) {
            args[i - 1] = arguments[i];
        }
    }
    queue.push(new Item(fun, args));
    if (queue.length === 1 && !draining) {
        runTimeout(drainQueue);
    }
};

// v8 likes predictible objects
function Item(fun, array) {
    this.fun = fun;
    this.array = array;
}
Item.prototype.run = function () {
    this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = ''; // empty string to avoid regexp issues
process.versions = {};

function noop() {}

process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.prependListener = noop;
process.prependOnceListener = noop;

process.listeners = function (name) { return [] }

process.binding = function (name) {
    throw new Error('process.binding is not supported');
};

process.cwd = function () { return '/' };
process.chdir = function (dir) {
    throw new Error('process.chdir is not supported');
};
process.umask = function() { return 0; };


/***/ }),

/***/ "./node_modules/react-code-blocks/dist/react-code-blocks.esm.js":
/*!**********************************************************************!*\
  !*** ./node_modules/react-code-blocks/dist/react-code-blocks.esm.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Code": () => (/* binding */ ThemedCode),
/* harmony export */   "CodeBlock": () => (/* binding */ ThemedCodeBlock),
/* harmony export */   "CopyBlock": () => (/* binding */ ThemedCopyBlock),
/* harmony export */   "Snippet": () => (/* binding */ ThemedSnippet),
/* harmony export */   "a11yDark": () => (/* binding */ a11yDark),
/* harmony export */   "a11yLight": () => (/* binding */ a11yLight),
/* harmony export */   "anOldHope": () => (/* binding */ anOldHope),
/* harmony export */   "androidstudio": () => (/* binding */ androidstudio),
/* harmony export */   "arta": () => (/* binding */ arta),
/* harmony export */   "atomOneDark": () => (/* binding */ atomOneDark),
/* harmony export */   "atomOneLight": () => (/* binding */ atomOneLight),
/* harmony export */   "codepen": () => (/* binding */ codepen),
/* harmony export */   "dracula": () => (/* binding */ dracula),
/* harmony export */   "far": () => (/* binding */ far),
/* harmony export */   "github": () => (/* binding */ github),
/* harmony export */   "googlecode": () => (/* binding */ googlecode),
/* harmony export */   "hopscotch": () => (/* binding */ hopscotch),
/* harmony export */   "hybrid": () => (/* binding */ hybrid),
/* harmony export */   "irBlack": () => (/* binding */ irBlack),
/* harmony export */   "monoBlue": () => (/* binding */ monoBlue),
/* harmony export */   "monokai": () => (/* binding */ monokai),
/* harmony export */   "monokaiSublime": () => (/* binding */ monokaiSublime),
/* harmony export */   "nord": () => (/* binding */ nord),
/* harmony export */   "obsidian": () => (/* binding */ obsidian),
/* harmony export */   "ocean": () => (/* binding */ ocean),
/* harmony export */   "paraisoDark": () => (/* binding */ paraisoDark),
/* harmony export */   "paraisoLight": () => (/* binding */ paraisoLight),
/* harmony export */   "pojoaque": () => (/* binding */ pojoaque),
/* harmony export */   "purebasic": () => (/* binding */ purebasic),
/* harmony export */   "railscast": () => (/* binding */ railscast),
/* harmony export */   "rainbow": () => (/* binding */ rainbow),
/* harmony export */   "shadesOfPurple": () => (/* binding */ shadesOfPurple),
/* harmony export */   "solarizedDark": () => (/* binding */ solarizedDark),
/* harmony export */   "solarizedLight": () => (/* binding */ solarizedLight),
/* harmony export */   "sunburst": () => (/* binding */ sunburst),
/* harmony export */   "tomorrow": () => (/* binding */ tomorrow),
/* harmony export */   "tomorrowNight": () => (/* binding */ tomorrowNight),
/* harmony export */   "tomorrowNightBlue": () => (/* binding */ tomorrowNightBlue),
/* harmony export */   "tomorrowNightBright": () => (/* binding */ tomorrowNightBright),
/* harmony export */   "tomorrowNightEighties": () => (/* binding */ tomorrowNightEighties),
/* harmony export */   "vs2015": () => (/* binding */ vs2015),
/* harmony export */   "xt256": () => (/* binding */ xt256),
/* harmony export */   "zenburn": () => (/* binding */ zenburn)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "./node_modules/react-code-blocks/node_modules/styled-components/dist/styled-components.browser.esm.js");
/* harmony import */ var react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-syntax-highlighter */ "webpack/sharing/consume/default/react-syntax-highlighter/react-syntax-highlighter?e21e");
/* harmony import */ var react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_1__);




function _extends() {
  _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;
  };

  return _extends.apply(this, arguments);
}

function _inheritsLoose(subClass, superClass) {
  subClass.prototype = Object.create(superClass.prototype);
  subClass.prototype.constructor = subClass;
  subClass.__proto__ = superClass;
}

function _objectWithoutPropertiesLoose(source, excluded) {
  if (source == null) return {};
  var target = {};
  var sourceKeys = Object.keys(source);
  var key, i;

  for (i = 0; i < sourceKeys.length; i++) {
    key = sourceKeys[i];
    if (excluded.indexOf(key) >= 0) continue;
    target[key] = source[key];
  }

  return target;
}

function _taggedTemplateLiteralLoose(strings, raw) {
  if (!raw) {
    raw = strings.slice(0);
  }

  strings.raw = raw;
  return strings;
}

var DEFAULT_THEME_MODE = 'light'; // Resolves the different types of theme objects in the current API

function getTheme(props) {
  // If format not supported (or no theme provided), return standard theme
  return _extends({
    mode: DEFAULT_THEME_MODE
  }, props === null || props === void 0 ? void 0 : props.theme);
}

function themed(modesOrVariant) {
  var modes = modesOrVariant;
  return function (props) {
    var theme = getTheme(props);
    return modes[theme.mode];
  };
}

var defaultColors = function defaultColors(theme) {
  var rcbTheme = {
    theme: theme
  };
  return {
    lineNumberColor: themed({
      light: "#383a42",
      dark: "#abb2bf"
    })(rcbTheme),
    lineNumberBgColor: themed({
      light: "#fafafa",
      dark: "#282c34"
    })(rcbTheme),
    backgroundColor: themed({
      light: "#fafafa",
      dark: "#282c34"
    })(rcbTheme),
    textColor: themed({
      light: "#383a42",
      dark: "#abb2bf"
    })(rcbTheme),
    substringColor: themed({
      light: "#e45649",
      dark: "#e06c75"
    })(rcbTheme),
    keywordColor: themed({
      light: "#a626a4",
      dark: "#c678dd"
    })(rcbTheme),
    attributeColor: themed({
      light: "#50a14f",
      dark: "#98c379"
    })(rcbTheme),
    selectorAttributeColor: themed({
      light: "#e45649",
      dark: "#e06c75"
    })(rcbTheme),
    docTagColor: themed({
      light: "#a626a4",
      dark: "#c678dd"
    })(rcbTheme),
    nameColor: themed({
      light: "#e45649",
      dark: "#e06c75"
    })(rcbTheme),
    builtInColor: themed({
      light: "#c18401",
      dark: "#e6c07b"
    })(rcbTheme),
    literalColor: themed({
      light: "#0184bb",
      dark: "#56b6c2"
    })(rcbTheme),
    bulletColor: themed({
      light: "#4078f2",
      dark: "#61aeee"
    })(rcbTheme),
    codeColor: themed({
      light: "#383a42",
      dark: "#abb2bf"
    })(rcbTheme),
    additionColor: themed({
      light: "#50a14f",
      dark: "#98c379"
    })(rcbTheme),
    regexpColor: themed({
      light: "#50a14f",
      dark: "#98c379"
    })(rcbTheme),
    symbolColor: themed({
      light: "#4078f2",
      dark: "#61aeee"
    })(rcbTheme),
    variableColor: themed({
      light: "#986801",
      dark: "#d19a66"
    })(rcbTheme),
    templateVariableColor: themed({
      light: "#986801",
      dark: "#d19a66"
    })(rcbTheme),
    linkColor: themed({
      light: "#4078f2",
      dark: "#61aeee"
    })(rcbTheme),
    selectorClassColor: themed({
      light: "#986801",
      dark: "#d19a66"
    })(rcbTheme),
    typeColor: themed({
      light: "#986801",
      dark: "#d19a66"
    })(rcbTheme),
    stringColor: themed({
      light: "#50a14f",
      dark: "#98c379"
    })(rcbTheme),
    selectorIdColor: themed({
      light: "#4078f2",
      dark: "#61aeee"
    })(rcbTheme),
    quoteColor: themed({
      light: "#a0a1a7",
      dark: "#5c6370"
    })(rcbTheme),
    templateTagColor: themed({
      light: "#383a42",
      dark: "#abb2bf"
    })(rcbTheme),
    deletionColor: themed({
      light: "#e45649",
      dark: "#e06c75"
    })(rcbTheme),
    titleColor: themed({
      light: "#4078f2",
      dark: "#61aeee"
    })(rcbTheme),
    sectionColor: themed({
      light: "#e45649",
      dark: "#e06c75"
    })(rcbTheme),
    commentColor: themed({
      light: "#a0a1a7",
      dark: "#5c6370"
    })(rcbTheme),
    metaKeywordColor: themed({
      light: "#383a42",
      dark: "#abb2bf"
    })(rcbTheme),
    metaColor: themed({
      light: "#4078f2",
      dark: "#61aeee"
    })(rcbTheme),
    functionColor: themed({
      light: "#383a42",
      dark: "#abb2bf"
    })(rcbTheme),
    numberColor: themed({
      light: "#986801",
      dark: "#d19a66"
    })(rcbTheme)
  };
};

var codeFontFamily = "inherit";
var fontSize = "inherit";
var codeContainerStyle = {
  fontSize: fontSize,
  fontFamily: codeFontFamily,
  lineHeight: 20 / 12,
  padding: 8
};

var lineNumberContainerStyle = function lineNumberContainerStyle(theme) {
  return {
    fontSize: fontSize,
    lineHeight: 20 / 14,
    color: theme.lineNumberColor,
    backgroundColor: theme.lineNumberBgColor,
    flexShrink: 0,
    padding: 8,
    textAlign: "right",
    userSelect: "none"
  };
};

var sharedCodeStyle = function sharedCodeStyle(theme) {
  return {
    key: {
      color: theme.keywordColor,
      fontWeight: "bolder"
    },
    keyword: {
      color: theme.keywordColor,
      fontWeight: "bolder"
    },
    'attr-name': {
      color: theme.attributeColor
    },
    selector: {
      color: theme.selectorTagColor
    },
    comment: {
      color: theme.commentColor,
      fontFamily: codeFontFamily,
      fontStyle: "italic"
    },
    'block-comment': {
      color: theme.commentColor,
      fontFamily: codeFontFamily,
      fontStyle: "italic"
    },
    'function-name': {
      color: theme.sectionColor
    },
    'class-name': {
      color: theme.sectionColor
    },
    doctype: {
      color: theme.docTagColor
    },
    substr: {
      color: theme.substringColor
    },
    namespace: {
      color: theme.nameColor
    },
    builtin: {
      color: theme.builtInColor
    },
    entity: {
      color: theme.literalColor
    },
    bullet: {
      color: theme.bulletColor
    },
    code: {
      color: theme.codeColor
    },
    addition: {
      color: theme.additionColor
    },
    regex: {
      color: theme.regexpColor
    },
    symbol: {
      color: theme.symbolColor
    },
    variable: {
      color: theme.variableColor
    },
    url: {
      color: theme.linkColor
    },
    'selector-attr': {
      color: theme.selectorAttributeColor
    },
    'selector-pseudo': {
      color: theme.selectorPseudoColor
    },
    type: {
      color: theme.typeColor
    },
    string: {
      color: theme.stringColor
    },
    quote: {
      color: theme.quoteColor
    },
    tag: {
      color: theme.templateTagColor
    },
    deletion: {
      color: theme.deletionColor
    },
    title: {
      color: theme.titleColor
    },
    section: {
      color: theme.sectionColor
    },
    'meta-keyword': {
      color: theme.metaKeywordColor
    },
    meta: {
      color: theme.metaColor
    },
    italic: {
      fontStyle: "italic"
    },
    bold: {
      fontWeight: "bolder"
    },
    "function": {
      color: theme.functionColor
    },
    number: {
      color: theme.numberColor
    }
  };
};

var codeStyle = function codeStyle(theme) {
  return {
    fontSize: fontSize,
    fontFamily: codeFontFamily,
    background: theme.backgroundColor,
    color: theme.textColor,
    borderRadius: 3,
    display: "flex",
    lineHeight: 20 / 14,
    overflowX: "auto",
    whiteSpace: "pre"
  };
};

var codeBlockStyle = function codeBlockStyle(theme) {
  return _extends({
    'pre[class*="language-"]': codeStyle(theme)
  }, sharedCodeStyle(theme));
};

var inlineCodeStyle = function inlineCodeStyle(theme) {
  return _extends({
    'pre[class*="language-"]': _extends({}, codeStyle(theme), {
      padding: '2px 4px',
      display: 'inline',
      whiteSpace: 'pre-wrap'
    })
  }, sharedCodeStyle(theme));
};

function applyTheme(theme) {
  if (theme === void 0) {
    theme = {
      mode: 'light'
    };
  }

  var newTheme = _extends({}, defaultColors(theme), theme);

  return {
    lineNumberContainerStyle: lineNumberContainerStyle(newTheme),
    codeBlockStyle: codeBlockStyle(newTheme),
    inlineCodeStyle: inlineCodeStyle(newTheme),
    codeContainerStyle: codeContainerStyle
  };
}

var SUPPORTED_LANGUAGE_ALIASES = /*#__PURE__*/Object.freeze([{
  name: 'PHP',
  alias: ['php', 'php3', 'php4', 'php5'],
  value: 'php'
}, {
  name: 'Java',
  alias: ['java'],
  value: 'java'
}, {
  name: 'CSharp',
  alias: ['csharp', 'c#'],
  value: 'cs'
}, {
  name: 'Python',
  alias: ['python', 'py'],
  value: 'python'
}, {
  name: 'JavaScript',
  alias: ['javascript', 'js'],
  value: 'javascript'
}, {
  name: 'XML',
  alias: ['xml'],
  value: 'xml'
}, {
  name: 'HTML',
  alias: ['html', 'htm'],
  value: 'markup'
}, {
  name: 'C++',
  alias: ['c++', 'cpp', 'clike'],
  value: 'cpp'
}, {
  name: 'Ruby',
  alias: ['ruby', 'rb', 'duby'],
  value: 'ruby'
}, {
  name: 'Objective-C',
  alias: ['objective-c', 'objectivec', 'obj-c', 'objc'],
  value: 'objectivec'
}, {
  name: 'C',
  alias: ['c'],
  value: 'cpp'
}, {
  name: 'Swift',
  alias: ['swift'],
  value: 'swift'
}, {
  name: 'TeX',
  alias: ['tex', 'latex'],
  value: 'tex'
}, {
  name: 'Shell',
  alias: ['shell', 'sh', 'ksh', 'zsh'],
  value: 'bash'
}, {
  name: 'Scala',
  alias: ['scala'],
  value: 'scala'
}, {
  name: 'Go',
  alias: ['go'],
  value: 'go'
}, {
  name: 'ActionScript',
  alias: ['actionscript', 'actionscript3', 'as'],
  value: 'actionscript'
}, {
  name: 'ColdFusion',
  alias: ['coldfusion'],
  value: 'xml'
}, {
  name: 'JavaFX',
  alias: ['javafx', 'jfx'],
  value: 'java'
}, {
  name: 'VbNet',
  alias: ['vbnet', 'vb.net'],
  value: 'vbnet'
}, {
  name: 'JSON',
  alias: ['json'],
  value: 'json'
}, {
  name: 'MATLAB',
  alias: ['matlab'],
  value: 'matlab'
}, {
  name: 'Groovy',
  alias: ['groovy'],
  value: 'groovy'
}, {
  name: 'SQL',
  alias: ['sql', 'postgresql', 'postgres', 'plpgsql', 'psql', 'postgresql-console', 'postgres-console', 'tsql', 't-sql', 'mysql', 'sqlite'],
  value: 'sql'
}, {
  name: 'R',
  alias: ['r'],
  value: 'r'
}, {
  name: 'Perl',
  alias: ['perl', 'pl'],
  value: 'perl'
}, {
  name: 'Lua',
  alias: ['lua'],
  value: 'lua'
}, {
  name: 'Delphi',
  alias: ['delphi', 'pas', 'pascal', 'objectpascal'],
  value: 'delphi'
}, {
  name: 'XML',
  alias: ['xml'],
  value: 'xml'
}, {
  name: 'TypeScript',
  alias: ['typescript', 'ts', 'tsx'],
  value: 'typescript'
}, {
  name: 'CoffeeScript',
  alias: ['coffeescript', 'coffee-script', 'coffee'],
  value: 'coffeescript'
}, {
  name: 'Haskell',
  alias: ['haskell', 'hs'],
  value: 'haskell'
}, {
  name: 'Puppet',
  alias: ['puppet'],
  value: 'puppet'
}, {
  name: 'Arduino',
  alias: ['arduino'],
  value: 'arduino'
}, {
  name: 'Fortran',
  alias: ['fortran'],
  value: 'fortran'
}, {
  name: 'Erlang',
  alias: ['erlang', 'erl'],
  value: 'erlang'
}, {
  name: 'PowerShell',
  alias: ['powershell', 'posh', 'ps1', 'psm1'],
  value: 'powershell'
}, {
  name: 'Haxe',
  alias: ['haxe', 'hx', 'hxsl'],
  value: 'haxe'
}, {
  name: 'Elixir',
  alias: ['elixir', 'ex', 'exs'],
  value: 'elixir'
}, {
  name: 'Verilog',
  alias: ['verilog', 'v'],
  value: 'verilog'
}, {
  name: 'Rust',
  alias: ['rust'],
  value: 'rust'
}, {
  name: 'VHDL',
  alias: ['vhdl'],
  value: 'vhdl'
}, {
  name: 'Sass',
  alias: ['sass'],
  value: 'less'
}, {
  name: 'OCaml',
  alias: ['ocaml'],
  value: 'ocaml'
}, {
  name: 'Dart',
  alias: ['dart'],
  value: 'dart'
}, {
  name: 'CSS',
  alias: ['css'],
  value: 'css'
}, {
  name: 'reStructuredText',
  alias: ['restructuredtext', 'rst', 'rest'],
  value: 'rest'
}, {
  name: 'ObjectPascal',
  alias: ['objectpascal'],
  value: 'delphi'
}, {
  name: 'Kotlin',
  alias: ['kotlin'],
  value: 'kotlin'
}, {
  name: 'D',
  alias: ['d'],
  value: 'd'
}, {
  name: 'Octave',
  alias: ['octave'],
  value: 'matlab'
}, {
  name: 'QML',
  alias: ['qbs', 'qml'],
  value: 'qml'
}, {
  name: 'Prolog',
  alias: ['prolog'],
  value: 'prolog'
}, {
  name: 'FoxPro',
  alias: ['foxpro', 'vfp', 'clipper', 'xbase'],
  value: 'vbnet'
}, {
  name: 'Scheme',
  alias: ['scheme', 'scm'],
  value: 'scheme'
}, {
  name: 'CUDA',
  alias: ['cuda', 'cu'],
  value: 'cpp'
}, {
  name: 'Julia',
  alias: ['julia', 'jl'],
  value: 'julia'
}, {
  name: 'Racket',
  alias: ['racket', 'rkt'],
  value: 'lisp'
}, {
  name: 'Ada',
  alias: ['ada', 'ada95', 'ada2005'],
  value: 'ada'
}, {
  name: 'Tcl',
  alias: ['tcl'],
  value: 'tcl'
}, {
  name: 'Mathematica',
  alias: ['mathematica', 'mma', 'nb'],
  value: 'mathematica'
}, {
  name: 'Autoit',
  alias: ['autoit'],
  value: 'autoit'
}, {
  name: 'StandardML',
  alias: ['standardmL', 'sml', 'standardml'],
  value: 'sml'
}, {
  name: 'Objective-J',
  alias: ['objective-j', 'objectivej', 'obj-j', 'objj'],
  value: 'objectivec'
}, {
  name: 'Smalltalk',
  alias: ['smalltalk', 'squeak', 'st'],
  value: 'smalltalk'
}, {
  name: 'Vala',
  alias: ['vala', 'vapi'],
  value: 'vala'
}, {
  name: 'ABAP',
  alias: ['abap'],
  value: 'sql'
}, {
  name: 'LiveScript',
  alias: ['livescript', 'live-script'],
  value: 'livescript'
}, {
  name: 'XQuery',
  alias: ['xquery', 'xqy', 'xq', 'xql', 'xqm'],
  value: 'xquery'
}, {
  name: 'PlainText',
  alias: ['text', 'plaintext'],
  value: 'text'
}, {
  name: 'Yaml',
  alias: ['yaml', 'yml'],
  value: 'yaml'
}, {
  name: 'GraphQL',
  alias: ['graphql', 'gql'],
  value: 'graphql'
}]);
var normalizeLanguage = function normalizeLanguage(language) {
  if (!language) {
    return '';
  }

  var match = SUPPORTED_LANGUAGE_ALIASES.find(function (val) {
    return val.name === language || val.alias.includes(language);
  }); // Fallback to plain monospaced text if language passed but not supported

  return match ? match.value : language || 'text';
};

var Code = /*#__PURE__*/function (_PureComponent) {
  _inheritsLoose(Code, _PureComponent);

  function Code() {
    var _this;

    _this = _PureComponent.apply(this, arguments) || this;
    _this._isMounted = false;
    return _this;
  }

  var _proto = Code.prototype;

  _proto.componentDidMount = function componentDidMount() {
    this._isMounted = true;
  };

  _proto.componentWillUnmount = function componentWillUnmount() {
    this._isMounted = false;
  };

  _proto.getLineOpacity = function getLineOpacity(lineNumber) {
    if (!this.props.highlight) {
      return 1;
    }

    var highlight = this.props.highlight.split(',').map(function (num) {
      if (num.indexOf('-') > 0) {
        // We found a line group, e.g. 1-3
        var _num$split$map$sort = num.split('-').map(Number).sort(),
            from = _num$split$map$sort[0],
            to = _num$split$map$sort[1];

        return Array(to + 1).fill(undefined).map(function (_, index) {
          return index;
        }).slice(from, to + 1);
      }

      return Number(num);
    }).reduce(function (acc, val) {
      return acc.concat(val);
    }, []);

    if (highlight.length === 0) {
      return 1;
    }

    if (highlight.includes(lineNumber)) {
      return 1;
    }

    return 0.3;
  };

  _proto.render = function render() {
    var _this2 = this;

    var _applyTheme = applyTheme(this.props.theme),
        inlineCodeStyle = _applyTheme.inlineCodeStyle;

    var language = normalizeLanguage(this.props.language);
    var props = {
      language: language,
      PreTag: this.props.preTag,
      style: this.props.codeStyle || inlineCodeStyle,
      showLineNumbers: this.props.showLineNumbers,
      startingLineNumber: this.props.startingLineNumber,
      codeTagProps: this.props.codeTagProps
    };
    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_1__.PrismAsyncLight, Object.assign({}, props, {
      // Wrap lines is needed to set styles on the line.
      // We use this to set opacity if highlight specific lines.
      wrapLines: this.props.highlight.length > 0,
      customStyle: this.props.customStyle,
      // Types are incorrect.
      // @ts-ignore
      lineProps: function lineProps(lineNumber) {
        return {
          style: _extends({
            opacity: _this2.getLineOpacity(lineNumber)
          }, _this2.props.lineNumberContainerStyle)
        };
      }
    }), this.props.text);
  };

  return Code;
}(react__WEBPACK_IMPORTED_MODULE_0__.PureComponent);
Code.defaultProps = {
  theme: {},
  showLineNumbers: false,
  startingLineNumber: 1,
  lineNumberContainerStyle: {},
  codeTagProps: {},
  preTag: 'span',
  highlight: '',
  customStyle: {}
};

var CodeWithTheme = /*#__PURE__*/(0,styled_components__WEBPACK_IMPORTED_MODULE_2__.withTheme)(Code);
function ThemedCode (props) {
  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWithTheme, Object.assign({}, props));
}

var LANGUAGE_FALLBACK = 'text';

var CodeBlock = /*#__PURE__*/function (_PureComponent) {
  _inheritsLoose(CodeBlock, _PureComponent);

  function CodeBlock() {
    var _this;

    _this = _PureComponent.apply(this, arguments) || this;
    _this._isMounted = false;

    _this.handleCopy = function (event) {
      /**
       * We don't want to copy the markup after highlighting, but rather the preformatted text in the selection
       */
      var data = event.nativeEvent.clipboardData;

      if (data) {
        event.preventDefault();
        var selection = window.getSelection();

        if (selection === null) {
          return;
        }

        var selectedText = selection.toString();
        var document = "<!doctype html><html><head></head><body><pre>" + selectedText + "</pre></body></html>";
        data.clearData();
        data.setData('text/html', document);
        data.setData('text/plain', selectedText);
      }
    };

    return _this;
  }

  var _proto = CodeBlock.prototype;

  _proto.componentDidMount = function componentDidMount() {
    this._isMounted = true;
  };

  _proto.componentWillUnmount = function componentWillUnmount() {
    this._isMounted = false;
  };

  _proto.render = function render() {
    var _this$props, _this$props2, _this$props3, _this$props4;

    var _applyTheme = applyTheme(this.props.theme),
        lineNumberContainerStyle = _applyTheme.lineNumberContainerStyle,
        codeBlockStyle = _applyTheme.codeBlockStyle,
        codeContainerStyle = _applyTheme.codeContainerStyle;

    var props = {
      language: this.props.language || LANGUAGE_FALLBACK,
      codeStyle: _extends({}, codeBlockStyle, (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.codeBlockStyle),
      customStyle: (_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : _this$props2.customStyle,
      showLineNumbers: this.props.showLineNumbers,
      startingLineNumber: this.props.startingLineNumber,
      codeTagProps: {
        style: _extends({}, codeContainerStyle, (_this$props3 = this.props) === null || _this$props3 === void 0 ? void 0 : _this$props3.codeContainerStyle)
      },
      lineNumberContainerStyle: _extends({}, lineNumberContainerStyle, (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.lineNumberContainerStyle),
      text: this.props.text.toString(),
      highlight: this.props.highlight
    };
    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Code, Object.assign({}, props));
  };

  return CodeBlock;
}(react__WEBPACK_IMPORTED_MODULE_0__.PureComponent);
CodeBlock.displayName = 'CodeBlock';
CodeBlock.defaultProps = {
  showLineNumbers: true,
  startingLineNumber: 1,
  language: LANGUAGE_FALLBACK,
  theme: {},
  highlight: '',
  lineNumberContainerStyle: {},
  customStyle: {},
  codeBlockStyle: {}
};

var CodeBlockWithTheme = /*#__PURE__*/(0,styled_components__WEBPACK_IMPORTED_MODULE_2__.withTheme)(CodeBlock);
function ThemedCodeBlock (props) {
  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockWithTheme, Object.assign({}, props));
}

var ClipboardListIcon = function ClipboardListIcon(_ref) {
  var size = _ref.size,
      color = _ref.color,
      props = _objectWithoutPropertiesLoose(_ref, ["size", "color"]);

  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", Object.assign({}, props, {
    viewBox: "0 0 384 512",
    width: size,
    height: size,
    fill: color
  }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
    d: "M280 240H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0 96H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM112 232c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 48c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm144 408c0 4.4-3.6 8-8 8H56c-4.4 0-8-3.6-8-8V120c0-4.4 3.6-8 8-8h40v32c0 8.8 7.2 16 16 16h160c8.8 0 16-7.2 16-16v-32h40c4.4 0 8 3.6 8 8v336z"
  }));
};

ClipboardListIcon.displayName = "ClipboardListIcon";
ClipboardListIcon.defaultProps = {
  size: '16pt',
  color: "currentcolor"
};

var ClipboardCheckIcon = function ClipboardCheckIcon(_ref2) {
  var size = _ref2.size,
      color = _ref2.color,
      props = _objectWithoutPropertiesLoose(_ref2, ["size", "color"]);

  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", Object.assign({}, props, {
    viewBox: "0 0 384 512",
    width: size,
    height: size,
    fill: color
  }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
    d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm121.2 231.8l-143 141.8c-4.7 4.7-12.3 4.6-17-.1l-82.6-83.3c-4.7-4.7-4.6-12.3.1-17L99.1 285c4.7-4.7 12.3-4.6 17 .1l46 46.4 106-105.2c4.7-4.7 12.3-4.6 17 .1l28.2 28.4c4.7 4.8 4.6 12.3-.1 17z"
  }));
};

ClipboardCheckIcon.displayName = "ClipboardCheckIcon";
ClipboardCheckIcon.defaultProps = {
  size: '16pt',
  color: "currentcolor"
};
function Copy (_ref3) {
  var size = _ref3.size,
      color = _ref3.color,
      copied = _ref3.copied,
      props = _objectWithoutPropertiesLoose(_ref3, ["size", "color", "copied"]);

  if (copied) {
    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ClipboardCheckIcon, Object.assign({}, {
      color: color,
      size: size
    }, props));
  }

  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ClipboardListIcon, Object.assign({}, {
    color: color,
    size: size
  }, props));
}

var isBrowser = function isBrowser() {
  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
};

var useSSR = function useSSR() {
  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
      browser = _useState[0],
      setBrowser = _useState[1];

  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
    setBrowser(isBrowser());
  }, []);
  return {
    isBrowser: browser,
    isServer: !browser
  };
};

var getId = function getId() {
  return Math.random().toString(32).slice(2, 10);
};

var createElement = function createElement(id) {
  var el = document.createElement('div');
  el.setAttribute('id', id);
  return el;
};

var usePortal = function usePortal(selectId) {
  if (selectId === void 0) {
    selectId = getId();
  }

  var id = "zeit-ui-" + selectId;

  var _useSSR = useSSR(),
      isBrowser = _useSSR.isBrowser;

  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(isBrowser ? createElement(id) : null),
      elSnapshot = _useState[0],
      setElSnapshot = _useState[1];

  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
    var hasElement = document.querySelector("#" + id);
    var el = hasElement || createElement(id);

    if (!hasElement) {
      document.body.appendChild(el);
    }

    setElSnapshot(el);
  }, []);
  return elSnapshot;
};

var warningStack = {};

var useWarning = function useWarning(message, component) {
  var tag = component ? " [" + component + "]" : ' ';
  var log = "[Zeit UI]" + tag + ": " + message;
  if (typeof console === 'undefined') return;
  if (warningStack[log]) return;
  warningStack[log] = true;

  if (true) {
    return console.error(log);
  }

  console.warn(log);
};

var defaultOptions = {
  onError: function onError() {
    return useWarning('Failed to copy.', 'use-clipboard');
  }
};

var useClipboard = function useClipboard(options) {
  if (options === void 0) {
    options = defaultOptions;
  }

  var el = usePortal('clipboard');

  var copyText = function copyText(el, text) {
    if (!el || !text) return;
    var selection = window.getSelection();
    if (!selection) return;
    el.style.whiteSpace = 'pre';
    el.textContent = text;
    var range = window.document.createRange();
    selection.removeAllRanges();
    range.selectNode(el);
    selection.addRange(range);

    try {
      window.document.execCommand('copy');
    } catch (e) {
      options.onError && options.onError();
    }

    selection.removeAllRanges();

    if (el) {
      el.textContent = '';
    }
  };

  var copy = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (text) {
    copyText(el, text);
  }, [el]);
  return {
    copy: copy
  };
};

function _templateObject2() {
  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  background: ", ";\n  border-radius: 0.25rem;\n  padding: ", ";\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0.5em;\n  right: 0.75em;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  background: ", ";\n  margin-top: 0.15rem;\n  border-radius: 0.25rem;\n  max-height: 2rem;\n  max-width: 2rem;\n  padding: 0.25rem;\n  &:hover {\n    opacity: ", ";\n  }\n  &:focus {\n    outline: none;\n    opacity: 1;\n  }\n  .icon {\n    width: 1rem;\n    height: 1rem;\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}
var Button = /*#__PURE__*/styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].button( /*#__PURE__*/_templateObject(), function (p) {
  return p.theme.backgroundColor;
}, function (p) {
  return p.copied ? 1 : 0.5;
});
var Snippet = /*#__PURE__*/styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].div( /*#__PURE__*/_templateObject2(), function (p) {
  return p.theme.backgroundColor;
}, function (p) {
  return p.codeBlock ? "0.25rem 0.5rem 0.25rem 0.25rem" : "0.25rem";
});
function CopyBlock(_ref) {
  var theme = _ref.theme,
      text = _ref.text,
      _ref$codeBlock = _ref.codeBlock,
      codeBlock = _ref$codeBlock === void 0 ? false : _ref$codeBlock,
      _ref$customStyle = _ref.customStyle,
      customStyle = _ref$customStyle === void 0 ? {} : _ref$customStyle,
      onCopy = _ref.onCopy,
      rest = _objectWithoutPropertiesLoose(_ref, ["theme", "text", "codeBlock", "customStyle", "onCopy"]);

  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
      copied = _useState[0],
      toggleCopy = _useState[1];

  var _useClipboard = useClipboard(),
      copy = _useClipboard.copy;

  var handler = function handler() {
    copy(text);
    onCopy ? onCopy() : toggleCopy(!copied);
  };

  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Snippet, Object.assign({}, {
    codeBlock: codeBlock
  }, {
    style: customStyle,
    theme: theme
  }), codeBlock ? // @ts-ignore
  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlock, Object.assign({
    text: text,
    theme: theme
  }, rest)) : // @ts-ignore
  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Code, Object.assign({
    text: text,
    theme: theme
  }, rest)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Button, Object.assign({
    type: "button",
    onClick: handler
  }, {
    theme: theme,
    copied: copied
  }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Copy, {
    color: copied ? theme.stringColor : theme.textColor,
    copied: copied,
    className: "icon",
    size: "16pt"
  })));
}

var CopyBlockWithTheme = /*#__PURE__*/(0,styled_components__WEBPACK_IMPORTED_MODULE_2__.withTheme)(CopyBlock);
function ThemedCopyBlock (props) {
  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CopyBlockWithTheme, Object.assign({}, props));
}

var withDefaults = function withDefaults(component, defaultProps) {
  component.defaultProps = defaultProps;
  return component;
};

var getStyles = function getStyles(theme) {
  var styles = {
    color: theme.textColor,
    border: theme.lineNumberBgColor,
    bgColor: theme.backgroundColor
  };
  return styles;
};

var SnippetIcon = function SnippetIcon() {
  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
    viewBox: "0 0 24 24",
    width: "22",
    height: "22",
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    fill: "none",
    shapeRendering: "geometricPrecision",
    style: {
      color: 'currentcolor'
    }
  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
    d: "M8 17.929H6c-1.105 0-2-.912-2-2.036V5.036C4 3.91 4.895 3 6 3h8c1.105 0 2 .911 2 2.036v1.866m-6 .17h8c1.105 0 2 .91 2 2.035v10.857C20 21.09 19.105 22 18 22h-8c-1.105 0-2-.911-2-2.036V9.107c0-1.124.895-2.036 2-2.036z"
  }));
};

var SnippetIcon$1 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(SnippetIcon);

function _templateObject$1() {
  var data = _taggedTemplateLiteralLoose(["\n   {\n    position: relative;\n    width: ", ";\n    max-width: 100%;\n    padding: 8pt;\n    padding-right: calc(2 * 16pt);\n    color: ", ";\n    background-color: ", ";\n    border: 1px solid ", ";\n    border-radius: 5px;\n  }\n  pre {\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n    color: ", ";\n    font-size: 0.8125rem;\n  }\n  pre::before {\n    content: '$ ';\n    user-select: none;\n  }\n  pre :global(*) {\n    margin: 0;\n    padding: 0;\n    font-size: inherit;\n    color: inherit;\n  }\n  .copy {\n    position: absolute;\n    right: 0;\n    top: -2px;\n    transform: translateY(50%);\n    background-color: ", ";\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: calc(2 * 16pt);\n    color: inherit;\n    transition: opacity 0.2s ease 0s;\n    border-radius: 5px;\n    cursor: pointer;\n    user-select: none;\n  }\n  .copy:hover {\n    opacity: 0.7;\n  }\n"]);

  _templateObject$1 = function _templateObject() {
    return data;
  };

  return data;
}
var SnippetWrapper = /*#__PURE__*/styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].div( /*#__PURE__*/_templateObject$1(), function (_ref) {
  var width = _ref.width;
  return width;
}, function (_ref2) {
  var style = _ref2.style;
  return style.color;
}, function (_ref3) {
  var style = _ref3.style;
  return style.bgColor;
}, function (_ref4) {
  var style = _ref4.style;
  return style.border;
}, function (_ref5) {
  var style = _ref5.style;
  return style.color;
}, function (_ref6) {
  var style = _ref6.style;
  return style.bgColor;
});
var defaultProps = {
  width: 'initial',
  copy: 'default',
  className: ''
};

var textArrayToString = function textArrayToString(text) {
  return text.reduce(function (pre, current) {
    if (!current) return pre;
    return pre ? pre + "\n" + current : current;
  }, '');
};

var Snippet$1 = function Snippet(_ref7) {
  var children = _ref7.children,
      text = _ref7.text,
      copyType = _ref7.copy,
      className = _ref7.className,
      props = _objectWithoutPropertiesLoose(_ref7, ["children", "text", "width", "copy", "className"]);

  var _useClipboard = useClipboard(),
      copy = _useClipboard.copy;

  var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
  var isMultiLine = text && Array.isArray(text);
  var theme = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(styled_components__WEBPACK_IMPORTED_MODULE_2__.ThemeContext);
  var style = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
    return getStyles(theme);
  }, [theme]);
  var showCopyIcon = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
    return copyType !== 'prevent';
  }, [copyType]);
  var childText = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
    if (isMultiLine) return textArrayToString(text);
    if (!children) return text;
    if (!ref.current) return '';
    return ref.current.textContent;
  }, [ref.current, children, text]);

  var clickHandler = function clickHandler() {
    if (!childText || !showCopyIcon) return;
    copy(childText);
    if (copyType === 'slient') return;
  };

  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SnippetWrapper, Object.assign({
    className: "" + className
  }, props, {
    style: style
  }), isMultiLine ? text.map(function (t, index) {
    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("pre", {
      key: "snippet-" + index + "-" + t
    }, t);
  }) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement("pre", {
    ref: ref
  }, children || text), showCopyIcon && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
    className: "copy",
    onClick: clickHandler
  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SnippetIcon$1, null)));
};

var MemoSnippet = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(Snippet$1);
var Snippet$2 = /*#__PURE__*/withDefaults(MemoSnippet, defaultProps);

var SnippetWithTheme = /*#__PURE__*/(0,styled_components__WEBPACK_IMPORTED_MODULE_2__.withTheme)(Snippet$2);
function ThemedSnippet (props) {
  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SnippetWithTheme, Object.assign({}, props));
}

var a11yDark = {
  lineNumberColor: "#f8f8f2",
  lineNumberBgColor: "#2b2b2b",
  backgroundColor: "#2b2b2b",
  textColor: "#f8f8f2",
  substringColor: "#f8f8f2",
  keywordColor: "#dcc6e0",
  attributeColor: "#ffd700",
  selectorAttributeColor: "#dcc6e0",
  docTagColor: "#f8f8f2",
  nameColor: "#ffa07a",
  builtInColor: "#f5ab35",
  literalColor: "#f5ab35",
  bulletColor: "#abe338",
  codeColor: "#f8f8f2",
  additionColor: "#abe338",
  regexpColor: "#ffa07a",
  symbolColor: "#abe338",
  variableColor: "#ffa07a",
  templateVariableColor: "#ffa07a",
  linkColor: "#f5ab35",
  selectorClassColor: "#ffa07a",
  typeColor: "#f5ab35",
  stringColor: "#abe338",
  selectorIdColor: "#ffa07a",
  quoteColor: "#d4d0ab",
  templateTagColor: "#f8f8f2",
  deletionColor: "#ffa07a",
  titleColor: "#00e0e0",
  sectionColor: "#00e0e0",
  commentColor: "#d4d0ab",
  metaKeywordColor: "#f8f8f2",
  metaColor: "#f5ab35",
  functionColor: "#f8f8f2",
  numberColor: "#f5ab35"
};

var a11yLight = {
  lineNumberColor: "#545454",
  lineNumberBgColor: "#fefefe",
  backgroundColor: "#fefefe",
  textColor: "#545454",
  substringColor: "#545454",
  keywordColor: "#7928a1",
  attributeColor: "#aa5d00",
  selectorAttributeColor: "#7928a1",
  docTagColor: "#545454",
  nameColor: "#d91e18",
  builtInColor: "#aa5d00",
  literalColor: "#aa5d00",
  bulletColor: "#008000",
  codeColor: "#545454",
  additionColor: "#008000",
  regexpColor: "#d91e18",
  symbolColor: "#008000",
  variableColor: "#d91e18",
  templateVariableColor: "#d91e18",
  linkColor: "#aa5d00",
  selectorClassColor: "#d91e18",
  typeColor: "#aa5d00",
  stringColor: "#008000",
  selectorIdColor: "#d91e18",
  quoteColor: "#696969",
  templateTagColor: "#545454",
  deletionColor: "#d91e18",
  titleColor: "#007faa",
  sectionColor: "#007faa",
  commentColor: "#696969",
  metaKeywordColor: "#545454",
  metaColor: "#aa5d00",
  functionColor: "#545454",
  numberColor: "#aa5d00"
};

var anOldHope = {
  lineNumberColor: "#c0c5ce",
  lineNumberBgColor: "#1C1D21",
  backgroundColor: "#1C1D21",
  textColor: "#c0c5ce",
  substringColor: "#c0c5ce",
  keywordColor: "#B45EA4",
  attributeColor: "#EE7C2B",
  selectorAttributeColor: "#B45EA4",
  docTagColor: "#c0c5ce",
  nameColor: "#EB3C54",
  builtInColor: "#E7CE56",
  literalColor: "#E7CE56",
  bulletColor: "#4FB4D7",
  codeColor: "#c0c5ce",
  additionColor: "#4FB4D7",
  regexpColor: "#EB3C54",
  symbolColor: "#4FB4D7",
  variableColor: "#EB3C54",
  templateVariableColor: "#EB3C54",
  linkColor: "#E7CE56",
  selectorClassColor: "#EB3C54",
  typeColor: "#E7CE56",
  stringColor: "#4FB4D7",
  selectorIdColor: "#EB3C54",
  quoteColor: "#B6B18B",
  templateTagColor: "#c0c5ce",
  deletionColor: "#EB3C54",
  titleColor: "#78BB65",
  sectionColor: "#78BB65",
  commentColor: "#B6B18B",
  metaKeywordColor: "#c0c5ce",
  metaColor: "#E7CE56",
  functionColor: "#c0c5ce",
  numberColor: "#E7CE56"
};

var androidstudio = {
  lineNumberColor: "#a9b7c6",
  lineNumberBgColor: "#282b2e",
  backgroundColor: "#282b2e",
  textColor: "#a9b7c6",
  substringColor: "#a9b7c6",
  keywordColor: "#cc7832",
  attributeColor: "#6A8759",
  selectorAttributeColor: "#cc7832",
  docTagColor: "#a9b7c6",
  nameColor: "#e8bf6a",
  builtInColor: "#a9b7c6",
  literalColor: "#6897BB",
  bulletColor: "#6897BB",
  codeColor: "#a9b7c6",
  additionColor: "#6A8759",
  regexpColor: "#a9b7c6",
  symbolColor: "#6897BB",
  variableColor: "#629755",
  templateVariableColor: "#629755",
  linkColor: "#629755",
  selectorClassColor: "#e8bf6a",
  typeColor: "#ffc66d",
  stringColor: "#6A8759",
  selectorIdColor: "#e8bf6a",
  quoteColor: "#808080",
  templateTagColor: "#a9b7c6",
  deletionColor: "#cc7832",
  titleColor: "#ffc66d",
  sectionColor: "#ffc66d",
  commentColor: "#808080",
  metaKeywordColor: "#a9b7c6",
  metaColor: "#bbb529",
  functionColor: "#a9b7c6",
  numberColor: "#6897BB"
};

var arta = {
  lineNumberColor: "#aaa",
  lineNumberBgColor: "#222",
  backgroundColor: "#222",
  textColor: "#aaa",
  substringColor: "#aaa",
  keywordColor: "#6644aa",
  attributeColor: "#32aaee",
  selectorAttributeColor: "#6644aa",
  docTagColor: undefined,
  nameColor: "#6644aa",
  builtInColor: "#32aaee",
  literalColor: "#32aaee",
  bulletColor: "#ffcc33",
  codeColor: "#aaa",
  additionColor: "#00cc66",
  regexpColor: "#ffcc33",
  symbolColor: "#ffcc33",
  variableColor: "#bb1166",
  templateVariableColor: "#32aaee",
  linkColor: "#32aaee",
  selectorClassColor: "#6644aa",
  typeColor: "#32aaee",
  stringColor: "#ffcc33",
  selectorIdColor: "#6644aa",
  quoteColor: "#444",
  templateTagColor: "#bb1166",
  deletionColor: "#bb1166",
  titleColor: "#bb1166",
  sectionColor: "#fff",
  commentColor: "#444",
  metaKeywordColor: "#aaa",
  metaColor: "#444",
  functionColor: "#aaa",
  numberColor: "#00cc66"
};

var atomOneDark = {
  lineNumberColor: "#abb2bf",
  lineNumberBgColor: "#282c34",
  backgroundColor: "#282c34",
  textColor: "#abb2bf",
  substringColor: "#e06c75",
  keywordColor: "#c678dd",
  attributeColor: "#98c379",
  selectorAttributeColor: "#e06c75",
  docTagColor: "#c678dd",
  nameColor: "#e06c75",
  builtInColor: "#e6c07b",
  literalColor: "#56b6c2",
  bulletColor: "#61aeee",
  codeColor: "#abb2bf",
  additionColor: "#98c379",
  regexpColor: "#98c379",
  symbolColor: "#61aeee",
  variableColor: "#d19a66",
  templateVariableColor: "#d19a66",
  linkColor: "#61aeee",
  selectorClassColor: "#d19a66",
  typeColor: "#d19a66",
  stringColor: "#98c379",
  selectorIdColor: "#61aeee",
  quoteColor: "#5c6370",
  templateTagColor: "#abb2bf",
  deletionColor: "#e06c75",
  titleColor: "#61aeee",
  sectionColor: "#e06c75",
  commentColor: "#5c6370",
  metaKeywordColor: "#abb2bf",
  metaColor: "#61aeee",
  functionColor: "#abb2bf",
  numberColor: "#d19a66"
};

var atomOneLight = {
  lineNumberColor: "#383a42",
  lineNumberBgColor: "#fafafa",
  backgroundColor: "#fafafa",
  textColor: "#383a42",
  substringColor: "#e45649",
  keywordColor: "#a626a4",
  attributeColor: "#50a14f",
  selectorAttributeColor: "#e45649",
  docTagColor: "#a626a4",
  nameColor: "#e45649",
  builtInColor: "#c18401",
  literalColor: "#0184bb",
  bulletColor: "#4078f2",
  codeColor: "#383a42",
  additionColor: "#50a14f",
  regexpColor: "#50a14f",
  symbolColor: "#4078f2",
  variableColor: "#986801",
  templateVariableColor: "#986801",
  linkColor: "#4078f2",
  selectorClassColor: "#986801",
  typeColor: "#986801",
  stringColor: "#50a14f",
  selectorIdColor: "#4078f2",
  quoteColor: "#a0a1a7",
  templateTagColor: "#383a42",
  deletionColor: "#e45649",
  titleColor: "#4078f2",
  sectionColor: "#e45649",
  commentColor: "#a0a1a7",
  metaKeywordColor: "#383a42",
  metaColor: "#4078f2",
  functionColor: "#383a42",
  numberColor: "#986801"
};

var codepen = {
  lineNumberColor: "#fff",
  lineNumberBgColor: "#222",
  backgroundColor: "#222",
  textColor: "#fff",
  substringColor: "#fff",
  keywordColor: "#8f9c6c",
  attributeColor: "#9b869b",
  selectorTagColor: "#8f9c6c",
  docTagColor: "#fff",
  nameColor: "#9b869b",
  builtInColor: "#ab875d",
  literalColor: "#ab875d",
  bulletColor: "#ab875d",
  codeColor: "#fff",
  additionColor: "#8f9c6c",
  regexpColor: "#ab875d",
  symbolColor: "#ab875d",
  variableColor: "#ab875d",
  templateVariableColor: "#ab875d",
  linkColor: "#ab875d",
  selectorAttributeColor: "#fff",
  selectorPseudoColor: "#ff",
  typeColor: "#9b869b",
  stringColor: "#8f9c6c",
  selectorIdColor: "#9b869b",
  selectorClassColor: "#9b869b",
  quoteColor: "#777",
  templateTagColor: "#ab875d",
  deletionColor: "#ab875d",
  titleColor: "#9b869b",
  sectionColor: "#9b869b",
  commentColor: "#777",
  metaKeywordColor: "#ab875d",
  metaColor: "#ab875d",
  functionColor: "#fff",
  numberColor: "#ab875d"
};

var dracula = {
  lineNumberColor: "#6272a4",
  lineNumberBgColor: "#282a36",
  backgroundColor: "#282a36",
  textColor: "#f8f8f2",
  substringColor: "#f1fa8c",
  keywordColor: "#ff79c6",
  attributeColor: "#50fa7b",
  selectorTagColor: "#8be9fd",
  docTagColor: "#f1fa8c",
  nameColor: "#66d9ef",
  builtInColor: "#50fa7b",
  literalColor: "#FF79C6",
  bulletColor: "#8BE9FD",
  codeColor: "#50FA7B",
  additionColor: "#f1fa8c",
  regexpColor: "#F1FA8C",
  symbolColor: "#F1FA8C",
  variableColor: "#F8F8F2",
  templateVariableColor: "#FF79C6",
  linkColor: "#00bcd4",
  selectorAttributeColor: "#FF79C6",
  selectorPseudoColor: "#FF79C6",
  typeColor: "#8BE9FD",
  stringColor: "#F1FA8C",
  selectorIdColor: "#50FA7B",
  selectorClassColor: "#50FA7B",
  quoteColor: "#E9F284",
  templateTagColor: "#FF79C6",
  deletionColor: "#FF79C6",
  titleColor: "#ff555580",
  sectionColor: "#F8F8F2",
  commentColor: "#6272A4",
  metaKeywordColor: "#50FA7B",
  metaColor: "#50FA7B",
  functionColor: "#50FA7B",
  numberColor: "#bd93f9"
};

var far = {
  lineNumberColor: "#0ff",
  lineNumberBgColor: "#000080",
  backgroundColor: "#000080",
  textColor: "#0ff",
  substringColor: "#0ff",
  keywordColor: "#fff",
  attributeColor: "#ff0",
  selectorAttributeColor: "#fff",
  docTagColor: "#888",
  nameColor: "#fff",
  builtInColor: "#ff0",
  literalColor: "#0f0",
  bulletColor: "#ff0",
  codeColor: "#0ff",
  additionColor: "#ff0",
  regexpColor: "#0f0",
  symbolColor: "#ff0",
  variableColor: "#fff",
  templateVariableColor: "#ff0",
  linkColor: "#0f0",
  selectorClassColor: "#fff",
  typeColor: "#fff",
  stringColor: "#ff0",
  selectorIdColor: "#fff",
  quoteColor: "#888",
  templateTagColor: "#ff0",
  deletionColor: "#888",
  titleColor: "#0ff",
  sectionColor: "#fff",
  commentColor: "#888",
  metaKeywordColor: "#0ff",
  metaColor: "#008080",
  functionColor: "#0ff",
  numberColor: "#0f0"
};

var github = {
  lineNumberColor: "#333333",
  lineNumberBgColor: "white",
  backgroundColor: "white",
  textColor: "#333333",
  substringColor: "#333333",
  keywordColor: "#a71d5d",
  attributeColor: "#0086b3",
  selectorAttributeColor: "#a71d5d",
  docTagColor: "#333333",
  nameColor: "#63a35c",
  builtInColor: "#333333",
  literalColor: "#0086b3",
  bulletColor: "#0086b3",
  codeColor: "#333333",
  additionColor: "#55a532",
  regexpColor: "#333333",
  symbolColor: "#0086b3",
  variableColor: "#df5000",
  templateVariableColor: "#df5000",
  linkColor: "#0366d6",
  selectorClassColor: "#795da3",
  typeColor: "#a71d5d",
  stringColor: "#df5000",
  selectorIdColor: "#795da3",
  quoteColor: "#df5000",
  templateTagColor: "#333333",
  deletionColor: "#bd2c00",
  titleColor: "#795da3",
  sectionColor: "#63a35c",
  commentColor: "#969896",
  metaKeywordColor: "#333333",
  metaColor: "#969896",
  functionColor: "#333333",
  numberColor: "#333333"
};

var googlecode = {
  lineNumberColor: "black",
  lineNumberBgColor: "white",
  backgroundColor: "white",
  textColor: "black",
  substringColor: "#000",
  keywordColor: "#008",
  attributeColor: "#000",
  selectorAttributeColor: "#008",
  docTagColor: "#606",
  nameColor: "#008",
  builtInColor: "#606",
  literalColor: "#066",
  bulletColor: "#066",
  codeColor: "black",
  additionColor: undefined,
  regexpColor: "#080",
  symbolColor: "#066",
  variableColor: "#660",
  templateVariableColor: "#660",
  linkColor: "#066",
  selectorClassColor: "#9B703F",
  typeColor: "#606",
  stringColor: "#080",
  selectorIdColor: "#9B703F",
  quoteColor: "#800",
  templateTagColor: "black",
  deletionColor: undefined,
  titleColor: "#606",
  sectionColor: "#008",
  commentColor: "#800",
  metaKeywordColor: "black",
  metaColor: "#066",
  functionColor: "black",
  numberColor: "#066"
};

var hopscotch = {
  lineNumberColor: "#b9b5b8",
  lineNumberBgColor: "#322931",
  backgroundColor: "#322931",
  textColor: "#b9b5b8",
  substringColor: "#b9b5b8",
  keywordColor: "#c85e7c",
  attributeColor: "#dd464c",
  selectorAttributeColor: "#c85e7c",
  docTagColor: "#b9b5b8",
  nameColor: "#dd464c",
  builtInColor: "#fd8b19",
  literalColor: "#fd8b19",
  bulletColor: "#8fc13e",
  codeColor: "#b9b5b8",
  additionColor: "#8fc13e",
  regexpColor: "#dd464c",
  symbolColor: "#8fc13e",
  variableColor: "#dd464c",
  templateVariableColor: "#dd464c",
  linkColor: "#dd464c",
  selectorClassColor: "#dd464c",
  typeColor: "#fd8b19",
  stringColor: "#8fc13e",
  selectorIdColor: "#dd464c",
  quoteColor: "#989498",
  templateTagColor: "#b9b5b8",
  deletionColor: "#dd464c",
  titleColor: "#1290bf",
  sectionColor: "#1290bf",
  commentColor: "#989498",
  metaKeywordColor: "#b9b5b8",
  metaColor: "#149b93",
  functionColor: "#1290bf",
  numberColor: "#fd8b19"
};

var hybrid = {
  lineNumberColor: "#c5c8c6",
  lineNumberBgColor: "#1d1f21",
  backgroundColor: "#1d1f21",
  textColor: "#c5c8c6",
  substringColor: "#8abeb7",
  keywordColor: "#81a2be",
  attributeColor: "#b294bb",
  selectorAttributeColor: "#81a2be",
  docTagColor: "#b5bd68",
  nameColor: "#f0c674",
  builtInColor: "#de935f",
  literalColor: "#cc6666",
  bulletColor: "#81a2be",
  codeColor: "#b294bb",
  additionColor: "#b5bd68",
  regexpColor: "#b5bd68",
  symbolColor: "#cc6666",
  variableColor: "#8abeb7",
  templateVariableColor: "#8abeb7",
  linkColor: "#cc6666",
  selectorClassColor: "#de935f",
  typeColor: "#de935f",
  stringColor: "#b5bd68",
  selectorIdColor: "#b294bb",
  quoteColor: "#de935f",
  templateTagColor: "#8abeb7",
  deletionColor: "#cc6666",
  titleColor: "#f0c674",
  sectionColor: "#de935f",
  commentColor: "#707880",
  metaKeywordColor: "#c5c8c6",
  metaColor: "#707880",
  functionColor: "#c5c8c6",
  numberColor: "#cc6666"
};

var irBlack = {
  lineNumberColor: "#f8f8f8",
  lineNumberBgColor: "#000",
  backgroundColor: "#000",
  textColor: "#f8f8f8",
  substringColor: "#daefa3",
  keywordColor: "#96cbfe",
  attributeColor: "#ffffb6",
  selectorAttributeColor: "#96cbfe",
  docTagColor: "#ffffb6",
  nameColor: "#96cbfe",
  builtInColor: "#f8f8f8",
  literalColor: "#c6c5fe",
  bulletColor: "#c6c5fe",
  codeColor: "#f8f8f8",
  additionColor: "#a8ff60",
  regexpColor: "#e9c062",
  symbolColor: "#c6c5fe",
  variableColor: "#c6c5fe",
  templateVariableColor: "#c6c5fe",
  linkColor: "#e9c062",
  selectorClassColor: "#f8f8f8",
  typeColor: "#ffffb6",
  stringColor: "#a8ff60",
  selectorIdColor: "#ffffb6",
  quoteColor: "#7c7c7c",
  templateTagColor: "#f8f8f8",
  deletionColor: "#ff73fd",
  titleColor: "#ffffb6",
  sectionColor: "#ffffb6",
  commentColor: "#7c7c7c",
  metaKeywordColor: "#f8f8f8",
  metaColor: "#7c7c7c",
  functionColor: "#f8f8f8",
  numberColor: "#ff73fd"
};

var monoBlue = {
  lineNumberColor: "#00193a",
  lineNumberBgColor: "#eaeef3",
  backgroundColor: "#eaeef3",
  textColor: "#00193a",
  substringColor: "#4c81c9",
  keywordColor: undefined,
  attributeColor: "#4c81c9",
  selectorAttributeColor: undefined,
  docTagColor: undefined,
  nameColor: "#0048ab",
  builtInColor: "#0048ab",
  literalColor: "#0048ab",
  bulletColor: "#4c81c9",
  codeColor: "#00193a",
  additionColor: "#0048ab",
  regexpColor: "#4c81c9",
  symbolColor: "#4c81c9",
  variableColor: "#4c81c9",
  templateVariableColor: "#4c81c9",
  linkColor: "#4c81c9",
  selectorClassColor: "#0048ab",
  typeColor: "#0048ab",
  stringColor: "#0048ab",
  selectorIdColor: "#0048ab",
  quoteColor: "#0048ab",
  templateTagColor: "#00193a",
  deletionColor: "#4c81c9",
  titleColor: "#0048ab",
  sectionColor: "#0048ab",
  commentColor: "#738191",
  metaKeywordColor: "#00193a",
  metaColor: "#4c81c9",
  functionColor: "#00193a",
  numberColor: "#00193a"
};

var monokaiSublime = {
  lineNumberColor: "#f8f8f2",
  lineNumberBgColor: "#23241f",
  backgroundColor: "#23241f",
  textColor: "#f8f8f2",
  substringColor: "#f8f8f2",
  keywordColor: "#f92672",
  attributeColor: "#66d9ef",
  selectorAttributeColor: "#f92672",
  docTagColor: "#f8f8f2",
  nameColor: "#f92672",
  builtInColor: "#e6db74",
  literalColor: "#ae81ff",
  bulletColor: "#ae81ff",
  codeColor: "#a6e22e",
  additionColor: "#e6db74",
  regexpColor: "#ae81ff",
  symbolColor: "#66d9ef",
  variableColor: "#e6db74",
  templateVariableColor: "#e6db74",
  linkColor: "#ae81ff",
  selectorClassColor: "#a6e22e",
  typeColor: "#e6db74",
  stringColor: "#e6db74",
  selectorIdColor: "#e6db74",
  quoteColor: "#ae81ff",
  templateTagColor: "#f8f8f2",
  deletionColor: "#75715e",
  titleColor: "#a6e22e",
  sectionColor: "#a6e22e",
  commentColor: "#75715e",
  metaKeywordColor: "#f8f8f2",
  metaColor: "#75715e",
  functionColor: "#f8f8f2",
  numberColor: "#ae81ff"
};

var monokai = {
  lineNumberColor: "#ddd",
  lineNumberBgColor: "#272822",
  backgroundColor: "#272822",
  textColor: "#ddd",
  substringColor: "#a6e22e",
  keywordColor: "#f92672",
  attributeColor: "#bf79db",
  selectorAttributeColor: "#f92672",
  docTagColor: undefined,
  nameColor: "#f92672",
  builtInColor: "#a6e22e",
  literalColor: "#f92672",
  bulletColor: "#a6e22e",
  codeColor: "#66d9ef",
  additionColor: "#a6e22e",
  regexpColor: "#bf79db",
  symbolColor: "#bf79db",
  variableColor: "#a6e22e",
  templateVariableColor: "#a6e22e",
  linkColor: "#bf79db",
  selectorClassColor: "#ddd",
  typeColor: "#a6e22e",
  stringColor: "#a6e22e",
  selectorIdColor: undefined,
  quoteColor: "#75715e",
  templateTagColor: "#a6e22e",
  deletionColor: "#75715e",
  titleColor: "#a6e22e",
  sectionColor: "#a6e22e",
  commentColor: "#75715e",
  metaKeywordColor: "#ddd",
  metaColor: "#75715e",
  functionColor: "#ddd",
  numberColor: "#ddd"
};

var nord = {
  lineNumberColor: "#D8DEE9",
  lineNumberBgColor: "#2E3440",
  backgroundColor: "#2E3440",
  textColor: "#D8DEE9",
  substringColor: "#D8DEE9",
  keywordColor: "#81A1C1",
  attributeColor: "#D8DEE9",
  selectorAttributeColor: "#81A1C1",
  docTagColor: "#8FBCBB",
  nameColor: "#81A1C1",
  builtInColor: "#8FBCBB",
  literalColor: "#81A1C1",
  bulletColor: "#81A1C1",
  codeColor: "#8FBCBB",
  additionColor: "#a3be8c",
  regexpColor: "#EBCB8B",
  symbolColor: "#81A1C1",
  variableColor: "#D8DEE9",
  templateVariableColor: "#D8DEE9",
  linkColor: "#D8DEE9",
  selectorClassColor: "#8FBCBB",
  typeColor: "#8FBCBB",
  stringColor: "#A3BE8C",
  selectorIdColor: "#8FBCBB",
  quoteColor: "#4C566A",
  templateTagColor: "#5E81AC",
  deletionColor: "#bf616a",
  titleColor: "#8FBCBB",
  sectionColor: "#88C0D0",
  commentColor: "#4C566A",
  metaKeywordColor: "#5E81AC",
  metaColor: "#5E81AC",
  functionColor: "#88C0D0",
  numberColor: "#B48EAD"
};

var obsidian = {
  lineNumberColor: "#e0e2e4",
  lineNumberBgColor: "#282b2e",
  backgroundColor: "#282b2e",
  textColor: "#e0e2e4",
  substringColor: "#8cbbad",
  keywordColor: "#93c763",
  attributeColor: "#668bb0",
  selectorAttributeColor: "#93c763",
  docTagColor: undefined,
  nameColor: "#8cbbad",
  builtInColor: "#8cbbad",
  literalColor: "#93c763",
  bulletColor: "#8cbbad",
  codeColor: "white",
  additionColor: "#8cbbad",
  regexpColor: "#d39745",
  symbolColor: "#ec7600",
  variableColor: "#8cbbad",
  templateVariableColor: "#8cbbad",
  linkColor: "#d39745",
  selectorClassColor: "#A082BD",
  typeColor: "#8cbbad",
  stringColor: "#ec7600",
  selectorIdColor: "#93c763",
  quoteColor: "#818e96",
  templateTagColor: "#8cbbad",
  deletionColor: "#818e96",
  titleColor: undefined,
  sectionColor: "white",
  commentColor: "#818e96",
  metaKeywordColor: "#e0e2e4",
  metaColor: "#557182",
  functionColor: "#e0e2e4",
  numberColor: "#ffcd22"
};

var ocean = {
  lineNumberColor: "#c0c5ce",
  lineNumberBgColor: "#2b303b",
  backgroundColor: "#2b303b",
  textColor: "#c0c5ce",
  substringColor: "#c0c5ce",
  keywordColor: "#b48ead",
  attributeColor: "#ebcb8b",
  selectorAttributeColor: "#b48ead",
  docTagColor: "#c0c5ce",
  nameColor: "#bf616a",
  builtInColor: "#d08770",
  literalColor: "#d08770",
  bulletColor: "#a3be8c",
  codeColor: "#c0c5ce",
  additionColor: "#a3be8c",
  regexpColor: "#bf616a",
  symbolColor: "#a3be8c",
  variableColor: "#bf616a",
  templateVariableColor: "#bf616a",
  linkColor: "#d08770",
  selectorClassColor: "#bf616a",
  typeColor: "#d08770",
  stringColor: "#a3be8c",
  selectorIdColor: "#bf616a",
  quoteColor: "#65737e",
  templateTagColor: "#c0c5ce",
  deletionColor: "#bf616a",
  titleColor: "#8fa1b3",
  sectionColor: "#8fa1b3",
  commentColor: "#65737e",
  metaKeywordColor: "#c0c5ce",
  metaColor: "#d08770",
  functionColor: "#c0c5ce",
  numberColor: "#d08770"
};

var paraisoDark = {
  lineNumberColor: "#a39e9b",
  lineNumberBgColor: "#2f1e2e",
  backgroundColor: "#2f1e2e",
  textColor: "#a39e9b",
  substringColor: "#a39e9b",
  keywordColor: "#815ba4",
  attributeColor: "#fec418",
  selectorAttributeColor: "#815ba4",
  docTagColor: "#a39e9b",
  nameColor: "#ef6155",
  builtInColor: "#f99b15",
  literalColor: "#f99b15",
  bulletColor: "#48b685",
  codeColor: "#a39e9b",
  additionColor: "#48b685",
  regexpColor: "#ef6155",
  symbolColor: "#48b685",
  variableColor: "#ef6155",
  templateVariableColor: "#ef6155",
  linkColor: "#ef6155",
  selectorClassColor: "#ef6155",
  typeColor: "#f99b15",
  stringColor: "#48b685",
  selectorIdColor: "#ef6155",
  quoteColor: "#8d8687",
  templateTagColor: "#a39e9b",
  deletionColor: "#f99b15",
  titleColor: "#fec418",
  sectionColor: "#fec418",
  commentColor: "#8d8687",
  metaKeywordColor: "#a39e9b",
  metaColor: "#ef6155",
  functionColor: "#a39e9b",
  numberColor: "#f99b15"
};

var paraisoLight = {
  lineNumberColor: "#4f424c",
  lineNumberBgColor: "#e7e9db",
  backgroundColor: "#e7e9db",
  textColor: "#4f424c",
  substringColor: "#4f424c",
  keywordColor: "#815ba4",
  attributeColor: "#fec418",
  selectorAttributeColor: "#815ba4",
  docTagColor: "#4f424c",
  nameColor: "#ef6155",
  builtInColor: "#f99b15",
  literalColor: "#f99b15",
  bulletColor: "#48b685",
  codeColor: "#4f424c",
  additionColor: "#48b685",
  regexpColor: "#ef6155",
  symbolColor: "#48b685",
  variableColor: "#ef6155",
  templateVariableColor: "#ef6155",
  linkColor: "#ef6155",
  selectorClassColor: "#ef6155",
  typeColor: "#f99b15",
  stringColor: "#48b685",
  selectorIdColor: "#ef6155",
  quoteColor: "#776e71",
  templateTagColor: "#4f424c",
  deletionColor: "#f99b15",
  titleColor: "#fec418",
  sectionColor: "#fec418",
  commentColor: "#776e71",
  metaKeywordColor: "#4f424c",
  metaColor: "#ef6155",
  functionColor: "#4f424c",
  numberColor: "#f99b15"
};

var pojoaque = {
  lineNumberColor: "#dccf8f",
  lineNumberBgColor: "#181914 url(\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==\") repeat left top",
  backgroundColor: "#181914 url(\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==\") repeat left top",
  textColor: "#dccf8f",
  substringColor: "#cb4b16",
  keywordColor: "#b64926",
  attributeColor: "#b89859",
  selectorAttributeColor: "#b64926",
  docTagColor: "#468966",
  nameColor: "#ffb03b",
  builtInColor: "#ffb03b",
  literalColor: "#b64926",
  bulletColor: "#cb4b16",
  codeColor: "#dccf8f",
  additionColor: "#b64926",
  regexpColor: "#468966",
  symbolColor: "#cb4b16",
  variableColor: "#b58900",
  templateVariableColor: "#b58900",
  linkColor: "#cb4b16",
  selectorClassColor: "#d3a60c",
  typeColor: "#b58900",
  stringColor: "#468966",
  selectorIdColor: "#d3a60c",
  quoteColor: "#586e75",
  templateTagColor: "#dccf8f",
  deletionColor: "#dc322f",
  titleColor: "#ffb03b",
  sectionColor: "#ffb03b",
  commentColor: "#586e75",
  metaKeywordColor: "#dccf8f",
  metaColor: "#cb4b16",
  functionColor: "#dccf8f",
  numberColor: "#468966"
};

var purebasic = {
  lineNumberColor: "#000000",
  lineNumberBgColor: "#FFFFDF",
  backgroundColor: "#FFFFDF",
  textColor: "#000000",
  substringColor: "#000000",
  keywordColor: "#006666",
  attributeColor: "#924B72",
  selectorAttributeColor: "#000000",
  docTagColor: "#000000",
  nameColor: "#000000",
  builtInColor: "#006666",
  literalColor: "#924B72",
  bulletColor: "#000000",
  codeColor: "#006666",
  additionColor: "#00AAAA",
  regexpColor: "#00AAAA",
  symbolColor: "#924B72",
  variableColor: "#006666",
  templateVariableColor: "#000000",
  linkColor: "#924B72",
  selectorClassColor: "#006666",
  typeColor: "#000000",
  stringColor: "#0080FF",
  selectorIdColor: "#924B72",
  quoteColor: "#000000",
  templateTagColor: "#000000",
  deletionColor: "#924B72",
  titleColor: "#006666",
  sectionColor: "#00AAAA",
  commentColor: "#00AAAA",
  metaKeywordColor: "#006666",
  metaColor: "#924B72",
  functionColor: "#000000",
  numberColor: "#000000"
};

var railscast = {
  lineNumberColor: "#e6e1dc",
  lineNumberBgColor: "#232323",
  backgroundColor: "#232323",
  textColor: "#e6e1dc",
  substringColor: "#519f50",
  keywordColor: "#c26230",
  attributeColor: "#cda869",
  selectorAttributeColor: "#c26230",
  docTagColor: "#e6e1dc",
  nameColor: "#e8bf6a",
  builtInColor: "#6d9cbe",
  literalColor: "#e6e1dc",
  bulletColor: "#6d9cbe",
  codeColor: "#e6e1dc",
  additionColor: "#e6e1dc",
  regexpColor: "#a5c261",
  symbolColor: "#6d9cbe",
  variableColor: "#a5c261",
  templateVariableColor: "#a5c261",
  linkColor: "#6d9cbe",
  selectorClassColor: "#9b703f",
  typeColor: "#da4939",
  stringColor: "#a5c261",
  selectorIdColor: "#8b98ab",
  quoteColor: "#bc9458",
  templateTagColor: "#e6e1dc",
  deletionColor: "#e6e1dc",
  titleColor: "#ffc66d",
  sectionColor: "#ffc66d",
  commentColor: "#bc9458",
  metaKeywordColor: "#e6e1dc",
  metaColor: "#9b859d",
  functionColor: "#e6e1dc",
  numberColor: "#a5c261"
};

var rainbow = {
  lineNumberColor: "#d1d9e1",
  lineNumberBgColor: "#474949",
  backgroundColor: "#474949",
  textColor: "#d1d9e1",
  substringColor: "#f99157",
  keywordColor: "#cc99cc",
  attributeColor: "#81a2be",
  selectorAttributeColor: "#cc99cc",
  docTagColor: "#8abeb7",
  nameColor: "#b5bd68",
  builtInColor: "#b5bd68",
  literalColor: "#cc99cc",
  bulletColor: "#f99157",
  codeColor: "#d1d9e1",
  additionColor: "#cc99cc",
  regexpColor: "#8abeb7",
  symbolColor: "#f99157",
  variableColor: "#ffcc66",
  templateVariableColor: "#ffcc66",
  linkColor: "#f99157",
  selectorClassColor: "#d1d9e1",
  typeColor: "#cc99cc",
  stringColor: "#8abeb7",
  selectorIdColor: "#ffcc66",
  quoteColor: "#969896",
  templateTagColor: "#d1d9e1",
  deletionColor: "#dc322f",
  titleColor: "#b5bd68",
  sectionColor: "#b5bd68",
  commentColor: "#969896",
  metaKeywordColor: "#d1d9e1",
  metaColor: "#f99157",
  functionColor: "#d1d9e1",
  numberColor: "#f99157"
};

var shadesOfPurple = {
  lineNumberColor: "#e3dfff",
  lineNumberBgColor: "#2d2b57",
  backgroundColor: "#2d2b57",
  textColor: "#e3dfff",
  substringColor: "#e3dfff",
  keywordColor: "#fb9e00",
  attributeColor: "#4cd213",
  selectorAttributeColor: "#fb9e00",
  docTagColor: "#e3dfff",
  nameColor: "#a1feff",
  builtInColor: "#fb9e00",
  literalColor: "#fa658d",
  bulletColor: "#4cd213",
  codeColor: "#4cd213",
  additionColor: "#4cd213",
  regexpColor: "#4cd213",
  symbolColor: "#4cd213",
  variableColor: "#e3dfff",
  templateVariableColor: "#e3dfff",
  linkColor: "#e3dfff",
  selectorClassColor: "#4cd213",
  typeColor: "#e3dfff",
  stringColor: "#4cd213",
  selectorIdColor: "#e3dfff",
  quoteColor: "#4cd213",
  templateTagColor: "#4cd213",
  deletionColor: "#4cd213",
  titleColor: "#fad000",
  sectionColor: "#fb9e00",
  commentColor: "#ac65ff",
  metaKeywordColor: "#e3dfff",
  metaColor: "#fb9e00",
  functionColor: "#e3dfff",
  numberColor: "#fa658d"
};

var solarizedDark = {
  lineNumberColor: "#839496",
  lineNumberBgColor: "#002b36",
  backgroundColor: "#002b36",
  textColor: "#839496",
  substringColor: "#cb4b16",
  keywordColor: "#859900",
  attributeColor: "#b58900",
  selectorAttributeColor: "#859900",
  docTagColor: "#2aa198",
  nameColor: "#268bd2",
  builtInColor: "#dc322f",
  literalColor: "#2aa198",
  bulletColor: "#cb4b16",
  codeColor: "#839496",
  additionColor: "#859900",
  regexpColor: "#2aa198",
  symbolColor: "#cb4b16",
  variableColor: "#b58900",
  templateVariableColor: "#b58900",
  linkColor: "#cb4b16",
  selectorClassColor: "#268bd2",
  typeColor: "#b58900",
  stringColor: "#2aa198",
  selectorIdColor: "#268bd2",
  quoteColor: "#586e75",
  templateTagColor: "#839496",
  deletionColor: "#dc322f",
  titleColor: "#268bd2",
  sectionColor: "#268bd2",
  commentColor: "#586e75",
  metaKeywordColor: "#839496",
  metaColor: "#cb4b16",
  functionColor: "#839496",
  numberColor: "#2aa198"
};

var solarizedLight = {
  lineNumberColor: "#657b83",
  lineNumberBgColor: "#fdf6e3",
  backgroundColor: "#fdf6e3",
  textColor: "#657b83",
  substringColor: "#cb4b16",
  keywordColor: "#859900",
  attributeColor: "#b58900",
  selectorAttributeColor: "#859900",
  docTagColor: "#2aa198",
  nameColor: "#268bd2",
  builtInColor: "#dc322f",
  literalColor: "#2aa198",
  bulletColor: "#cb4b16",
  codeColor: "#657b83",
  additionColor: "#859900",
  regexpColor: "#2aa198",
  symbolColor: "#cb4b16",
  variableColor: "#b58900",
  templateVariableColor: "#b58900",
  linkColor: "#cb4b16",
  selectorClassColor: "#268bd2",
  typeColor: "#b58900",
  stringColor: "#2aa198",
  selectorIdColor: "#268bd2",
  quoteColor: "#93a1a1",
  templateTagColor: "#657b83",
  deletionColor: "#dc322f",
  titleColor: "#268bd2",
  sectionColor: "#268bd2",
  commentColor: "#93a1a1",
  metaKeywordColor: "#657b83",
  metaColor: "#cb4b16",
  functionColor: "#657b83",
  numberColor: "#2aa198"
};

var sunburst = {
  lineNumberColor: "#f8f8f8",
  lineNumberBgColor: "#000",
  backgroundColor: "#000",
  textColor: "#f8f8f8",
  substringColor: "#daefa3",
  keywordColor: "#e28964",
  attributeColor: "#cda869",
  selectorAttributeColor: "#e28964",
  docTagColor: undefined,
  nameColor: "#89bdff",
  builtInColor: "#f8f8f8",
  literalColor: "#f8f8f8",
  bulletColor: "#3387cc",
  codeColor: "#f8f8f8",
  additionColor: "#f8f8f8",
  regexpColor: "#e9c062",
  symbolColor: "#3387cc",
  variableColor: "#3e87e3",
  templateVariableColor: "#3e87e3",
  linkColor: "#e9c062",
  selectorClassColor: "#9b703f",
  typeColor: "#e28964",
  stringColor: "#65b042",
  selectorIdColor: "#8b98ab",
  quoteColor: "#aeaeae",
  templateTagColor: "#f8f8f8",
  deletionColor: "#f8f8f8",
  titleColor: "#89bdff",
  sectionColor: "#89bdff",
  commentColor: "#aeaeae",
  metaKeywordColor: "#f8f8f8",
  metaColor: "#8996a8",
  functionColor: "#f8f8f8",
  numberColor: "#3387cc"
};

var tomorrowNightBlue = {
  lineNumberColor: "white",
  lineNumberBgColor: "#002451",
  backgroundColor: "#002451",
  textColor: "white",
  substringColor: "white",
  keywordColor: "#ebbbff",
  attributeColor: "#ffeead",
  selectorAttributeColor: "#ebbbff",
  docTagColor: "white",
  nameColor: "#ff9da4",
  builtInColor: "#ffc58f",
  literalColor: "#ffc58f",
  bulletColor: "#d1f1a9",
  codeColor: "white",
  additionColor: "#d1f1a9",
  regexpColor: "#ff9da4",
  symbolColor: "#d1f1a9",
  variableColor: "#ff9da4",
  templateVariableColor: "#ff9da4",
  linkColor: "#ffc58f",
  selectorClassColor: "#ff9da4",
  typeColor: "#ffc58f",
  stringColor: "#d1f1a9",
  selectorIdColor: "#ff9da4",
  quoteColor: "#7285b7",
  templateTagColor: "white",
  deletionColor: "#ff9da4",
  titleColor: "#bbdaff",
  sectionColor: "#bbdaff",
  commentColor: "#7285b7",
  metaKeywordColor: "white",
  metaColor: "#ffc58f",
  functionColor: "white",
  numberColor: "#ffc58f"
};

var tomorrowNightBright = {
  lineNumberColor: "#eaeaea",
  lineNumberBgColor: "black",
  backgroundColor: "black",
  textColor: "#eaeaea",
  substringColor: "#eaeaea",
  keywordColor: "#c397d8",
  attributeColor: "#e7c547",
  selectorAttributeColor: "#c397d8",
  docTagColor: "#eaeaea",
  nameColor: "#d54e53",
  builtInColor: "#e78c45",
  literalColor: "#e78c45",
  bulletColor: "#b9ca4a",
  codeColor: "#eaeaea",
  additionColor: "#b9ca4a",
  regexpColor: "#d54e53",
  symbolColor: "#b9ca4a",
  variableColor: "#d54e53",
  templateVariableColor: "#d54e53",
  linkColor: "#e78c45",
  selectorClassColor: "#d54e53",
  typeColor: "#e78c45",
  stringColor: "#b9ca4a",
  selectorIdColor: "#d54e53",
  quoteColor: "#969896",
  templateTagColor: "#eaeaea",
  deletionColor: "#d54e53",
  titleColor: "#7aa6da",
  sectionColor: "#7aa6da",
  commentColor: "#969896",
  metaKeywordColor: "#eaeaea",
  metaColor: "#e78c45",
  functionColor: "#eaeaea",
  numberColor: "#e78c45"
};

var tomorrowNightEighties = {
  lineNumberColor: "#cccccc",
  lineNumberBgColor: "#2d2d2d",
  backgroundColor: "#2d2d2d",
  textColor: "#cccccc",
  substringColor: "#cccccc",
  keywordColor: "#cc99cc",
  attributeColor: "#ffcc66",
  selectorAttributeColor: "#cc99cc",
  docTagColor: "#cccccc",
  nameColor: "#f2777a",
  builtInColor: "#f99157",
  literalColor: "#f99157",
  bulletColor: "#99cc99",
  codeColor: "#cccccc",
  additionColor: "#99cc99",
  regexpColor: "#f2777a",
  symbolColor: "#99cc99",
  variableColor: "#f2777a",
  templateVariableColor: "#f2777a",
  linkColor: "#f99157",
  selectorClassColor: "#f2777a",
  typeColor: "#f99157",
  stringColor: "#99cc99",
  selectorIdColor: "#f2777a",
  quoteColor: "#999999",
  templateTagColor: "#cccccc",
  deletionColor: "#f2777a",
  titleColor: "#6699cc",
  sectionColor: "#6699cc",
  commentColor: "#999999",
  metaKeywordColor: "#cccccc",
  metaColor: "#f99157",
  functionColor: "#cccccc",
  numberColor: "#f99157"
};

var tomorrowNight = {
  lineNumberColor: "#c5c8c6",
  lineNumberBgColor: "#1d1f21",
  backgroundColor: "#1d1f21",
  textColor: "#c5c8c6",
  substringColor: "#c5c8c6",
  keywordColor: "#b294bb",
  attributeColor: "#f0c674",
  selectorAttributeColor: "#b294bb",
  docTagColor: "#c5c8c6",
  nameColor: "#cc6666",
  builtInColor: "#de935f",
  literalColor: "#de935f",
  bulletColor: "#b5bd68",
  codeColor: "#c5c8c6",
  additionColor: "#b5bd68",
  regexpColor: "#cc6666",
  symbolColor: "#b5bd68",
  variableColor: "#cc6666",
  templateVariableColor: "#cc6666",
  linkColor: "#de935f",
  selectorClassColor: "#cc6666",
  typeColor: "#de935f",
  stringColor: "#b5bd68",
  selectorIdColor: "#cc6666",
  quoteColor: "#969896",
  templateTagColor: "#c5c8c6",
  deletionColor: "#cc6666",
  titleColor: "#81a2be",
  sectionColor: "#81a2be",
  commentColor: "#969896",
  metaKeywordColor: "#c5c8c6",
  metaColor: "#de935f",
  functionColor: "#c5c8c6",
  numberColor: "#de935f"
};

var tomorrow = {
  lineNumberColor: "#4d4d4c",
  lineNumberBgColor: "white",
  backgroundColor: "white",
  textColor: "#4d4d4c",
  substringColor: "#4d4d4c",
  keywordColor: "#8959a8",
  attributeColor: "#eab700",
  selectorAttributeColor: "#8959a8",
  docTagColor: "#4d4d4c",
  nameColor: "#c82829",
  builtInColor: "#f5871f",
  literalColor: "#f5871f",
  bulletColor: "#718c00",
  codeColor: "#4d4d4c",
  additionColor: "#718c00",
  regexpColor: "#c82829",
  symbolColor: "#718c00",
  variableColor: "#c82829",
  templateVariableColor: "#c82829",
  linkColor: "#f5871f",
  selectorClassColor: "#c82829",
  typeColor: "#f5871f",
  stringColor: "#718c00",
  selectorIdColor: "#c82829",
  quoteColor: "#8e908c",
  templateTagColor: "#4d4d4c",
  deletionColor: "#c82829",
  titleColor: "#4271ae",
  sectionColor: "#4271ae",
  commentColor: "#8e908c",
  metaKeywordColor: "#4d4d4c",
  metaColor: "#f5871f",
  functionColor: "#4d4d4c",
  numberColor: "#f5871f"
};

var vs2015 = {
  lineNumberColor: "#DCDCDC",
  lineNumberBgColor: "#1E1E1E",
  backgroundColor: "#1E1E1E",
  textColor: "#DCDCDC",
  substringColor: "#DCDCDC",
  keywordColor: "#569CD6",
  attributeColor: "#9CDCFE",
  selectorAttributeColor: "#D7BA7D",
  docTagColor: "#608B4E",
  nameColor: "#569CD6",
  builtInColor: "#4EC9B0",
  literalColor: "#569CD6",
  bulletColor: "#D7BA7D",
  codeColor: "#DCDCDC",
  additionColor: undefined,
  regexpColor: "#9A5334",
  symbolColor: "#569CD6",
  variableColor: "#BD63C5",
  templateVariableColor: "#BD63C5",
  linkColor: "#569CD6",
  selectorClassColor: "#D7BA7D",
  typeColor: "#4EC9B0",
  stringColor: "#D69D85",
  selectorIdColor: "#D7BA7D",
  quoteColor: "#57A64A",
  templateTagColor: "#9A5334",
  deletionColor: undefined,
  titleColor: "#DCDCDC",
  sectionColor: "gold",
  commentColor: "#57A64A",
  metaKeywordColor: "#9B9B9B",
  metaColor: "#9B9B9B",
  functionColor: "#DCDCDC",
  numberColor: "#B8D7A3"
};

var xt256 = {
  lineNumberColor: "#eaeaea",
  lineNumberBgColor: "#000",
  backgroundColor: "#000",
  textColor: "#eaeaea",
  substringColor: "#eaeaea",
  keywordColor: "#fff000",
  attributeColor: "#ff00ff",
  selectorAttributeColor: "#000fff",
  docTagColor: "#eaeaea",
  nameColor: "#ff0000",
  builtInColor: "#ff00ff",
  literalColor: "#ff0000",
  bulletColor: "#00ff00",
  codeColor: "#eaeaea",
  additionColor: "#eaeaea",
  regexpColor: "#ff00ff",
  symbolColor: "#fff000",
  variableColor: "#00ffff",
  templateVariableColor: "#00ffff",
  linkColor: "#ff00ff",
  selectorClassColor: "#fff000",
  typeColor: "#eaeaea",
  stringColor: "#00ff00",
  selectorIdColor: "#00ffff",
  quoteColor: "#00ffff",
  templateTagColor: "#eaeaea",
  deletionColor: "#eaeaea",
  titleColor: "#00ffff",
  sectionColor: "#000fff",
  commentColor: "#969896",
  metaKeywordColor: "#eaeaea",
  metaColor: "#fff",
  functionColor: "#eaeaea",
  numberColor: "#ff0000"
};

var zenburn = {
  lineNumberColor: "#dcdcdc",
  lineNumberBgColor: "#3f3f3f",
  backgroundColor: "#3f3f3f",
  textColor: "#dcdcdc",
  substringColor: "#8f8f8f",
  keywordColor: "#e3ceab",
  attributeColor: "#efdcbc",
  selectorAttributeColor: "#e3ceab",
  docTagColor: "#dcdcdc",
  nameColor: "#efef8f",
  builtInColor: "#cc9393",
  literalColor: "#efefaf",
  bulletColor: "#dca3a3",
  codeColor: "#dcdcdc",
  additionColor: "#7f9f7f",
  regexpColor: "#dcdcdc",
  symbolColor: "#dca3a3",
  variableColor: "#efdcbc",
  templateVariableColor: "#efdcbc",
  linkColor: "#dca3a3",
  selectorClassColor: "#efef8f",
  typeColor: "#efef8f",
  stringColor: "#cc9393",
  selectorIdColor: "#efef8f",
  quoteColor: "#7f9f7f",
  templateTagColor: "#dcdcdc",
  deletionColor: "#cc9393",
  titleColor: "#efef8f",
  sectionColor: "#efef8f",
  commentColor: "#7f9f7f",
  metaKeywordColor: "#dcdcdc",
  metaColor: "#7f9f7f",
  functionColor: "#dcdcdc",
  numberColor: "#8cd0d3"
};


//# sourceMappingURL=react-code-blocks.esm.js.map


/***/ }),

/***/ "./node_modules/react-code-blocks/node_modules/styled-components/dist/styled-components.browser.esm.js":
/*!*************************************************************************************************************!*\
  !*** ./node_modules/react-code-blocks/node_modules/styled-components/dist/styled-components.browser.esm.js ***!
  \*************************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "ServerStyleSheet": () => (/* binding */ Je),
/* harmony export */   "StyleSheetConsumer": () => (/* binding */ le),
/* harmony export */   "StyleSheetContext": () => (/* binding */ ue),
/* harmony export */   "StyleSheetManager": () => (/* binding */ ye),
/* harmony export */   "ThemeConsumer": () => (/* binding */ Le),
/* harmony export */   "ThemeContext": () => (/* binding */ Ge),
/* harmony export */   "ThemeProvider": () => (/* binding */ Fe),
/* harmony export */   "__PRIVATE__": () => (/* binding */ Ke),
/* harmony export */   "createGlobalStyle": () => (/* binding */ We),
/* harmony export */   "css": () => (/* binding */ Ce),
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "isStyledComponent": () => (/* binding */ N),
/* harmony export */   "keyframes": () => (/* binding */ Ue),
/* harmony export */   "useTheme": () => (/* binding */ Ze),
/* harmony export */   "version": () => (/* binding */ C),
/* harmony export */   "withTheme": () => (/* binding */ Xe)
/* harmony export */ });
/* harmony import */ var react_is__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-is */ "./node_modules/react-is/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var shallowequal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shallowequal */ "./node_modules/shallowequal/index.js");
/* harmony import */ var shallowequal__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(shallowequal__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _emotion_stylis__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @emotion/stylis */ "./node_modules/@emotion/stylis/dist/stylis.browser.esm.js");
/* harmony import */ var _emotion_unitless__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/unitless */ "./node_modules/@emotion/unitless/dist/unitless.browser.esm.js");
/* harmony import */ var _emotion_is_prop_valid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/is-prop-valid */ "./node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.browser.esm.js");
/* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! hoist-non-react-statics */ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js");
/* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6__);
/* provided dependency */ var process = __webpack_require__(/*! process/browser */ "./node_modules/process/browser.js");
function v(){return(v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var g=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},S=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!(0,react_is__WEBPACK_IMPORTED_MODULE_0__.typeOf)(t)},w=Object.freeze([]),E=Object.freeze({});function b(e){return"function"==typeof e}function _(e){return true&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function N(e){return e&&"string"==typeof e.styledComponentId}var A="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",C="5.3.5",I="undefined"!=typeof window&&"HTMLElement"in window,P=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!=="development"),O={},R= true?{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\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:0;function D(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach((function(t){e=e.replace(/%[a-z]/,t)})),e}function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw false?0:new Error(D.apply(void 0,[R[e]].concat(n)).trim())}var T=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&j(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),x=new Map,k=new Map,V=1,B=function(e){if(x.has(e))return x.get(e);for(;k.has(V);)V++;var t=V++;return true&&((0|t)<0||t>1<<30)&&j(16,""+t),x.set(e,t),k.set(t,e),t},z=function(e){return k.get(e)},M=function(e,t){t>=V&&(V=t+1),x.set(e,t),k.set(t,e)},G="style["+A+'][data-styled-version="5.3.5"]',L=new RegExp("^"+A+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),F=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},Y=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(L);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(M(u,c),F(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(i)}}},q=function(){return"undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},H=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(A))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(A,"active"),r.setAttribute("data-styled-version","5.3.5");var i=q();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},$=function(){function e(e){var t=this.element=H(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}j(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),W=function(){function e(e){var t=this.element=H(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),U=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),J=I,X={isServer:!I,useCSSOMInjection:!P},Z=function(){function e(e,t,n){void 0===e&&(e=E),void 0===t&&(t={}),this.options=v({},X,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&I&&J&&(J=!1,function(e){for(var t=document.querySelectorAll(G),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(A)&&(Y(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return B(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(v({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new U(o):r?new $(o):new W(o),new T(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(B(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(B(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(B(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=z(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=A+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+",")})),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n'}}}return r}(this)},e}(),K=/(a)(d)/gi,Q=function(e){return String.fromCharCode(e+(e>25?39:97))};function ee(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Q(t%52)+n;return(Q(t%52)+n).replace(K,"$1-$2")}var te=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},ne=function(e){return te(5381,e)};function re(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(b(n)&&!N(n))return!1}return!0}var oe=ne("5.3.5"),se=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic= false&&0,this.componentId=t,this.baseHash=te(oe,t),this.baseStyle=n,Z.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=Ne(this.rules,e,t,n).join(""),i=ee(te(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=te(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h, true&&(u=te(u,h+d));else if(h){var p=Ne(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=te(u,f+d),l+=f}}if(l){var m=ee(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),ie=/^\s*\/\/.*$/gm,ae=[":","[",".","#"];function ce(e){var t,n,r,o,s=void 0===e?E:e,i=s.options,a=void 0===i?E:i,c=s.plugins,u=void 0===c?w:c,l=new _emotion_stylis__WEBPACK_IMPORTED_MODULE_3__["default"](a),d=[],h=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){d.push(e)})),f=function(e,r,s){return 0===r&&-1!==ae.indexOf(s[n.length])||s.match(o)?e:"."+t};function m(e,s,i,a){void 0===a&&(a="&");var c=e.replace(ie,""),u=s&&i?i+" "+s+" { "+c+" }":c;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},h,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||j(15),te(e,t.name)}),5381).toString():"",m}var ue=react__WEBPACK_IMPORTED_MODULE_1___default().createContext(),le=ue.Consumer,de=react__WEBPACK_IMPORTED_MODULE_1___default().createContext(),he=(de.Consumer,new Z),pe=ce();function fe(){return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ue)||he}function me(){return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(de)||pe}function ye(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(e.stylisPlugins),n=t[0],s=t[1],c=fe(),u=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),l=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)((function(){shallowequal__WEBPACK_IMPORTED_MODULE_2___default()(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ue.Provider,{value:u},react__WEBPACK_IMPORTED_MODULE_1___default().createElement(de.Provider,{value:l}, true?react__WEBPACK_IMPORTED_MODULE_1___default().Children.only(e.children):0))}var ve=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=pe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return j(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=pe),this.name+e.hash},e}(),ge=/([A-Z])/,Se=/([A-Z])/g,we=/^ms-/,Ee=function(e){return"-"+e.toLowerCase()};function be(e){return ge.test(e)?e.replace(Se,Ee).replace(we,"-ms-"):e}var _e=function(e){return null==e||!1===e||""===e};function Ne(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)""!==(s=Ne(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(_e(e))return"";if(N(e))return"."+e.styledComponentId;if(b(e)){if("function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n)return e;var u=e(n);return true&&(0,react_is__WEBPACK_IMPORTED_MODULE_0__.isElement)(u)&&console.warn(_(e)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),Ne(u,n,r,o)}var l;return e instanceof ve?r?(e.inject(r,o),e.getName(o)):e:S(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!_e(t[i])&&(Array.isArray(t[i])&&t[i].isCss||b(t[i])?s.push(be(i)+":",t[i],";"):S(t[i])?s.push.apply(s,e(t[i],i)):s.push(be(i)+": "+(r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in _emotion_unitless__WEBPACK_IMPORTED_MODULE_4__["default"]?String(o).trim():o+"px")+";"));return n?[n+" {"].concat(s,["}"]):s}(e):e.toString()}var Ae=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ce(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return b(e)||S(e)?Ae(Ne(g(w,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:Ae(Ne(g(e,n)))}var Ie=/invalid hook call/i,Pe=new Set,Oe=function(e,t){if(true){var n="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",r=console.error;try{var o=!0;console.error=function(e){if(Ie.test(e))o=!1,Pe.delete(n);else{for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];r.apply(void 0,[e].concat(s))}},(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),o&&!Pe.has(n)&&(console.warn(n),Pe.add(n))}catch(e){Ie.test(e.message)&&Pe.delete(n)}finally{console.error=r}}},Re=function(e,t,n){return void 0===n&&(n=E),e.theme!==n.theme&&e.theme||t||n.theme},De=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,je=/(^-|-$)/g;function Te(e){return e.replace(De,"-").replace(je,"")}var xe=function(e){return ee(ne(e)>>>0)};function ke(e){return"string"==typeof e&&( false||e.charAt(0)===e.charAt(0).toLowerCase())}var Ve=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Be=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ze(e,t,n){var r=e[n];Ve(t)&&Ve(r)?Me(r,t):e[n]=t}function Me(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(Ve(i))for(var a in i)Be(a)&&ze(e,i[a],a)}return e}var Ge=react__WEBPACK_IMPORTED_MODULE_1___default().createContext(),Le=Ge.Consumer;function Fe(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge),n=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((function(){return function(e,t){if(!e)return j(14);if(b(e)){var n=e(t);return false||null!==n&&!Array.isArray(n)&&"object"==typeof n?n:j(7)}return Array.isArray(e)||"object"!=typeof e?j(8):t?v({},t,{},e):e}(e.theme,t)}),[e.theme,t]);return e.children?react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Ge.Provider,{value:n},e.children):null}var Ye={};function qe(e,t,n){var o=N(e),i=!ke(e),a=t.attrs,c=void 0===a?w:a,d=t.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":Te(e);Ye[n]=(Ye[n]||0)+1;var r=n+"-"+xe("5.3.5"+n+Ye[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,f=void 0===p?function(e){return ke(e)?"styled."+e:"Styled("+_(e)+")"}(e):p,g=t.displayName&&t.componentId?Te(t.displayName)+"-"+t.componentId:t.componentId||h,S=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new se(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target; true&&(0,react__WEBPACK_IMPORTED_MODULE_1__.useDebugValue)(h);var f=function(e,t,n){void 0===e&&(e=E);var r=v({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in b(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t]})),[r,o]}(Re(t,(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge),a)||E,t,o),y=f[0],g=f[1],S=function(e,t,n,r){var o=fe(),s=me(),i=t?e.generateAndInjectStyles(E,o,s):e.generateAndInjectStyles(n,o,s);return true&&(0,react__WEBPACK_IMPORTED_MODULE_1__.useDebugValue)(i), true&&!t&&r&&r(i),i}(i,r,y, true?e.warnTooManyClasses:0),w=n,_=g.$as||t.$as||g.as||t.as||p,N=ke(_),A=g!==t?v({},t,{},g):t,C={};for(var I in A)"$"!==I[0]&&"as"!==I&&("forwardedAs"===I?C.as=A[I]:(d?d(I,_emotion_is_prop_valid__WEBPACK_IMPORTED_MODULE_5__["default"],_):!N||(0,_emotion_is_prop_valid__WEBPACK_IMPORTED_MODULE_5__["default"])(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=v({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),C.ref=w,(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(_,C)}(C,e,t,P)};return O.displayName=f,(C=react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(O)).attrs=S,C.componentStyle=I,C.displayName=f,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):w,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=r&&r+"-"+(ke(e)?e:Te(_(e)));return qe(e,v({},o,{attrs:S,componentId:s}),n)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Me({},e.defaultProps,t):t}}), true&&(Oe(f,g),C.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'+t+'"':"";console.warn("Over 200 classes were generated for component "+e+s+".\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 />"),r=!0,n={}}}}(f,g)),C.toString=function(){return"."+C.styledComponentId},i&&hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6___default()(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var He=function(e){return function e(t,r,o){if(void 0===o&&(o=E),!(0,react_is__WEBPACK_IMPORTED_MODULE_0__.isValidElementType)(r))return j(1,String(r));var s=function(){return t(r,o,Ce.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,v({},o,{},n))},s.attrs=function(n){return e(t,r,v({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(qe,e)};["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","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){He[e]=He(e)}));var $e=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=re(e),Z.registerId(this.componentId+1)}var t=e.prototype;return t.createStyles=function(e,t,n,r){var o=r(Ne(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&Z.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}();function We(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var i=Ce.apply(void 0,[e].concat(n)),a="sc-global-"+xe(JSON.stringify(i)),u=new $e(i,a);function l(e){var t=fe(),n=me(),o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge),l=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(t.allocateGSInstance(a)).current;return true&&react__WEBPACK_IMPORTED_MODULE_1___default().Children.count(e.children)&&console.warn("The global style component "+a+" was given child JSX. createGlobalStyle does not render children."), true&&i.some((function(e){return"string"==typeof e&&-1!==e.indexOf("@import")}))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&h(l,e,t,o,n),(0,react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)((function(){if(!t.server)return h(l,e,t,o,n),function(){return u.removeStyles(l,t)}}),[l,e,t,o,n]),null}function h(e,t,n,r,o){if(u.isStatic)u.renderStyles(e,O,n,o);else{var s=v({},t,{theme:Re(t,r,l.defaultProps)});u.renderStyles(e,s,n,o)}}return true&&Oe(a),react__WEBPACK_IMPORTED_MODULE_1___default().memo(l)}function Ue(e){ true&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=Ce.apply(void 0,[e].concat(n)).join(""),s=xe(o);return new ve(s,o)}var Je=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=q();return"<style "+[n&&'nonce="'+n+'"',A+'="true"','data-styled-version="5.3.5"'].filter(Boolean).join(" ")+">"+t+"</style>"},this.getStyleTags=function(){return e.sealed?j(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return j(2);var n=((t={})[A]="",t["data-styled-version"]="5.3.5",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=q();return o&&(n.nonce=o),[react__WEBPACK_IMPORTED_MODULE_1___default().createElement("style",v({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Z({isServer:!0}),this.sealed=!1}var t=e.prototype;return t.collectStyles=function(e){return this.sealed?j(2):react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ye,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return j(3)},e}(),Xe=function(e){var t=react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef((function(t,n){var o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge),i=e.defaultProps,a=Re(t,o,i);return true&&void 0===a&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'+_(e)+'"'),react__WEBPACK_IMPORTED_MODULE_1___default().createElement(e,v({},t,{theme:a,ref:n}))}));return hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_6___default()(t,e),t.displayName="WithTheme("+_(e)+")",t},Ze=function(){return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge)},Ke={StyleSheet:Z,masterSheet:he}; true&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&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"), true&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,1===window["__styled-components-init__"]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window["__styled-components-init__"]+=1);/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (He);
//# sourceMappingURL=styled-components.browser.esm.js.map


/***/ }),

/***/ "./node_modules/shallowequal/index.js":
/*!********************************************!*\
  !*** ./node_modules/shallowequal/index.js ***!
  \********************************************/
/***/ ((module) => {

//

module.exports = function shallowEqual(objA, objB, compare, compareContext) {
  var ret = compare ? compare.call(compareContext, objA, objB) : void 0;

  if (ret !== void 0) {
    return !!ret;
  }

  if (objA === objB) {
    return true;
  }

  if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
    return false;
  }

  var keysA = Object.keys(objA);
  var keysB = Object.keys(objB);

  if (keysA.length !== keysB.length) {
    return false;
  }

  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);

  // Test for A's keys different from B.
  for (var idx = 0; idx < keysA.length; idx++) {
    var key = keysA[idx];

    if (!bHasOwnProperty(key)) {
      return false;
    }

    var valueA = objA[key];
    var valueB = objB[key];

    ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;

    if (ret === false || (ret === void 0 && valueA !== valueB)) {
      return false;
    }
  }

  return true;
};


/***/ })

}]);
//# sourceMappingURL=vendors-node_modules_react-code-blocks_dist_react-code-blocks_esm_js.eba33c910b2be35da16f.js.map