@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/components/LayoutFlex/tests/DataOverride.js

@@ -1,43 +1,67 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React__default, { useRef, useContext, useDebugValue, createElement } from "react";
-import { LayoutFlex } from "../LayoutFlex.js";
+import { n as __toESM, t as __commonJSMin } from "../../../chunk-BVTlhY3a.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
+import React, { createElement, useContext, useDebugValue, useEffect, useMemo, useRef, useState } from "react";
+//#region ../../node_modules/styled-components/node_modules/tslib/tslib.es6.mjs
 var __assign = function() {
-  __assign = Object.assign || function __assign2(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-function __spreadArray(to, from2, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from2.length, ar; i < l; i++) {
-    if (ar || !(i in from2)) {
-      if (!ar) ar = Array.prototype.slice.call(from2, 0, i);
-      ar[i] = from2[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from2));
-}
-typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+	__assign = Object.assign || function __assign(t) {
+		for (var s, i = 1, n = arguments.length; i < n; i++) {
+			s = arguments[i];
+			for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+		}
+		return t;
+	};
+	return __assign.apply(this, arguments);
 };
+function __spreadArray(to, from, pack) {
+	if (pack || arguments.length === 2) {
+		for (var i = 0, l = from.length, ar; i < l; i++) if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+			ar[i] = from[i];
+		}
+	}
+	return to.concat(ar || Array.prototype.slice.call(from));
+}
+//#endregion
+//#region ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
 function memoize(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0) cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
+	var cache = Object.create(null);
+	return function(arg) {
+		if (cache[arg] === void 0) cache[arg] = fn(arg);
+		return cache[arg];
+	};
+}
+//#endregion
+//#region ../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.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|disableRemotePlayback|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)-.*))$/;
-var isPropValid = /* @__PURE__ */ memoize(
-  function(prop) {
-    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
+var isPropValid = /* @__PURE__ */ memoize(function(prop) {
+	return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+});
+//#endregion
+//#region ../../node_modules/shallowequal/index.js
+var require_shallowequal = /* @__PURE__ */ __commonJSMin(((exports, 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);
+		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;
+	};
+}));
+//#endregion
+//#region ../../node_modules/stylis/src/Enum.js
 var MS = "-ms-";
 var MOZ = "-moz-";
 var WEBKIT = "-webkit-";
@@ -47,1218 +71,1599 @@ var DECLARATION = "decl";
 var IMPORT = "@import";
 var KEYFRAMES = "@keyframes";
 var LAYER = "@layer";
+//#endregion
+//#region ../../node_modules/stylis/src/Utility.js
+/**
+* @param {number}
+* @return {number}
+*/
 var abs = Math.abs;
+/**
+* @param {number}
+* @return {string}
+*/
 var from = String.fromCharCode;
+/**
+* @param {object}
+* @return {object}
+*/
 var assign = Object.assign;
-function hash(value, length2) {
-  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
-}
+/**
+* @param {string} value
+* @param {number} length
+* @return {number}
+*/
+function hash(value, length) {
+	return charat(value, 0) ^ 45 ? (((length << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
+}
+/**
+* @param {string} value
+* @return {string}
+*/
 function trim(value) {
-  return value.trim();
+	return value.trim();
 }
+/**
+* @param {string} value
+* @param {RegExp} pattern
+* @return {string?}
+*/
 function match(value, pattern) {
-  return (value = pattern.exec(value)) ? value[0] : value;
-}
+	return (value = pattern.exec(value)) ? value[0] : value;
+}
+/**
+* @param {string} value
+* @param {(string|RegExp)} pattern
+* @param {string} replacement
+* @return {string}
+*/
 function replace(value, pattern, replacement) {
-  return value.replace(pattern, replacement);
-}
-function indexof(value, search, position2) {
-  return value.indexOf(search, position2);
-}
+	return value.replace(pattern, replacement);
+}
+/**
+* @param {string} value
+* @param {string} search
+* @param {number} position
+* @return {number}
+*/
+function indexof(value, search, position) {
+	return value.indexOf(search, position);
+}
+/**
+* @param {string} value
+* @param {number} index
+* @return {number}
+*/
 function charat(value, index) {
-  return value.charCodeAt(index) | 0;
-}
+	return value.charCodeAt(index) | 0;
+}
+/**
+* @param {string} value
+* @param {number} begin
+* @param {number} end
+* @return {string}
+*/
 function substr(value, begin, end) {
-  return value.slice(begin, end);
+	return value.slice(begin, end);
 }
+/**
+* @param {string} value
+* @return {number}
+*/
 function strlen(value) {
-  return value.length;
+	return value.length;
 }
+/**
+* @param {any[]} value
+* @return {number}
+*/
 function sizeof(value) {
-  return value.length;
+	return value.length;
 }
+/**
+* @param {any} value
+* @param {any[]} array
+* @return {any}
+*/
 function append(value, array) {
-  return array.push(value), value;
+	return array.push(value), value;
 }
+/**
+* @param {string[]} array
+* @param {function} callback
+* @return {string}
+*/
 function combine(array, callback) {
-  return array.map(callback).join("");
+	return array.map(callback).join("");
 }
+/**
+* @param {string[]} array
+* @param {RegExp} pattern
+* @return {string[]}
+*/
 function filter(array, pattern) {
-  return array.filter(function(value) {
-    return !match(value, pattern);
-  });
+	return array.filter(function(value) {
+		return !match(value, pattern);
+	});
 }
+//#endregion
+//#region ../../node_modules/stylis/src/Tokenizer.js
 var line = 1;
 var column = 1;
 var length = 0;
 var position = 0;
 var character = 0;
 var characters = "";
-function node(value, root, parent, type, props, children, length2, siblings) {
-  return { value, root, parent, type, props, children, line, column, length: length2, return: "", siblings };
-}
+/**
+* @param {string} value
+* @param {object | null} root
+* @param {object | null} parent
+* @param {string} type
+* @param {string[] | string} props
+* @param {object[] | string} children
+* @param {object[]} siblings
+* @param {number} length
+*/
+function node(value, root, parent, type, props, children, length, siblings) {
+	return {
+		value,
+		root,
+		parent,
+		type,
+		props,
+		children,
+		line,
+		column,
+		length,
+		return: "",
+		siblings
+	};
+}
+/**
+* @param {object} root
+* @param {object} props
+* @return {object}
+*/
 function copy(root, props) {
-  return assign(node("", null, null, "", null, null, 0, root.siblings), root, { length: -root.length }, props);
+	return assign(node("", null, null, "", null, null, 0, root.siblings), root, { length: -root.length }, props);
 }
+/**
+* @param {object} root
+*/
 function lift(root) {
-  while (root.root)
-    root = copy(root.root, { children: [root] });
-  append(root, root.siblings);
+	while (root.root) root = copy(root.root, { children: [root] });
+	append(root, root.siblings);
 }
+/**
+* @return {number}
+*/
 function char() {
-  return character;
+	return character;
 }
+/**
+* @return {number}
+*/
 function prev() {
-  character = position > 0 ? charat(characters, --position) : 0;
-  if (column--, character === 10)
-    column = 1, line--;
-  return character;
+	character = position > 0 ? charat(characters, --position) : 0;
+	if (column--, character === 10) column = 1, line--;
+	return character;
 }
+/**
+* @return {number}
+*/
 function next() {
-  character = position < length ? charat(characters, position++) : 0;
-  if (column++, character === 10)
-    column = 1, line++;
-  return character;
+	character = position < length ? charat(characters, position++) : 0;
+	if (column++, character === 10) column = 1, line++;
+	return character;
 }
+/**
+* @return {number}
+*/
 function peek() {
-  return charat(characters, position);
+	return charat(characters, position);
 }
+/**
+* @return {number}
+*/
 function caret() {
-  return position;
+	return position;
 }
+/**
+* @param {number} begin
+* @param {number} end
+* @return {string}
+*/
 function slice(begin, end) {
-  return substr(characters, begin, end);
+	return substr(characters, begin, end);
 }
+/**
+* @param {number} type
+* @return {number}
+*/
 function token(type) {
-  switch (type) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
+	switch (type) {
+		case 0:
+		case 9:
+		case 10:
+		case 13:
+		case 32: return 5;
+		case 33:
+		case 43:
+		case 44:
+		case 47:
+		case 62:
+		case 64:
+		case 126:
+		case 59:
+		case 123:
+		case 125: return 4;
+		case 58: return 3;
+		case 34:
+		case 39:
+		case 40:
+		case 91: return 2;
+		case 41:
+		case 93: return 1;
+	}
+	return 0;
+}
+/**
+* @param {string} value
+* @return {any[]}
+*/
 function alloc(value) {
-  return line = column = 1, length = strlen(characters = value), position = 0, [];
+	return line = column = 1, length = strlen(characters = value), position = 0, [];
 }
+/**
+* @param {any} value
+* @return {any}
+*/
 function dealloc(value) {
-  return characters = "", value;
+	return characters = "", value;
 }
+/**
+* @param {number} type
+* @return {string}
+*/
 function delimit(type) {
-  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
+	return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
 }
+/**
+* @param {number} type
+* @return {string}
+*/
 function whitespace(type) {
-  while (character = peek())
-    if (character < 33)
-      next();
-    else
-      break;
-  return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
+	while (character = peek()) if (character < 33) next();
+	else break;
+	return token(type) > 2 || token(character) > 3 ? "" : " ";
+}
+/**
+* @param {number} index
+* @param {number} count
+* @return {string}
+*/
 function escaping(index, count) {
-  while (--count && next())
-    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
-      break;
-  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
+	while (--count && next()) if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97) break;
+	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
 }
+/**
+* @param {number} type
+* @return {number}
+*/
 function delimiter(type) {
-  while (next())
-    switch (character) {
-      // ] ) " '
-      case type:
-        return position;
-      // " '
-      case 34:
-      case 39:
-        if (type !== 34 && type !== 39)
-          delimiter(character);
-        break;
-      // (
-      case 40:
-        if (type === 41)
-          delimiter(type);
-        break;
-      // \
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
+	while (next()) switch (character) {
+		case type: return position;
+		case 34:
+		case 39:
+			if (type !== 34 && type !== 39) delimiter(character);
+			break;
+		case 40:
+			if (type === 41) delimiter(type);
+			break;
+		case 92:
+			next();
+			break;
+	}
+	return position;
+}
+/**
+* @param {number} type
+* @param {number} index
+* @return {number}
+*/
 function commenter(type, index) {
-  while (next())
-    if (type + character === 47 + 10)
-      break;
-    else if (type + character === 42 + 42 && peek() === 47)
-      break;
-  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
+	while (next()) if (type + character === 57) break;
+	else if (type + character === 84 && peek() === 47) break;
+	return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
+}
+/**
+* @param {number} index
+* @return {string}
+*/
 function identifier(index) {
-  while (!token(peek()))
-    next();
-  return slice(index, position);
-}
+	while (!token(peek())) next();
+	return slice(index, position);
+}
+//#endregion
+//#region ../../node_modules/stylis/src/Parser.js
+/**
+* @param {string} value
+* @return {object[]}
+*/
 function compile(value) {
-  return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
-}
+	return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
+}
+/**
+* @param {string} value
+* @param {object} root
+* @param {object?} parent
+* @param {string[]} rule
+* @param {string[]} rules
+* @param {string[]} rulesets
+* @param {number[]} pseudo
+* @param {number[]} points
+* @param {string[]} declarations
+* @return {object}
+*/
 function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-  var index = 0;
