@sunggang/ui-lib 0.3.65 → 0.4.0

package/styled-components.esm.cjs.js

@@ -0,0 +1,1621 @@
+'use strict';
+
+var _tslib = require('./_tslib.cjs.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function memoize(fn) {
+    var cache = Object.create(null);
+    return function(arg) {
+        if (cache[arg] === undefined) cache[arg] = fn(arg);
+        return cache[arg];
+    };
+}
+
+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)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
+var isPropValid = /* #__PURE__ */ memoize(function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+});
+
+var MS = "-ms-";
+var MOZ = "-moz-";
+var WEBKIT = "-webkit-";
+var COMMENT = "comm";
+var RULESET = "rule";
+var DECLARATION = "decl";
+var IMPORT = "@import";
+var KEYFRAMES = "@keyframes";
+var LAYER = "@layer";
+
+/**
+ * @param {number}
+ * @return {number}
+ */ var abs = Math.abs;
+/**
+ * @param {number}
+ * @return {string}
+ */ var from = String.fromCharCode;
+/**
+ * @param {object}
+ * @return {object}
+ */ var assign = Object.assign;
+/**
+ * @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();
+}
+/**
+ * @param {string} value
+ * @param {RegExp} pattern
+ * @return {string?}
+ */ function match(value, pattern) {
+    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);
+}
+/**
+ * @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;
+}
+/**
+ * @param {string} value
+ * @param {number} begin
+ * @param {number} end
+ * @return {string}
+ */ function substr(value, begin, end) {
+    return value.slice(begin, end);
+}
+/**
+ * @param {string} value
+ * @return {number}
+ */ function strlen(value) {
+    return value.length;
+}
+/**
+ * @param {any[]} value
+ * @return {number}
+ */ function sizeof(value) {
+    return value.length;
+}
+/**
+ * @param {any} value
+ * @param {any[]} array
+ * @return {any}
+ */ function append(value, array) {
+    return array.push(value), value;
+}
+/**
+ * @param {string[]} array
+ * @param {function} callback
+ * @return {string}
+ */ function combine(array, callback) {
+    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);
+    });
+}
+
+var line = 1;
+var column = 1;
+var length = 0;
+var position = 0;
+var character = 0;
+var characters = "";
+/**
+ * @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: value,
+        root: root,
+        parent: parent,
+        type: type,
+        props: props,
+        children: children,
+        line: line,
+        column: column,
+        length: length,
+        return: "",
+        siblings: 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);
+}
+/**
+ * @param {object} root
+ */ function lift(root) {
+    while(root.root)root = copy(root.root, {
+        children: [
+            root
+        ]
+    });
+    append(root, root.siblings);
+}
+/**
+ * @return {number}
+ */ function char() {
+    return character;
+}
+/**
+ * @return {number}
+ */ function prev() {
+    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;
+}
+/**
+ * @return {number}
+ */ function peek() {
+    return charat(characters, position);
+}
+/**
+ * @return {number}
+ */ function caret() {
+    return position;
+}
+/**
+ * @param {number} begin
+ * @param {number} end
+ * @return {string}
+ */ function slice(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;
+}
+/**
+ * @param {string} value
+ * @return {any[]}
+ */ function alloc(value) {
+    return line = column = 1, length = strlen(characters = value), position = 0, [];
+}
+/**
+ * @param {any} value
+ * @return {any}
+ */ function dealloc(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)));
+}
+/**
+ * @param {number} type
+ * @return {string}
+ */ function whitespace(type) {
+    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())// not 0-9 A-F a-f
+    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;
+}
+/**
+ * @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());
+}
+/**
+ * @param {number} index
+ * @return {string}
+ */ function identifier(index) {
+    while(!token(peek()))next();
+    return slice(index, position);
+}
+
+/**
+ * @param {string} value
+ * @return {object[]}
+ */ function compile(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 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;
+        // \t \n \r \s
+        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;
+        // } ; \0
+        case 125 * variable:
+        case 59:
+        case 0:
+            switch(character){
+                // \0 }
+                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 += ";";
+                // { rule/at-rule
+                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){
+                        // 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 = [], 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);
+}
+/**
+ * @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);
+}
+
+/**
+ * @param {string} value
+ * @param {number} length
+ * @param {object[]} children
+ * @return {string}
+ */ function prefix(value, length, children) {
+    switch(hash(value, length)){
+        // 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, length + 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, length) + 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 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;
+        // 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:
+            // stretch, max-content, min-content, fill-available
+            if (strlen(value) - 1 - length > 6) switch(charat(value, length + 1)){
+                // (m)ax-content, (m)in-content
+                case 109:
+                    // -
+                    if (charat(value, length + 4) !== 45) break;
+                // (f)ill-available, (f)it-content
+                case 102:
+                    return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3" + "$1" + MOZ + (charat(value, length + 3) == 108 ? "$3" : "$2-$3")) + value;
+                // (s)tretch
+                case 115:
+                    return ~indexof(value, "stretch", 0) ? prefix(replace(value, "stretch", "fill-available"), length, children) + value : value;
+            }
+            break;
+        // grid-(column|row)
+        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;
+            });
+        // position: sticky
+        case 4949:
+            // stick(y)?
+            if (charat(value, length + 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;
+}
+
+/**
+ * @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;
+}
+/**
+ * @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 + "}" : "";
+}
+
+/**
+ * @param {function[]} collection
+ * @return {function}
+ */ function middleware(collection) {
+    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);
+        }
+    };
+}
+/**
+ * @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 "";
+                });
+        }
+    }
+}
+
+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
+};
+
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+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.18", 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), E = /invalid hook call/i, N = new Set, P = function P(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 = !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, _tslib.__spreadArray([
+                    t
+                ], _$n, !1));
+            }, React.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 = 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, "");
+}
+var T = /(a)(d)/gi, k = 52, j = function j(e) {
+    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 V, F = 5381, z = function z(e, t) {
+    for(var n = t.length; n;)e = 33 * e ^ t.charCodeAt(--n);
+    return e;
+}, M = function M(e) {
+    return z(F, e);
+};
+function $(e) {
+    return x(M(e) >>> 0);
+}
+function B(e) {
+    return "production" !== process.env.NODE_ENV && "string" == typeof e && e || e.displayName || e.name || "Component";
+}
+function G(e) {
+    return "string" == typeof e && ("production" === process.env.NODE_ENV || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var L = "function" == typeof Symbol && Symbol.for, Y = L ? Symbol.for("react.memo") : 60115, q = L ? Symbol.for("react.forward_ref") : 60112, W = {
+    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 = {})[q] = {
+    $$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] : W;
+    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 (e) {}
+            }
+        }
+    }
+    return e;
+}
+function re(e) {
+    return "function" == typeof e;
+}
+function se(e) {
+    return "object" == typeof e && "styledComponentId" in e;
+}
+function ie(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 += 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);
+}
+function le(e, t, n) {
+    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>`"
+} : {};
+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(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, _tslib.__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 = new Map, ve = new Map, ge = 1, Se = function Se(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 we(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 Ne(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 Pe(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);
+        }
+    }
+}, _e = function _e(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));
+    }
+};
+function Ce() {
+    return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
+}
+var Ie = function Ie(e) {
+    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 = _tslib.__assign(_tslib.__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 r(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(_tslib.__assign(_tslib.__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 = 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(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 = void 0 === e ? C : e, s = r.options, i = void 0 === s ? C : s, a = r.plugins, c = void 0 === a ? _ : a, l = function l(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 === RULESET && 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 p(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), z(e, t.name);
+    }, F).toString() : "", p;
+}
+var ze = new ke, Me = Fe(), $e = React__default["default"].createContext({
+    shouldForwardProp: void 0,
+    styleSheet: ze,
+    stylis: Me
+}); $e.Consumer; React__default["default"].createContext(void 0);
+function Le() {
+    return React.useContext($e);
+}
+var qe = function() {
+    function e(e, t) {
+        var n = this;
+        this.inject = function(e, t) {
+            void 0 === t && (t = Me);
+            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 = Me), this.name + e.hash;
+    }, e;
+}(), We = function We(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;
+        We(_$o) ? t += "-" + _$o.toLowerCase() : t += _$o;
+    }
+    return t.startsWith("ms-") ? "-" + t : t;
+}
+var Ue = function Ue(e) {
+    return null == e || !1 === e || "" === e;
+}, Je = function Je1(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, _tslib.__spreadArray(_tslib.__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) || _instanceof(r, qe) || 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 _instanceof(e, qe) ? 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 !1;
+    }
+    return !0;
+}
+var Ke = M(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 = z(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(z(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 = z(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 = z(a, u));
+                else if (u) {
+                    var p = ae(Xe(u, e, t, n));
+                    a = z(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["default"].createContext(void 0); et.Consumer;
+var rt = {}, st = new Set;
+function it(e, r, s) {
+    var i = se(e), a = e, c = !G(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 G(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 w(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__default["default"].useContext(et), m = Le(), y = e.shouldForwardProp || m.shouldForwardProp;
+            "production" !== process.env.NODE_ENV && React.useDebugValue(d);
+            var v = I(r, f, c) || C, g = function(e, n, o) {
+                for(var _$r, _$s = _tslib.__assign(_tslib.__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 ? _tslib.__assign(_tslib.__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 = Le(), _$o = e.generateAndInjectStyles(t, _$n.styleSheet, _$n.stylis);
+                return "production" !== process.env.NODE_ENV && React.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[G(S) && !A.has(S) ? "class" : "className"] = N, s && (w.ref = s), React.createElement(S, w);
+        }(D, e, r);
+    }
+    O.displayName = y;
+    var D = React__default["default"].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 get() {
+            return this._foldedDefaultProps;
+        },
+        set: function set(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;
+}
+var ct = function ct(e) {
+    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(_, _tslib.__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 s(t) {
+        for(var s = [], i = 1; i < arguments.length; i++)s[i - 1] = arguments[i];
+        return n(o, r, lt.apply(void 0, _tslib.__spreadArray([
+            t
+        ], s, !1)));
+    };
+    return s.attrs = function(e) {
+        return ut(n, o, _tslib.__assign(_tslib.__assign({}, r), {
+            attrs: Array.prototype.concat(r.attrs, e).filter(Boolean)
+        }));
+    }, s.withConfig = function(e) {
+        return ut(n, o, _tslib.__assign(_tslib.__assign({}, r), e));
+    }, s;
+}
+var pt = function pt(e) {
+    return ut(it, e);
+}, dt = pt;
+A.forEach(function(e) {
+    dt[e] = pt(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 wt = "__sc-".concat(f, "__");
+"production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[wt] || (window[wt] = 0), 1 === window[wt] && 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[wt] += 1);
+
+exports.dt = dt;