react-code-snippet-player/dist/index.umd.js

A beautiful, animated React component to display code snippets with elegant tabs, typing effects, and syntax highlighting. Powered by [react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) and [framer-motion](http

(function($,H){typeof exports=="object"&&typeof module<"u"?H(exports,require("react"),require("framer-motion"),require("react-syntax-highlighter")):typeof define=="function"&&define.amd?define(["exports","react","framer-motion","react-syntax-highlighter"],H):($=typeof globalThis<"u"?globalThis:$||self,H($.ReactCodeSnippetPlayer={},$.React,$.motion,$.SyntaxHighlighter))})(this,function($,H,To,cn){"use strict";var Ro={exports:{}},vo={};/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var fe;function ln(){if(fe)return vo;fe=1;var o=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(r,a,t){var l=null;if(t!==void 0&&(l=""+t),a.key!==void 0&&(l=""+a.key),"key"in a){t={};for(var s in a)s!=="key"&&(t[s]=a[s])}else t=a;return a=t.ref,{$$typeof:o,type:r,key:l,ref:a!==void 0?a:null,props:t}}return vo.Fragment=e,vo.jsx=n,vo.jsxs=n,vo}var zo={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var he;function sn(){return he||(he=1,process.env.NODE_ENV!=="production"&&function(){function o(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===Ho?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case M:return"Fragment";case R:return"Profiler";case N:return"StrictMode";case C:return"Suspense";case b:return"SuspenseList";case K:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case z:return"Portal";case A:return(c.displayName||"Context")+".Provider";case x:return(c._context.displayName||"Context")+".Consumer";case v:var d=c.render;return c=c.displayName,c||(c=d.displayName||d.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case g:return d=c.displayName||null,d!==null?d:o(c.type)||"Memo";case W:d=c._payload,c=c._init;try{return o(c(d))}catch{}}return null}function e(c){return""+c}function n(c){try{e(c);var d=!1}catch{d=!0}if(d){d=console;var k=d.error,E=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return k.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",E),e(c)}}function r(c){if(c===M)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===W)return"<...>";try{var d=o(c);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function a(){var c=io.A;return c===null?null:c.getOwner()}function t(){return Error("react-stack-top-frame")}function l(c){if(So.call(c,"key")){var d=Object.getOwnPropertyDescriptor(c,"key").get;if(d&&d.isReactWarning)return!1}return c.key!==void 0}function s(c,d){function k(){u||(u=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",d))}k.isReactWarning=!0,Object.defineProperty(c,"key",{get:k,configurable:!0})}function i(){var c=o(this.type);return oo[c]||(oo[c]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),c=this.props.ref,c!==void 0?c:null}function w(c,d,k,E,U,j,X,eo){return k=j.ref,c={$$typeof:y,type:c,key:d,props:j,_owner:U},(k!==void 0?k:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:i}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:eo}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function h(c,d,k,E,U,j,X,eo){var O=d.children;if(O!==void 0)if(E)if(xo(O)){for(E=0;E<O.length;E++)m(O[E]);Object.freeze&&Object.freeze(O)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(O);if(So.call(d,"key")){O=o(c);var I=Object.keys(d).filter(function(Ao){return Ao!=="key"});E=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",P[O+E]||(I=0<I.length?"{"+I.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,E,O,I,O),P[O+E]=!0)}if(O=null,k!==void 0&&(n(k),O=""+k),l(d)&&(n(d.key),O=""+d.key),"key"in d){k={};for(var go in d)go!=="key"&&(k[go]=d[go])}else k=d;return O&&s(k,typeof c=="function"?c.displayName||c.name||"Unknown":c),w(c,O,j,U,a(),k,X,eo)}function m(c){typeof c=="object"&&c!==null&&c.$$typeof===y&&c._store&&(c._store.validated=1)}var f=H,y=Symbol.for("react.transitional.element"),z=Symbol.for("react.portal"),M=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),R=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),A=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),Ho=Symbol.for("react.client.reference"),io=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,So=Object.prototype.hasOwnProperty,xo=Array.isArray,so=console.createTask?console.createTask:function(){return null};f={"react-stack-bottom-frame":function(c){return c()}};var u,oo={},Q=f["react-stack-bottom-frame"].bind(f,t)(),q=so(r(t)),P={};zo.Fragment=M,zo.jsx=function(c,d,k,E,U){var j=1e4>io.recentlyCreatedOwnerStacks++;return h(c,d,k,!1,E,U,j?Error("react-stack-top-frame"):Q,j?so(r(c)):q)},zo.jsxs=function(c,d,k,E,U){var j=1e4>io.recentlyCreatedOwnerStacks++;return h(c,d,k,!0,E,U,j?Error("react-stack-top-frame"):Q,j?so(r(c)):q)}}()),zo}var me;function dn(){return me||(me=1,process.env.NODE_ENV==="production"?Ro.exports=ln():Ro.exports=sn()),Ro.exports}var B=dn(),L=function(){return L=Object.assign||function(e){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},L.apply(this,arguments)};function uo(o,e,n){if(n||arguments.length===2)for(var r=0,a=e.length,t;r<a;r++)(t||!(r in e))&&(t||(t=Array.prototype.slice.call(e,0,r)),t[r]=e[r]);return o.concat(t||Array.prototype.slice.call(e))}typeof SuppressedError=="function"&&SuppressedError;function gn(o){var e=Object.create(null);return function(n){return e[n]===void 0&&(e[n]=o(n)),e[n]}}var un=/^((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)-.*))$/,pn=gn(function(o){return un.test(o)||o.charCodeAt(0)===111&&o.charCodeAt(1)===110&&o.charCodeAt(2)<91}),T="-ms-",Mo="-moz-",S="-webkit-",ke="comm",Oo="rule",qo="decl",bn="@import",ye="@keyframes",fn="@layer",we=Math.abs,Xo=String.fromCharCode,Zo=Object.assign;function hn(o,e){return D(o,0)^45?(((e<<2^D(o,0))<<2^D(o,1))<<2^D(o,2))<<2^D(o,3):0}function Se(o){return o.trim()}function J(o,e){return(o=e.exec(o))?o[0]:o}function p(o,e,n){return o.replace(e,n)}function Wo(o,e,n){return o.indexOf(e,n)}function D(o,e){return o.charCodeAt(e)|0}function po(o,e,n){return o.slice(e,n)}function G(o){return o.length}function xe(o){return o.length}function Co(o,e){return e.push(o),o}function mn(o,e){return o.map(e).join("")}function Ae(o,e){return o.filter(function(n){return!J(n,e)})}var Fo=1,bo=1,ve=0,_=0,F=0,fo="";function Eo(o,e,n,r,a,t,l,s){return{value:o,root:e,parent:n,type:r,props:a,children:t,line:Fo,column:bo,length:l,return:"",siblings:s}}function Z(o,e){return Zo(Eo("",null,null,"",null,null,0,o.siblings),o,{length:-o.length},e)}function ho(o){for(;o.root;)o=Z(o.root,{children:[o]});Co(o,o.siblings)}function kn(){return F}function yn(){return F=_>0?D(fo,--_):0,bo--,F===10&&(bo=1,Fo--),F}function Y(){return F=_<ve?D(fo,_++):0,bo++,F===10&&(bo=1,Fo++),F}function ro(){return D(fo,_)}function Bo(){return _}function Do(o,e){return po(fo,o,e)}function oe(o){switch(o){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}function wn(o){return Fo=bo=1,ve=G(fo=o),_=0,[]}function Sn(o){return fo="",o}function ee(o){return Se(Do(_-1,ne(o===91?o+2:o===40?o+1:o)))}function xn(o){for(;(F=ro())&&F<33;)Y();return oe(o)>2||oe(F)>3?"":" "}function An(o,e){for(;--e&&Y()&&!(F<48||F>102||F>57&&F<65||F>70&&F<97););return Do(o,Bo()+(e<6&&ro()==32&&Y()==32))}function ne(o){for(;Y();)switch(F){case o:return _;case 34:case 39:o!==34&&o!==39&&ne(F);break;case 40:o===41&&ne(o);break;case 92:Y();break}return _}function vn(o,e){for(;Y()&&o+F!==57;)if(o+F===84&&ro()===47)break;return"/*"+Do(e,_-1)+"*"+Xo(o===47?o:Y())}function zn(o){for(;!oe(ro());)Y();return Do(o,_)}function Mn(o){return Sn(No("",null,null,null,[""],o=wn(o),0,[0],o))}function No(o,e,n,r,a,t,l,s,i){for(var w=0,h=0,m=l,f=0,y=0,z=0,M=1,N=1,R=1,x=0,A="",v=a,C=t,b=r,g=A;N;)switch(z=x,x=Y()){case 40:if(z!=108&&D(g,m-1)==58){Wo(g+=p(ee(x),"&","&\f"),"&\f",we(w?s[w-1]:0))!=-1&&(R=-1);break}case 34:case 39:case 91:g+=ee(x);break;case 9:case 10:case 13:case 32:g+=xn(z);break;case 92:g+=An(Bo()-1,7);continue;case 47:switch(ro()){case 42:case 47:Co(Cn(vn(Y(),Bo()),e,n,i),i);break;default:g+="/"}break;case 123*M:s[w++]=G(g)*R;case 125*M:case 59:case 0:switch(x){case 0:case 125:N=0;case 59+h:R==-1&&(g=p(g,/\f/g,"")),y>0&&G(g)-m&&Co(y>32?Me(g+";",r,n,m-1,i):Me(p(g," ","")+";",r,n,m-2,i),i);break;case 59:g+=";";default:if(Co(b=ze(g,e,n,w,h,a,s,A,v=[],C=[],m,t),t),x===123)if(h===0)No(g,e,b,b,v,t,m,s,C);else switch(f===99&&D(g,3)===110?100:f){case 100:case 108:case 109:case 115:No(o,b,b,r&&Co(ze(o,b,b,0,0,a,s,A,a,v=[],m,C),C),a,C,m,s,r?v:C);break;default:No(g,b,b,b,[""],C,0,s,C)}}w=h=y=0,M=R=1,A=g="",m=l;break;case 58:m=1+G(g),y=z;default:if(M<1){if(x==123)--M;else if(x==125&&M++==0&&yn()==125)continue}switch(g+=Xo(x),x*M){case 38:R=h>0?1:(g+="\f",-1);break;case 44:s[w++]=(G(g)-1)*R,R=1;break;case 64:ro()===45&&(g+=ee(Y())),f=ro(),h=m=G(A=g+=zn(Bo())),x++;break;case 45:z===45&&G(g)==2&&(M=0)}}return t}function ze(o,e,n,r,a,t,l,s,i,w,h,m){for(var f=a-1,y=a===0?t:[""],z=xe(y),M=0,N=0,R=0;M<r;++M)for(var x=0,A=po(o,f+1,f=we(N=l[M])),v=o;x<z;++x)(v=Se(N>0?y[x]+" "+A:p(A,/&\f/g,y[x])))&&(i[R++]=v);return Eo(o,e,n,a===0?Oo:s,i,w,h,m)}function Cn(o,e,n,r){return Eo(o,e,n,ke,Xo(kn()),po(o,2,-2),0,r)}function Me(o,e,n,r,a){return Eo(o,e,n,qo,po(o,0,r),po(o,r+1,-1),r,a)}function Ce(o,e,n){switch(hn(o,e)){case 5103:return S+"print-"+o+o;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 S+o+o;case 4789:return Mo+o+o;case 5349:case 4246:case 4810:case 6968:case 2756:return S+o+Mo+o+T+o+o;case 5936:switch(D(o,e+11)){case 114:return S+o+T+p(o,/[svh]\w+-[tblr]{2}/,"tb")+o;case 108:return S+o+T+p(o,/[svh]\w+-[tblr]{2}/,"tb-rl")+o;case 45:return S+o+T+p(o,/[svh]\w+-[tblr]{2}/,"lr")+o}case 6828:case 4268:case 2903:return S+o+T+o+o;case 6165:return S+o+T+"flex-"+o+o;case 5187:return S+o+p(o,/(\w+).+(:[^]+)/,S+"box-$1$2"+T+"flex-$1$2")+o;case 5443:return S+o+T+"flex-item-"+p(o,/flex-|-self/g,"")+(J(o,/flex-|baseline/)?"":T+"grid-row-"+p(o,/flex-|-self/g,""))+o;case 4675:return S+o+T+"flex-line-pack"+p(o,/align-content|flex-|-self/g,"")+o;case 5548:return S+o+T+p(o,"shrink","negative")+o;case 5292:return S+o+T+p(o,"basis","preferred-size")+o;case 6060:return S+"box-"+p(o,"-grow","")+S+o+T+p(o,"grow","positive")+o;case 4554:return S+p(o,/([^-])(transform)/g,"$1"+S+"$2")+o;case 6187:return p(p(p(o,/(zoom-|grab)/,S+"$1"),/(image-set)/,S+"$1"),o,"")+o;case 5495:case 3959:return p(o,/(image-set\([^]*)/,S+"$1$`$1");case 4968:return p(p(o,/(.+:)(flex-)?(.*)/,S+"box-pack:$3"+T+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+S+o+o;case 4200:if(!J(o,/flex-|baseline/))return T+"grid-column-align"+po(o,e)+o;break;case 2592:case 3360:return T+p(o,"template-","")+o;case 4384:case 3616:return n&&n.some(function(r,a){return e=a,J(r.props,/grid-\w+-end/)})?~Wo(o+(n=n[e].value),"span",0)?o:T+p(o,"-start","")+o+T+"grid-row-span:"+(~Wo(n,"span",0)?J(n,/\d+/):+J(n,/\d+/)-+J(o,/\d+/))+";":T+p(o,"-start","")+o;case 4896:case 4128:return n&&n.some(function(r){return J(r.props,/grid-\w+-start/)})?o:T+p(p(o,"-end","-span"),"span ","")+o;case 4095:case 3583:case 4068:case 2532:return p(o,/(.+)-inline(.+)/,S+"$1$2")+o;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(G(o)-1-e>6)switch(D(o,e+1)){case 109:if(D(o,e+4)!==45)break;case 102:return p(o,/(.+:)(.+)-([^]+)/,"$1"+S+"$2-$3$1"+Mo+(D(o,e+3)==108?"$3":"$2-$3"))+o;case 115:return~Wo(o,"stretch",0)?Ce(p(o,"stretch","fill-available"),e,n)+o:o}break;case 5152:case 5920:return p(o,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,a,t,l,s,i,w){return T+a+":"+t+w+(l?T+a+"-span:"+(s?i:+i-+t)+w:"")+o});case 4949:if(D(o,e+6)===121)return p(o,":",":"+S)+o;break;case 6444:switch(D(o,D(o,14)===45?18:11)){case 120:return p(o,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+S+(D(o,14)===45?"inline-":"")+"box$3$1"+S+"$2$3$1"+T+"$2box$3")+o;case 100:return p(o,":",":"+T)+o}break;case 5719:case 2647:case 2135:case 3927:case 2391:return p(o,"scroll-","scroll-snap-")+o}return o}function jo(o,e){for(var n="",r=0;r<o.length;r++)n+=e(o[r],r,o,e)||"";return n}function Hn(o,e,n,r){switch(o.type){case fn:if(o.children.length)break;case bn:case qo:return o.return=o.return||o.value;case ke:return"";case ye:return o.return=o.value+"{"+jo(o.children,r)+"}";case Oo:if(!G(o.value=o.props.join(",")))return""}return G(n=jo(o.children,r))?o.return=o.value+"{"+n+"}":""}function Tn(o){var e=xe(o);return function(n,r,a,t){for(var l="",s=0;s<e;s++)l+=o[s](n,r,a,t)||"";return l}}function Rn(o){return function(e){e.root||(e=e.return)&&o(e)}}function On(o,e,n,r){if(o.length>-1&&!o.return)switch(o.type){case qo:o.return=Ce(o.value,o.length,n);return;case ye:return jo([Z(o,{value:p(o.value,"@","@"+S)})],r);case Oo:if(o.length)return mn(n=o.props,function(a){switch(J(a,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ho(Z(o,{props:[p(a,/:(read-\w+)/,":"+Mo+"$1")]})),ho(Z(o,{props:[a]})),Zo(o,{props:Ae(n,r)});break;case"::placeholder":ho(Z(o,{props:[p(a,/:(plac\w+)/,":"+S+"input-$1")]})),ho(Z(o,{props:[p(a,/:(plac\w+)/,":"+Mo+"$1")]})),ho(Z(o,{props:[p(a,/:(plac\w+)/,T+"input-$1")]})),ho(Z(o,{props:[a]})),Zo(o,{props:Ae(n,r)});break}return""})}}var Wn={},ao=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",He="active",Te="data-styled-version",Lo="6.1.19",re=`/*!sc*/
`,Po=typeof window<"u"&&typeof document<"u",Fn=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),Re=/invalid hook call/i,Io=new Set,En=function(o,e){if(process.env.NODE_ENV!=="production"){var n=e?' with the id of "'.concat(e,'"'):"",r="The component ".concat(o).concat(n,` has been created dynamically.
`)+`You may see this warning because you've called styled inside another component.
To resolve this only create new StyledComponents outside of any render method and function component.
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
`,a=console.error;try{var t=!0;console.error=function(l){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];Re.test(l)?(t=!1,Io.delete(r)):a.apply(void 0,uo([l],s,!1))},H.useRef(),t&&!Io.has(r)&&(console.warn(r),Io.add(r))}catch(l){Re.test(l.message)&&Io.delete(r)}finally{console.error=a}}},_o=Object.freeze([]),mo=Object.freeze({});function Bn(o,e,n){return n===void 0&&(n=mo),o.theme!==n.theme&&o.theme||e||n.theme}var ae=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"]),Dn=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Nn=/(^-|-$)/g;function Oe(o){return o.replace(Dn,"-").replace(Nn,"")}var jn=/(a)(d)/gi,Vo=52,We=function(o){return String.fromCharCode(o+(o>25?39:97))};function te(o){var e,n="";for(e=Math.abs(o);e>Vo;e=e/Vo|0)n=We(e%Vo)+n;return(We(e%Vo)+n).replace(jn,"$1-$2")}var ce,Fe=5381,to=function(o,e){for(var n=e.length;n;)o=33*o^e.charCodeAt(--n);return o},Ee=function(o){return to(Fe,o)};function Ln(o){return te(Ee(o)>>>0)}function Be(o){return process.env.NODE_ENV!=="production"&&typeof o=="string"&&o||o.displayName||o.name||"Component"}function le(o){return typeof o=="string"&&(process.env.NODE_ENV==="production"||o.charAt(0)===o.charAt(0).toLowerCase())}var De=typeof Symbol=="function"&&Symbol.for,Ne=De?Symbol.for("react.memo"):60115,Pn=De?Symbol.for("react.forward_ref"):60112,In={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},_n={},je={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Vn=((ce={})[Pn]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ce[Ne]=je,ce);function Le(o){return("type"in(e=o)&&e.type.$$typeof)===Ne?je:"$$typeof"in o?Vn[o.$$typeof]:In;var e}var Un=Object.defineProperty,Yn=Object.getOwnPropertyNames,Pe=Object.getOwnPropertySymbols,$n=Object.getOwnPropertyDescriptor,Gn=Object.getPrototypeOf,Ie=Object.prototype;function _e(o,e,n){if(typeof e!="string"){if(Ie){var r=Gn(e);r&&r!==Ie&&_e(o,r,n)}var a=Yn(e);Pe&&(a=a.concat(Pe(e)));for(var t=Le(o),l=Le(e),s=0;s<a.length;++s){var i=a[s];if(!(i in _n||n&&n[i]||l&&i in l||t&&i in t)){var w=$n(e,i);try{Un(o,i,w)}catch{}}}}return o}function ko(o){return typeof o=="function"}function ie(o){return typeof o=="object"&&"styledComponentId"in o}function co(o,e){return o&&e?"".concat(o," ").concat(e):o||e||""}function Ve(o,e){if(o.length===0)return"";for(var n=o[0],r=1;r<o.length;r++)n+=o[r];return n}function yo(o){return o!==null&&typeof o=="object"&&o.constructor.name===Object.name&&!("props"in o&&o.$$typeof)}function se(o,e,n){if(n===void 0&&(n=!1),!n&&!yo(o)&&!Array.isArray(o))return e;if(Array.isArray(e))for(var r=0;r<e.length;r++)o[r]=se(o[r],e[r]);else if(yo(e))for(var r in e)o[r]=se(o[r],e[r]);return o}function de(o,e){Object.defineProperty(o,"toString",{value:e})}var Kn=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.

`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.

- Are you trying to reuse it across renders?
- Are you accidentally calling collectStyles twice?

`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.

`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!

- Does this error occur on the client and is your target falsy?
- Does this error occur on the server and is the sheet falsy?

`,5:`The clone method cannot be used on the client!

- Are you running in a client-like environment on the server?
- Are you trying to run SSR on the client?

`,6:`Trying to insert a new style tag, but the given Node is unmounted!

- Are you using a custom target that isn't mounted?
- Does your document not have a valid head element?
- Have you accidentally removed a style tag manually?

`,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.

`,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

`,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.

`,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.

`,14:`ThemeProvider: "theme" prop is required.

`,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.
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
as for instance in your render method then you may be running into this limitation.

`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
Has styled-components' style tag been unmounted or altered by another script?
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Qn(){for(var o=[],e=0;e<arguments.length;e++)o[e]=arguments[e];for(var n=o[0],r=[],a=1,t=o.length;a<t;a+=1)r.push(o[a]);return r.forEach(function(l){n=n.replace(/%[a-z]/,l)}),n}function wo(o){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(o," for more information.").concat(e.length>0?" Args: ".concat(e.join(", ")):"")):new Error(Qn.apply(void 0,uo([Kn[o]],e,!1)).trim())}var Jn=function(){function o(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return o.prototype.indexOfGroup=function(e){for(var n=0,r=0;r<e;r++)n+=this.groupSizes[r];return n},o.prototype.insertRules=function(e,n){if(e>=this.groupSizes.length){for(var r=this.groupSizes,a=r.length,t=a;e>=t;)if((t<<=1)<0)throw wo(16,"".concat(e));this.groupSizes=new Uint32Array(t),this.groupSizes.set(r),this.length=t;for(var l=a;l<t;l++)this.groupSizes[l]=0}for(var s=this.indexOfGroup(e+1),i=(l=0,n.length);l<i;l++)this.tag.insertRule(s,n[l])&&(this.groupSizes[e]++,s++)},o.prototype.clearGroup=function(e){if(e<this.length){var n=this.groupSizes[e],r=this.indexOfGroup(e),a=r+n;this.groupSizes[e]=0;for(var t=r;t<a;t++)this.tag.deleteRule(r)}},o.prototype.getGroup=function(e){var n="";if(e>=this.length||this.groupSizes[e]===0)return n;for(var r=this.groupSizes[e],a=this.indexOfGroup(e),t=a+r,l=a;l<t;l++)n+="".concat(this.tag.getRule(l)).concat(re);return n},o}(),qn=1<<30,Uo=new Map,Yo=new Map,$o=1,Go=function(o){if(Uo.has(o))return Uo.get(o);for(;Yo.has($o);)$o++;var e=$o++;if(process.env.NODE_ENV!=="production"&&((0|e)<0||e>qn))throw wo(16,"".concat(e));return Uo.set(o,e),Yo.set(e,o),e},Xn=function(o,e){$o=e+1,Uo.set(o,e),Yo.set(e,o)},Zn="style[".concat(ao,"][").concat(Te,'="').concat(Lo,'"]'),or=new RegExp("^".concat(ao,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),er=function(o,e,n){for(var r,a=n.split(","),t=0,l=a.length;t<l;t++)(r=a[t])&&o.registerName(e,r)},nr=function(o,e){for(var n,r=((n=e.textContent)!==null&&n!==void 0?n:"").split(re),a=[],t=0,l=r.length;t<l;t++){var s=r[t].trim();if(s){var i=s.match(or);if(i){var w=0|parseInt(i[1],10),h=i[2];w!==0&&(Xn(h,w),er(o,h,i[3]),o.getTag().insertRules(w,a)),a.length=0}else a.push(s)}}},Ue=function(o){for(var e=document.querySelectorAll(Zn),n=0,r=e.length;n<r;n++){var a=e[n];a&&a.getAttribute(ao)!==He&&(nr(o,a),a.parentNode&&a.parentNode.removeChild(a))}};function rr(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Ye=function(o){var e=document.head,n=o||e,r=document.createElement("style"),a=function(s){var i=Array.from(s.querySelectorAll("style[".concat(ao,"]")));return i[i.length-1]}(n),t=a!==void 0?a.nextSibling:null;r.setAttribute(ao,He),r.setAttribute(Te,Lo);var l=rr();return l&&r.setAttribute("nonce",l),n.insertBefore(r,t),r},ar=function(){function o(e){this.element=Ye(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(n){if(n.sheet)return n.sheet;for(var r=document.styleSheets,a=0,t=r.length;a<t;a++){var l=r[a];if(l.ownerNode===n)return l}throw wo(17)}(this.element),this.length=0}return o.prototype.insertRule=function(e,n){try{return this.sheet.insertRule(n,e),this.length++,!0}catch{return!1}},o.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},o.prototype.getRule=function(e){var n=this.sheet.cssRules[e];return n&&n.cssText?n.cssText:""},o}(),tr=function(){function o(e){this.element=Ye(e),this.nodes=this.element.childNodes,this.length=0}return o.prototype.insertRule=function(e,n){if(e<=this.length&&e>=0){var r=document.createTextNode(n);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},o.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},o.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},o}(),cr=function(){function o(e){this.rules=[],this.length=0}return o.prototype.insertRule=function(e,n){return e<=this.length&&(this.rules.splice(e,0,n),this.length++,!0)},o.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},o.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},o}(),$e=Po,lr={isServer:!Po,useCSSOMInjection:!Fn},Ge=function(){function o(e,n,r){e===void 0&&(e=mo),n===void 0&&(n={});var a=this;this.options=L(L({},lr),e),this.gs=n,this.names=new Map(r),this.server=!!e.isServer,!this.server&&Po&&$e&&($e=!1,Ue(this)),de(this,function(){return function(t){for(var l=t.getTag(),s=l.length,i="",w=function(m){var f=function(R){return Yo.get(R)}(m);if(f===void 0)return"continue";var y=t.names.get(f),z=l.getGroup(m);if(y===void 0||!y.size||z.length===0)return"continue";var M="".concat(ao,".g").concat(m,'[id="').concat(f,'"]'),N="";y!==void 0&&y.forEach(function(R){R.length>0&&(N+="".concat(R,","))}),i+="".concat(z).concat(M,'{content:"').concat(N,'"}').concat(re)},h=0;h<s;h++)w(h);return i}(a)})}return o.registerId=function(e){return Go(e)},o.prototype.rehydrate=function(){!this.server&&Po&&Ue(this)},o.prototype.reconstructWithOptions=function(e,n){return n===void 0&&(n=!0),new o(L(L({},this.options),e),this.gs,n&&this.names||void 0)},o.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},o.prototype.getTag=function(){return this.tag||(this.tag=(e=function(n){var r=n.useCSSOMInjection,a=n.target;return n.isServer?new cr(a):r?new ar(a):new tr(a)}(this.options),new Jn(e)));var e},o.prototype.hasNameForId=function(e,n){return this.names.has(e)&&this.names.get(e).has(n)},o.prototype.registerName=function(e,n){if(Go(e),this.names.has(e))this.names.get(e).add(n);else{var r=new Set;r.add(n),this.names.set(e,r)}},o.prototype.insertRules=function(e,n,r){this.registerName(e,n),this.getTag().insertRules(Go(e),r)},o.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},o.prototype.clearRules=function(e){this.getTag().clearGroup(Go(e)),this.clearNames(e)},o.prototype.clearTag=function(){this.tag=void 0},o}(),ir=/&/g,sr=/^\s*\/\/.*$/gm;function Ke(o,e){return o.map(function(n){return n.type==="rule"&&(n.value="".concat(e," ").concat(n.value),n.value=n.value.replaceAll(",",",".concat(e," ")),n.props=n.props.map(function(r){return"".concat(e," ").concat(r)})),Array.isArray(n.children)&&n.type!=="@keyframes"&&(n.children=Ke(n.children,e)),n})}function dr(o){var e,n,r,a=mo,t=a.options,l=t===void 0?mo:t,s=a.plugins,i=s===void 0?_o:s,w=function(f,y,z){return z.startsWith(n)&&z.endsWith(n)&&z.replaceAll(n,"").length>0?".".concat(e):f},h=i.slice();h.push(function(f){f.type===Oo&&f.value.includes("&")&&(f.props[0]=f.props[0].replace(ir,n).replace(r,w))}),l.prefix&&h.push(On),h.push(Hn);var m=function(f,y,z,M){y===void 0&&(y=""),z===void 0&&(z=""),M===void 0&&(M="&"),e=M,n=y,r=new RegExp("\\".concat(n,"\\b"),"g");var N=f.replace(sr,""),R=Mn(z||y?"".concat(z," ").concat(y," { ").concat(N," }"):N);l.namespace&&(R=Ke(R,l.namespace));var x=[];return jo(R,Tn(h.concat(Rn(function(A){return x.push(A)})))),x};return m.hash=i.length?i.reduce(function(f,y){return y.name||wo(15),to(f,y.name)},Fe).toString():"",m}var gr=new Ge,ge=dr(),Qe=H.createContext({shouldForwardProp:void 0,styleSheet:gr,stylis:ge});Qe.Consumer,H.createContext(void 0);function Je(){return H.useContext(Qe)}var qe=function(){function o(e,n){var r=this;this.inject=function(a,t){t===void 0&&(t=ge);var l=r.name+t.hash;a.hasNameForId(r.id,l)||a.insertRules(r.id,l,t(r.rules,l,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=n,de(this,function(){throw wo(12,String(r.name))})}return o.prototype.getName=function(e){return e===void 0&&(e=ge),this.name+e.hash},o}(),ur=function(o){return o>="A"&&o<="Z"};function Xe(o){for(var e="",n=0;n<o.length;n++){var r=o[n];if(n===1&&r==="-"&&o[0]==="-")return o;ur(r)?e+="-"+r.toLowerCase():e+=r}return e.startsWith("ms-")?"-"+e:e}var Ze=function(o){return o==null||o===!1||o===""},on=function(o){var e,n,r=[];for(var a in o){var t=o[a];o.hasOwnProperty(a)&&!Ze(t)&&(Array.isArray(t)&&t.isCss||ko(t)?r.push("".concat(Xe(a),":"),t,";"):yo(t)?r.push.apply(r,uo(uo(["".concat(a," {")],on(t),!1),["}"],!1)):r.push("".concat(Xe(a),": ").concat((e=a,(n=t)==null||typeof n=="boolean"||n===""?"":typeof n!="number"||n===0||e in Wn||e.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function lo(o,e,n,r){if(Ze(o))return[];if(ie(o))return[".".concat(o.styledComponentId)];if(ko(o)){if(!ko(t=o)||t.prototype&&t.prototype.isReactComponent||!e)return[o];var a=o(e);return process.env.NODE_ENV==="production"||typeof a!="object"||Array.isArray(a)||a instanceof qe||yo(a)||a===null||console.error("".concat(Be(o)," 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.")),lo(a,e,n,r)}var t;return o instanceof qe?n?(o.inject(n,r),[o.getName(r)]):[o]:yo(o)?on(o):Array.isArray(o)?Array.prototype.concat.apply(_o,o.map(function(l){return lo(l,e,n,r)})):[o.toString()]}function pr(o){for(var e=0;e<o.length;e+=1){var n=o[e];if(ko(n)&&!ie(n))return!1}return!0}var br=Ee(Lo),fr=function(){function o(e,n,r){this.rules=e,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&pr(e),this.componentId=n,this.baseHash=to(br,n),this.baseStyle=r,Ge.registerId(n)}return o.prototype.generateAndInjectStyles=function(e,n,r){var a=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,n,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(this.componentId,this.staticRulesId))a=co(a,this.staticRulesId);else{var t=Ve(lo(this.rules,e,n,r)),l=te(to(this.baseHash,t)>>>0);if(!n.hasNameForId(this.componentId,l)){var s=r(t,".".concat(l),void 0,this.componentId);n.insertRules(this.componentId,l,s)}a=co(a,l),this.staticRulesId=l}else{for(var i=to(this.baseHash,r.hash),w="",h=0;h<this.rules.length;h++){var m=this.rules[h];if(typeof m=="string")w+=m,process.env.NODE_ENV!=="production"&&(i=to(i,m));else if(m){var f=Ve(lo(m,e,n,r));i=to(i,f+h),w+=f}}if(w){var y=te(i>>>0);n.hasNameForId(this.componentId,y)||n.insertRules(this.componentId,y,r(w,".".concat(y),void 0,this.componentId)),a=co(a,y)}}return a},o}(),en=H.createContext(void 0);en.Consumer;var ue={},nn=new Set;function hr(o,e,n){var r=ie(o),a=o,t=!le(o),l=e.attrs,s=l===void 0?_o:l,i=e.componentId,w=i===void 0?function(v,C){var b=typeof v!="string"?"sc":Oe(v);ue[b]=(ue[b]||0)+1;var g="".concat(b,"-").concat(Ln(Lo+b+ue[b]));return C?"".concat(C,"-").concat(g):g}(e.displayName,e.parentComponentId):i,h=e.displayName,m=h===void 0?function(v){return le(v)?"styled.".concat(v):"Styled(".concat(Be(v),")")}(o):h,f=e.displayName&&e.componentId?"".concat(Oe(e.displayName),"-").concat(e.componentId):e.componentId||w,y=r&&a.attrs?a.attrs.concat(s).filter(Boolean):s,z=e.shouldForwardProp;if(r&&a.shouldForwardProp){var M=a.shouldForwardProp;if(e.shouldForwardProp){var N=e.shouldForwardProp;z=function(v,C){return M(v,C)&&N(v,C)}}else z=M}var R=new fr(n,f,r?a.componentStyle:void 0);function x(v,C){return function(b,g,W){var K=b.attrs,Ho=b.componentStyle,io=b.defaultProps,So=b.foldedComponentIds,xo=b.styledComponentId,so=b.target,u=H.useContext(en),oo=Je(),Q=b.shouldForwardProp||oo.shouldForwardProp;process.env.NODE_ENV!=="production"&&H.useDebugValue(xo);var q=Bn(g,u,io)||mo,P=function(j,X,eo){for(var O,I=L(L({},X),{className:void 0,theme:eo}),go=0;go<j.length;go+=1){var Ao=ko(O=j[go])?O(I):O;for(var no in Ao)I[no]=no==="className"?co(I[no],Ao[no]):no==="style"?L(L({},I[no]),Ao[no]):Ao[no]}return X.className&&(I.className=co(I.className,X.className)),I}(K,g,q),c=P.as||so,d={};for(var k in P)P[k]===void 0||k[0]==="$"||k==="as"||k==="theme"&&P.theme===q||(k==="forwardedAs"?d.as=P.forwardedAs:Q&&!Q(k,c)||(d[k]=P[k],Q||process.env.NODE_ENV!=="development"||pn(k)||nn.has(k)||!ae.has(c)||(nn.add(k),console.warn('styled-components: it looks like an unknown prop "'.concat(k,'" 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(j,X){var eo=Je(),O=j.generateAndInjectStyles(X,eo.styleSheet,eo.stylis);return process.env.NODE_ENV!=="production"&&H.useDebugValue(O),O}(Ho,P);process.env.NODE_ENV!=="production"&&b.warnTooManyClasses&&b.warnTooManyClasses(E);var U=co(So,xo);return E&&(U+=" "+E),P.className&&(U+=" "+P.className),d[le(c)&&!ae.has(c)?"class":"className"]=U,W&&(d.ref=W),H.createElement(c,d)}(A,v,C)}x.displayName=m;var A=H.forwardRef(x);return A.attrs=y,A.componentStyle=R,A.displayName=m,A.shouldForwardProp=z,A.foldedComponentIds=r?co(a.foldedComponentIds,a.styledComponentId):"",A.styledComponentId=f,A.target=r?a.target:o,Object.defineProperty(A,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(v){this._foldedDefaultProps=r?function(C){for(var b=[],g=1;g<arguments.length;g++)b[g-1]=arguments[g];for(var W=0,K=b;W<K.length;W++)se(C,K[W],!0);return C}({},a.defaultProps,v):v}}),process.env.NODE_ENV!=="production"&&(En(m,f),A.warnTooManyClasses=function(v,C){var b={},g=!1;return function(W){if(!g&&(b[W]=!0,Object.keys(b).length>=200)){var K=C?' with the id of "'.concat(C,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(v).concat(K,`.
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
Example:
  const Component = styled.div.attrs(props => ({
    style: {
      background: props.background,
    },
  }))\`width: 100%;\`

  <Component />`),g=!0,b={}}}}(m,f)),de(A,function(){return".".concat(A.styledComponentId)}),t&&_e(A,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),A}function rn(o,e){for(var n=[o[0]],r=0,a=e.length;r<a;r+=1)n.push(e[r],o[r+1]);return n}var an=function(o){return Object.assign(o,{isCss:!0})};function mr(o){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(ko(o)||yo(o))return an(lo(rn(_o,uo([o],e,!0))));var r=o;return e.length===0&&r.length===1&&typeof r[0]=="string"?lo(r):an(lo(rn(r,e)))}function pe(o,e,n){if(n===void 0&&(n=mo),!e)throw wo(1,e);var r=function(a){for(var t=[],l=1;l<arguments.length;l++)t[l-1]=arguments[l];return o(e,n,mr.apply(void 0,uo([a],t,!1)))};return r.attrs=function(a){return pe(o,e,L(L({},n),{attrs:Array.prototype.concat(n.attrs,a).filter(Boolean)}))},r.withConfig=function(a){return pe(o,e,L(L({},n),a))},r}var tn=function(o){return pe(hr,o)},V=tn;ae.forEach(function(o){V[o]=tn(o)}),process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
Perhaps you're looking to import 'styled-components/native'?
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var Ko="__sc-".concat(ao,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[Ko]||(window[Ko]=0),window[Ko]===1&&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.

See https://s-c.sh/2BAXzed for more info.`),window[Ko]+=1);const kr={'code[class*="language-"]':{color:"black",background:"none",fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",maxHeight:"inherit",height:"inherit",padding:"0 1em",display:"block",overflow:"auto"},'pre[class*="language-"]':{color:"black",background:"none",fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",position:"relative",margin:".5em 0",overflow:"visible",padding:"1px",backgroundColor:"#fdfdfd",WebkitBoxSizing:"border-box",MozBoxSizing:"border-box",boxSizing:"border-box",marginBottom:"1em"},'pre[class*="language-"] > code':{position:"relative",zIndex:"1",borderLeft:"10px solid #358ccb",boxShadow:"-1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf",backgroundColor:"#fdfdfd",backgroundImage:"linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%)",backgroundSize:"3em 3em",backgroundOrigin:"content-box",backgroundAttachment:"local"},':not(pre) > code[class*="language-"]':{backgroundColor:"#fdfdfd",WebkitBoxSizing:"border-box",MozBoxSizing:"border-box",boxSizing:"border-box",marginBottom:"1em",position:"relative",padding:".2em",borderRadius:"0.3em",color:"#c92c2c",border:"1px solid rgba(0, 0, 0, 0.1)",display:"inline",whiteSpace:"normal"},'pre[class*="language-"]:before':{content:"''",display:"block",position:"absolute",bottom:"0.75em",left:"0.18em",width:"40%",height:"20%",maxHeight:"13em",boxShadow:"0px 13px 8px #979797",WebkitTransform:"rotate(-2deg)",MozTransform:"rotate(-2deg)",msTransform:"rotate(-2deg)",OTransform:"rotate(-2deg)",transform:"rotate(-2deg)"},'pre[class*="language-"]:after':{content:"''",display:"block",position:"absolute",bottom:"0.75em",left:"auto",width:"40%",height:"20%",maxHeight:"13em",boxShadow:"0px 13px 8px #979797",WebkitTransform:"rotate(2deg)",MozTransform:"rotate(2deg)",msTransform:"rotate(2deg)",OTransform:"rotate(2deg)",transform:"rotate(2deg)",right:"0.75em"},comment:{color:"#7D8B99"},"block-comment":{color:"#7D8B99"},prolog:{color:"#7D8B99"},doctype:{color:"#7D8B99"},cdata:{color:"#7D8B99"},punctuation:{color:"#5F6364"},property:{color:"#c92c2c"},tag:{color:"#c92c2c"},boolean:{color:"#c92c2c"},number:{color:"#c92c2c"},"function-name":{color:"#c92c2c"},constant:{color:"#c92c2c"},symbol:{color:"#c92c2c"},deleted:{color:"#c92c2c"},selector:{color:"#2f9c0a"},"attr-name":{color:"#2f9c0a"},string:{color:"#2f9c0a"},char:{color:"#2f9c0a"},function:{color:"#2f9c0a"},builtin:{color:"#2f9c0a"},inserted:{color:"#2f9c0a"},operator:{color:"#a67f59",background:"rgba(255, 255, 255, 0.5)"},entity:{color:"#a67f59",background:"rgba(255, 255, 255, 0.5)",cursor:"help"},url:{color:"#a67f59",background:"rgba(255, 255, 255, 0.5)"},variable:{color:"#a67f59",background:"rgba(255, 255, 255, 0.5)"},atrule:{color:"#1990b8"},"attr-value":{color:"#1990b8"},keyword:{color:"#1990b8"},"class-name":{color:"#1990b8"},regex:{color:"#e90"},important:{color:"#e90",fontWeight:"normal"},".language-css .token.string":{color:"#a67f59",background:"rgba(255, 255, 255, 0.5)"},".style .token.string":{color:"#a67f59",background:"rgba(255, 255, 255, 0.5)"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},namespace:{Opacity:".7"},'pre[class*="language-"].line-numbers.line-numbers':{paddingLeft:"0"},'pre[class*="language-"].line-numbers.line-numbers code':{paddingLeft:"3.8em"},'pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows':{left:"0"},'pre[class*="language-"][data-line]':{paddingTop:"0",paddingBottom:"0",paddingLeft:"0"},"pre[data-line] code":{position:"relative",paddingLeft:"4em"},"pre .line-highlight":{marginTop:"0"}},yr={'code[class*="language-"]':{color:"white",background:"none",textShadow:"0 -.1em .2em black",fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{color:"white",background:"hsl(30, 20%, 25%)",textShadow:"0 -.1em .2em black",fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:".5em 0",overflow:"auto",border:".3em solid hsl(30, 20%, 40%)",borderRadius:".5em",boxShadow:"1px 1px .5em black inset"},':not(pre) > code[class*="language-"]':{background:"hsl(30, 20%, 25%)",padding:".15em .2em .05em",borderRadius:".3em",border:".13em solid hsl(30, 20%, 40%)",boxShadow:"1px 1px .3em -.1em black inset",whiteSpace:"normal"},comment:{color:"hsl(30, 20%, 50%)"},prolog:{color:"hsl(30, 20%, 50%)"},doctype:{color:"hsl(30, 20%, 50%)"},cdata:{color:"hsl(30, 20%, 50%)"},punctuation:{Opacity:".7"},namespace:{Opacity:".7"},property:{color:"hsl(350, 40%, 70%)"},tag:{color:"hsl(350, 40%, 70%)"},boolean:{color:"hsl(350, 40%, 70%)"},number:{color:"hsl(350, 40%, 70%)"},constant:{color:"hsl(350, 40%, 70%)"},symbol:{color:"hsl(350, 40%, 70%)"},selector:{color:"hsl(75, 70%, 60%)"},"attr-name":{color:"hsl(75, 70%, 60%)"},string:{color:"hsl(75, 70%, 60%)"},char:{color:"hsl(75, 70%, 60%)"},builtin:{color:"hsl(75, 70%, 60%)"},inserted:{color:"hsl(75, 70%, 60%)"},operator:{color:"hsl(40, 90%, 60%)"},entity:{color:"hsl(40, 90%, 60%)",cursor:"help"},url:{color:"hsl(40, 90%, 60%)"},".language-css .token.string":{color:"hsl(40, 90%, 60%)"},".style .token.string":{color:"hsl(40, 90%, 60%)"},variable:{color:"hsl(40, 90%, 60%)"},atrule:{color:"hsl(350, 40%, 70%)"},"attr-value":{color:"hsl(350, 40%, 70%)"},keyword:{color:"hsl(350, 40%, 70%)"},regex:{color:"#e90"},important:{color:"#e90",fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},deleted:{color:"red"}},wr={'code[class*="language-"]':{fontFamily:"Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",fontSize:"1em",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",wordWrap:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",M