-  var offset = 0;
-  var length2 = pseudo;
-  var atrule = 0;
-  var property = 0;
-  var previous = 0;
-  var variable = 1;
-  var scanning = 1;
-  var ampersand = 1;
-  var character2 = 0;
-  var type = "";
-  var props = rules;
-  var children = rulesets;
-  var reference = rule;
-  var characters2 = type;
-  while (scanning)
-    switch (previous = character2, character2 = next()) {
-      // (
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f", abs(index ? points[index - 1] : 0)) != -1)
-            ampersand = -1;
-          break;
-        }
-      // " ' [
-      case 34:
-      case 39:
-      case 91:
-        characters2 += delimit(character2);
-        break;
-      // \t \n \r \s
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        characters2 += whitespace(previous);
-        break;
-      // \
-      case 92:
-        characters2 += escaping(caret() - 1, 7);
-        continue;
-      // /
-      case 47:
-        switch (peek()) {
-          case 42:
-          case 47:
-            append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
-            break;
-          default:
-            characters2 += "/";
-        }
-        break;
-      // {
-      case 123 * variable:
-        points[index++] = strlen(characters2) * ampersand;
-      // } ; \0
-      case 125 * variable:
-      case 59:
-      case 0:
-        switch (character2) {
-          // \0 }
-          case 0:
-          case 125:
-            scanning = 0;
-          // ;
-          case 59 + offset:
-            if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
-            if (property > 0 && strlen(characters2) - length2)
-              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
-            break;
-          // @ ;
-          case 59:
-            characters2 += ";";
-          // { rule/at-rule
-          default:
-            append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2, rulesets), rulesets);
-            if (character2 === 123)
-              if (offset === 0)
-                parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
-              else
-                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
-                  // d l m s
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2, children), children), rules, children, length2, points, rule ? props : children);
-                    break;
-                  default:
-                    parse(characters2, reference, reference, reference, [""], children, 0, points, children);
-                }
-        }
-        index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
-        break;
-      // :
-      case 58:
-        length2 = 1 + strlen(characters2), property = previous;
-      default:
-        if (variable < 1) {
-          if (character2 == 123)
-            --variable;
-          else if (character2 == 125 && variable++ == 0 && prev() == 125)
-            continue;
-        }
-        switch (characters2 += from(character2), character2 * variable) {
-          // &
-          case 38:
-            ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
-            break;
-          // ,
-          case 44:
-            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
-            break;
-          // @
-          case 64:
-            if (peek() === 45)
-              characters2 += delimit(next());
-            atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          // -
-          case 45:
-            if (previous === 45 && strlen(characters2) == 2)
-              variable = 0;
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2, siblings) {
-  var post = offset - 1;
-  var rule = offset === 0 ? rules : [""];
-  var size = sizeof(rule);
-  for (var i = 0, j2 = 0, k2 = 0; i < index; ++i)
-    for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j2 = points[i])), z2 = value; x2 < size; ++x2)
-      if (z2 = trim(j2 > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2])))
-        props[k2++] = z2;
-  return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2, siblings);
-}
+	var index = 0;
+	var offset = 0;
+	var length = pseudo;
+	var atrule = 0;
+	var property = 0;
+	var previous = 0;
+	var variable = 1;
+	var scanning = 1;
+	var ampersand = 1;
+	var character = 0;
+	var type = "";
+	var props = rules;
+	var children = rulesets;
+	var reference = rule;
+	var characters = type;
+	while (scanning) switch (previous = character, character = next()) {
+		case 40: if (previous != 108 && charat(characters, length - 1) == 58) {
+			if (indexof(characters += replace(delimit(character), "&", "&\f"), "&\f", abs(index ? points[index - 1] : 0)) != -1) ampersand = -1;
+			break;
+		}
+		case 34:
+		case 39:
+		case 91:
+			characters += delimit(character);
+			break;
+		case 9:
+		case 10:
+		case 13:
+		case 32:
+			characters += whitespace(previous);
+			break;
+		case 92:
+			characters += escaping(caret() - 1, 7);
+			continue;
+		case 47:
+			switch (peek()) {
+				case 42:
+				case 47:
+					append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
+					break;
+				default: characters += "/";
+			}
+			break;
+		case 123 * variable: points[index++] = strlen(characters) * ampersand;
+		case 125 * variable:
+		case 59:
+		case 0:
+			switch (character) {
+				case 0:
+				case 125: scanning = 0;
+				case 59 + offset:
+					if (ampersand == -1) characters = replace(characters, /\f/g, "");
+					if (property > 0 && strlen(characters) - length) append(property > 32 ? declaration(characters + ";", rule, parent, length - 1, declarations) : declaration(replace(characters, " ", "") + ";", rule, parent, length - 2, declarations), declarations);
+					break;
+				case 59: characters += ";";
+				default:
+					append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets);
+					if (character === 123) if (offset === 0) parse(characters, root, reference, reference, props, rulesets, length, points, children);
+					else switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
+						case 100:
+						case 108:
+						case 109:
+						case 115:
+							parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children);
+							break;
+						default: parse(characters, reference, reference, reference, [""], children, 0, points, children);
+					}
+			}
+			index = offset = property = 0, variable = ampersand = 1, type = characters = "", length = pseudo;
+			break;
+		case 58: length = 1 + strlen(characters), property = previous;
+		default:
+			if (variable < 1) {
+				if (character == 123) --variable;
+				else if (character == 125 && variable++ == 0 && prev() == 125) continue;
+			}
+			switch (characters += from(character), character * variable) {
+				case 38:
+					ampersand = offset > 0 ? 1 : (characters += "\f", -1);
+					break;
+				case 44:
+					points[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1;
+					break;
+				case 64:
+					if (peek() === 45) characters += delimit(next());
+					atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++;
+					break;
+				case 45: if (previous === 45 && strlen(characters) == 2) variable = 0;
+			}
+	}
+	return rulesets;
+}
+/**
+* @param {string} value
+* @param {object} root
+* @param {object?} parent
+* @param {number} index
+* @param {number} offset
+* @param {string[]} rules
+* @param {number[]} points
+* @param {string} type
+* @param {string[]} props
+* @param {string[]} children
+* @param {number} length
+* @param {object[]} siblings
+* @return {object}
+*/
+function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {
+	var post = offset - 1;
+	var rule = offset === 0 ? rules : [""];
+	var size = sizeof(rule);
+	for (var i = 0, j = 0, k = 0; i < index; ++i) for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x) if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x]))) props[k++] = z;
+	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings);
+}
+/**
+* @param {number} value
+* @param {object} root
+* @param {object?} parent
+* @param {object[]} siblings
+* @return {object}
+*/
 function comment(value, root, parent, siblings) {
-  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
-}
-function declaration(value, root, parent, length2, siblings) {
-  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings);
-}
-function prefix(value, length2, children) {
-  switch (hash(value, length2)) {
-    // color-adjust
-    case 5103:
-      return WEBKIT + "print-" + value + value;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return WEBKIT + value + value;
-    // tab-size
-    case 4789:
-      return MOZ + value + value;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return WEBKIT + value + MOZ + value + MS + value + value;
-    // writing-mode
-    case 5936:
-      switch (charat(value, length2 + 11)) {
-        // vertical-l(r)
-        case 114:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
-        // vertical-r(l)
-        case 108:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
-        // horizontal(-)tb
-        case 45:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
-      }
-    // flex, flex-direction, scroll-snap-type, writing-mode
-    case 6828:
-    case 4268:
-    case 2903:
-      return WEBKIT + value + MS + value + value;
-    // order
-    case 6165:
-      return WEBKIT + value + MS + "flex-" + value + value;
-    // align-items
-    case 5187:
-      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
-    // align-self
-    case 5443:
-      return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/g, "") + (!match(value, /flex-|baseline/) ? MS + "grid-row-" + replace(value, /flex-|-self/g, "") : "") + value;
-    // align-content
-    case 4675:
-      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/g, "") + value;
-    // flex-shrink
-    case 5548:
-      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
-    // flex-basis
-    case 5292:
-      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
-    // flex-grow
-    case 6060:
-      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
-    // transition
-    case 4554:
-      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
-    // cursor
-    case 6187:
-      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
-    // justify-content
-    case 4968:
-      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
-    // justify-self
-    case 4200:
-      if (!match(value, /flex-|baseline/)) return MS + "grid-column-align" + substr(value, length2) + value;
-      break;
-    // grid-template-(columns|rows)
-    case 2592:
-    case 3360:
-      return MS + replace(value, "template-", "") + value;
-    // grid-(row|column)-start
-    case 4384:
-    case 3616:
-      if (children && children.some(function(element, index) {
-        return length2 = index, match(element.props, /grid-\w+-end/);
-      })) {
-        return ~indexof(value + (children = children[length2].value), "span", 0) ? value : MS + replace(value, "-start", "") + value + MS + "grid-row-span:" + (~indexof(children, "span", 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ";";
-      }
-      return MS + replace(value, "-start", "") + value;
-    // grid-(row|column)-end
-    case 4896:
-    case 4128:
-      return children && children.some(function(element) {
-        return match(element.props, /grid-\w+-start/);
-      }) ? value : MS + replace(replace(value, "-end", "-span"), "span ", "") + value;
-    // (margin|padding)-inline-(start|end)
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (strlen(value) - 1 - length2 > 6)
-        switch (charat(value, length2 + 1)) {
-          // (m)ax-content, (m)in-content
-          case 109:
-            if (charat(value, length2 + 4) !== 45)
-              break;
-          // (f)ill-available, (f)it-content
-          case 102:
-            return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
-          // (s)tretch
-          case 115:
-            return ~indexof(value, "stretch", 0) ? prefix(replace(value, "stretch", "fill-available"), length2, children) + value : value;
-        }
-      break;
-    // grid-(column|row)
-    case 5152:
-    case 5920:
-      return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_2, a, b2, c, d, e, f2) {
-        return MS + a + ":" + b2 + f2 + (c ? MS + a + "-span:" + (d ? e : +e - +b2) + f2 : "") + value;
-      });
-    // position: sticky
-    case 4949:
-      if (charat(value, length2 + 6) === 121)
-        return replace(value, ":", ":" + WEBKIT) + value;
-      break;
-    // display: (flex|inline-flex|grid|inline-grid)
-    case 6444:
-      switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
-        // (inline-)?fle(x)
-        case 120:
-          return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
-        // (inline-)?gri(d)
-        case 100:
-          return replace(value, ":", ":" + MS) + value;
-      }
-      break;
-    // scroll-margin, scroll-margin-(top|right|bottom|left)
-    case 5719:
-    case 2647:
-    case 2135:
-    case 3927:
-    case 2391:
-      return replace(value, "scroll-", "scroll-snap-") + value;
-  }
-  return value;
-}
+	return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
+}
+/**
+* @param {string} value
+* @param {object} root
+* @param {object?} parent
+* @param {number} length
+* @param {object[]} siblings
+* @return {object}
+*/
+function declaration(value, root, parent, length, siblings) {
+	return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings);
+}
+//#endregion
+//#region ../../node_modules/stylis/src/Prefixer.js
+/**
+* @param {string} value
+* @param {number} length
+* @param {object[]} children
+* @return {string}
+*/
+function prefix(value, length, children) {
+	switch (hash(value, length)) {
+		case 5103: return WEBKIT + "print-" + value + value;
+		case 5737:
+		case 4201:
+		case 3177:
+		case 3433:
+		case 1641:
+		case 4457:
+		case 2921:
+		case 5572:
+		case 6356:
+		case 5844:
+		case 3191:
+		case 6645:
+		case 3005:
+		case 6391:
+		case 5879:
+		case 5623:
+		case 6135:
+		case 4599:
+		case 4855:
+		case 4215:
+		case 6389:
+		case 5109:
+		case 5365:
+		case 5621:
+		case 3829: return WEBKIT + value + value;
+		case 4789: return MOZ + value + value;
+		case 5349:
+		case 4246:
+		case 4810:
+		case 6968:
+		case 2756: return WEBKIT + value + MOZ + value + MS + value + value;
+		case 5936: switch (charat(value, length + 11)) {
+			case 114: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
+			case 108: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
+			case 45: return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
+		}
+		case 6828:
+		case 4268:
+		case 2903: return WEBKIT + value + MS + value + value;
+		case 6165: return WEBKIT + value + MS + "flex-" + value + value;
+		case 5187: return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
+		case 5443: return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/g, "") + (!match(value, /flex-|baseline/) ? MS + "grid-row-" + replace(value, /flex-|-self/g, "") : "") + value;
+		case 4675: return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/g, "") + value;
+		case 5548: return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
+		case 5292: return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
+		case 6060: return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
+		case 4554: return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
+		case 6187: return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
+		case 5495:
+		case 3959: return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
+		case 4968: return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
+		case 4200:
+			if (!match(value, /flex-|baseline/)) return MS + "grid-column-align" + substr(value, length) + value;
+			break;
+		case 2592:
+		case 3360: return MS + replace(value, "template-", "") + value;
+		case 4384:
+		case 3616:
+			if (children && children.some(function(element, index) {
+				return length = index, match(element.props, /grid-\w+-end/);
+			})) return ~indexof(value + (children = children[length].value), "span", 0) ? value : MS + replace(value, "-start", "") + value + MS + "grid-row-span:" + (~indexof(children, "span", 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ";";
+			return MS + replace(value, "-start", "") + value;
+		case 4896:
+		case 4128: return children && children.some(function(element) {
+			return match(element.props, /grid-\w+-start/);
+		}) ? value : MS + replace(replace(value, "-end", "-span"), "span ", "") + value;
+		case 4095:
+		case 3583:
+		case 4068:
+		case 2532: return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
+		case 8116:
+		case 7059:
+		case 5753:
+		case 5535:
+		case 5445:
+		case 5701:
+		case 4933:
+		case 4677:
+		case 5533:
+		case 5789:
+		case 5021:
+		case 4765:
+			if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
+				case 109: if (charat(value, length + 4) !== 45) break;
+				case 102: return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length + 3) == 108 ? "$3" : "$2-$3")) + value;
+				case 115: return ~indexof(value, "stretch", 0) ? prefix(replace(value, "stretch", "fill-available"), length, children) + value : value;
+			}
+			break;
+		case 5152:
+		case 5920: return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_, a, b, c, d, e, f) {
+			return MS + a + ":" + b + f + (c ? MS + a + "-span:" + (d ? e : +e - +b) + f : "") + value;
+		});
+		case 4949:
+			if (charat(value, length + 6) === 121) return replace(value, ":", ":" + WEBKIT) + value;
+			break;
+		case 6444:
+			switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
+				case 120: return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
+				case 100: return replace(value, ":", ":" + MS) + value;
+			}
+			break;
+		case 5719:
+		case 2647:
+		case 2135:
+		case 3927:
+		case 2391: return replace(value, "scroll-", "scroll-snap-") + value;
+	}
+	return value;
+}
+//#endregion
+//#region ../../node_modules/stylis/src/Serializer.js
+/**
+* @param {object[]} children
+* @param {function} callback
+* @return {string}
+*/
 function serialize(children, callback) {
-  var output = "";
-  for (var i = 0; i < children.length; i++)
-    output += callback(children[i], i, children, callback) || "";
-  return output;
-}
+	var output = "";
+	for (var i = 0; i < children.length; i++) output += callback(children[i], i, children, callback) || "";
+	return output;
+}
+/**
+* @param {object} element
+* @param {number} index
+* @param {object[]} children
+* @param {function} callback
+* @return {string}
+*/
 function stringify(element, index, children, callback) {
-  switch (element.type) {
-    case LAYER:
-      if (element.children.length) break;
-    case IMPORT:
-    case DECLARATION:
-      return element.return = element.return || element.value;
-    case COMMENT:
-      return "";
-    case KEYFRAMES:
-      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
-    case RULESET:
-      if (!strlen(element.value = element.props.join(","))) return "";
-  }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
+	switch (element.type) {
+		case LAYER: if (element.children.length) break;
+		case IMPORT:
+		case DECLARATION: return element.return = element.return || element.value;
+		case COMMENT: return "";
+		case KEYFRAMES: return element.return = element.value + "{" + serialize(element.children, callback) + "}";
+		case RULESET: if (!strlen(element.value = element.props.join(","))) return "";
+	}
+	return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
+}
+//#endregion
+//#region ../../node_modules/stylis/src/Middleware.js
+/**
+* @param {function[]} collection
+* @return {function}
+*/
 function middleware(collection) {
-  var length2 = sizeof(collection);
-  return function(element, index, children, callback) {
-    var output = "";
-    for (var i = 0; i < length2; i++)
-      output += collection[i](element, index, children, callback) || "";
-    return output;
-  };
-}
+	var length = sizeof(collection);
+	return function(element, index, children, callback) {
+		var output = "";
+		for (var i = 0; i < length; i++) output += collection[i](element, index, children, callback) || "";
+		return output;
+	};
+}
+/**
+* @param {function} callback
+* @return {function}
+*/
 function rulesheet(callback) {
-  return function(element) {
-    if (!element.root) {
-      if (element = element.return)
-        callback(element);
-    }
-  };
-}
+	return function(element) {
+		if (!element.root) {
+			if (element = element.return) callback(element);
+		}
+	};
+}
+/**
+* @param {object} element
+* @param {number} index
+* @param {object[]} children
+* @param {function} callback
+*/
 function prefixer(element, index, children, callback) {
-  if (element.length > -1) {
-    if (!element.return)
-      switch (element.type) {
-        case DECLARATION:
-          element.return = prefix(element.value, element.length, children);
-          return;
-        case KEYFRAMES:
-          return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
-        case RULESET:
-          if (element.length)
-            return combine(children = element.props, function(value) {
-              switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
-                // :read-(only|write)
-                case ":read-only":
-                case ":read-write":
-                  lift(copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] }));
-                  lift(copy(element, { props: [value] }));
-                  assign(element, { props: filter(children, callback) });
-                  break;
-                // :placeholder
-                case "::placeholder":
-                  lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }));
-                  lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }));
-                  lift(copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] }));
-                  lift(copy(element, { props: [value] }));
-                  assign(element, { props: filter(children, callback) });
-                  break;
-              }
-              return "";
-            });
-      }
-  }
-}
+	if (element.length > -1) {
+		if (!element.return) switch (element.type) {
+			case DECLARATION:
+				element.return = prefix(element.value, element.length, children);
+				return;
+			case KEYFRAMES: return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
+			case RULESET: if (element.length) return combine(children = element.props, function(value) {
+				switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
+					case ":read-only":
+					case ":read-write":
+						lift(copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] }));
+						lift(copy(element, { props: [value] }));
+						assign(element, { props: filter(children, callback) });
+						break;
+					case "::placeholder":
+						lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }));
+						lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }));
+						lift(copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] }));
+						lift(copy(element, { props: [value] }));
+						assign(element, { props: filter(children, callback) });
+						break;
+				}
+				return "";
+			});
+		}
+	}
+}
+//#endregion
+//#region ../../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+var import_shallowequal = /* @__PURE__ */ __toESM(require_shallowequal());
 var unitlessKeys = {
-  animationIterationCount: 1,
-  aspectRatio: 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
+	animationIterationCount: 1,
+	aspectRatio: 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,
+	fillOpacity: 1,
+	floodOpacity: 1,
+	stopOpacity: 1,
+	strokeDasharray: 1,
+	strokeDashoffset: 1,
+	strokeMiterlimit: 1,
+	strokeOpacity: 1,
+	strokeWidth: 1
 };
+//#endregion
+//#region ../../node_modules/styled-components/dist/styled-components.browser.esm.js
 var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.19", g = "/*!sc*/\n", S = "undefined" != typeof window && "undefined" != typeof document, w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && 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 && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV), b = {}, E = /invalid hook call/i, N = /* @__PURE__ */ new Set(), P = function(t, n) {
-  if ("production" !== process.env.NODE_ENV) {
-    var o = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o, " has been created dynamically.\n") + "You 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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
-    try {
-      var a = true;
-      console.error = function(t2) {
-        for (var n2 = [], o2 = 1; o2 < arguments.length; o2++) n2[o2 - 1] = arguments[o2];
-        E.test(t2) ? (a = false, N.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, false));
-      }, useRef(), a && !N.has(s) && (console.warn(s), N.add(s));
-    } catch (e) {
-      E.test(e.message) && N.delete(s);
-    } finally {
-      console.error = i;
-    }
-  }
+	if ("production" !== process.env.NODE_ENV) {
+		var o = n ? " with the id of \"".concat(n, "\"") : "", s = "The component ".concat(t).concat(o, " has been created dynamically.\n") + "You 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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
+		try {
+			var a = !0;
+			console.error = function(t) {
+				for (var n = [], o = 1; o < arguments.length; o++) n[o - 1] = arguments[o];
+				E.test(t) ? (a = !1, N.delete(s)) : i.apply(void 0, __spreadArray([t], n, !1));
+			}, useRef(), a && !N.has(s) && (console.warn(s), N.add(s));
+		} catch (e) {
+			E.test(e.message) && N.delete(s);
+		} finally {
+			console.error = i;
+		}
+	}
 }, _ = Object.freeze([]), C = Object.freeze({});
 function I(e, t, n) {
-  return void 0 === n && (n = C), e.theme !== n.theme && e.theme || t || n.theme;
-}
-var A = /* @__PURE__ */ new Set(["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", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "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", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), O = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, D = /(^-|-$)/g;
+	return void 0 === n && (n = C), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var A = new Set([
+	"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",
+	"header",
+	"hgroup",
+	"hr",
+	"html",
+	"i",
+	"iframe",
+	"img",
+	"input",
+	"ins",
+	"kbd",
+	"keygen",
+	"label",
+	"legend",
+	"li",
+	"link",
+	"main",
+	"map",
+	"mark",
+	"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",
+	"tr",
+	"track",
+	"u",
+	"ul",
+	"use",
+	"var",
+	"video",
+	"wbr",
+	"circle",
+	"clipPath",
+	"defs",
+	"ellipse",
+	"foreignObject",
+	"g",
+	"image",
+	"line",
+	"linearGradient",
+	"marker",
+	"mask",
+	"path",
+	"pattern",
+	"polygon",
+	"polyline",
+	"radialGradient",
+	"rect",
+	"stop",
+	"svg",
+	"text",
+	"tspan"
+]), O = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, D = /(^-|-$)/g;
 function R(e) {
-  return e.replace(O, "-").replace(D, "");
+	return e.replace(O, "-").replace(D, "");
 }
 var T = /(a)(d)/gi, k = 52, j = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+	return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
 function x(e) {
-  var t, n = "";
-  for (t = Math.abs(e); t > k; t = t / k | 0) n = j(t % k) + n;
-  return (j(t % k) + n).replace(T, "$1-$2");
+	var t, n = "";
+	for (t = Math.abs(e); t > k; t = t / k | 0) n = j(t % k) + n;
+	return (j(t % k) + n).replace(T, "$1-$2");
 }
 var V, F = 5381, M = function(e, t) {
-  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
-  return e;
+	for (var n = t.length; n;) e = 33 * e ^ t.charCodeAt(--n);
+	return e;
 }, z = function(e) {
-  return M(F, e);
+	return M(F, e);
 };
 function $(e) {
-  return x(z(e) >>> 0);
+	return x(z(e) >>> 0);
 }
 function B(e) {
-  return "production" !== process.env.NODE_ENV && "string" == typeof e && e || e.displayName || e.name || "Component";
+	return "production" !== process.env.NODE_ENV && "string" == typeof e && e || e.displayName || e.name || "Component";
 }
 function L(e) {
-  return "string" == typeof e && ("production" === process.env.NODE_ENV || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var G = "function" == typeof Symbol && Symbol.for, Y = G ? Symbol.for("react.memo") : 60115, W = G ? Symbol.for("react.forward_ref") : 60112, q = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true }, H = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true }, U = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true }, J = ((V = {})[W] = { $$typeof: true, render: true, defaultProps: true, displayName: true, propTypes: true }, V[Y] = U, V);
+	return "string" == typeof e && ("production" === process.env.NODE_ENV || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var G = "function" == typeof Symbol && Symbol.for, Y = G ? Symbol.for("react.memo") : 60115, W = G ? Symbol.for("react.forward_ref") : 60112, q = {
+	childContextTypes: !0,
+	contextType: !0,
+	contextTypes: !0,
+	defaultProps: !0,
+	displayName: !0,
+	getDefaultProps: !0,
+	getDerivedStateFromError: !0,
+	getDerivedStateFromProps: !0,
+	mixins: !0,
+	propTypes: !0,
+	type: !0
+}, H = {
+	name: !0,
+	length: !0,
+	prototype: !0,
+	caller: !0,
+	callee: !0,
+	arguments: !0,
+	arity: !0
+}, U = {
+	$$typeof: !0,
+	compare: !0,
+	defaultProps: !0,
+	displayName: !0,
+	propTypes: !0,
+	type: !0
+}, J = ((V = {})[W] = {
+	$$typeof: !0,
+	render: !0,
+	defaultProps: !0,
+	displayName: !0,
+	propTypes: !0
+}, V[Y] = U, V);
 function X(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === Y ? U : "$$typeof" in e ? J[e.$$typeof] : q;
-  var t;
+	return ("type" in (t = e) && t.type.$$typeof) === Y ? U : "$$typeof" in e ? J[e.$$typeof] : q;
+	var t;
 }
 var Z = Object.defineProperty, K = Object.getOwnPropertyNames, Q = Object.getOwnPropertySymbols, ee = Object.getOwnPropertyDescriptor, te = Object.getPrototypeOf, ne = Object.prototype;
 function oe(e, t, n) {
-  if ("string" != typeof t) {
-    if (ne) {
-      var o = te(t);
-      o && o !== ne && oe(e, o, n);
-    }
-    var r = K(t);
-    Q && (r = r.concat(Q(t)));
-    for (var s = X(e), i = X(t), a = 0; a < r.length; ++a) {
-      var c = r[a];
-      if (!(c in H || n && n[c] || i && c in i || s && c in s)) {
-        var l = ee(t, c);
-        try {
-          Z(e, c, l);
-        } catch (e2) {
-        }
-      }
-    }
-  }
-  return e;
+	if ("string" != typeof t) {
+		if (ne) {
+			var o = te(t);
+			o && o !== ne && oe(e, o, n);
+		}
+		var r = K(t);
+		Q && (r = r.concat(Q(t)));
+		for (var s = X(e), i = X(t), a = 0; a < r.length; ++a) {
+			var c = r[a];
+			if (!(c in H || n && n[c] || i && c in i || s && c in s)) {
+				var l = ee(t, c);
+				try {
+					Z(e, c, l);
+				} catch (e) {}
+			}
+		}
+	}
+	return e;
 }
 function re(e) {
-  return "function" == typeof e;
+	return "function" == typeof e;
 }
 function se(e) {
-  return "object" == typeof e && "styledComponentId" in e;
+	return "object" == typeof e && "styledComponentId" in e;
 }
 function ie(e, t) {
-  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+	return e && t ? "".concat(e, " ").concat(t) : e || t || "";
 }
 function ae(e, t) {
-  if (0 === e.length) return "";
-  for (var n = e[0], o = 1; o < e.length; o++) n += e[o];
-  return n;
+	if (0 === e.length) return "";
+	for (var n = e[0], o = 1; o < e.length; o++) n += t ? t + e[o] : e[o];
+	return n;
 }
 function ce(e) {
-  return null !== e && "object" == typeof e && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+	return null !== e && "object" == typeof e && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
 }
 function le(e, t, n) {
-  if (void 0 === n && (n = false), !n && !ce(e) && !Array.isArray(e)) return t;
-  if (Array.isArray(t)) for (var o = 0; o < t.length; o++) e[o] = le(e[o], t[o]);
-  else if (ce(t)) for (var o in t) e[o] = le(e[o], t[o]);
-  return e;
+	if (void 0 === n && (n = !1), !n && !ce(e) && !Array.isArray(e)) return t;
+	if (Array.isArray(t)) for (var o = 0; o < t.length; o++) e[o] = le(e[o], t[o]);
+	else if (ce(t)) for (var o in t) e[o] = le(e[o], t[o]);
+	return e;
 }
 function ue(e, t) {
-  Object.defineProperty(e, "toString", { value: t });
-}
-var pe = "production" !== process.env.NODE_ENV ? { 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", 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
+	Object.defineProperty(e, "toString", { value: t });
+}
+var pe = "production" !== process.env.NODE_ENV ? {
+	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",
+	18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"
+} : {};
 function de() {
-  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
-  for (var n = e[0], o = [], r = 1, s = e.length; r < s; r += 1) o.push(e[r]);
-  return o.forEach(function(e2) {
-    n = n.replace(/%[a-z]/, e2);
-  }), n;
+	for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+	for (var n = e[0], o = [], r = 1, s = e.length; r < s; r += 1) o.push(e[r]);
+	return o.forEach(function(e) {
+		n = n.replace(/%[a-z]/, e);
+	}), n;
 }
 function he(t) {
-  for (var n = [], o = 1; o < arguments.length; o++) n[o - 1] = arguments[o];
-  return "production" === process.env.NODE_ENV ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(de.apply(void 0, __spreadArray([pe[t]], n, false)).trim());
-}
-var fe = (function() {
-  function e(e2) {
-    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e2;
-  }
-  return e.prototype.indexOfGroup = function(e2) {
-    for (var t = 0, n = 0; n < e2; n++) t += this.groupSizes[n];
-    return t;
-  }, e.prototype.insertRules = function(e2, t) {
-    if (e2 >= this.groupSizes.length) {
-      for (var n = this.groupSizes, o = n.length, r = o; e2 >= r; ) if ((r <<= 1) < 0) throw he(16, "".concat(e2));
-      this.groupSizes = new Uint32Array(r), this.groupSizes.set(n), this.length = r;
-      for (var s = o; s < r; s++) this.groupSizes[s] = 0;
-    }
-    for (var i = this.indexOfGroup(e2 + 1), a = (s = 0, t.length); s < a; s++) this.tag.insertRule(i, t[s]) && (this.groupSizes[e2]++, i++);
-  }, e.prototype.clearGroup = function(e2) {
-    if (e2 < this.length) {
-      var t = this.groupSizes[e2], n = this.indexOfGroup(e2), o = n + t;
-      this.groupSizes[e2] = 0;
-      for (var r = n; r < o; r++) this.tag.deleteRule(n);
-    }
-  }, e.prototype.getGroup = function(e2) {
-    var t = "";
-    if (e2 >= this.length || 0 === this.groupSizes[e2]) return t;
-    for (var n = this.groupSizes[e2], o = this.indexOfGroup(e2), r = o + n, s = o; s < r; s++) t += "".concat(this.tag.getRule(s)).concat(g);
-    return t;
-  }, e;
-})(), me = 1 << 30, ye = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), ge = 1, Se = function(e) {
-  if (ye.has(e)) return ye.get(e);
-  for (; ve.has(ge); ) ge++;
-  var t = ge++;
-  if ("production" !== process.env.NODE_ENV && ((0 | t) < 0 || t > me)) throw he(16, "".concat(t));
-  return ye.set(e, t), ve.set(t, e), t;
+	for (var n = [], o = 1; o < arguments.length; o++) n[o - 1] = arguments[o];
+	return "production" === process.env.NODE_ENV ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(de.apply(void 0, __spreadArray([pe[t]], n, !1)).trim());
+}
+var fe = function() {
+	function e(e) {
+		this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e;
+	}
+	return e.prototype.indexOfGroup = function(e) {
+		for (var t = 0, n = 0; n < e; n++) t += this.groupSizes[n];
+		return t;
+	}, e.prototype.insertRules = function(e, t) {
+		if (e >= this.groupSizes.length) {
+			for (var n = this.groupSizes, o = n.length, r = o; e >= r;) if ((r <<= 1) < 0) throw he(16, "".concat(e));
+			this.groupSizes = new Uint32Array(r), this.groupSizes.set(n), this.length = r;
+			for (var s = o; s < r; s++) this.groupSizes[s] = 0;
+		}
+		for (var i = this.indexOfGroup(e + 1), a = (s = 0, t.length); s < a; s++) this.tag.insertRule(i, t[s]) && (this.groupSizes[e]++, i++);
+	}, e.prototype.clearGroup = function(e) {
+		if (e < this.length) {
+			var t = this.groupSizes[e], n = this.indexOfGroup(e), o = n + t;
+			this.groupSizes[e] = 0;
+			for (var r = n; r < o; r++) this.tag.deleteRule(n);
+		}
+	}, e.prototype.getGroup = function(e) {
+		var t = "";
+		if (e >= this.length || 0 === this.groupSizes[e]) return t;
+		for (var n = this.groupSizes[e], o = this.indexOfGroup(e), r = o + n, s = o; s < r; s++) t += "".concat(this.tag.getRule(s)).concat(g);
+		return t;
+	}, e;
+}(), me = 1 << 30, ye = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), ge = 1, Se = function(e) {
+	if (ye.has(e)) return ye.get(e);
+	for (; ve.has(ge);) ge++;
+	var t = ge++;
+	if ("production" !== process.env.NODE_ENV && ((0 | t) < 0 || t > me)) throw he(16, "".concat(t));
+	return ye.set(e, t), ve.set(t, e), t;
 }, we = function(e, t) {
-  ge = t + 1, ye.set(e, t), ve.set(t, e);
-}, be = "style[".concat(f, "][").concat(y, '="').concat(v, '"]'), Ee = new RegExp("^".concat(f, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Ne = function(e, t, n) {
-  for (var o, r = n.split(","), s = 0, i = r.length; s < i; s++) (o = r[s]) && e.registerName(t, o);
+	ge = t + 1, ye.set(e, t), ve.set(t, e);
+}, be = "style[".concat(f, "][").concat(y, "=\"").concat(v, "\"]"), Ee = new RegExp("^".concat(f, "\\.g(\\d+)\\[id=\"([\\w\\d-]+)\"\\].*?\"([^\"]*)")), Ne = function(e, t, n) {
+	for (var o, r = n.split(","), s = 0, i = r.length; s < i; s++) (o = r[s]) && e.registerName(t, o);
 }, Pe = function(e, t) {
-  for (var n, o = (null !== (n = t.textContent) && void 0 !== n ? n : "").split(g), r = [], s = 0, i = o.length; s < i; s++) {
-    var a = o[s].trim();
-    if (a) {
-      var c = a.match(Ee);
-      if (c) {
-        var l = 0 | parseInt(c[1], 10), u = c[2];
-        0 !== l && (we(u, l), Ne(e, u, c[3]), e.getTag().insertRules(l, r)), r.length = 0;
-      } else r.push(a);
-    }
-  }
+	for (var n, o = (null !== (n = t.textContent) && void 0 !== n ? n : "").split(g), r = [], s = 0, i = o.length; s < i; s++) {
+		var a = o[s].trim();
+		if (a) {
+			var c = a.match(Ee);
+			if (c) {
+				var l = 0 | parseInt(c[1], 10), u = c[2];
+				0 !== l && (we(u, l), Ne(e, u, c[3]), e.getTag().insertRules(l, r)), r.length = 0;
+			} else r.push(a);
+		}
+	}
 }, _e = function(e) {
-  for (var t = document.querySelectorAll(be), n = 0, o = t.length; n < o; n++) {
-    var r = t[n];
-    r && r.getAttribute(f) !== m && (Pe(e, r), r.parentNode && r.parentNode.removeChild(r));
-  }
+	for (var t = document.querySelectorAll(be), n = 0, o = t.length; n < o; n++) {
+		var r = t[n];
+		r && r.getAttribute(f) !== m && (Pe(e, r), r.parentNode && r.parentNode.removeChild(r));
+	}
 };
 function Ce() {
-  return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
+	return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
 }
 var Ie = function(e) {
-  var t = document.head, n = e || t, o = document.createElement("style"), r = (function(e2) {
-    var t2 = Array.from(e2.querySelectorAll("style[".concat(f, "]")));
-    return t2[t2.length - 1];
-  })(n), s = void 0 !== r ? r.nextSibling : null;
-  o.setAttribute(f, m), o.setAttribute(y, v);
-  var i = Ce();
-  return i && o.setAttribute("nonce", i), n.insertBefore(o, s), o;
-}, Ae = (function() {
-  function e(e2) {
-    this.element = Ie(e2), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e3) {
-      if (e3.sheet) return e3.sheet;
-      for (var t = document.styleSheets, n = 0, o = t.length; n < o; n++) {
-        var r = t[n];
-        if (r.ownerNode === e3) return r;
-      }
-      throw he(17);
-    })(this.element), this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    try {
-      return this.sheet.insertRule(t, e2), this.length++, true;
-    } catch (e3) {
-      return false;
-    }
-  }, e.prototype.deleteRule = function(e2) {
-    this.sheet.deleteRule(e2), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    var t = this.sheet.cssRules[e2];
-    return t && t.cssText ? t.cssText : "";
-  }, e;
-})(), Oe = (function() {
-  function e(e2) {
-    this.element = Ie(e2), this.nodes = this.element.childNodes, this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    if (e2 <= this.length && e2 >= 0) {
-      var n = document.createTextNode(t);
-      return this.element.insertBefore(n, this.nodes[e2] || null), this.length++, true;
-    }
-    return false;
-  }, e.prototype.deleteRule = function(e2) {
-    this.element.removeChild(this.nodes[e2]), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    return e2 < this.length ? this.nodes[e2].textContent : "";
-  }, e;
-})(), De = (function() {
-  function e(e2) {
-    this.rules = [], this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    return e2 <= this.length && (this.rules.splice(e2, 0, t), this.length++, true);
-  }, e.prototype.deleteRule = function(e2) {
-    this.rules.splice(e2, 1), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    return e2 < this.length ? this.rules[e2] : "";
-  }, e;
-})(), Re = S, Te = { isServer: !S, useCSSOMInjection: !w }, ke = (function() {
-  function e(e2, n, o) {
-    void 0 === e2 && (e2 = C), void 0 === n && (n = {});
-    var r = this;
-    this.options = __assign(__assign({}, Te), e2), this.gs = n, this.names = new Map(o), this.server = !!e2.isServer, !this.server && S && Re && (Re = false, _e(this)), ue(this, function() {
-      return (function(e3) {
-        for (var t = e3.getTag(), n2 = t.length, o2 = "", r2 = function(n3) {
-          var r3 = (function(e4) {
-            return ve.get(e4);
-          })(n3);
-          if (void 0 === r3) return "continue";
-          var s2 = e3.names.get(r3), i = t.getGroup(n3);
-          if (void 0 === s2 || !s2.size || 0 === i.length) return "continue";
-          var a = "".concat(f, ".g").concat(n3, '[id="').concat(r3, '"]'), c = "";
-          void 0 !== s2 && s2.forEach(function(e4) {
-            e4.length > 0 && (c += "".concat(e4, ","));
-          }), o2 += "".concat(i).concat(a, '{content:"').concat(c, '"}').concat(g);
-        }, s = 0; s < n2; s++) r2(s);
-        return o2;
-      })(r);
-    });
-  }
-  return e.registerId = function(e2) {
-    return Se(e2);
-  }, e.prototype.rehydrate = function() {
-    !this.server && S && _e(this);
-  }, e.prototype.reconstructWithOptions = function(n, o) {
-    return void 0 === o && (o = true), new e(__assign(__assign({}, this.options), n), this.gs, o && this.names || void 0);
-  }, e.prototype.allocateGSInstance = function(e2) {
-    return this.gs[e2] = (this.gs[e2] || 0) + 1;
-  }, e.prototype.getTag = function() {
-    return this.tag || (this.tag = (e2 = (function(e3) {
-      var t = e3.useCSSOMInjection, n = e3.target;
-      return e3.isServer ? new De(n) : t ? new Ae(n) : new Oe(n);
-    })(this.options), new fe(e2)));
-    var e2;
-  }, e.prototype.hasNameForId = function(e2, t) {
-    return this.names.has(e2) && this.names.get(e2).has(t);
-  }, e.prototype.registerName = function(e2, t) {
-    if (Se(e2), this.names.has(e2)) this.names.get(e2).add(t);
-    else {
-      var n = /* @__PURE__ */ new Set();
-      n.add(t), this.names.set(e2, n);
-    }
-  }, e.prototype.insertRules = function(e2, t, n) {
-    this.registerName(e2, t), this.getTag().insertRules(Se(e2), n);
-  }, e.prototype.clearNames = function(e2) {
-    this.names.has(e2) && this.names.get(e2).clear();
-  }, e.prototype.clearRules = function(e2) {
-    this.getTag().clearGroup(Se(e2)), this.clearNames(e2);
-  }, e.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, e;
-})(), je = /&/g, xe = /^\s*\/\/.*$/gm;
+	var t = document.head, n = e || t, o = document.createElement("style"), r = function(e) {
+		var t = Array.from(e.querySelectorAll("style[".concat(f, "]")));
+		return t[t.length - 1];
+	}(n), s = void 0 !== r ? r.nextSibling : null;
+	o.setAttribute(f, m), o.setAttribute(y, v);
+	var i = Ce();
+	return i && o.setAttribute("nonce", i), n.insertBefore(o, s), o;
+}, Ae = function() {
+	function e(e) {
+		this.element = Ie(e), this.element.appendChild(document.createTextNode("")), this.sheet = function(e) {
+			if (e.sheet) return e.sheet;
+			for (var t = document.styleSheets, n = 0, o = t.length; n < o; n++) {
+				var r = t[n];
+				if (r.ownerNode === e) return r;
+			}
+			throw he(17);
+		}(this.element), this.length = 0;
+	}
+	return e.prototype.insertRule = function(e, t) {
+		try {
+			return this.sheet.insertRule(t, e), this.length++, !0;
+		} catch (e) {
+			return !1;
+		}
+	}, e.prototype.deleteRule = function(e) {
+		this.sheet.deleteRule(e), this.length--;
+	}, e.prototype.getRule = function(e) {
+		var t = this.sheet.cssRules[e];
+		return t && t.cssText ? t.cssText : "";
+	}, e;
+}(), Oe = function() {
+	function e(e) {
+		this.element = Ie(e), this.nodes = this.element.childNodes, this.length = 0;
+	}
+	return e.prototype.insertRule = function(e, t) {
+		if (e <= this.length && e >= 0) {
+			var n = document.createTextNode(t);
+			return this.element.insertBefore(n, this.nodes[e] || null), this.length++, !0;
+		}
+		return !1;
+	}, e.prototype.deleteRule = function(e) {
+		this.element.removeChild(this.nodes[e]), this.length--;
+	}, e.prototype.getRule = function(e) {
+		return e < this.length ? this.nodes[e].textContent : "";
+	}, e;
+}(), De = function() {
+	function e(e) {
+		this.rules = [], this.length = 0;
+	}
+	return e.prototype.insertRule = function(e, t) {
+		return e <= this.length && (this.rules.splice(e, 0, t), this.length++, !0);
+	}, e.prototype.deleteRule = function(e) {
+		this.rules.splice(e, 1), this.length--;
+	}, e.prototype.getRule = function(e) {
+		return e < this.length ? this.rules[e] : "";
+	}, e;
+}(), Re = S, Te = {
+	isServer: !S,
+	useCSSOMInjection: !w
+}, ke = function() {
+	function e(e, n, o) {
+		void 0 === e && (e = C), void 0 === n && (n = {});
+		var r = this;
+		this.options = __assign(__assign({}, Te), e), this.gs = n, this.names = new Map(o), this.server = !!e.isServer, !this.server && S && Re && (Re = !1, _e(this)), ue(this, function() {
+			return function(e) {
+				for (var t = e.getTag(), n = t.length, o = "", r = function(n) {
+					var r = function(e) {
+						return ve.get(e);
+					}(n);
+					if (void 0 === r) return "continue";
+					var s = e.names.get(r), i = t.getGroup(n);
+					if (void 0 === s || !s.size || 0 === i.length) return "continue";
+					var a = "".concat(f, ".g").concat(n, "[id=\"").concat(r, "\"]"), c = "";
+					void 0 !== s && s.forEach(function(e) {
+						e.length > 0 && (c += "".concat(e, ","));
+					}), o += "".concat(i).concat(a, "{content:\"").concat(c, "\"}").concat(g);
+				}, s = 0; s < n; s++) r(s);
+				return o;
+			}(r);
+		});
+	}
+	return e.registerId = function(e) {
+		return Se(e);
+	}, e.prototype.rehydrate = function() {
+		!this.server && S && _e(this);
+	}, e.prototype.reconstructWithOptions = function(n, o) {
+		return void 0 === o && (o = !0), new e(__assign(__assign({}, this.options), n), this.gs, o && this.names || void 0);
+	}, e.prototype.allocateGSInstance = function(e) {
+		return this.gs[e] = (this.gs[e] || 0) + 1;
+	}, e.prototype.getTag = function() {
+		return this.tag || (this.tag = (e = function(e) {
+			var t = e.useCSSOMInjection, n = e.target;
+			return e.isServer ? new De(n) : t ? new Ae(n) : new Oe(n);
+		}(this.options), new fe(e)));
+		var e;
+	}, e.prototype.hasNameForId = function(e, t) {
+		return this.names.has(e) && this.names.get(e).has(t);
+	}, e.prototype.registerName = function(e, t) {
+		if (Se(e), this.names.has(e)) this.names.get(e).add(t);
+		else {
+			var n = /* @__PURE__ */ new Set();
+			n.add(t), this.names.set(e, n);
+		}
+	}, e.prototype.insertRules = function(e, t, n) {
+		this.registerName(e, t), this.getTag().insertRules(Se(e), n);
+	}, e.prototype.clearNames = function(e) {
+		this.names.has(e) && this.names.get(e).clear();
+	}, e.prototype.clearRules = function(e) {
+		this.getTag().clearGroup(Se(e)), this.clearNames(e);
+	}, e.prototype.clearTag = function() {
+		this.tag = void 0;
+	}, e;
+}(), je = /&/g, xe = /^\s*\/\/.*$/gm;
 function Ve(e, t) {
-  return e.map(function(e2) {
-    return "rule" === e2.type && (e2.value = "".concat(t, " ").concat(e2.value), e2.value = e2.value.replaceAll(",", ",".concat(t, " ")), e2.props = e2.props.map(function(e3) {
-      return "".concat(t, " ").concat(e3);
-    })), Array.isArray(e2.children) && "@keyframes" !== e2.type && (e2.children = Ve(e2.children, t)), e2;
-  });
+	return e.map(function(e) {
+		return "rule" === e.type && (e.value = "".concat(t, " ").concat(e.value), e.value = e.value.replaceAll(",", ",".concat(t, " ")), e.props = e.props.map(function(e) {
+			return "".concat(t, " ").concat(e);
+		})), Array.isArray(e.children) && "@keyframes" !== e.type && (e.children = Ve(e.children, t)), e;
+	});
 }
 function Fe(e) {
-  var t, n, o, r = C, s = r.options, i = void 0 === s ? C : s, a = r.plugins, c = void 0 === a ? _ : a, l = function(e2, o2, r2) {
-    return r2.startsWith(n) && r2.endsWith(n) && r2.replaceAll(n, "").length > 0 ? ".".concat(t) : e2;
-  }, u = c.slice();
-  u.push(function(e2) {
-    e2.type === RULESET && e2.value.includes("&") && (e2.props[0] = e2.props[0].replace(je, n).replace(o, l));
-  }), i.prefix && u.push(prefixer), u.push(stringify);
-  var p = function(e2, r2, s2, a2) {
-    void 0 === r2 && (r2 = ""), void 0 === s2 && (s2 = ""), void 0 === a2 && (a2 = "&"), t = a2, n = r2, o = new RegExp("\\".concat(n, "\\b"), "g");
-    var c2 = e2.replace(xe, ""), l2 = compile(s2 || r2 ? "".concat(s2, " ").concat(r2, " { ").concat(c2, " }") : c2);
-    i.namespace && (l2 = Ve(l2, i.namespace));
-    var p2 = [];
-    return serialize(l2, middleware(u.concat(rulesheet(function(e3) {
-      return p2.push(e3);
-    })))), p2;
-  };
-  return p.hash = c.length ? c.reduce(function(e2, t2) {
-    return t2.name || he(15), M(e2, t2.name);
-  }, F).toString() : "", p;
-}
-var Me = new ke(), ze = Fe(), $e = React__default.createContext({ shouldForwardProp: void 0, styleSheet: Me, stylis: ze });
+	var t, n, o, r = void 0 === e ? C : e, s = r.options, i = void 0 === s ? C : s, a = r.plugins, c = void 0 === a ? _ : a, l = function(e, o, r) {
+		return r.startsWith(n) && r.endsWith(n) && r.replaceAll(n, "").length > 0 ? ".".concat(t) : e;
+	}, u = c.slice();
+	u.push(function(e) {
+		e.type === "rule" && e.value.includes("&") && (e.props[0] = e.props[0].replace(je, n).replace(o, l));
+	}), i.prefix && u.push(prefixer), u.push(stringify);
+	var p = function(e, r, s, a) {
+		void 0 === r && (r = ""), void 0 === s && (s = ""), void 0 === a && (a = "&"), t = a, n = r, o = new RegExp("\\".concat(n, "\\b"), "g");
+		var c = e.replace(xe, ""), l = compile(s || r ? "".concat(s, " ").concat(r, " { ").concat(c, " }") : c);
+		i.namespace && (l = Ve(l, i.namespace));
+		var p = [];
+		return serialize(l, middleware(u.concat(rulesheet(function(e) {
+			return p.push(e);
+		})))), p;
+	};
+	return p.hash = c.length ? c.reduce(function(e, t) {
+		return t.name || he(15), M(e, t.name);
+	}, F).toString() : "", p;
+}
+var Me = new ke(), ze = Fe(), $e = React.createContext({
+	shouldForwardProp: void 0,
+	styleSheet: Me,
+	stylis: ze
+});
 $e.Consumer;
-React__default.createContext(void 0);
+var Le = React.createContext(void 0);
 function Ge() {
-  return useContext($e);
-}
-var We = (function() {
-  function e(e2, t) {
-    var n = this;
-    this.inject = function(e3, t2) {
-      void 0 === t2 && (t2 = ze);
-      var o = n.name + t2.hash;
-      e3.hasNameForId(n.id, o) || e3.insertRules(n.id, o, t2(n.rules, o, "@keyframes"));
-    }, this.name = e2, this.id = "sc-keyframes-".concat(e2), this.rules = t, ue(this, function() {
-      throw he(12, String(n.name));
-    });
-  }
-  return e.prototype.getName = function(e2) {
-    return void 0 === e2 && (e2 = ze), this.name + e2.hash;
-  }, e;
-})(), qe = function(e) {
-  return e >= "A" && e <= "Z";
+	return useContext($e);
+}
+function Ye(e) {
+	var t = useState(e.stylisPlugins), n = t[0], r = t[1], c = Ge().styleSheet, l = 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,
+		c
+	]), u = useMemo(function() {
+		return Fe({
+			options: {
+				namespace: e.namespace,
+				prefix: e.enableVendorPrefixes
+			},
+			plugins: n
+		});
+	}, [
+		e.enableVendorPrefixes,
+		e.namespace,
+		n
+	]);
+	useEffect(function() {
+		(0, import_shallowequal.default)(n, e.stylisPlugins) || r(e.stylisPlugins);
+	}, [e.stylisPlugins]);
+	var d = useMemo(function() {
+		return {
+			shouldForwardProp: e.shouldForwardProp,
+			styleSheet: l,
+			stylis: u
+		};
+	}, [
+		e.shouldForwardProp,
+		l,
+		u
+	]);
+	return React.createElement($e.Provider, { value: d }, React.createElement(Le.Provider, { value: u }, e.children));
+}
+var We = function() {
+	function e(e, t) {
+		var n = this;
+		this.inject = function(e, t) {
+			void 0 === t && (t = ze);
+			var o = n.name + t.hash;
+			e.hasNameForId(n.id, o) || e.insertRules(n.id, o, t(n.rules, o, "@keyframes"));
+		}, this.name = e, this.id = "sc-keyframes-".concat(e), this.rules = t, ue(this, function() {
+			throw he(12, String(n.name));
+		});
+	}
+	return e.prototype.getName = function(e) {
+		return void 0 === e && (e = ze), this.name + e.hash;
+	}, e;
+}(), qe = function(e) {
+	return e >= "A" && e <= "Z";
 };
 function He(e) {
-  for (var t = "", n = 0; n < e.length; n++) {
-    var o = e[n];
-    if (1 === n && "-" === o && "-" === e[0]) return e;
-    qe(o) ? t += "-" + o.toLowerCase() : t += o;
-  }
-  return t.startsWith("ms-") ? "-" + t : t;
+	for (var t = "", n = 0; n < e.length; n++) {
+		var o = e[n];
+		if (1 === n && "-" === o && "-" === e[0]) return e;
+		qe(o) ? t += "-" + o.toLowerCase() : t += o;
+	}
+	return t.startsWith("ms-") ? "-" + t : t;
 }
 var Ue = function(e) {
-  return null == e || false === e || "" === e;
+	return null == e || !1 === e || "" === e;
 }, Je = function(t) {
-  var n, o, r = [];
-  for (var s in t) {
-    var i = t[s];
-    t.hasOwnProperty(s) && !Ue(i) && (Array.isArray(i) && i.isCss || re(i) ? r.push("".concat(He(s), ":"), i, ";") : ce(i) ? r.push.apply(r, __spreadArray(__spreadArray(["".concat(s, " {")], Je(i), false), ["}"], false)) : r.push("".concat(He(s), ": ").concat((n = s, null == (o = i) || "boolean" == typeof o || "" === o ? "" : "number" != typeof o || 0 === o || n in unitlessKeys || n.startsWith("--") ? String(o).trim() : "".concat(o, "px")), ";")));
-  }
-  return r;
+	var n, o, r = [];
+	for (var s in t) {
+		var i = t[s];
+		t.hasOwnProperty(s) && !Ue(i) && (Array.isArray(i) && i.isCss || re(i) ? r.push("".concat(He(s), ":"), i, ";") : ce(i) ? r.push.apply(r, __spreadArray(__spreadArray(["".concat(s, " {")], Je(i), !1), ["}"], !1)) : r.push("".concat(He(s), ": ").concat((n = s, null == (o = i) || "boolean" == typeof o || "" === o ? "" : "number" != typeof o || 0 === o || n in unitlessKeys || n.startsWith("--") ? String(o).trim() : "".concat(o, "px")), ";")));
+	}
+	return r;
 };
 function Xe(e, t, n, o) {
-  if (Ue(e)) return [];
-  if (se(e)) return [".".concat(e.styledComponentId)];
-  if (re(e)) {
-    if (!re(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
-    var r = e(t);
-    return "production" === process.env.NODE_ENV || "object" != typeof r || Array.isArray(r) || r instanceof We || ce(r) || null === r || console.error("".concat(B(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.")), Xe(r, t, n, o);
-  }
-  var s;
-  return e instanceof We ? n ? (e.inject(n, o), [e.getName(o)]) : [e] : ce(e) ? Je(e) : Array.isArray(e) ? Array.prototype.concat.apply(_, e.map(function(e2) {
-    return Xe(e2, t, n, o);
-  })) : [e.toString()];
+	if (Ue(e)) return [];
+	if (se(e)) return [".".concat(e.styledComponentId)];
+	if (re(e)) {
+		if (!re(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
+		var r = e(t);
+		return "production" === process.env.NODE_ENV || "object" != typeof r || Array.isArray(r) || r instanceof We || ce(r) || null === r || console.error("".concat(B(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.")), Xe(r, t, n, o);
+	}
+	var s;
+	return e instanceof We ? n ? (e.inject(n, o), [e.getName(o)]) : [e] : ce(e) ? Je(e) : Array.isArray(e) ? Array.prototype.concat.apply(_, e.map(function(e) {
+		return Xe(e, t, n, o);
+	})) : [e.toString()];
 }
 function Ze(e) {
-  for (var t = 0; t < e.length; t += 1) {
-    var n = e[t];
-    if (re(n) && !se(n)) return false;
-  }
-  return true;
-}
-var Ke = z(v), Qe = (function() {
-  function e(e2, t, n) {
-    this.rules = e2, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Ze(e2), this.componentId = t, this.baseHash = M(Ke, t), this.baseStyle = n, ke.registerId(t);
-  }
-  return e.prototype.generateAndInjectStyles = function(e2, t, n) {
-    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e2, t, n) : "";
-    if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) o = ie(o, this.staticRulesId);
-    else {
-      var r = ae(Xe(this.rules, e2, t, n)), s = x(M(this.baseHash, r) >>> 0);
-      if (!t.hasNameForId(this.componentId, s)) {
-        var i = n(r, ".".concat(s), void 0, this.componentId);
-        t.insertRules(this.componentId, s, i);
-      }
-      o = ie(o, s), this.staticRulesId = s;
-    }
-    else {
-      for (var a = M(this.baseHash, n.hash), c = "", l = 0; l < this.rules.length; l++) {
-        var u = this.rules[l];
-        if ("string" == typeof u) c += u, "production" !== process.env.NODE_ENV && (a = M(a, u));
-        else if (u) {
-          var p = ae(Xe(u, e2, t, n));
-          a = M(a, p + l), c += p;
-        }
-      }
-      if (c) {
-        var d = x(a >>> 0);
-        t.hasNameForId(this.componentId, d) || t.insertRules(this.componentId, d, n(c, ".".concat(d), void 0, this.componentId)), o = ie(o, d);
-      }
-    }
-    return o;
-  }, e;
-})(), et = React__default.createContext(void 0);
+	for (var t = 0; t < e.length; t += 1) {
+		var n = e[t];
+		if (re(n) && !se(n)) return !1;
+	}
+	return !0;
+}
+var Ke = z(v), Qe = function() {
+	function e(e, t, n) {
+		this.rules = e, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Ze(e), this.componentId = t, this.baseHash = M(Ke, t), this.baseStyle = n, ke.registerId(t);
+	}
+	return e.prototype.generateAndInjectStyles = function(e, t, n) {
+		var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e, t, n) : "";
+		if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) o = ie(o, this.staticRulesId);
+		else {
+			var r = ae(Xe(this.rules, e, t, n)), s = x(M(this.baseHash, r) >>> 0);
+			if (!t.hasNameForId(this.componentId, s)) {
+				var i = n(r, ".".concat(s), void 0, this.componentId);
+				t.insertRules(this.componentId, s, i);
+			}
+			o = ie(o, s), this.staticRulesId = s;
+		}
+		else {
+			for (var a = M(this.baseHash, n.hash), c = "", l = 0; l < this.rules.length; l++) {
+				var u = this.rules[l];
+				if ("string" == typeof u) c += u, "production" !== process.env.NODE_ENV && (a = M(a, u));
+				else if (u) {
+					var p = ae(Xe(u, e, t, n));
+					a = M(a, p + l), c += p;
+				}
+			}
+			if (c) {
+				var d = x(a >>> 0);
+				t.hasNameForId(this.componentId, d) || t.insertRules(this.componentId, d, n(c, ".".concat(d), void 0, this.componentId)), o = ie(o, d);
+			}
+		}
+		return o;
+	}, e;
+}(), et = React.createContext(void 0);
 et.Consumer;
 var rt = {}, st = /* @__PURE__ */ new Set();
 function it(e, r, s) {
-  var i = se(e), a = e, c = !L(e), p = r.attrs, d = void 0 === p ? _ : p, h = r.componentId, f2 = void 0 === h ? (function(e2, t) {
-    var n = "string" != typeof e2 ? "sc" : R(e2);
-    rt[n] = (rt[n] || 0) + 1;
-    var o = "".concat(n, "-").concat($(v + n + rt[n]));
-    return t ? "".concat(t, "-").concat(o) : o;
-  })(r.displayName, r.parentComponentId) : h, m2 = r.displayName, y2 = void 0 === m2 ? (function(e2) {
-    return L(e2) ? "styled.".concat(e2) : "Styled(".concat(B(e2), ")");
-  })(e) : m2, g2 = r.displayName && r.componentId ? "".concat(R(r.displayName), "-").concat(r.componentId) : r.componentId || f2, S2 = i && a.attrs ? a.attrs.concat(d).filter(Boolean) : d, w2 = r.shouldForwardProp;
-  if (i && a.shouldForwardProp) {
-    var b2 = a.shouldForwardProp;
-    if (r.shouldForwardProp) {
-      var E2 = r.shouldForwardProp;
-      w2 = function(e2, t) {
-        return b2(e2, t) && E2(e2, t);
-      };
-    } else w2 = b2;
-  }
-  var N2 = new Qe(s, g2, i ? a.componentStyle : void 0);
-  function O2(e2, r2) {
-    return (function(e3, r3, s2) {
-      var i2 = e3.attrs, a2 = e3.componentStyle, c2 = e3.defaultProps, p2 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = React__default.useContext(et), m3 = Ge(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
-      "production" !== process.env.NODE_ENV && useDebugValue(d2);
-      var v2 = I(r3, f3, c2) || C, g3 = (function(e4, n, o) {
-        for (var r4, s3 = __assign(__assign({}, n), { className: void 0, theme: o }), i3 = 0; i3 < e4.length; i3 += 1) {
-          var a3 = re(r4 = e4[i3]) ? r4(s3) : r4;
-          for (var c3 in a3) s3[c3] = "className" === c3 ? ie(s3[c3], a3[c3]) : "style" === c3 ? __assign(__assign({}, s3[c3]), a3[c3]) : a3[c3];
-        }
-        return n.className && (s3.className = ie(s3.className, n.className)), s3;
-      })(i2, r3, v2), S3 = g3.as || h2, w3 = {};
-      for (var b3 in g3) void 0 === g3[b3] || "$" === b3[0] || "as" === b3 || "theme" === b3 && g3.theme === v2 || ("forwardedAs" === b3 ? w3.as = g3.forwardedAs : y3 && !y3(b3, S3) || (w3[b3] = g3[b3], y3 || "development" !== process.env.NODE_ENV || isPropValid(b3) || st.has(b3) || !A.has(S3) || (st.add(b3), console.warn('styled-components: it looks like an unknown prop "'.concat(b3, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var E3 = (function(e4, t) {
-        var n = Ge(), o = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return "production" !== process.env.NODE_ENV && useDebugValue(o), o;
-      })(a2, g3);
-      "production" !== process.env.NODE_ENV && e3.warnTooManyClasses && e3.warnTooManyClasses(E3);
-      var N3 = ie(p2, d2);
-      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[L(S3) && !A.has(S3) ? "class" : "className"] = N3, s2 && (w3.ref = s2), createElement(S3, w3);
-    })(D2, e2, r2);
-  }
-  O2.displayName = y2;
-  var D2 = React__default.forwardRef(O2);
-  return D2.attrs = S2, D2.componentStyle = N2, D2.displayName = y2, D2.shouldForwardProp = w2, D2.foldedComponentIds = i ? ie(a.foldedComponentIds, a.styledComponentId) : "", D2.styledComponentId = g2, D2.target = i ? a.target : e, Object.defineProperty(D2, "defaultProps", { get: function() {
-    return this._foldedDefaultProps;
-  }, set: function(e2) {
-    this._foldedDefaultProps = i ? (function(e3) {
-      for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-      for (var o = 0, r2 = t; o < r2.length; o++) le(e3, r2[o], true);
-      return e3;
-    })({}, a.defaultProps, e2) : e2;
-  } }), "production" !== process.env.NODE_ENV && (P(y2, g2), D2.warnTooManyClasses = /* @__PURE__ */ (function(e2, t) {
-    var n = {}, o = false;
-    return function(r2) {
-      if (!o && (n[r2] = true, Object.keys(n).length >= 200)) {
-        var s2 = t ? ' with the id of "'.concat(t, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(e2).concat(s2, ".\n") + "Consider 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 />"), o = true, n = {};
-      }
-    };
-  })(y2, g2)), ue(D2, function() {
-    return ".".concat(D2.styledComponentId);
-  }), c && oe(D2, e, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), D2;
+	var i = se(e), a = e, c = !L(e), p = r.attrs, d = void 0 === p ? _ : p, h = r.componentId, f = void 0 === h ? function(e, t) {
+		var n = "string" != typeof e ? "sc" : R(e);
+		rt[n] = (rt[n] || 0) + 1;
+		var o = "".concat(n, "-").concat($(v + n + rt[n]));
+		return t ? "".concat(t, "-").concat(o) : o;
+	}(r.displayName, r.parentComponentId) : h, m = r.displayName, y = void 0 === m ? function(e) {
+		return L(e) ? "styled.".concat(e) : "Styled(".concat(B(e), ")");
+	}(e) : m, g = r.displayName && r.componentId ? "".concat(R(r.displayName), "-").concat(r.componentId) : r.componentId || f, S = i && a.attrs ? a.attrs.concat(d).filter(Boolean) : d, w = r.shouldForwardProp;
+	if (i && a.shouldForwardProp) {
+		var b = a.shouldForwardProp;
+		if (r.shouldForwardProp) {
+			var E = r.shouldForwardProp;
+			w = function(e, t) {
+				return b(e, t) && E(e, t);
+			};
+		} else w = b;
+	}
+	var N = new Qe(s, g, i ? a.componentStyle : void 0);
+	function O(e, r) {
+		return function(e, r, s) {
+			var i = e.attrs, a = e.componentStyle, c = e.defaultProps, p = e.foldedComponentIds, d = e.styledComponentId, h = e.target, f = React.useContext(et), m = Ge(), y = e.shouldForwardProp || m.shouldForwardProp;
+			"production" !== process.env.NODE_ENV && useDebugValue(d);
+			var v = I(r, f, c) || C, g = function(e, n, o) {
+				for (var r, s = __assign(__assign({}, n), {
+					className: void 0,
+					theme: o
+				}), i = 0; i < e.length; i += 1) {
+					var a = re(r = e[i]) ? r(s) : r;
+					for (var c in a) s[c] = "className" === c ? ie(s[c], a[c]) : "style" === c ? __assign(__assign({}, s[c]), a[c]) : a[c];
+				}
+				return n.className && (s.className = ie(s.className, n.className)), s;
+			}(i, r, v), S = g.as || h, w = {};
+			for (var b in g) void 0 === g[b] || "$" === b[0] || "as" === b || "theme" === b && g.theme === v || ("forwardedAs" === b ? w.as = g.forwardedAs : y && !y(b, S) || (w[b] = g[b], y || "development" !== process.env.NODE_ENV || isPropValid(b) || st.has(b) || !A.has(S) || (st.add(b), console.warn("styled-components: it looks like an unknown prop \"".concat(b, "\" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)")))));
+			var E = function(e, t) {
+				var n = Ge(), o = e.generateAndInjectStyles(t, n.styleSheet, n.stylis);
+				return "production" !== process.env.NODE_ENV && useDebugValue(o), o;
+			}(a, g);
+			"production" !== process.env.NODE_ENV && e.warnTooManyClasses && e.warnTooManyClasses(E);
+			var N = ie(p, d);
+			return E && (N += " " + E), g.className && (N += " " + g.className), w[L(S) && !A.has(S) ? "class" : "className"] = N, s && (w.ref = s), createElement(S, w);
+		}(D, e, r);
+	}
+	O.displayName = y;
+	var D = React.forwardRef(O);
+	return D.attrs = S, D.componentStyle = N, D.displayName = y, D.shouldForwardProp = w, D.foldedComponentIds = i ? ie(a.foldedComponentIds, a.styledComponentId) : "", D.styledComponentId = g, D.target = i ? a.target : e, Object.defineProperty(D, "defaultProps", {
+		get: function() {
+			return this._foldedDefaultProps;
+		},
+		set: function(e) {
+			this._foldedDefaultProps = i ? function(e) {
+				for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+				for (var o = 0, r = t; o < r.length; o++) le(e, r[o], !0);
+				return e;
+			}({}, a.defaultProps, e) : e;
+		}
+	}), "production" !== process.env.NODE_ENV && (P(y, g), D.warnTooManyClasses = function(e, t) {
+		var n = {}, o = !1;
+		return function(r) {
+			if (!o && (n[r] = !0, Object.keys(n).length >= 200)) {
+				var s = t ? " with the id of \"".concat(t, "\"") : "";
+				console.warn("Over ".concat(200, " classes were generated for component ").concat(e).concat(s, ".\n") + "Consider 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 />"), o = !0, n = {};
+			}
+		};
+	}(y, g)), ue(D, function() {
+		return ".".concat(D.styledComponentId);
+	}), c && oe(D, e, {
+		attrs: !0,
+		componentStyle: !0,
+		displayName: !0,
+		foldedComponentIds: !0,
+		shouldForwardProp: !0,
+		styledComponentId: !0,
+		target: !0
+	}), D;
 }
 function at(e, t) {
-  for (var n = [e[0]], o = 0, r = t.length; o < r; o += 1) n.push(t[o], e[o + 1]);
-  return n;
+	for (var n = [e[0]], o = 0, r = t.length; o < r; o += 1) n.push(t[o], e[o + 1]);
+	return n;
 }
 var ct = function(e) {
-  return Object.assign(e, { isCss: true });
+	return Object.assign(e, { isCss: !0 });
 };
 function lt(t) {
-  for (var n = [], o = 1; o < arguments.length; o++) n[o - 1] = arguments[o];
-  if (re(t) || ce(t)) return ct(Xe(at(_, __spreadArray([t], n, true))));
-  var r = t;
-  return 0 === n.length && 1 === r.length && "string" == typeof r[0] ? Xe(r) : ct(Xe(at(r, n)));
+	for (var n = [], o = 1; o < arguments.length; o++) n[o - 1] = arguments[o];
+	if (re(t) || ce(t)) return ct(Xe(at(_, __spreadArray([t], n, !0))));
+	var r = t;
+	return 0 === n.length && 1 === r.length && "string" == typeof r[0] ? Xe(r) : ct(Xe(at(r, n)));
 }
 function ut(n, o, r) {
-  if (void 0 === r && (r = C), !o) throw he(1, o);
-  var s = function(t) {
-    for (var s2 = [], i = 1; i < arguments.length; i++) s2[i - 1] = arguments[i];
-    return n(o, r, lt.apply(void 0, __spreadArray([t], s2, false)));
-  };
-  return s.attrs = function(e) {
-    return ut(n, o, __assign(__assign({}, r), { attrs: Array.prototype.concat(r.attrs, e).filter(Boolean) }));
-  }, s.withConfig = function(e) {
-    return ut(n, o, __assign(__assign({}, r), e));
-  }, s;
+	if (void 0 === r && (r = C), !o) throw he(1, o);
+	var s = function(t) {
+		for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
+		return n(o, r, lt.apply(void 0, __spreadArray([t], s, !1)));
+	};
+	return s.attrs = function(e) {
+		return ut(n, o, __assign(__assign({}, r), { attrs: Array.prototype.concat(r.attrs, e).filter(Boolean) }));
+	}, s.withConfig = function(e) {
+		return ut(n, o, __assign(__assign({}, r), e));
+	}, s;
 }
 var pt = function(e) {
-  return ut(it, e);
+	return ut(it, e);
 }, dt = pt;
 A.forEach(function(e) {
-  dt[e] = pt(e);
+	dt[e] = pt(e);
 });
-var ht = (function() {
-  function e(e2, t) {
-    this.rules = e2, this.componentId = t, this.isStatic = Ze(e2), ke.registerId(this.componentId + 1);
-  }
-  return e.prototype.createStyles = function(e2, t, n, o) {
-    var r = o(ae(Xe(this.rules, t, n, o)), ""), s = this.componentId + e2;
-    n.insertRules(s, s, r);
-  }, e.prototype.removeStyles = function(e2, t) {
-    t.clearRules(this.componentId + e2);
-  }, e.prototype.renderStyles = function(e2, t, n, o) {
-    e2 > 2 && ke.registerId(this.componentId + e2), this.removeStyles(e2, n), this.createStyles(e2, t, n, o);
-  }, e;
-})();
+var ht = function() {
+	function e(e, t) {
+		this.rules = e, this.componentId = t, this.isStatic = Ze(e), ke.registerId(this.componentId + 1);
+	}
+	return e.prototype.createStyles = function(e, t, n, o) {
+		var r = o(ae(Xe(this.rules, t, n, o)), ""), s = this.componentId + e;
+		n.insertRules(s, s, r);
+	}, e.prototype.removeStyles = function(e, t) {
+		t.clearRules(this.componentId + e);
+	}, e.prototype.renderStyles = function(e, t, n, o) {
+		e > 2 && ke.registerId(this.componentId + e), this.removeStyles(e, n), this.createStyles(e, t, n, o);
+	}, e;
+}();
 function ft(n) {
-  for (var r = [], s = 1; s < arguments.length; s++) r[s - 1] = arguments[s];
-  var i = lt.apply(void 0, __spreadArray([n], r, false)), a = "sc-global-".concat($(JSON.stringify(i))), c = new ht(i, a);
-  "production" !== process.env.NODE_ENV && P(a);
-  var l = function(e) {
-    var t = Ge(), n2 = React__default.useContext(et), r2 = React__default.useRef(t.styleSheet.allocateGSInstance(a)).current;
-    return "production" !== process.env.NODE_ENV && React__default.Children.count(e.children) && console.warn("The global style component ".concat(a, " was given child JSX. createGlobalStyle does not render children.")), "production" !== process.env.NODE_ENV && i.some(function(e2) {
-      return "string" == typeof e2 && -1 !== e2.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.styleSheet.server && u(r2, e, t.styleSheet, n2, t.stylis), React__default.useLayoutEffect(function() {
-      if (!t.styleSheet.server) return u(r2, e, t.styleSheet, n2, t.stylis), function() {
-        return c.removeStyles(r2, t.styleSheet);
-      };
-    }, [r2, e, t.styleSheet, n2, t.stylis]), null;
-  };
-  function u(e, n2, o, r2, s2) {
-    if (c.isStatic) c.renderStyles(e, b, o, s2);
-    else {
-      var i2 = __assign(__assign({}, n2), { theme: I(n2, r2, l.defaultProps) });
-      c.renderStyles(e, i2, o, s2);
-    }
-  }
-  return React__default.memo(l);
-}
+	for (var r = [], s = 1; s < arguments.length; s++) r[s - 1] = arguments[s];
+	var i = lt.apply(void 0, __spreadArray([n], r, !1)), a = "sc-global-".concat($(JSON.stringify(i))), c = new ht(i, a);
+	"production" !== process.env.NODE_ENV && P(a);
+	var l = function(e) {
+		var t = Ge(), n = React.useContext(et), r = React.useRef(t.styleSheet.allocateGSInstance(a)).current;
+		return "production" !== process.env.NODE_ENV && React.Children.count(e.children) && console.warn("The global style component ".concat(a, " was given child JSX. createGlobalStyle does not render children.")), "production" !== process.env.NODE_ENV && 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.styleSheet.server && u(r, e, t.styleSheet, n, t.stylis), React.useLayoutEffect(function() {
+			if (!t.styleSheet.server) return u(r, e, t.styleSheet, n, t.stylis), function() {
+				return c.removeStyles(r, t.styleSheet);
+			};
+		}, [
+			r,
+			e,
+			t.styleSheet,
+			n,
+			t.stylis
+		]), null;
+	};
+	function u(e, n, o, r, s) {
+		if (c.isStatic) c.renderStyles(e, b, o, s);
+		else {
+			var i = __assign(__assign({}, n), { theme: I(n, r, l.defaultProps) });
+			c.renderStyles(e, i, o, s);
+		}
+	}
+	return React.memo(l);
+}
+(function() {
+	function e() {
+		var e = this;
+		this._emitSheetCSS = function() {
+			var t = e.instance.toString();
+			if (!t) return "";
+			var n = Ce(), o = ae([
+				n && "nonce=\"".concat(n, "\""),
+				"".concat(f, "=\"true\""),
+				"".concat(y, "=\"").concat(v, "\"")
+			].filter(Boolean), " ");
+			return "<style ".concat(o, ">").concat(t, "</style>");
+		}, this.getStyleTags = function() {
+			if (e.sealed) throw he(2);
+			return e._emitSheetCSS();
+		}, this.getStyleElement = function() {
+			var n;
+			if (e.sealed) throw he(2);
+			var r = e.instance.toString();
+			if (!r) return [];
+			var s = ((n = {})[f] = "", n[y] = v, n.dangerouslySetInnerHTML = { __html: r }, n), i = Ce();
+			return i && (s.nonce = i), [React.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
+		}, this.seal = function() {
+			e.sealed = !0;
+		}, this.instance = new ke({ isServer: !0 }), this.sealed = !1;
+	}
+	return e.prototype.collectStyles = function(e) {
+		if (this.sealed) throw he(2);
+		return React.createElement(Ye, { sheet: this.instance }, e);
+	}, e.prototype.interleaveWithNodeStream = function(e) {
+		throw he(3);
+	}, e;
+})();
 "production" !== process.env.NODE_ENV && "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");
 var St = "__sc-".concat(f, "__");
 "production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[St] || (window[St] = 0), 1 === window[St] && 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[St] += 1);
+//#endregion
+//#region src/components/LayoutFlex/tests/DataOverride.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function Div1(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "yellow"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { background: "yellow" },
+		children: props.children
+	});
 }
 function Div2(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "orange"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { background: "orange" },
+		children: props.children
+	});
 }
-const GlobalStyle = ft`
+var GlobalStyle = ft`
     div[data-override='true'] {
         display:grid;
     }
 `;
 function DataOverrideGlobalClass() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GlobalStyle, {}),
-    /* @__PURE__ */ jsx("span", { children: "DataOverrideGlobalClass" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DataOverrideGlobalClass",
-      override: true
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
-}
-const LocalStyle = dt.div`
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStyle, {}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DataOverrideGlobalClass" }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+			dataset: {
+				testid: "DataOverrideGlobalClass",
+				override: true
+			},
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+		})
+	] });
+}
+var LocalStyle = dt.div`
     div[data-override='true'] {
         display: grid;
     }
 `;
 function DataOverrideLocalClass() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DataOverrideLocalClass" }),
-    /* @__PURE__ */ jsx(LocalStyle, { children: /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DataOverrideLocalClass",
-      override: true
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] }) })
-  ] });
-}
-export {
-  DataOverrideGlobalClass,
-  DataOverrideLocalClass
-};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DataOverrideLocalClass" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocalStyle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: {
+			testid: "DataOverrideLocalClass",
+			override: true
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	}) })] });
+}
+//#endregion
+export { DataOverrideGlobalClass, DataOverrideLocalClass };