styled-components 6.4.0-prerelease.12 → 6.4.0-prerelease.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/styled-components.browser.cjs.js +1 -1
  2. package/dist/styled-components.browser.esm.js +1 -1
  3. package/dist/styled-components.cjs.js +1 -1
  4. package/dist/styled-components.esm.js +1 -1
  5. package/dist/styled-components.js +1 -1
  6. package/dist/styled-components.min.js +1 -1
  7. package/dist/types.d.ts +2 -2
  8. package/native/dist/dist/types.d.ts +2 -2
  9. package/native/dist/types.d.ts +2 -2
  10. package/package.json +1 -1
package/dist/styled-components.browser.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("stylis");function o(e){return e&&e.__esModule?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r,i,a=/*#__PURE__*/o(e),l=/*#__PURE__*/o(t),c=/*#__PURE__*/s(n);const u="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="active",h="data-styled-version",p="6.4.0-prerelease.12",f="/*!sc*/\n",m="undefined"!=typeof window&&"undefined"!=typeof document;function y(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const g=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=y("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:y("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),v="sc-keyframes-",S={},b="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 w(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(b[e],...t).trim())}const C=1<<30;let N=new Map,O=new Map,E=1;const A=e=>{if(N.has(e))return N.get(e);for(;O.has(E);)E++;const t=E++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>C))throw w(16,`${t}`);return N.set(e,t),O.set(t,e),t},P=e=>O.get(e),_=(e,t)=>{E=t+1,N.set(e,t),O.set(t,e)},x=/invalid hook call/i,j=new Set,I=(e,t)=>{if("production"!==process.env.NODE_ENV){const n=`The component ${e}${t?` with the id of "${t}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,o=console.error;try{let e=!0;console.error=(t,...s)=>{x.test(t)?(e=!1,j.delete(n)):o(t,...s)},"function"==typeof l.default.useState&&l.default.useState(null),e&&!j.has(n)&&(console.warn(n),j.add(n))}catch(e){x.test(e.message)&&j.delete(n)}finally{console.error=o}}},R=Object.freeze([]),$=Object.freeze({});function T(e,t,n=$){return e.theme!==n.theme&&e.theme||t||n.theme}const k=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function M(e){return e.replace(k,"-").replace(D,"")}const V=/(a)(d)/gi,G=e=>String.fromCharCode(e+(e>25?39:97));function F(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=G(t%52)+n;return(G(t%52)+n).replace(V,"$1-$2")}const z=5381,L=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},W=e=>L(z,e);function q(e){return F(W(e)>>>0)}function B(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function H(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function Y(e){return H(e)?`styled.${e}`:`Styled(${B(e)})`}const U=Symbol.for("react.memo"),J=Symbol.for("react.forward_ref"),X={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Z={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},K={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Q={[J]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[U]:K};function ee(e){return("type"in(t=e)&&t.type.$$typeof)===U?K:"$$typeof"in e?Q[e.$$typeof]:X;var t}const te=Object.defineProperty,ne=Object.getOwnPropertyNames,oe=Object.getOwnPropertySymbols,se=Object.getOwnPropertyDescriptor,re=Object.getPrototypeOf,ie=Object.prototype;function ae(e,t,n){if("string"!=typeof t){const o=re(t);o&&o!==ie&&ae(e,o,n);const s=ne(t).concat(oe(t)),r=ee(e),i=ee(t);for(let o=0;o<s.length;++o){const a=s[o];if(!(a in Z||n&&n[a]||i&&a in i||r&&a in r)){const n=se(t,a);try{te(e,a,n)}catch(e){}}}}return e}function le(e){return"function"==typeof e}function ce(e){return"object"==typeof e&&"styledComponentId"in e}function ue(e,t){return e&&t?e+" "+t:e||t||""}function de(e,t){return e.join(t||"")}function he(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function pe(e,t,n=!1){if(!n&&!he(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=pe(e[n],t[n]);else if(he(t))for(const n in t)e[n]=pe(e[n],t[n]);return e}function fe(e,t){Object.defineProperty(e,"toString",{value:t})}const me=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw w(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+f;return t}},ye=`style[${u}][${h}="${p}"]`,ge=new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),ve=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,Se=e=>{if(!e)return document;if(ve(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(ve(t))return t}return document},be=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},we=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(f),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(ge);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(_(n,t),be(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Ce=e=>{const t=Se(e.options.target).querySelectorAll(ye);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(u)!==d&&(we(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Ne=!1;function Oe(){if(!1!==Ne)return Ne;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Ne=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Ne=t.getAttribute("content")||void 0}return Ne="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ee=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${u}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(u,d),s.setAttribute(h,p);const a=t||Oe();return a&&s.setAttribute("nonce",a),o.insertBefore(s,i),s},Ae=class{constructor(e,t){this.element=Ee(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw w(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Pe=class{constructor(e,t){this.element=Ee(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}};let _e=m;const xe={isServer:!m,useCSSOMInjection:!g};class je{static registerId(e){return A(e)}constructor(e=$,t={},n){this.options=Object.assign(Object.assign({},xe),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&m&&_e&&(_e=!1,Ce(this)),fe(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=P(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const a=u+".g"+s+'[id="'+n+'"]';let l="";for(const e of r)e.length>0&&(l+=e+",");o+=i+a+'{content:"'+l+'"}'+f}return o})(this))}rehydrate(){!this.server&&m&&Ce(this)}reconstructWithOptions(e,t=!0){const n=new je(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&m&&e.target!==this.options.target&&Se(this.options.target)!==Se(e.target)&&Ce(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new Ae(t,n):new Pe(t,n))(this.options),new me(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){A(e),e.startsWith(v)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(A(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(A(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const Ie=new WeakSet,Re={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function $e(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Re||e.startsWith("--")?String(t).trim():t+"px"}const Te=e=>e>="A"&&e<="Z";function ke(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Te(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const De=Symbol.for("sc-keyframes");function Me(e){return"object"==typeof e&&null!==e&&De in e}function Ve(e){return le(e)&&!(e.prototype&&e.prototype.isReactComponent)}const Ge=e=>null==e||!1===e||""===e,Fe=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!Ge(o)&&(Array.isArray(o)&&Ie.has(o)||le(o)?t.push(ke(n)+":",o,";"):he(o)?t.push(n+" {",...Fe(o),"}"):t.push(ke(n)+": "+$e(n,o)+";"))}return t};function ze(e,t,n,o,s=[]){if(Ge(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Ve(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||Me(r)||he(r)||null===r||console.error(`${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.`),ze(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)ze(e[r],t,n,o,s);return s}if(ce(e))return s.push(`.${e.styledComponentId}`),s;if(Me(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(he(e)){const t=Fe(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Le=W(p);class We{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=L(Le,t),this.baseStyle=n,je.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Ve(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||Me(o)||he(o)||console.error(`${B(r)} 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.`),s+=de(ze(o,e,t,n)))}else s+=de(ze(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=F(L(L(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r)){const e=n(s,"."+r,void 0,this.componentId);t.insertRules(this.componentId,r,e)}o=ue(o,r)}}return o}}const qe=/&/g,Be=47,He=42;function Ye(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=Ye(o.children,t))}return e}function Ue({options:e=$,plugins:t=R}=$){let n,o,s;const r=(e,t,s)=>s.startsWith(o)&&s.endsWith(o)&&s.replaceAll(o,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===c.RULESET&&e.value.includes("&")&&(s||(s=new RegExp(`\\${o}\\b`,"g")),e.props[0]=e.props[0].replace(qe,o).replace(s,r))}),e.prefix&&i.push(c.prefixer),i.push(c.stringify);let a=[];const l=c.middleware(i.concat(c.rulesheet(e=>a.push(e)))),u=(t,r="",i="",u="&")=>{n=u,o=r,s=void 0;const d=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==Be||e.charCodeAt(r+1)!==He)if(s)t===He&&e.charCodeAt(r+1)===Be&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,a=0;o=0,s=!1;for(let n=0;n<t;n++){const l=e.charCodeAt(n);if(0!==o||s||l!==Be||e.charCodeAt(n+1)!==He)if(s)l===He&&e.charCodeAt(n+1)===Be&&(s=!1,n++);else if(34!==l&&39!==l||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===l)a++;else if(125===l){if(a--,a<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,a=0,n=o-1,i=o;continue}0===a&&(r+=e.substring(i,n+1),i=n+1)}else 59===l&&0===a&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=l:o===l&&(o=0);else s=!0,n++}return i<t&&0===a&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const a=e.charCodeAt(s);if(34!==a&&39!==a||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(a===Be&&s+1<t&&e.charCodeAt(s+1)===He){for(s+=2;s+1<t&&(e.charCodeAt(s)!==He||e.charCodeAt(s+1)!==Be);)s++;s+=2}else if(40===a&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===a?i--:40===a&&i++,s++;else if(a===He&&s+1<t&&e.charCodeAt(s+1)===Be)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(a===Be&&s+1<t&&e.charCodeAt(s+1)===Be){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=a:r===a&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let h=c.compile(i||r?i+" "+r+" { "+d+" }":d);return e.namespace&&(h=Ye(h,e.namespace)),a=[],c.serialize(h,l),a},d=e;let h=z;for(let e=0;e<t.length;e++)t[e].name||w(15),h=L(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=L(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=L(h,"p")),u.hash=h!==z?h.toString():"",u}const Je=new je,Xe=Ue(),Ze=l.default.createContext({shouldForwardProp:void 0,styleSheet:Je,stylis:Xe,stylisPlugins:void 0}),Ke=Ze.Consumer;function Qe(){return l.default.useContext(Ze)}function et(e){var t;const n=Qe(),{styleSheet:o}=n,s=l.default.useMemo(()=>{let t=o;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,o]),r=l.default.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?n.stylis:Ue({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:n.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,n.stylis,n.stylisPlugins]),i="shouldForwardProp"in e?e.shouldForwardProp:n.shouldForwardProp,a=null!==(t=e.stylisPlugins)&&void 0!==t?t:n.stylisPlugins,c=l.default.useMemo(()=>({shouldForwardProp:i,styleSheet:s,stylis:r,stylisPlugins:a}),[i,s,r,a]);return l.default.createElement(Ze.Provider,{value:c},e.children)}const tt=l.default.createContext(void 0),nt=tt.Consumer,ot=Object.prototype.hasOwnProperty,st={};function rt(e,t){const n="string"!=typeof e?"sc":M(e);st[n]=(st[n]||0)+1;const o=n+"-"+q(p+n+st[n]);return t?t+"-"+o:o}let it;function at(e,n,o){const s=ce(e),r=e,i=!H(e),{attrs:c=R,componentId:u=rt(n.displayName,n.parentComponentId),displayName:d=Y(e)}=n,h=n.displayName&&n.componentId?M(n.displayName)+"-"+n.componentId:n.componentId||u,p=s&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:f}=n;if(s&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;f=(n,o)=>e(n,o)&&t(n,o)}else f=e}const m=new We(o,h,s?r.componentStyle:void 0);function y(e,n){return function(e,n,o){const{attrs:s,componentStyle:r,defaultProps:i,foldedComponentIds:c,styledComponentId:u,target:d}=e,h=l.default.useContext(tt),p=Qe(),f=e.shouldForwardProp||p.shouldForwardProp;"production"!==process.env.NODE_ENV&&l.default.useDebugValue&&l.default.useDebugValue(u);const m=T(n,h,i)||$;let y,g;{const e=l.default.useRef(null),t=e.current;if(null!==t&&t[1]===m&&t[2]===p.styleSheet&&t[3]===p.stylis&&t[7]===r&&function(e,t,n){const o=e,s=t;let r=0;for(const e in s)if(ot.call(s,e)&&(r++,o[e]!==s[e]))return!1;return r===n}(t[0],n,t[4]))y=t[5],g=t[6];else{y=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=le(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ue(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=ue(o.className,t.className)),o}(s,n,m),g=function(e,t,n,o){const s=e.generateAndInjectStyles(t,n,o);return"production"!==process.env.NODE_ENV&&l.default.useDebugValue&&l.default.useDebugValue(s),s}(r,y,p.styleSheet,p.stylis);let t=0;for(const e in n)ot.call(n,e)&&t++;e.current=[n,m,p.styleSheet,p.stylis,t,y,g,r]}}"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(g);const v=y.as||d,S=function(e,t,n,o){const s={};for(const r in e)void 0===e[r]||"$"===r[0]||"as"===r||"theme"===r&&e.theme===n||("forwardedAs"===r?s.as=e.forwardedAs:o&&!o(r,t)||(s[r]=e[r],o||"development"!==process.env.NODE_ENV||a.default(r)||(it||(it=new Set)).has(r)||!H(t)||t.includes("-")||(it.add(r),console.warn(`styled-components: it looks like an unknown prop "${r}" 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.)`))));return s}(y,v,m,f);let b=ue(c,u);return g&&(b+=" "+g),y.className&&(b+=" "+y.className),S[H(v)&&v.includes("-")?"class":"className"]=b,o&&(S.ref=o),t.createElement(v,S)}(g,e,n)}y.displayName=d;let g=l.default.forwardRef(y);return g.attrs=p,g.componentStyle=m,g.displayName=d,g.shouldForwardProp=f,g.foldedComponentIds=s?ue(r.foldedComponentIds,r.styledComponentId):"",g.styledComponentId=h,g.target=s?r.target:e,Object.defineProperty(g,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=s?function(e,...t){for(const n of t)pe(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(I(d,h),g.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(d,h)),fe(g,()=>`.${g.styledComponentId}`),i&&ae(g,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),g}var lt=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function ct(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const ut=e=>(Ie.add(e),e);function dt(e,...t){if(le(e)||he(e))return ut(ze(ct(R,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?ze(n):ut(ze(ct(n,t)))}function ht(e,t,n=$){if(!t)throw w(1,t);const o=(o,...s)=>e(t,n,dt(o,...s));return o.attrs=o=>ht(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>ht(e,t,Object.assign(Object.assign({},n),o)),o}const pt=e=>ht(at,e),ft=pt;lt.forEach(e=>{ft[e]=pt(e)});class mt{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(le(n)&&!ce(n))return!1}return!0}(e),je.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=de(ze(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}function yt(e,...t){const n=dt(e,...t),o=`sc-global-${q(JSON.stringify(n))}`,s=new mt(n,o);"production"!==process.env.NODE_ENV&&I(o);const r=e=>{const t=Qe(),r=l.default.useContext(tt);let a;{const e=l.default.useRef(null);null===e.current&&(e.current=t.styleSheet.allocateGSInstance(o)),a=e.current}"production"!==process.env.NODE_ENV&&l.default.Children.count(e.children)&&console.warn(`The global style component ${o} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.styleSheet.server&&i(a,e,t.styleSheet,r,t.stylis);{const n=s.isStatic?[a,t.styleSheet,s]:[a,e,t.styleSheet,r,t.stylis,s],c=l.default.useRef(s);l.default.useLayoutEffect(()=>(t.styleSheet.server||(c.current!==s&&(t.styleSheet.clearRules(o),c.current=s),i(a,e,t.styleSheet,r,t.stylis)),()=>{s.removeStyles(a,t.styleSheet)}),n)}return t.styleSheet.server&&s.instanceRules.delete(a),null};function i(e,t,n,o,i){if(s.isStatic)s.renderStyles(e,S,n,i);else{const a=Object.assign(Object.assign({},t),{theme:T(t,o,r.defaultProps)});s.renderStyles(e,a,n,i)}}return l.default.memo(r)}function gt(e,t,n,o,s){for(const r in e){const i=e[r],a=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};gt(i,t,e,o,a),n[r]=e}else n[r]=o(a,i,r)}}function vt(e,t,n,o){let s="";for(const r in e){const i=e[r],a=t[r],l=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof a&&null!==a&&(s+=vt(i,a,n,l)):void 0!==a&&"function"!=typeof a&&(s+="--"+n+l+":"+a+";")}return s}var St;class bt{constructor(e,t){this[St]=!0,this.inject=(e,t=Xe)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const o=t(this.rules,n,"@keyframes");e.insertRules(this.id,n,o)}},this.name=e,this.id=v+e,this.rules=t,A(this.id),fe(this,()=>{throw w(12,String(this.name))})}getName(e=Xe){return e.hash?this.name+F(+e.hash>>>0):this.name}}St=De;const wt={StyleSheet:je,mainSheet:Je};"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");const Ct=`__sc-${u}__`;"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Ct]||(window[Ct]=0),1===window[Ct]&&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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[Ct]+=1);const Nt=/:(?:(first)-child|(last)-child|(only)-child|(nth-child)\(([^()]+)\)|(nth-last-child)\(([^()]+)\))/g,Ot=`:not(style[${u}])`,Et=`style[${u}]`;function At(e){return-1===e.indexOf("-child")?e:(Nt.lastIndex=0,e.replace(Nt,(e,t,n,o,s,r,i,a)=>t?`:nth-child(1 of ${Ot})`:n?`:nth-last-child(1 of ${Ot})`:o?`:nth-child(1 of ${Ot}):nth-last-child(1 of ${Ot})`:s?-1!==r.indexOf(" of ")?e:`:nth-child(${r} of ${Ot})`:-1!==a.indexOf(" of ")?e:`:nth-last-child(${a} of ${Ot})`))}function Pt(e,t){if(-1===e.indexOf("+"))return;const n=function(e){const t=[];let n=0,o=0;for(let s=0;s<e.length;s++){const r=e.charCodeAt(s);40===r?n++:41===r?n--:91===r?o++:93===r?o--:43!==r||0!==n||0!==o||0!==s&&92===e.charCodeAt(s-1)||t.push(s)}return t}(e);for(let o=0;o<n.length;o++){const s=n[o],r=e.slice(0,s),i=e.slice(s+1);t.push(r+"+"+Et+"+"+i),t.push(r+"+"+Et+"+"+Et+"+"+i)}}exports.ServerStyleSheet=class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||Oe();return`<style ${de([t&&`nonce="${t}"`,`${u}="true"`,`${h}="${p}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw w(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw w(2);const e=this.instance.toString();if(!e)return[];const t={[u]:"",[h]:p,dangerouslySetInnerHTML:{__html:e}},n=this.instance.options.nonce||Oe();return n&&(t.nonce=n),[l.default.createElement("style",Object.assign({},t,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new je({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw w(2);return l.default.createElement(et,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw w(3)}},exports.StyleSheetConsumer=Ke,exports.StyleSheetContext=Ze,exports.StyleSheetManager=et,exports.ThemeConsumer=nt,exports.ThemeContext=tt,exports.ThemeProvider=function(e){const t=l.default.useContext(tt),n=l.default.useMemo(()=>function(e,t){if(!e)throw w(14);if(le(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw w(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw w(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,t),[e.theme,t]);return e.children?l.default.createElement(tt.Provider,{value:n},e.children):null},exports.__PRIVATE__=wt,exports.createGlobalStyle=yt,exports.createTheme=function(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return gt(e,t,n,e=>"--"+t+e),n}(e,s),a=function(e,t){const n={};return gt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),l=yt`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("stylis");function o(e){return e&&e.__esModule?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r,i,a=/*#__PURE__*/o(e),l=/*#__PURE__*/o(t),c=/*#__PURE__*/s(n);const u="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="active",h="data-styled-version",p="6.4.0-prerelease.13",f="/*!sc*/\n",m="undefined"!=typeof window&&"undefined"!=typeof document;function y(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const g=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=y("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:y("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),v="sc-keyframes-",S={},b="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 w(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(b[e],...t).trim())}const C=1<<30;let N=new Map,O=new Map,E=1;const A=e=>{if(N.has(e))return N.get(e);for(;O.has(E);)E++;const t=E++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>C))throw w(16,`${t}`);return N.set(e,t),O.set(t,e),t},P=e=>O.get(e),_=(e,t)=>{E=t+1,N.set(e,t),O.set(t,e)},x=/invalid hook call/i,j=new Set,I=(e,t)=>{if("production"!==process.env.NODE_ENV){const n=`The component ${e}${t?` with the id of "${t}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,o=console.error;try{let e=!0;console.error=(t,...s)=>{x.test(t)?(e=!1,j.delete(n)):o(t,...s)},"function"==typeof l.default.useState&&l.default.useState(null),e&&!j.has(n)&&(console.warn(n),j.add(n))}catch(e){x.test(e.message)&&j.delete(n)}finally{console.error=o}}},R=Object.freeze([]),$=Object.freeze({});function T(e,t,n=$){return e.theme!==n.theme&&e.theme||t||n.theme}const k=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function M(e){return e.replace(k,"-").replace(D,"")}const V=/(a)(d)/gi,G=e=>String.fromCharCode(e+(e>25?39:97));function F(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=G(t%52)+n;return(G(t%52)+n).replace(V,"$1-$2")}const z=5381,L=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},W=e=>L(z,e);function q(e){return F(W(e)>>>0)}function B(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function H(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function Y(e){return H(e)?`styled.${e}`:`Styled(${B(e)})`}const U=Symbol.for("react.memo"),J=Symbol.for("react.forward_ref"),X={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Z={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},K={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Q={[J]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[U]:K};function ee(e){return("type"in(t=e)&&t.type.$$typeof)===U?K:"$$typeof"in e?Q[e.$$typeof]:X;var t}const te=Object.defineProperty,ne=Object.getOwnPropertyNames,oe=Object.getOwnPropertySymbols,se=Object.getOwnPropertyDescriptor,re=Object.getPrototypeOf,ie=Object.prototype;function ae(e,t,n){if("string"!=typeof t){const o=re(t);o&&o!==ie&&ae(e,o,n);const s=ne(t).concat(oe(t)),r=ee(e),i=ee(t);for(let o=0;o<s.length;++o){const a=s[o];if(!(a in Z||n&&n[a]||i&&a in i||r&&a in r)){const n=se(t,a);try{te(e,a,n)}catch(e){}}}}return e}function le(e){return"function"==typeof e}function ce(e){return"object"==typeof e&&"styledComponentId"in e}function ue(e,t){return e&&t?e+" "+t:e||t||""}function de(e,t){return e.join(t||"")}function he(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function pe(e,t,n=!1){if(!n&&!he(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=pe(e[n],t[n]);else if(he(t))for(const n in t)e[n]=pe(e[n],t[n]);return e}function fe(e,t){Object.defineProperty(e,"toString",{value:t})}const me=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw w(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+f;return t}},ye=`style[${u}][${h}="${p}"]`,ge=new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),ve=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,Se=e=>{if(!e)return document;if(ve(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(ve(t))return t}return document},be=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},we=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(f),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(ge);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(_(n,t),be(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Ce=e=>{const t=Se(e.options.target).querySelectorAll(ye);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(u)!==d&&(we(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Ne=!1;function Oe(){if(!1!==Ne)return Ne;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Ne=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Ne=t.getAttribute("content")||void 0}return Ne="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ee=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${u}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(u,d),s.setAttribute(h,p);const a=t||Oe();return a&&s.setAttribute("nonce",a),o.insertBefore(s,i),s},Ae=class{constructor(e,t){this.element=Ee(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw w(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Pe=class{constructor(e,t){this.element=Ee(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}};let _e=m;const xe={isServer:!m,useCSSOMInjection:!g};class je{static registerId(e){return A(e)}constructor(e=$,t={},n){this.options=Object.assign(Object.assign({},xe),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&m&&_e&&(_e=!1,Ce(this)),fe(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=P(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const a=u+".g"+s+'[id="'+n+'"]';let l="";for(const e of r)e.length>0&&(l+=e+",");o+=i+a+'{content:"'+l+'"}'+f}return o})(this))}rehydrate(){!this.server&&m&&Ce(this)}reconstructWithOptions(e,t=!0){const n=new je(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&m&&e.target!==this.options.target&&Se(this.options.target)!==Se(e.target)&&Ce(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new Ae(t,n):new Pe(t,n))(this.options),new me(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){A(e),e.startsWith(v)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(A(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(A(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const Ie=new WeakSet,Re={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function $e(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Re||e.startsWith("--")?String(t).trim():t+"px"}const Te=e=>e>="A"&&e<="Z";function ke(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Te(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const De=Symbol.for("sc-keyframes");function Me(e){return"object"==typeof e&&null!==e&&De in e}function Ve(e){return le(e)&&!(e.prototype&&e.prototype.isReactComponent)}const Ge=e=>null==e||!1===e||""===e,Fe=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!Ge(o)&&(Array.isArray(o)&&Ie.has(o)||le(o)?t.push(ke(n)+":",o,";"):he(o)?t.push(n+" {",...Fe(o),"}"):t.push(ke(n)+": "+$e(n,o)+";"))}return t};function ze(e,t,n,o,s=[]){if(Ge(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Ve(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||Me(r)||he(r)||null===r||console.error(`${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.`),ze(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)ze(e[r],t,n,o,s);return s}if(ce(e))return s.push(`.${e.styledComponentId}`),s;if(Me(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(he(e)){const t=Fe(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Le=W(p);class We{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=L(Le,t),this.baseStyle=n,je.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Ve(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||Me(o)||he(o)||console.error(`${B(r)} 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.`),s+=de(ze(o,e,t,n)))}else s+=de(ze(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=F(L(L(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r)){const e=n(s,"."+r,void 0,this.componentId);t.insertRules(this.componentId,r,e)}o=ue(o,r)}}return o}}const qe=/&/g,Be=47,He=42;function Ye(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=Ye(o.children,t))}return e}function Ue({options:e=$,plugins:t=R}=$){let n,o,s;const r=(e,t,s)=>s.startsWith(o)&&s.endsWith(o)&&s.replaceAll(o,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===c.RULESET&&e.value.includes("&")&&(s||(s=new RegExp(`\\${o}\\b`,"g")),e.props[0]=e.props[0].replace(qe,o).replace(s,r))}),e.prefix&&i.push(c.prefixer),i.push(c.stringify);let a=[];const l=c.middleware(i.concat(c.rulesheet(e=>a.push(e)))),u=(t,r="",i="",u="&")=>{n=u,o=r,s=void 0;const d=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==Be||e.charCodeAt(r+1)!==He)if(s)t===He&&e.charCodeAt(r+1)===Be&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,a=0;o=0,s=!1;for(let n=0;n<t;n++){const l=e.charCodeAt(n);if(0!==o||s||l!==Be||e.charCodeAt(n+1)!==He)if(s)l===He&&e.charCodeAt(n+1)===Be&&(s=!1,n++);else if(34!==l&&39!==l||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===l)a++;else if(125===l){if(a--,a<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,a=0,n=o-1,i=o;continue}0===a&&(r+=e.substring(i,n+1),i=n+1)}else 59===l&&0===a&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=l:o===l&&(o=0);else s=!0,n++}return i<t&&0===a&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const a=e.charCodeAt(s);if(34!==a&&39!==a||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(a===Be&&s+1<t&&e.charCodeAt(s+1)===He){for(s+=2;s+1<t&&(e.charCodeAt(s)!==He||e.charCodeAt(s+1)!==Be);)s++;s+=2}else if(40===a&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===a?i--:40===a&&i++,s++;else if(a===He&&s+1<t&&e.charCodeAt(s+1)===Be)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(a===Be&&s+1<t&&e.charCodeAt(s+1)===Be){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=a:r===a&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let h=c.compile(i||r?i+" "+r+" { "+d+" }":d);return e.namespace&&(h=Ye(h,e.namespace)),a=[],c.serialize(h,l),a},d=e;let h=z;for(let e=0;e<t.length;e++)t[e].name||w(15),h=L(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=L(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=L(h,"p")),u.hash=h!==z?h.toString():"",u}const Je=new je,Xe=Ue(),Ze=l.default.createContext({shouldForwardProp:void 0,styleSheet:Je,stylis:Xe,stylisPlugins:void 0}),Ke=Ze.Consumer;function Qe(){return l.default.useContext(Ze)}function et(e){var t;const n=Qe(),{styleSheet:o}=n,s=l.default.useMemo(()=>{let t=o;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,o]),r=l.default.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?n.stylis:Ue({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:n.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,n.stylis,n.stylisPlugins]),i="shouldForwardProp"in e?e.shouldForwardProp:n.shouldForwardProp,a=null!==(t=e.stylisPlugins)&&void 0!==t?t:n.stylisPlugins,c=l.default.useMemo(()=>({shouldForwardProp:i,styleSheet:s,stylis:r,stylisPlugins:a}),[i,s,r,a]);return l.default.createElement(Ze.Provider,{value:c},e.children)}const tt=l.default.createContext(void 0),nt=tt.Consumer,ot=Object.prototype.hasOwnProperty,st={};function rt(e,t){const n="string"!=typeof e?"sc":M(e);st[n]=(st[n]||0)+1;const o=n+"-"+q(p+n+st[n]);return t?t+"-"+o:o}let it;function at(e,n,o){const s=ce(e),r=e,i=!H(e),{attrs:c=R,componentId:u=rt(n.displayName,n.parentComponentId),displayName:d=Y(e)}=n,h=n.displayName&&n.componentId?M(n.displayName)+"-"+n.componentId:n.componentId||u,p=s&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:f}=n;if(s&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;f=(n,o)=>e(n,o)&&t(n,o)}else f=e}const m=new We(o,h,s?r.componentStyle:void 0);function y(e,n){return function(e,n,o){const{attrs:s,componentStyle:r,defaultProps:i,foldedComponentIds:c,styledComponentId:u,target:d}=e,h=l.default.useContext(tt),p=Qe(),f=e.shouldForwardProp||p.shouldForwardProp;"production"!==process.env.NODE_ENV&&l.default.useDebugValue&&l.default.useDebugValue(u);const m=T(n,h,i)||$;let y,g;{const e=l.default.useRef(null),t=e.current;if(null!==t&&t[1]===m&&t[2]===p.styleSheet&&t[3]===p.stylis&&t[7]===r&&function(e,t,n){const o=e,s=t;let r=0;for(const e in s)if(ot.call(s,e)&&(r++,o[e]!==s[e]))return!1;return r===n}(t[0],n,t[4]))y=t[5],g=t[6];else{y=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=le(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ue(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=ue(o.className,t.className)),o}(s,n,m),g=function(e,t,n,o){const s=e.generateAndInjectStyles(t,n,o);return"production"!==process.env.NODE_ENV&&l.default.useDebugValue&&l.default.useDebugValue(s),s}(r,y,p.styleSheet,p.stylis);let t=0;for(const e in n)ot.call(n,e)&&t++;e.current=[n,m,p.styleSheet,p.stylis,t,y,g,r]}}"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(g);const v=y.as||d,S=function(e,t,n,o){const s={};for(const r in e)void 0===e[r]||"$"===r[0]||"as"===r||"theme"===r&&e.theme===n||("forwardedAs"===r?s.as=e.forwardedAs:o&&!o(r,t)||(s[r]=e[r],o||"development"!==process.env.NODE_ENV||a.default(r)||(it||(it=new Set)).has(r)||!H(t)||t.includes("-")||(it.add(r),console.warn(`styled-components: it looks like an unknown prop "${r}" 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.)`))));return s}(y,v,m,f);let b=ue(c,u);return g&&(b+=" "+g),y.className&&(b+=" "+y.className),S[H(v)&&v.includes("-")?"class":"className"]=b,o&&(S.ref=o),t.createElement(v,S)}(g,e,n)}y.displayName=d;let g=l.default.forwardRef(y);return g.attrs=p,g.componentStyle=m,g.displayName=d,g.shouldForwardProp=f,g.foldedComponentIds=s?ue(r.foldedComponentIds,r.styledComponentId):"",g.styledComponentId=h,g.target=s?r.target:e,Object.defineProperty(g,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=s?function(e,...t){for(const n of t)pe(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(I(d,h),g.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(d,h)),fe(g,()=>`.${g.styledComponentId}`),i&&ae(g,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),g}var lt=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function ct(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const ut=e=>(Ie.add(e),e);function dt(e,...t){if(le(e)||he(e))return ut(ze(ct(R,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?ze(n):ut(ze(ct(n,t)))}function ht(e,t,n=$){if(!t)throw w(1,t);const o=(o,...s)=>e(t,n,dt(o,...s));return o.attrs=o=>ht(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>ht(e,t,Object.assign(Object.assign({},n),o)),o}const pt=e=>ht(at,e),ft=pt;lt.forEach(e=>{ft[e]=pt(e)});class mt{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(le(n)&&!ce(n))return!1}return!0}(e),je.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=de(ze(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}function yt(e,...t){const n=dt(e,...t),o=`sc-global-${q(JSON.stringify(n))}`,s=new mt(n,o);"production"!==process.env.NODE_ENV&&I(o);const r=e=>{const t=Qe(),r=l.default.useContext(tt);let a;{const e=l.default.useRef(null);null===e.current&&(e.current=t.styleSheet.allocateGSInstance(o)),a=e.current}"production"!==process.env.NODE_ENV&&l.default.Children.count(e.children)&&console.warn(`The global style component ${o} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.styleSheet.server&&i(a,e,t.styleSheet,r,t.stylis);{const n=s.isStatic?[a,t.styleSheet,s]:[a,e,t.styleSheet,r,t.stylis,s],c=l.default.useRef(s);l.default.useLayoutEffect(()=>(t.styleSheet.server||(c.current!==s&&(t.styleSheet.clearRules(o),c.current=s),i(a,e,t.styleSheet,r,t.stylis)),()=>{s.removeStyles(a,t.styleSheet)}),n)}return t.styleSheet.server&&s.instanceRules.delete(a),null};function i(e,t,n,o,i){if(s.isStatic)s.renderStyles(e,S,n,i);else{const a=Object.assign(Object.assign({},t),{theme:T(t,o,r.defaultProps)});s.renderStyles(e,a,n,i)}}return l.default.memo(r)}function gt(e,t,n,o,s){for(const r in e){const i=e[r],a=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};gt(i,t,e,o,a),n[r]=e}else n[r]=o(a,i,r)}}function vt(e,t,n,o){let s="";for(const r in e){const i=e[r],a=t[r],l=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof a&&null!==a&&(s+=vt(i,a,n,l)):void 0!==a&&"function"!=typeof a&&(s+="--"+n+l+":"+a+";")}return s}var St;class bt{constructor(e,t){this[St]=!0,this.inject=(e,t=Xe)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const o=t(this.rules,n,"@keyframes");e.insertRules(this.id,n,o)}},this.name=e,this.id=v+e,this.rules=t,A(this.id),fe(this,()=>{throw w(12,String(this.name))})}getName(e=Xe){return e.hash?this.name+F(+e.hash>>>0):this.name}}St=De;const wt={StyleSheet:je,mainSheet:Je};"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");const Ct=`__sc-${u}__`;"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Ct]||(window[Ct]=0),1===window[Ct]&&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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[Ct]+=1);const Nt=/:(?:(first)-child|(last)-child|(only)-child|(nth-child)\(([^()]+)\)|(nth-last-child)\(([^()]+)\))/g,Ot=`:not(style[${u}])`,Et=`style[${u}]`;function At(e){return-1===e.indexOf("-child")?e:(Nt.lastIndex=0,e.replace(Nt,(e,t,n,o,s,r,i,a)=>t?`:nth-child(1 of ${Ot})`:n?`:nth-last-child(1 of ${Ot})`:o?`:nth-child(1 of ${Ot}):nth-last-child(1 of ${Ot})`:s?-1!==r.indexOf(" of ")?e:`:nth-child(${r} of ${Ot})`:-1!==a.indexOf(" of ")?e:`:nth-last-child(${a} of ${Ot})`))}function Pt(e,t){if(-1===e.indexOf("+"))return;const n=function(e){const t=[];let n=0,o=0;for(let s=0;s<e.length;s++){const r=e.charCodeAt(s);40===r?n++:41===r?n--:91===r?o++:93===r?o--:43!==r||0!==n||0!==o||0!==s&&92===e.charCodeAt(s-1)||t.push(s)}return t}(e);for(let o=0;o<n.length;o++){const s=n[o],r=e.slice(0,s),i=e.slice(s+1);t.push(r+"+"+Et+"+"+i),t.push(r+"+"+Et+"+"+Et+"+"+i)}}exports.ServerStyleSheet=class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||Oe();return`<style ${de([t&&`nonce="${t}"`,`${u}="true"`,`${h}="${p}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw w(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw w(2);const e=this.instance.toString();if(!e)return[];const t={[u]:"",[h]:p,dangerouslySetInnerHTML:{__html:e}},n=this.instance.options.nonce||Oe();return n&&(t.nonce=n),[l.default.createElement("style",Object.assign({},t,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new je({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw w(2);return l.default.createElement(et,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw w(3)}},exports.StyleSheetConsumer=Ke,exports.StyleSheetContext=Ze,exports.StyleSheetManager=et,exports.ThemeConsumer=nt,exports.ThemeContext=tt,exports.ThemeProvider=function(e){const t=l.default.useContext(tt),n=l.default.useMemo(()=>function(e,t){if(!e)throw w(14);if(le(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw w(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw w(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,t),[e.theme,t]);return e.children?l.default.createElement(tt.Provider,{value:n},e.children):null},exports.__PRIVATE__=wt,exports.createGlobalStyle=yt,exports.createTheme=function(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return gt(e,t,n,e=>"--"+t+e),n}(e,s),a=function(e,t){const n={};return gt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),l=yt`
2
2
  ${r} {
3
3
  ${t=>vt(e,t.theme,s)}
4
4
  }
package/dist/styled-components.browser.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import e from"@emotion/is-prop-valid";import t,{createElement as n}from"react";import*as o from"stylis";import{RULESET as s}from"stylis";var r,i;const a="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",c="active",l="data-styled-version",u="6.4.0-prerelease.12",h="/*!sc*/\n",d="undefined"!=typeof window&&"undefined"!=typeof document;function p(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=p("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:p("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),m="sc-keyframes-",y={},g="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 v(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(g[e],...t).trim())}const S=1<<30;let w=new Map,b=new Map,N=1;const C=e=>{if(w.has(e))return w.get(e);for(;b.has(N);)N++;const t=N++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>S))throw v(16,`${t}`);return w.set(e,t),b.set(t,e),t},O=e=>b.get(e),A=(e,t)=>{N=t+1,w.set(e,t),b.set(t,e)},E=/invalid hook call/i,P=new Set,_=(e,n)=>{if("production"!==process.env.NODE_ENV){const o=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{E.test(t)?(e=!1,P.delete(o)):s(t,...n)},"function"==typeof t.useState&&t.useState(null),e&&!P.has(o)&&(console.warn(o),P.add(o))}catch(e){E.test(e.message)&&P.delete(o)}finally{console.error=s}}},I=Object.freeze([]),j=Object.freeze({});function R(e,t,n=j){return e.theme!==n.theme&&e.theme||t||n.theme}const $=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,x=/(^-|-$)/g;function k(e){return e.replace($,"-").replace(x,"")}const T=/(a)(d)/gi,D=e=>String.fromCharCode(e+(e>25?39:97));function M(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D(t%52)+n;return(D(t%52)+n).replace(T,"$1-$2")}const V=5381,G=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},F=e=>G(V,e);function z(e){return M(F(e)>>>0)}function W(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function B(e){return L(e)?`styled.${e}`:`Styled(${W(e)})`}const q=Symbol.for("react.memo"),H=Symbol.for("react.forward_ref"),Y={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},U={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},J={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},X={[H]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[q]:J};function Z(e){return("type"in(t=e)&&t.type.$$typeof)===q?J:"$$typeof"in e?X[e.$$typeof]:Y;var t}const K=Object.defineProperty,Q=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,te=Object.getOwnPropertyDescriptor,ne=Object.getPrototypeOf,oe=Object.prototype;function se(e,t,n){if("string"!=typeof t){const o=ne(t);o&&o!==oe&&se(e,o,n);const s=Q(t).concat(ee(t)),r=Z(e),i=Z(t);for(let o=0;o<s.length;++o){const a=s[o];if(!(a in U||n&&n[a]||i&&a in i||r&&a in r)){const n=te(t,a);try{K(e,a,n)}catch(e){}}}}return e}function re(e){return"function"==typeof e}function ie(e){return"object"==typeof e&&"styledComponentId"in e}function ae(e,t){return e&&t?e+" "+t:e||t||""}function ce(e,t){return e.join(t||"")}function le(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ue(e,t,n=!1){if(!n&&!le(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=ue(e[n],t[n]);else if(le(t))for(const n in t)e[n]=ue(e[n],t[n]);return e}function he(e,t){Object.defineProperty(e,"toString",{value:t})}const de=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw v(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+h;return t}},pe=`style[${a}][${l}="${u}"]`,fe=new RegExp(`^${a}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),me=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,ye=e=>{if(!e)return document;if(me(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(me(t))return t}return document},ge=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},ve=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(h),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(fe);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(A(n,t),ge(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Se=e=>{const t=ye(e.options.target).querySelectorAll(pe);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(a)!==c&&(ve(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let we=!1;function be(){if(!1!==we)return we;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return we=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return we=t.getAttribute("content")||void 0}return we="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ne=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${a}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(a,c),s.setAttribute(l,u);const h=t||be();return h&&s.setAttribute("nonce",h),o.insertBefore(s,i),s},Ce=class{constructor(e,t){this.element=Ne(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw v(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Oe=class{constructor(e,t){this.element=Ne(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}};let Ae=d;const Ee={isServer:!d,useCSSOMInjection:!f};class Pe{static registerId(e){return C(e)}constructor(e=j,t={},n){this.options=Object.assign(Object.assign({},Ee),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&d&&Ae&&(Ae=!1,Se(this)),he(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=O(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const c=a+".g"+s+'[id="'+n+'"]';let l="";for(const e of r)e.length>0&&(l+=e+",");o+=i+c+'{content:"'+l+'"}'+h}return o})(this))}rehydrate(){!this.server&&d&&Se(this)}reconstructWithOptions(e,t=!0){const n=new Pe(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&d&&e.target!==this.options.target&&ye(this.options.target)!==ye(e.target)&&Se(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new Ce(t,n):new Oe(t,n))(this.options),new de(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){C(e),e.startsWith(m)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const _e=new WeakSet,Ie={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function je(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Ie||e.startsWith("--")?String(t).trim():t+"px"}const Re=e=>e>="A"&&e<="Z";function $e(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Re(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const xe=Symbol.for("sc-keyframes");function ke(e){return"object"==typeof e&&null!==e&&xe in e}function Te(e){return re(e)&&!(e.prototype&&e.prototype.isReactComponent)}const De=e=>null==e||!1===e||""===e,Me=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!De(o)&&(Array.isArray(o)&&_e.has(o)||re(o)?t.push($e(n)+":",o,";"):le(o)?t.push(n+" {",...Me(o),"}"):t.push($e(n)+": "+je(n,o)+";"))}return t};function Ve(e,t,n,o,s=[]){if(De(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Te(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||ke(r)||le(r)||null===r||console.error(`${W(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.`),Ve(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Ve(e[r],t,n,o,s);return s}if(ie(e))return s.push(`.${e.styledComponentId}`),s;if(ke(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(le(e)){const t=Me(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Ge=F(u);class Fe{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=G(Ge,t),this.baseStyle=n,Pe.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Te(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||ke(o)||le(o)||console.error(`${W(r)} 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.`),s+=ce(Ve(o,e,t,n)))}else s+=ce(Ve(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=M(G(G(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r)){const e=n(s,"."+r,void 0,this.componentId);t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const ze=/&/g,We=47,Le=42;function Be(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=Be(o.children,t))}return e}function qe({options:e=j,plugins:t=I}=j){let n,s,r;const i=(e,t,o)=>o.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,"").length>0?`.${n}`:e,a=t.slice();a.push(e=>{e.type===o.RULESET&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(ze,s).replace(r,i))}),e.prefix&&a.push(o.prefixer),a.push(o.stringify);let c=[];const l=o.middleware(a.concat(o.rulesheet(e=>c.push(e)))),u=(t,i="",a="",u="&")=>{n=u,s=i,r=void 0;const h=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==We||e.charCodeAt(r+1)!==Le)if(s)t===Le&&e.charCodeAt(r+1)===We&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,a=0;o=0,s=!1;for(let n=0;n<t;n++){const c=e.charCodeAt(n);if(0!==o||s||c!==We||e.charCodeAt(n+1)!==Le)if(s)c===Le&&e.charCodeAt(n+1)===We&&(s=!1,n++);else if(34!==c&&39!==c||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===c)a++;else if(125===c){if(a--,a<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,a=0,n=o-1,i=o;continue}0===a&&(r+=e.substring(i,n+1),i=n+1)}else 59===c&&0===a&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=c:o===c&&(o=0);else s=!0,n++}return i<t&&0===a&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const a=e.charCodeAt(s);if(34!==a&&39!==a||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(a===We&&s+1<t&&e.charCodeAt(s+1)===Le){for(s+=2;s+1<t&&(e.charCodeAt(s)!==Le||e.charCodeAt(s+1)!==We);)s++;s+=2}else if(40===a&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===a?i--:40===a&&i++,s++;else if(a===Le&&s+1<t&&e.charCodeAt(s+1)===We)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(a===We&&s+1<t&&e.charCodeAt(s+1)===We){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=a:r===a&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let d=o.compile(a||i?a+" "+i+" { "+h+" }":h);return e.namespace&&(d=Be(d,e.namespace)),c=[],o.serialize(d,l),c},h=e;let d=V;for(let e=0;e<t.length;e++)t[e].name||v(15),d=G(d,t[e].name);return(null==h?void 0:h.namespace)&&(d=G(d,h.namespace)),(null==h?void 0:h.prefix)&&(d=G(d,"p")),u.hash=d!==V?d.toString():"",u}const He=new Pe,Ye=qe(),Ue=t.createContext({shouldForwardProp:void 0,styleSheet:He,stylis:Ye,stylisPlugins:void 0}),Je=Ue.Consumer;function Xe(){return t.useContext(Ue)}function Ze(e){var n;const o=Xe(),{styleSheet:s}=o,r=t.useMemo(()=>{let t=s;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,s]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?o.stylis:qe({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:o.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,o.stylis,o.stylisPlugins]),a="shouldForwardProp"in e?e.shouldForwardProp:o.shouldForwardProp,c=null!==(n=e.stylisPlugins)&&void 0!==n?n:o.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:a,styleSheet:r,stylis:i,stylisPlugins:c}),[a,r,i,c]);return t.createElement(Ue.Provider,{value:l},e.children)}const Ke=t.createContext(void 0),Qe=Ke.Consumer;function et(){const e=t.useContext(Ke);if(!e)throw v(18);return e}function tt(e){const n=t.useContext(Ke),o=t.useMemo(()=>function(e,t){if(!e)throw v(14);if(re(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw v(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw v(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(Ke.Provider,{value:o},e.children):null}const nt=Object.prototype.hasOwnProperty,ot={};function st(e,t){const n="string"!=typeof e?"sc":k(e);ot[n]=(ot[n]||0)+1;const o=n+"-"+z(u+n+ot[n]);return t?t+"-"+o:o}let rt;function it(o,s,r){const i=ie(o),a=o,c=!L(o),{attrs:l=I,componentId:u=st(s.displayName,s.parentComponentId),displayName:h=B(o)}=s,d=s.displayName&&s.componentId?k(s.displayName)+"-"+s.componentId:s.componentId||u,p=i&&a.attrs?a.attrs.concat(l).filter(Boolean):l;let{shouldForwardProp:f}=s;if(i&&a.shouldForwardProp){const e=a.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;f=(n,o)=>e(n,o)&&t(n,o)}else f=e}const m=new Fe(r,d,i?a.componentStyle:void 0);function y(o,s){return function(o,s,r){const{attrs:i,componentStyle:a,defaultProps:c,foldedComponentIds:l,styledComponentId:u,target:h}=o,d=t.useContext(Ke),p=Xe(),f=o.shouldForwardProp||p.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(u);const m=R(s,d,c)||j;let y,g;{const e=t.useRef(null),n=e.current;if(null!==n&&n[1]===m&&n[2]===p.styleSheet&&n[3]===p.stylis&&n[7]===a&&function(e,t,n){const o=e,s=t;let r=0;for(const e in s)if(nt.call(s,e)&&(r++,o[e]!==s[e]))return!1;return r===n}(n[0],s,n[4]))y=n[5],g=n[6];else{y=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=re(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ae(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=ae(o.className,t.className)),o}(i,s,m),g=function(e,n,o,s){const r=e.generateAndInjectStyles(n,o,s);return"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(r),r}(a,y,p.styleSheet,p.stylis);let n=0;for(const e in s)nt.call(s,e)&&n++;e.current=[s,m,p.styleSheet,p.stylis,n,y,g,a]}}"production"!==process.env.NODE_ENV&&o.warnTooManyClasses&&o.warnTooManyClasses(g);const v=y.as||h,S=function(t,n,o,s){const r={};for(const i in t)void 0===t[i]||"$"===i[0]||"as"===i||"theme"===i&&t.theme===o||("forwardedAs"===i?r.as=t.forwardedAs:s&&!s(i,n)||(r[i]=t[i],s||"development"!==process.env.NODE_ENV||e(i)||(rt||(rt=new Set)).has(i)||!L(n)||n.includes("-")||(rt.add(i),console.warn(`styled-components: it looks like an unknown prop "${i}" 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.)`))));return r}(y,v,m,f);let w=ae(l,u);return g&&(w+=" "+g),y.className&&(w+=" "+y.className),S[L(v)&&v.includes("-")?"class":"className"]=w,r&&(S.ref=r),n(v,S)}(g,o,s)}y.displayName=h;let g=t.forwardRef(y);return g.attrs=p,g.componentStyle=m,g.displayName=h,g.shouldForwardProp=f,g.foldedComponentIds=i?ae(a.foldedComponentIds,a.styledComponentId):"",g.styledComponentId=d,g.target=i?a.target:o,Object.defineProperty(g,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)ue(e,n,!0);return e}({},a.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(h,d),g.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(h,d)),he(g,()=>`.${g.styledComponentId}`),c&&se(g,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),g}var at=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function ct(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const lt=e=>(_e.add(e),e);function ut(e,...t){if(re(e)||le(e))return lt(Ve(ct(I,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Ve(n):lt(Ve(ct(n,t)))}function ht(e,t,n=j){if(!t)throw v(1,t);const o=(o,...s)=>e(t,n,ut(o,...s));return o.attrs=o=>ht(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>ht(e,t,Object.assign(Object.assign({},n),o)),o}const dt=e=>ht(it,e),pt=dt;at.forEach(e=>{pt[e]=dt(e)});class ft{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(re(n)&&!ie(n))return!1}return!0}(e),Pe.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=ce(Ve(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}function mt(e,...n){const o=ut(e,...n),s=`sc-global-${z(JSON.stringify(o))}`,r=new ft(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=Xe(),i=t.useContext(Ke);let c;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(s)),c=e.current}"production"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&o.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),n.styleSheet.server&&a(c,e,n.styleSheet,i,n.stylis);{const o=r.isStatic?[c,n.styleSheet,r]:[c,e,n.styleSheet,i,n.stylis,r],l=t.useRef(r);t.useLayoutEffect(()=>(n.styleSheet.server||(l.current!==r&&(n.styleSheet.clearRules(s),l.current=r),a(c,e,n.styleSheet,i,n.stylis)),()=>{r.removeStyles(c,n.styleSheet)}),o)}return n.styleSheet.server&&r.instanceRules.delete(c),null};function a(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const a=Object.assign(Object.assign({},t),{theme:R(t,o,i.defaultProps)});r.renderStyles(e,a,n,s)}}return t.memo(i)}function yt(e,t,n,o,s){for(const r in e){const i=e[r],a=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};yt(i,t,e,o,a),n[r]=e}else n[r]=o(a,i,r)}}function gt(e,t,n,o){let s="";for(const r in e){const i=e[r],a=t[r],c=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof a&&null!==a&&(s+=gt(i,a,n,c)):void 0!==a&&"function"!=typeof a&&(s+="--"+n+c+":"+a+";")}return s}function vt(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return yt(e,t,n,e=>"--"+t+e),n}(e,s),a=function(e,t){const n={};return yt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),c=mt`
1
+ import e from"@emotion/is-prop-valid";import t,{createElement as n}from"react";import*as o from"stylis";import{RULESET as s}from"stylis";var r,i;const a="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",c="active",l="data-styled-version",u="6.4.0-prerelease.13",h="/*!sc*/\n",d="undefined"!=typeof window&&"undefined"!=typeof document;function p(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=p("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:p("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),m="sc-keyframes-",y={},g="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 v(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(g[e],...t).trim())}const S=1<<30;let w=new Map,b=new Map,N=1;const C=e=>{if(w.has(e))return w.get(e);for(;b.has(N);)N++;const t=N++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>S))throw v(16,`${t}`);return w.set(e,t),b.set(t,e),t},O=e=>b.get(e),A=(e,t)=>{N=t+1,w.set(e,t),b.set(t,e)},E=/invalid hook call/i,P=new Set,_=(e,n)=>{if("production"!==process.env.NODE_ENV){const o=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{E.test(t)?(e=!1,P.delete(o)):s(t,...n)},"function"==typeof t.useState&&t.useState(null),e&&!P.has(o)&&(console.warn(o),P.add(o))}catch(e){E.test(e.message)&&P.delete(o)}finally{console.error=s}}},I=Object.freeze([]),j=Object.freeze({});function R(e,t,n=j){return e.theme!==n.theme&&e.theme||t||n.theme}const $=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,x=/(^-|-$)/g;function k(e){return e.replace($,"-").replace(x,"")}const T=/(a)(d)/gi,D=e=>String.fromCharCode(e+(e>25?39:97));function M(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D(t%52)+n;return(D(t%52)+n).replace(T,"$1-$2")}const V=5381,G=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},F=e=>G(V,e);function z(e){return M(F(e)>>>0)}function W(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function B(e){return L(e)?`styled.${e}`:`Styled(${W(e)})`}const q=Symbol.for("react.memo"),H=Symbol.for("react.forward_ref"),Y={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},U={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},J={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},X={[H]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[q]:J};function Z(e){return("type"in(t=e)&&t.type.$$typeof)===q?J:"$$typeof"in e?X[e.$$typeof]:Y;var t}const K=Object.defineProperty,Q=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,te=Object.getOwnPropertyDescriptor,ne=Object.getPrototypeOf,oe=Object.prototype;function se(e,t,n){if("string"!=typeof t){const o=ne(t);o&&o!==oe&&se(e,o,n);const s=Q(t).concat(ee(t)),r=Z(e),i=Z(t);for(let o=0;o<s.length;++o){const a=s[o];if(!(a in U||n&&n[a]||i&&a in i||r&&a in r)){const n=te(t,a);try{K(e,a,n)}catch(e){}}}}return e}function re(e){return"function"==typeof e}function ie(e){return"object"==typeof e&&"styledComponentId"in e}function ae(e,t){return e&&t?e+" "+t:e||t||""}function ce(e,t){return e.join(t||"")}function le(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ue(e,t,n=!1){if(!n&&!le(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=ue(e[n],t[n]);else if(le(t))for(const n in t)e[n]=ue(e[n],t[n]);return e}function he(e,t){Object.defineProperty(e,"toString",{value:t})}const de=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw v(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+h;return t}},pe=`style[${a}][${l}="${u}"]`,fe=new RegExp(`^${a}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),me=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,ye=e=>{if(!e)return document;if(me(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(me(t))return t}return document},ge=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},ve=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(h),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(fe);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(A(n,t),ge(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Se=e=>{const t=ye(e.options.target).querySelectorAll(pe);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(a)!==c&&(ve(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let we=!1;function be(){if(!1!==we)return we;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return we=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return we=t.getAttribute("content")||void 0}return we="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ne=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${a}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(a,c),s.setAttribute(l,u);const h=t||be();return h&&s.setAttribute("nonce",h),o.insertBefore(s,i),s},Ce=class{constructor(e,t){this.element=Ne(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw v(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Oe=class{constructor(e,t){this.element=Ne(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}};let Ae=d;const Ee={isServer:!d,useCSSOMInjection:!f};class Pe{static registerId(e){return C(e)}constructor(e=j,t={},n){this.options=Object.assign(Object.assign({},Ee),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&d&&Ae&&(Ae=!1,Se(this)),he(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=O(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const c=a+".g"+s+'[id="'+n+'"]';let l="";for(const e of r)e.length>0&&(l+=e+",");o+=i+c+'{content:"'+l+'"}'+h}return o})(this))}rehydrate(){!this.server&&d&&Se(this)}reconstructWithOptions(e,t=!0){const n=new Pe(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&d&&e.target!==this.options.target&&ye(this.options.target)!==ye(e.target)&&Se(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new Ce(t,n):new Oe(t,n))(this.options),new de(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){C(e),e.startsWith(m)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const _e=new WeakSet,Ie={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function je(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Ie||e.startsWith("--")?String(t).trim():t+"px"}const Re=e=>e>="A"&&e<="Z";function $e(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Re(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const xe=Symbol.for("sc-keyframes");function ke(e){return"object"==typeof e&&null!==e&&xe in e}function Te(e){return re(e)&&!(e.prototype&&e.prototype.isReactComponent)}const De=e=>null==e||!1===e||""===e,Me=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!De(o)&&(Array.isArray(o)&&_e.has(o)||re(o)?t.push($e(n)+":",o,";"):le(o)?t.push(n+" {",...Me(o),"}"):t.push($e(n)+": "+je(n,o)+";"))}return t};function Ve(e,t,n,o,s=[]){if(De(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Te(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||ke(r)||le(r)||null===r||console.error(`${W(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.`),Ve(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Ve(e[r],t,n,o,s);return s}if(ie(e))return s.push(`.${e.styledComponentId}`),s;if(ke(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(le(e)){const t=Me(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Ge=F(u);class Fe{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=G(Ge,t),this.baseStyle=n,Pe.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Te(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||ke(o)||le(o)||console.error(`${W(r)} 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.`),s+=ce(Ve(o,e,t,n)))}else s+=ce(Ve(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=M(G(G(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r)){const e=n(s,"."+r,void 0,this.componentId);t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const ze=/&/g,We=47,Le=42;function Be(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=Be(o.children,t))}return e}function qe({options:e=j,plugins:t=I}=j){let n,s,r;const i=(e,t,o)=>o.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,"").length>0?`.${n}`:e,a=t.slice();a.push(e=>{e.type===o.RULESET&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(ze,s).replace(r,i))}),e.prefix&&a.push(o.prefixer),a.push(o.stringify);let c=[];const l=o.middleware(a.concat(o.rulesheet(e=>c.push(e)))),u=(t,i="",a="",u="&")=>{n=u,s=i,r=void 0;const h=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==We||e.charCodeAt(r+1)!==Le)if(s)t===Le&&e.charCodeAt(r+1)===We&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,a=0;o=0,s=!1;for(let n=0;n<t;n++){const c=e.charCodeAt(n);if(0!==o||s||c!==We||e.charCodeAt(n+1)!==Le)if(s)c===Le&&e.charCodeAt(n+1)===We&&(s=!1,n++);else if(34!==c&&39!==c||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===c)a++;else if(125===c){if(a--,a<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,a=0,n=o-1,i=o;continue}0===a&&(r+=e.substring(i,n+1),i=n+1)}else 59===c&&0===a&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=c:o===c&&(o=0);else s=!0,n++}return i<t&&0===a&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const a=e.charCodeAt(s);if(34!==a&&39!==a||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(a===We&&s+1<t&&e.charCodeAt(s+1)===Le){for(s+=2;s+1<t&&(e.charCodeAt(s)!==Le||e.charCodeAt(s+1)!==We);)s++;s+=2}else if(40===a&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===a?i--:40===a&&i++,s++;else if(a===Le&&s+1<t&&e.charCodeAt(s+1)===We)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(a===We&&s+1<t&&e.charCodeAt(s+1)===We){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=a:r===a&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let d=o.compile(a||i?a+" "+i+" { "+h+" }":h);return e.namespace&&(d=Be(d,e.namespace)),c=[],o.serialize(d,l),c},h=e;let d=V;for(let e=0;e<t.length;e++)t[e].name||v(15),d=G(d,t[e].name);return(null==h?void 0:h.namespace)&&(d=G(d,h.namespace)),(null==h?void 0:h.prefix)&&(d=G(d,"p")),u.hash=d!==V?d.toString():"",u}const He=new Pe,Ye=qe(),Ue=t.createContext({shouldForwardProp:void 0,styleSheet:He,stylis:Ye,stylisPlugins:void 0}),Je=Ue.Consumer;function Xe(){return t.useContext(Ue)}function Ze(e){var n;const o=Xe(),{styleSheet:s}=o,r=t.useMemo(()=>{let t=s;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,s]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?o.stylis:qe({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:o.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,o.stylis,o.stylisPlugins]),a="shouldForwardProp"in e?e.shouldForwardProp:o.shouldForwardProp,c=null!==(n=e.stylisPlugins)&&void 0!==n?n:o.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:a,styleSheet:r,stylis:i,stylisPlugins:c}),[a,r,i,c]);return t.createElement(Ue.Provider,{value:l},e.children)}const Ke=t.createContext(void 0),Qe=Ke.Consumer;function et(){const e=t.useContext(Ke);if(!e)throw v(18);return e}function tt(e){const n=t.useContext(Ke),o=t.useMemo(()=>function(e,t){if(!e)throw v(14);if(re(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw v(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw v(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(Ke.Provider,{value:o},e.children):null}const nt=Object.prototype.hasOwnProperty,ot={};function st(e,t){const n="string"!=typeof e?"sc":k(e);ot[n]=(ot[n]||0)+1;const o=n+"-"+z(u+n+ot[n]);return t?t+"-"+o:o}let rt;function it(o,s,r){const i=ie(o),a=o,c=!L(o),{attrs:l=I,componentId:u=st(s.displayName,s.parentComponentId),displayName:h=B(o)}=s,d=s.displayName&&s.componentId?k(s.displayName)+"-"+s.componentId:s.componentId||u,p=i&&a.attrs?a.attrs.concat(l).filter(Boolean):l;let{shouldForwardProp:f}=s;if(i&&a.shouldForwardProp){const e=a.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;f=(n,o)=>e(n,o)&&t(n,o)}else f=e}const m=new Fe(r,d,i?a.componentStyle:void 0);function y(o,s){return function(o,s,r){const{attrs:i,componentStyle:a,defaultProps:c,foldedComponentIds:l,styledComponentId:u,target:h}=o,d=t.useContext(Ke),p=Xe(),f=o.shouldForwardProp||p.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(u);const m=R(s,d,c)||j;let y,g;{const e=t.useRef(null),n=e.current;if(null!==n&&n[1]===m&&n[2]===p.styleSheet&&n[3]===p.stylis&&n[7]===a&&function(e,t,n){const o=e,s=t;let r=0;for(const e in s)if(nt.call(s,e)&&(r++,o[e]!==s[e]))return!1;return r===n}(n[0],s,n[4]))y=n[5],g=n[6];else{y=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=re(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ae(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=ae(o.className,t.className)),o}(i,s,m),g=function(e,n,o,s){const r=e.generateAndInjectStyles(n,o,s);return"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(r),r}(a,y,p.styleSheet,p.stylis);let n=0;for(const e in s)nt.call(s,e)&&n++;e.current=[s,m,p.styleSheet,p.stylis,n,y,g,a]}}"production"!==process.env.NODE_ENV&&o.warnTooManyClasses&&o.warnTooManyClasses(g);const v=y.as||h,S=function(t,n,o,s){const r={};for(const i in t)void 0===t[i]||"$"===i[0]||"as"===i||"theme"===i&&t.theme===o||("forwardedAs"===i?r.as=t.forwardedAs:s&&!s(i,n)||(r[i]=t[i],s||"development"!==process.env.NODE_ENV||e(i)||(rt||(rt=new Set)).has(i)||!L(n)||n.includes("-")||(rt.add(i),console.warn(`styled-components: it looks like an unknown prop "${i}" 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.)`))));return r}(y,v,m,f);let w=ae(l,u);return g&&(w+=" "+g),y.className&&(w+=" "+y.className),S[L(v)&&v.includes("-")?"class":"className"]=w,r&&(S.ref=r),n(v,S)}(g,o,s)}y.displayName=h;let g=t.forwardRef(y);return g.attrs=p,g.componentStyle=m,g.displayName=h,g.shouldForwardProp=f,g.foldedComponentIds=i?ae(a.foldedComponentIds,a.styledComponentId):"",g.styledComponentId=d,g.target=i?a.target:o,Object.defineProperty(g,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)ue(e,n,!0);return e}({},a.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(h,d),g.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(h,d)),he(g,()=>`.${g.styledComponentId}`),c&&se(g,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),g}var at=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function ct(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const lt=e=>(_e.add(e),e);function ut(e,...t){if(re(e)||le(e))return lt(Ve(ct(I,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Ve(n):lt(Ve(ct(n,t)))}function ht(e,t,n=j){if(!t)throw v(1,t);const o=(o,...s)=>e(t,n,ut(o,...s));return o.attrs=o=>ht(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>ht(e,t,Object.assign(Object.assign({},n),o)),o}const dt=e=>ht(it,e),pt=dt;at.forEach(e=>{pt[e]=dt(e)});class ft{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(re(n)&&!ie(n))return!1}return!0}(e),Pe.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=ce(Ve(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}function mt(e,...n){const o=ut(e,...n),s=`sc-global-${z(JSON.stringify(o))}`,r=new ft(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=Xe(),i=t.useContext(Ke);let c;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(s)),c=e.current}"production"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&o.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),n.styleSheet.server&&a(c,e,n.styleSheet,i,n.stylis);{const o=r.isStatic?[c,n.styleSheet,r]:[c,e,n.styleSheet,i,n.stylis,r],l=t.useRef(r);t.useLayoutEffect(()=>(n.styleSheet.server||(l.current!==r&&(n.styleSheet.clearRules(s),l.current=r),a(c,e,n.styleSheet,i,n.stylis)),()=>{r.removeStyles(c,n.styleSheet)}),o)}return n.styleSheet.server&&r.instanceRules.delete(c),null};function a(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const a=Object.assign(Object.assign({},t),{theme:R(t,o,i.defaultProps)});r.renderStyles(e,a,n,s)}}return t.memo(i)}function yt(e,t,n,o,s){for(const r in e){const i=e[r],a=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};yt(i,t,e,o,a),n[r]=e}else n[r]=o(a,i,r)}}function gt(e,t,n,o){let s="";for(const r in e){const i=e[r],a=t[r],c=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof a&&null!==a&&(s+=gt(i,a,n,c)):void 0!==a&&"function"!=typeof a&&(s+="--"+n+c+":"+a+";")}return s}function vt(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return yt(e,t,n,e=>"--"+t+e),n}(e,s),a=function(e,t){const n={};return yt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),c=mt`
2
2
  ${r} {
3
3
  ${t=>gt(e,t.theme,s)}
4
4
  }
package/dist/styled-components.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("stylis");function o(e){return e&&e.__esModule?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r,i,l=/*#__PURE__*/o(e),a=/*#__PURE__*/o(t),c=/*#__PURE__*/s(n);const u="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="active",h="data-styled-version",p="6.4.0-prerelease.12",f="/*!sc*/\n",m="undefined"!=typeof window&&"undefined"!=typeof document,g=void 0===a.default.createContext;function y(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const v=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=y("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:y("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),S="sc-keyframes-",w={},b="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 C(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(b[e],...t).trim())}const N=1<<30;let P=new Map,O=new Map,E=1;const x=e=>{if(P.has(e))return P.get(e);for(;O.has(E);)E++;const t=E++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>N))throw C(16,`${t}`);return P.set(e,t),O.set(t,e),t},A=e=>O.get(e),_=(e,t)=>{E=t+1,P.set(e,t),O.set(t,e)},I=/invalid hook call/i,R=new Set,j=(e,t)=>{if("production"!==process.env.NODE_ENV){if(g)return;const n=`The component ${e}${t?` with the id of "${t}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,o=console.error;try{let e=!0;console.error=(t,...s)=>{I.test(t)?(e=!1,R.delete(n)):o(t,...s)},"function"==typeof a.default.useState&&a.default.useState(null),e&&!R.has(n)&&(console.warn(n),R.add(n))}catch(e){I.test(e.message)&&R.delete(n)}finally{console.error=o}}},$=Object.freeze([]),k=Object.freeze({});function T(e,t,n=k){return e.theme!==n.theme&&e.theme||t||n.theme}const D=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,M=/(^-|-$)/g;function V(e){return e.replace(D,"-").replace(M,"")}const G=/(a)(d)/gi,F=e=>String.fromCharCode(e+(e>25?39:97));function z(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=F(t%52)+n;return(F(t%52)+n).replace(G,"$1-$2")}const W=5381,L=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},q=e=>L(W,e);function B(e){return z(q(e)>>>0)}function H(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Y(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function U(e){return Y(e)?`styled.${e}`:`Styled(${H(e)})`}const J=Symbol.for("react.memo"),Z=Symbol.for("react.forward_ref"),X={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},K={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Q={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ee={[Z]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[J]:Q};function te(e){return("type"in(t=e)&&t.type.$$typeof)===J?Q:"$$typeof"in e?ee[e.$$typeof]:X;var t}const ne=Object.defineProperty,oe=Object.getOwnPropertyNames,se=Object.getOwnPropertySymbols,re=Object.getOwnPropertyDescriptor,ie=Object.getPrototypeOf,le=Object.prototype;function ae(e,t,n){if("string"!=typeof t){const o=ie(t);o&&o!==le&&ae(e,o,n);const s=oe(t).concat(se(t)),r=te(e),i=te(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in K||n&&n[l]||i&&l in i||r&&l in r)){const n=re(t,l);try{ne(e,l,n)}catch(e){}}}}return e}function ce(e){return"function"==typeof e}function ue(e){return"object"==typeof e&&"styledComponentId"in e}function de(e,t){return e&&t?e+" "+t:e||t||""}function he(e,t){return e.join(t||"")}function pe(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+f;return t}function fe(e){return e?e.replaceAll(f,""):e}function me(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ge(e,t,n=!1){if(!n&&!me(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=ge(e[n],t[n]);else if(me(t))for(const n in t)e[n]=ge(e[n],t[n]);return e}function ye(e){if(!g)return null;const t=a.default.cache;return t?t(e):null}function ve(e,t){Object.defineProperty(e,"toString",{value:t})}const Se=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw C(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+f;return t}},we=`style[${u}][${h}="${p}"]`,be=new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),Ce=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,Ne=e=>{if(!e)return document;if(Ce(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(Ce(t))return t}return document},Pe=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},Oe=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(f),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(be);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(_(n,t),Pe(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Ee=e=>{const t=Ne(e.options.target).querySelectorAll(we);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(u)!==d&&(Oe(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let xe=!1;function Ae(){if(!1!==xe)return xe;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return xe=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return xe=t.getAttribute("content")||void 0}return xe="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const _e=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${u}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(u,d),s.setAttribute(h,p);const l=t||Ae();return l&&s.setAttribute("nonce",l),o.insertBefore(s,i),s},Ie=class{constructor(e,t){this.element=_e(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw C(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Re=class{constructor(e,t){this.element=_e(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}},je=class{constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(e===this.length?this.rules.push(t):this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}};let $e=m;const ke={isServer:!m,useCSSOMInjection:!v};class Te{static registerId(e){return x(e)}constructor(e=k,t={},n){this.options=Object.assign(Object.assign({},ke),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&m&&$e&&($e=!1,Ee(this)),ve(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=A(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const l=u+".g"+s+'[id="'+n+'"]';let a="";for(const e of r)e.length>0&&(a+=e+",");o+=i+l+'{content:"'+a+'"}'+f}return o})(this))}rehydrate(){!this.server&&m&&Ee(this)}reconstructWithOptions(e,t=!0){const n=new Te(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&m&&e.target!==this.options.target&&Ne(this.options.target)!==Ne(e.target)&&Ee(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n,nonce:o})=>e?new je(n):t?new Ie(n,o):new Re(n,o))(this.options),new Se(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){x(e),e.startsWith(S)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(x(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(x(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const De=new WeakSet,Me={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Ve(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Me||e.startsWith("--")?String(t).trim():t+"px"}const Ge=e=>e>="A"&&e<="Z";function Fe(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Ge(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const ze=Symbol.for("sc-keyframes");function We(e){return"object"==typeof e&&null!==e&&ze in e}function Le(e){return ce(e)&&!(e.prototype&&e.prototype.isReactComponent)}const qe=e=>null==e||!1===e||""===e,Be=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!qe(o)&&(Array.isArray(o)&&De.has(o)||ce(o)?t.push(Fe(n)+":",o,";"):me(o)?t.push(n+" {",...Be(o),"}"):t.push(Fe(n)+": "+Ve(n,o)+";"))}return t};function He(e,t,n,o,s=[]){if(qe(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Le(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||We(r)||me(r)||null===r||console.error(`${H(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.`),He(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)He(e[r],t,n,o,s);return s}if(ue(e))return s.push(`.${e.styledComponentId}`),s;if(We(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(me(e)){const t=Be(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Ye=q(p),Ue=g?new WeakMap:null;function Je(e,t){if(!Ue)return null;const n=Ue.get(e);if(!n)return null;const o=t.names.get(e.componentId);if(!o)return null;let s="";for(const e of o){const t=n.get(e);if(!t)return null;s+=t}return s}class Ze{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=L(Ye,t),this.baseStyle=n,Te.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Le(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||We(o)||me(o)||console.error(`${H(r)} 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.`),s+=he(He(o,e,t,n)))}else s+=he(He(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=z(L(L(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r))if(g&&function(e,t){var n,o;return null!==(o=null===(n=null==Ue?void 0:Ue.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}(this,r))t.registerName(this.componentId,r);else{const e=n(s,"."+r,void 0,this.componentId);g&&function(e,t,n){if(!Ue)return;let o=Ue.get(e);o||(o=new Map,Ue.set(e,o)),o.set(t,pe(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=de(o,r)}}return o}}const Xe=/&/g,Ke=47,Qe=42;function et(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=et(o.children,t))}return e}function tt({options:e=k,plugins:t=$}=k){let n,o,s;const r=(e,t,s)=>s.startsWith(o)&&s.endsWith(o)&&s.replaceAll(o,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===c.RULESET&&e.value.includes("&")&&(s||(s=new RegExp(`\\${o}\\b`,"g")),e.props[0]=e.props[0].replace(Xe,o).replace(s,r))}),e.prefix&&i.push(c.prefixer),i.push(c.stringify);let l=[];const a=c.middleware(i.concat(c.rulesheet(e=>l.push(e)))),u=(t,r="",i="",u="&")=>{n=u,o=r,s=void 0;const d=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==Ke||e.charCodeAt(r+1)!==Qe)if(s)t===Qe&&e.charCodeAt(r+1)===Ke&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,l=0;o=0,s=!1;for(let n=0;n<t;n++){const a=e.charCodeAt(n);if(0!==o||s||a!==Ke||e.charCodeAt(n+1)!==Qe)if(s)a===Qe&&e.charCodeAt(n+1)===Ke&&(s=!1,n++);else if(34!==a&&39!==a||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===a)l++;else if(125===a){if(l--,l<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,l=0,n=o-1,i=o;continue}0===l&&(r+=e.substring(i,n+1),i=n+1)}else 59===a&&0===l&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=a:o===a&&(o=0);else s=!0,n++}return i<t&&0===l&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const l=e.charCodeAt(s);if(34!==l&&39!==l||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(l===Ke&&s+1<t&&e.charCodeAt(s+1)===Qe){for(s+=2;s+1<t&&(e.charCodeAt(s)!==Qe||e.charCodeAt(s+1)!==Ke);)s++;s+=2}else if(40===l&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===l?i--:40===l&&i++,s++;else if(l===Qe&&s+1<t&&e.charCodeAt(s+1)===Ke)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(l===Ke&&s+1<t&&e.charCodeAt(s+1)===Ke){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=l:r===l&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let h=c.compile(i||r?i+" "+r+" { "+d+" }":d);return e.namespace&&(h=et(h,e.namespace)),l=[],c.serialize(h,a),l},d=e;let h=W;for(let e=0;e<t.length;e++)t[e].name||C(15),h=L(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=L(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=L(h,"p")),u.hash=h!==W?h.toString():"",u}var nt,ot,st;const rt=new Te,it=tt();let lt,at=null,ct=it;const ut=g&&null!==(st=null===(ot=(nt=a.default).cache)||void 0===ot?void 0:ot.call(nt,()=>{rt.names.clear(),rt.keyframeIds.clear(),rt.clearTag(),at=null}))&&void 0!==st?st:null,dt={shouldForwardProp:void 0,styleSheet:rt,stylis:it,stylisPlugins:void 0},ht=g?{Provider:({children:e})=>e,Consumer:({children:e})=>e(dt)}:a.default.createContext(dt),pt=ht.Consumer;function ft(){return g?(ut&&ut(),at||dt):a.default.useContext(ht)}function mt(e){var t,n,o;if(g){ut&&ut();const o=at||dt,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==lt?(lt=e.stylisPlugins,ct=tt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(ct=tt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:o.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?ct:it:o.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:o.shouldForwardProp,l=null!==(n=e.stylisPlugins)&&void 0!==n?n:o.stylisPlugins;return at=r!==it||i?{shouldForwardProp:i,styleSheet:rt,stylis:r,stylisPlugins:l}:null,e.children}const s=ft(),{styleSheet:r}=s,i=a.default.useMemo(()=>{let t=r;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,r]),l=a.default.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:tt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:s.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,s.stylis,s.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:s.shouldForwardProp,u=null!==(o=e.stylisPlugins)&&void 0!==o?o:s.stylisPlugins,d=a.default.useMemo(()=>({shouldForwardProp:c,styleSheet:i,stylis:l,stylisPlugins:u}),[c,i,l,u]);return a.default.createElement(ht.Provider,{value:d},e.children)}const gt=g?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:a.default.createContext(void 0),yt=gt.Consumer,vt={};function St(e,t){const n="string"!=typeof e?"sc":V(e);vt[n]=(vt[n]||0)+1;const o=n+"-"+B(p+n+vt[n]);return t?t+"-"+o:o}let wt;const bt=ye(()=>new Set),Ct=new Map;function Nt(e){let t=Ct.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),Ct.set(e,t)),t}function Pt(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=Nt(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function Ot(e,n,o){const s=ue(e),r=e,i=!Y(e),{attrs:c=$,componentId:d=St(n.displayName,n.parentComponentId),displayName:h=U(e)}=n,p=n.displayName&&n.componentId?V(n.displayName)+"-"+n.componentId:n.componentId||d,m=s&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:y}=n;if(s&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;y=(n,o)=>e(n,o)&&t(n,o)}else y=e}const v=new Ze(o,p,s?r.componentStyle:void 0);function S(e,n){return function(e,n,o){const{attrs:s,componentStyle:r,defaultProps:i,foldedComponentIds:c,styledComponentId:d,target:h}=e,p=g?void 0:a.default.useContext(gt),m=ft(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&a.default.useDebugValue&&a.default.useDebugValue(d);const v=T(n,p,i)||(g?void 0:k);let S,w;S=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=ce(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=de(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=de(o.className,t.className)),o}(s,n,v),w=function(e,t,n,o){const s=e.generateAndInjectStyles(t,n,o);return"production"!==process.env.NODE_ENV&&a.default.useDebugValue&&a.default.useDebugValue(s),s}(r,S,m.styleSheet,m.stylis),"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(w);const b=S.as||h,C=function(e,t,n,o){const s={};for(const r in e)void 0===e[r]||"$"===r[0]||"as"===r||"theme"===r&&e.theme===n||("forwardedAs"===r?s.as=e.forwardedAs:o&&!o(r,t)||(s[r]=e[r],o||"development"!==process.env.NODE_ENV||l.default(r)||(wt||(wt=new Set)).has(r)||!Y(t)||t.includes("-")||(wt.add(r),console.warn(`styled-components: it looks like an unknown prop "${r}" 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.)`))));return s}(S,b,v,y);let N=de(c,d);w&&(N+=" "+w),S.className&&(N+=" "+S.className),C[Y(b)&&b.includes("-")?"class":"className"]=N,o&&(C.ref=o);const P=t.createElement(b,C);if(g){const e=bt?bt():null;let t=null,n=0,o="",s=!0,i=r;for(;i;){const l=m.styleSheet.names.get(i.componentId);if(l){n+=l.size;for(const n of l)e&&e.has(n)||(t||(t=[]),t.push(n),e&&e.add(n))}if(t&&s){let e=Je(i,m.styleSheet);null===e?s=!1:(i!==r&&(e=Pt(e,i.componentId,m.styleSheet)),o=e+o)}i=i.baseStyle}if(t&&!s){o="";const e=m.styleSheet.getTag();let t=r;for(;t;){let n=e.getGroup(x(t.componentId));n&&t!==r&&(n=Pt(n,t.componentId,m.styleSheet)),o=n+o,t=t.baseStyle}}let l="";if(m.styleSheet.keyframeIds.size>0){const t=m.styleSheet.getTag();for(const n of m.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(x(n));o&&(l+=o,e&&e.add(n))}}if(o&&e&&t&&t.length<n){const e=o.split(f);let n="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<t.length;e++){const o=Nt(t[e]);if(o.lastIndex=0,o.test(s)){n+=s+f;break}}}o=n}const c=fe(l+o);if(c){const e=a.default.createElement("style",{[u]:"",key:"sc-"+r.componentId,children:c});return a.default.createElement(a.default.Fragment,null,e,P)}}return P}(w,e,n)}S.displayName=h;let w=a.default.forwardRef(S);return w.attrs=m,w.componentStyle=v,w.displayName=h,w.shouldForwardProp=y,w.foldedComponentIds=s?de(r.foldedComponentIds,r.styledComponentId):"",w.styledComponentId=p,w.target=s?r.target:e,Object.defineProperty(w,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=s?function(e,...t){for(const n of t)ge(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(j(h,p),w.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(h,p)),ve(w,()=>`.${w.styledComponentId}`),i&&ae(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}var Et=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function xt(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const At=e=>(De.add(e),e);function _t(e,...t){if(ce(e)||me(e))return At(He(xt($,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?He(n):At(He(xt(n,t)))}function It(e,t,n=k){if(!t)throw C(1,t);const o=(o,...s)=>e(t,n,_t(o,...s));return o.attrs=o=>It(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>It(e,t,Object.assign(Object.assign({},n),o)),o}const Rt=e=>It(Ot,e),jt=Rt;Et.forEach(e=>{jt[e]=Rt(e)});class $t{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(ce(n)&&!ue(n))return!1}return!0}(e),Te.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=he(He(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}const kt=ye(()=>new Set);function Tt(e,...t){const n=_t(e,...t),o=`sc-global-${B(JSON.stringify(n))}`,s=new $t(n,o);"production"!==process.env.NODE_ENV&&j(o);const r=e=>{const t=ft(),i=g?void 0:a.default.useContext(gt);let l;if(l=t.styleSheet.allocateGSInstance(o),"production"!==process.env.NODE_ENV&&a.default.Children.count(e.children)&&console.warn(`The global style component ${o} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),(g||t.styleSheet.server)&&function(e,t,n,o,i){if(s.isStatic)s.renderStyles(e,w,n,i);else{const l=Object.assign(Object.assign({},t),{theme:T(t,o,r.defaultProps)});s.renderStyles(e,l,n,i)}}(l,e,t.styleSheet,i,t.stylis),g){const e="undefined"==typeof window?s.instanceRules.get(l):void 0,n=e?pe(e.rules):"";if(n){s.instanceRules.delete(l);const e=kt?kt():null;if(e){const r=s.isStatic?o+t.stylis.hash:n;if(e.has(r))return null;e.add(r)}return a.default.createElement("style",{key:o+"-"+l,"data-styled-global":o,children:fe(n)})}}return s.instanceRules.delete(l),null};return a.default.memo(r)}function Dt(e,t,n,o,s){for(const r in e){const i=e[r],l=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};Dt(i,t,e,o,l),n[r]=e}else n[r]=o(l,i,r)}}function Mt(e,t,n,o){let s="";for(const r in e){const i=e[r],l=t[r],a=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Mt(i,l,n,a)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+a+":"+l+";")}return s}var Vt;const Gt=g?new WeakMap:null;class Ft{constructor(e,t){this[Vt]=!0,this.inject=(e,t=it)=>{var n;const o=this.getName(t);if(!e.hasNameForId(this.id,o)){const s=t.hash||"",r=g?null===(n=null==Gt?void 0:Gt.get(this))||void 0===n?void 0:n.get(s):void 0;if(r)e.insertRules(this.id,o,r);else{const n=t(this.rules,o,"@keyframes");if(g&&Gt){let e=Gt.get(this);e||(e=new Map,Gt.set(this,e)),e.set(s,n)}e.insertRules(this.id,o,n)}}},this.name=e,this.id=S+e,this.rules=t,x(this.id),ve(this,()=>{throw C(12,String(this.name))})}getName(e=it){return e.hash?this.name+z(+e.hash>>>0):this.name}}Vt=ze;const zt=/^\s*<\/[a-z]/i,Wt={StyleSheet:Te,mainSheet:rt};"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");const Lt=`__sc-${u}__`;"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Lt]||(window[Lt]=0),1===window[Lt]&&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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[Lt]+=1);const qt=/:(?:(first)-child|(last)-child|(only)-child|(nth-child)\(([^()]+)\)|(nth-last-child)\(([^()]+)\))/g,Bt=`:not(style[${u}])`,Ht=`style[${u}]`;function Yt(e){return-1===e.indexOf("-child")?e:(qt.lastIndex=0,e.replace(qt,(e,t,n,o,s,r,i,l)=>t?`:nth-child(1 of ${Bt})`:n?`:nth-last-child(1 of ${Bt})`:o?`:nth-child(1 of ${Bt}):nth-last-child(1 of ${Bt})`:s?-1!==r.indexOf(" of ")?e:`:nth-child(${r} of ${Bt})`:-1!==l.indexOf(" of ")?e:`:nth-last-child(${l} of ${Bt})`))}function Ut(e,t){if(-1===e.indexOf("+"))return;const n=function(e){const t=[];let n=0,o=0;for(let s=0;s<e.length;s++){const r=e.charCodeAt(s);40===r?n++:41===r?n--:91===r?o++:93===r?o--:43!==r||0!==n||0!==o||0!==s&&92===e.charCodeAt(s-1)||t.push(s)}return t}(e);for(let o=0;o<n.length;o++){const s=n[o],r=e.slice(0,s),i=e.slice(s+1);t.push(r+"+"+Ht+"+"+i),t.push(r+"+"+Ht+"+"+Ht+"+"+i)}}exports.ServerStyleSheet=class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||Ae();return`<style ${he([t&&`nonce="${t}"`,`${u}="true"`,`${h}="${p}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw C(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw C(2);const e=this.instance.toString();if(!e)return[];const t={[u]:"",[h]:p,dangerouslySetInnerHTML:{__html:e}},n=this.instance.options.nonce||Ae();return n&&(t.nonce=n),[a.default.createElement("style",Object.assign({},t,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new Te({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw C(2);return a.default.createElement(mt,{sheet:this.instance},e)}interleaveWithNodeStream(e){if(this.sealed)throw C(2);this.seal();const{Transform:t}=require("stream"),{instance:n,_emitSheetCSS:o}=this,s=new t({transform:function(e,t,s){const r=e.toString(),i=o();if(n.clearTag(),zt.test(r)){const e=r.indexOf(">")+1,t=r.slice(0,e),n=r.slice(e);this.push(t+i+n)}else this.push(i+r);s()}});if("on"in e&&"function"==typeof e.on&&"pipe"in e){const t=e;return t.on("error",e=>{s.emit("error",e)}),t.pipe(s)}if("pipe"in e&&"function"==typeof e.pipe)return e.pipe(s);throw new Error("Unsupported stream type")}},exports.StyleSheetConsumer=pt,exports.StyleSheetContext=ht,exports.StyleSheetManager=mt,exports.ThemeConsumer=yt,exports.ThemeContext=gt,exports.ThemeProvider=function(e){if(g)return e.children;const t=a.default.useContext(gt),n=a.default.useMemo(()=>function(e,t){if(!e)throw C(14);if(ce(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw C(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw C(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,t),[e.theme,t]);return e.children?a.default.createElement(gt.Provider,{value:n},e.children):null},exports.__PRIVATE__=Wt,exports.createGlobalStyle=Tt,exports.createTheme=function(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return Dt(e,t,n,e=>"--"+t+e),n}(e,s),l=function(e,t){const n={};return Dt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),a=Tt`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("stylis");function o(e){return e&&e.__esModule?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r,i,l=/*#__PURE__*/o(e),a=/*#__PURE__*/o(t),c=/*#__PURE__*/s(n);const u="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="active",h="data-styled-version",p="6.4.0-prerelease.13",f="/*!sc*/\n",m="undefined"!=typeof window&&"undefined"!=typeof document,g=void 0===a.default.createContext;function y(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const v=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=y("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:y("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),S="sc-keyframes-",w={},b="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 C(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(b[e],...t).trim())}const N=1<<30;let P=new Map,O=new Map,E=1;const x=e=>{if(P.has(e))return P.get(e);for(;O.has(E);)E++;const t=E++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>N))throw C(16,`${t}`);return P.set(e,t),O.set(t,e),t},A=e=>O.get(e),_=(e,t)=>{E=t+1,P.set(e,t),O.set(t,e)},I=/invalid hook call/i,R=new Set,j=(e,t)=>{if("production"!==process.env.NODE_ENV){if(g)return;const n=`The component ${e}${t?` with the id of "${t}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,o=console.error;try{let e=!0;console.error=(t,...s)=>{I.test(t)?(e=!1,R.delete(n)):o(t,...s)},"function"==typeof a.default.useState&&a.default.useState(null),e&&!R.has(n)&&(console.warn(n),R.add(n))}catch(e){I.test(e.message)&&R.delete(n)}finally{console.error=o}}},$=Object.freeze([]),k=Object.freeze({});function T(e,t,n=k){return e.theme!==n.theme&&e.theme||t||n.theme}const D=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,M=/(^-|-$)/g;function V(e){return e.replace(D,"-").replace(M,"")}const G=/(a)(d)/gi,F=e=>String.fromCharCode(e+(e>25?39:97));function z(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=F(t%52)+n;return(F(t%52)+n).replace(G,"$1-$2")}const W=5381,L=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},q=e=>L(W,e);function B(e){return z(q(e)>>>0)}function H(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Y(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function U(e){return Y(e)?`styled.${e}`:`Styled(${H(e)})`}const J=Symbol.for("react.memo"),Z=Symbol.for("react.forward_ref"),X={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},K={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Q={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ee={[Z]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[J]:Q};function te(e){return("type"in(t=e)&&t.type.$$typeof)===J?Q:"$$typeof"in e?ee[e.$$typeof]:X;var t}const ne=Object.defineProperty,oe=Object.getOwnPropertyNames,se=Object.getOwnPropertySymbols,re=Object.getOwnPropertyDescriptor,ie=Object.getPrototypeOf,le=Object.prototype;function ae(e,t,n){if("string"!=typeof t){const o=ie(t);o&&o!==le&&ae(e,o,n);const s=oe(t).concat(se(t)),r=te(e),i=te(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in K||n&&n[l]||i&&l in i||r&&l in r)){const n=re(t,l);try{ne(e,l,n)}catch(e){}}}}return e}function ce(e){return"function"==typeof e}function ue(e){return"object"==typeof e&&"styledComponentId"in e}function de(e,t){return e&&t?e+" "+t:e||t||""}function he(e,t){return e.join(t||"")}function pe(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+f;return t}function fe(e){return e?e.replaceAll(f,""):e}function me(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ge(e,t,n=!1){if(!n&&!me(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=ge(e[n],t[n]);else if(me(t))for(const n in t)e[n]=ge(e[n],t[n]);return e}function ye(e){if(!g)return null;const t=a.default.cache;return t?t(e):null}function ve(e,t){Object.defineProperty(e,"toString",{value:t})}const Se=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw C(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+f;return t}},we=`style[${u}][${h}="${p}"]`,be=new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),Ce=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,Ne=e=>{if(!e)return document;if(Ce(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(Ce(t))return t}return document},Pe=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},Oe=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(f),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(be);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(_(n,t),Pe(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Ee=e=>{const t=Ne(e.options.target).querySelectorAll(we);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(u)!==d&&(Oe(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let xe=!1;function Ae(){if(!1!==xe)return xe;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return xe=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return xe=t.getAttribute("content")||void 0}return xe="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const _e=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${u}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(u,d),s.setAttribute(h,p);const l=t||Ae();return l&&s.setAttribute("nonce",l),o.insertBefore(s,i),s},Ie=class{constructor(e,t){this.element=_e(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw C(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Re=class{constructor(e,t){this.element=_e(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}},je=class{constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(e===this.length?this.rules.push(t):this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}};let $e=m;const ke={isServer:!m,useCSSOMInjection:!v};class Te{static registerId(e){return x(e)}constructor(e=k,t={},n){this.options=Object.assign(Object.assign({},ke),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&m&&$e&&($e=!1,Ee(this)),ve(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=A(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const l=u+".g"+s+'[id="'+n+'"]';let a="";for(const e of r)e.length>0&&(a+=e+",");o+=i+l+'{content:"'+a+'"}'+f}return o})(this))}rehydrate(){!this.server&&m&&Ee(this)}reconstructWithOptions(e,t=!0){const n=new Te(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&m&&e.target!==this.options.target&&Ne(this.options.target)!==Ne(e.target)&&Ee(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n,nonce:o})=>e?new je(n):t?new Ie(n,o):new Re(n,o))(this.options),new Se(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){x(e),e.startsWith(S)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(x(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(x(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const De=new WeakSet,Me={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Ve(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Me||e.startsWith("--")?String(t).trim():t+"px"}const Ge=e=>e>="A"&&e<="Z";function Fe(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Ge(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const ze=Symbol.for("sc-keyframes");function We(e){return"object"==typeof e&&null!==e&&ze in e}function Le(e){return ce(e)&&!(e.prototype&&e.prototype.isReactComponent)}const qe=e=>null==e||!1===e||""===e,Be=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!qe(o)&&(Array.isArray(o)&&De.has(o)||ce(o)?t.push(Fe(n)+":",o,";"):me(o)?t.push(n+" {",...Be(o),"}"):t.push(Fe(n)+": "+Ve(n,o)+";"))}return t};function He(e,t,n,o,s=[]){if(qe(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Le(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||We(r)||me(r)||null===r||console.error(`${H(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.`),He(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)He(e[r],t,n,o,s);return s}if(ue(e))return s.push(`.${e.styledComponentId}`),s;if(We(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(me(e)){const t=Be(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Ye=q(p),Ue=g?new WeakMap:null;function Je(e,t){if(!Ue)return null;const n=Ue.get(e);if(!n)return null;const o=t.names.get(e.componentId);if(!o)return null;let s="";for(const e of o){const t=n.get(e);if(!t)return null;s+=t}return s}class Ze{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=L(Ye,t),this.baseStyle=n,Te.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Le(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||We(o)||me(o)||console.error(`${H(r)} 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.`),s+=he(He(o,e,t,n)))}else s+=he(He(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=z(L(L(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r))if(g&&function(e,t){var n,o;return null!==(o=null===(n=null==Ue?void 0:Ue.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}(this,r))t.registerName(this.componentId,r);else{const e=n(s,"."+r,void 0,this.componentId);g&&function(e,t,n){if(!Ue)return;let o=Ue.get(e);o||(o=new Map,Ue.set(e,o)),o.set(t,pe(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=de(o,r)}}return o}}const Xe=/&/g,Ke=47,Qe=42;function et(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=et(o.children,t))}return e}function tt({options:e=k,plugins:t=$}=k){let n,o,s;const r=(e,t,s)=>s.startsWith(o)&&s.endsWith(o)&&s.replaceAll(o,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===c.RULESET&&e.value.includes("&")&&(s||(s=new RegExp(`\\${o}\\b`,"g")),e.props[0]=e.props[0].replace(Xe,o).replace(s,r))}),e.prefix&&i.push(c.prefixer),i.push(c.stringify);let l=[];const a=c.middleware(i.concat(c.rulesheet(e=>l.push(e)))),u=(t,r="",i="",u="&")=>{n=u,o=r,s=void 0;const d=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==Ke||e.charCodeAt(r+1)!==Qe)if(s)t===Qe&&e.charCodeAt(r+1)===Ke&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,l=0;o=0,s=!1;for(let n=0;n<t;n++){const a=e.charCodeAt(n);if(0!==o||s||a!==Ke||e.charCodeAt(n+1)!==Qe)if(s)a===Qe&&e.charCodeAt(n+1)===Ke&&(s=!1,n++);else if(34!==a&&39!==a||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===a)l++;else if(125===a){if(l--,l<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,l=0,n=o-1,i=o;continue}0===l&&(r+=e.substring(i,n+1),i=n+1)}else 59===a&&0===l&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=a:o===a&&(o=0);else s=!0,n++}return i<t&&0===l&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const l=e.charCodeAt(s);if(34!==l&&39!==l||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(l===Ke&&s+1<t&&e.charCodeAt(s+1)===Qe){for(s+=2;s+1<t&&(e.charCodeAt(s)!==Qe||e.charCodeAt(s+1)!==Ke);)s++;s+=2}else if(40===l&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===l?i--:40===l&&i++,s++;else if(l===Qe&&s+1<t&&e.charCodeAt(s+1)===Ke)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(l===Ke&&s+1<t&&e.charCodeAt(s+1)===Ke){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=l:r===l&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let h=c.compile(i||r?i+" "+r+" { "+d+" }":d);return e.namespace&&(h=et(h,e.namespace)),l=[],c.serialize(h,a),l},d=e;let h=W;for(let e=0;e<t.length;e++)t[e].name||C(15),h=L(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=L(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=L(h,"p")),u.hash=h!==W?h.toString():"",u}var nt,ot,st;const rt=new Te,it=tt();let lt,at=null,ct=it;const ut=g&&null!==(st=null===(ot=(nt=a.default).cache)||void 0===ot?void 0:ot.call(nt,()=>{rt.names.clear(),rt.keyframeIds.clear(),rt.clearTag(),at=null}))&&void 0!==st?st:null,dt={shouldForwardProp:void 0,styleSheet:rt,stylis:it,stylisPlugins:void 0},ht=g?{Provider:({children:e})=>e,Consumer:({children:e})=>e(dt)}:a.default.createContext(dt),pt=ht.Consumer;function ft(){return g?(ut&&ut(),at||dt):a.default.useContext(ht)}function mt(e){var t,n,o;if(g){ut&&ut();const o=at||dt,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==lt?(lt=e.stylisPlugins,ct=tt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(ct=tt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:o.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?ct:it:o.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:o.shouldForwardProp,l=null!==(n=e.stylisPlugins)&&void 0!==n?n:o.stylisPlugins;return at=r!==it||i?{shouldForwardProp:i,styleSheet:rt,stylis:r,stylisPlugins:l}:null,e.children}const s=ft(),{styleSheet:r}=s,i=a.default.useMemo(()=>{let t=r;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,r]),l=a.default.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:tt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:s.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,s.stylis,s.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:s.shouldForwardProp,u=null!==(o=e.stylisPlugins)&&void 0!==o?o:s.stylisPlugins,d=a.default.useMemo(()=>({shouldForwardProp:c,styleSheet:i,stylis:l,stylisPlugins:u}),[c,i,l,u]);return a.default.createElement(ht.Provider,{value:d},e.children)}const gt=g?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:a.default.createContext(void 0),yt=gt.Consumer,vt={};function St(e,t){const n="string"!=typeof e?"sc":V(e);vt[n]=(vt[n]||0)+1;const o=n+"-"+B(p+n+vt[n]);return t?t+"-"+o:o}let wt;const bt=ye(()=>new Set),Ct=new Map;function Nt(e){let t=Ct.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),Ct.set(e,t)),t}function Pt(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=Nt(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function Ot(e,n,o){const s=ue(e),r=e,i=!Y(e),{attrs:c=$,componentId:d=St(n.displayName,n.parentComponentId),displayName:h=U(e)}=n,p=n.displayName&&n.componentId?V(n.displayName)+"-"+n.componentId:n.componentId||d,m=s&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:y}=n;if(s&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;y=(n,o)=>e(n,o)&&t(n,o)}else y=e}const v=new Ze(o,p,s?r.componentStyle:void 0);function S(e,n){return function(e,n,o){const{attrs:s,componentStyle:r,defaultProps:i,foldedComponentIds:c,styledComponentId:d,target:h}=e,p=g?void 0:a.default.useContext(gt),m=ft(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&a.default.useDebugValue&&a.default.useDebugValue(d);const v=T(n,p,i)||(g?void 0:k);let S,w;S=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=ce(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=de(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=de(o.className,t.className)),o}(s,n,v),w=function(e,t,n,o){const s=e.generateAndInjectStyles(t,n,o);return"production"!==process.env.NODE_ENV&&a.default.useDebugValue&&a.default.useDebugValue(s),s}(r,S,m.styleSheet,m.stylis),"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(w);const b=S.as||h,C=function(e,t,n,o){const s={};for(const r in e)void 0===e[r]||"$"===r[0]||"as"===r||"theme"===r&&e.theme===n||("forwardedAs"===r?s.as=e.forwardedAs:o&&!o(r,t)||(s[r]=e[r],o||"development"!==process.env.NODE_ENV||l.default(r)||(wt||(wt=new Set)).has(r)||!Y(t)||t.includes("-")||(wt.add(r),console.warn(`styled-components: it looks like an unknown prop "${r}" 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.)`))));return s}(S,b,v,y);let N=de(c,d);w&&(N+=" "+w),S.className&&(N+=" "+S.className),C[Y(b)&&b.includes("-")?"class":"className"]=N,o&&(C.ref=o);const P=t.createElement(b,C);if(g){const e=bt?bt():null;let t=null,n=0,o="",s=!0,i=r;for(;i;){const l=m.styleSheet.names.get(i.componentId);if(l){n+=l.size;for(const n of l)e&&e.has(n)||(t||(t=[]),t.push(n),e&&e.add(n))}if(t&&s){let e=Je(i,m.styleSheet);null===e?s=!1:(i!==r&&(e=Pt(e,i.componentId,m.styleSheet)),o=e+o)}i=i.baseStyle}if(t&&!s){o="";const e=m.styleSheet.getTag();let t=r;for(;t;){let n=e.getGroup(x(t.componentId));n&&t!==r&&(n=Pt(n,t.componentId,m.styleSheet)),o=n+o,t=t.baseStyle}}let l="";if(m.styleSheet.keyframeIds.size>0){const t=m.styleSheet.getTag();for(const n of m.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(x(n));o&&(l+=o,e&&e.add(n))}}if(o&&e&&t&&t.length<n){const e=o.split(f);let n="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<t.length;e++){const o=Nt(t[e]);if(o.lastIndex=0,o.test(s)){n+=s+f;break}}}o=n}const c=fe(l+o);if(c){const e=a.default.createElement("style",{[u]:"",key:"sc-"+r.componentId,children:c});return a.default.createElement(a.default.Fragment,null,e,P)}}return P}(w,e,n)}S.displayName=h;let w=a.default.forwardRef(S);return w.attrs=m,w.componentStyle=v,w.displayName=h,w.shouldForwardProp=y,w.foldedComponentIds=s?de(r.foldedComponentIds,r.styledComponentId):"",w.styledComponentId=p,w.target=s?r.target:e,Object.defineProperty(w,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=s?function(e,...t){for(const n of t)ge(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(j(h,p),w.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(h,p)),ve(w,()=>`.${w.styledComponentId}`),i&&ae(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}var Et=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function xt(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const At=e=>(De.add(e),e);function _t(e,...t){if(ce(e)||me(e))return At(He(xt($,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?He(n):At(He(xt(n,t)))}function It(e,t,n=k){if(!t)throw C(1,t);const o=(o,...s)=>e(t,n,_t(o,...s));return o.attrs=o=>It(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>It(e,t,Object.assign(Object.assign({},n),o)),o}const Rt=e=>It(Ot,e),jt=Rt;Et.forEach(e=>{jt[e]=Rt(e)});class $t{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(ce(n)&&!ue(n))return!1}return!0}(e),Te.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=he(He(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}const kt=ye(()=>new Set);function Tt(e,...t){const n=_t(e,...t),o=`sc-global-${B(JSON.stringify(n))}`,s=new $t(n,o);"production"!==process.env.NODE_ENV&&j(o);const r=e=>{const t=ft(),i=g?void 0:a.default.useContext(gt);let l;if(l=t.styleSheet.allocateGSInstance(o),"production"!==process.env.NODE_ENV&&a.default.Children.count(e.children)&&console.warn(`The global style component ${o} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),(g||t.styleSheet.server)&&function(e,t,n,o,i){if(s.isStatic)s.renderStyles(e,w,n,i);else{const l=Object.assign(Object.assign({},t),{theme:T(t,o,r.defaultProps)});s.renderStyles(e,l,n,i)}}(l,e,t.styleSheet,i,t.stylis),g){const e="undefined"==typeof window?s.instanceRules.get(l):void 0,n=e?pe(e.rules):"";if(n){s.instanceRules.delete(l);const e=kt?kt():null;if(e){const r=s.isStatic?o+t.stylis.hash:n;if(e.has(r))return null;e.add(r)}return a.default.createElement("style",{key:o+"-"+l,"data-styled-global":o,children:fe(n)})}}return s.instanceRules.delete(l),null};return a.default.memo(r)}function Dt(e,t,n,o,s){for(const r in e){const i=e[r],l=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};Dt(i,t,e,o,l),n[r]=e}else n[r]=o(l,i,r)}}function Mt(e,t,n,o){let s="";for(const r in e){const i=e[r],l=t[r],a=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Mt(i,l,n,a)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+a+":"+l+";")}return s}var Vt;const Gt=g?new WeakMap:null;class Ft{constructor(e,t){this[Vt]=!0,this.inject=(e,t=it)=>{var n;const o=this.getName(t);if(!e.hasNameForId(this.id,o)){const s=t.hash||"",r=g?null===(n=null==Gt?void 0:Gt.get(this))||void 0===n?void 0:n.get(s):void 0;if(r)e.insertRules(this.id,o,r);else{const n=t(this.rules,o,"@keyframes");if(g&&Gt){let e=Gt.get(this);e||(e=new Map,Gt.set(this,e)),e.set(s,n)}e.insertRules(this.id,o,n)}}},this.name=e,this.id=S+e,this.rules=t,x(this.id),ve(this,()=>{throw C(12,String(this.name))})}getName(e=it){return e.hash?this.name+z(+e.hash>>>0):this.name}}Vt=ze;const zt=/^\s*<\/[a-z]/i,Wt={StyleSheet:Te,mainSheet:rt};"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");const Lt=`__sc-${u}__`;"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Lt]||(window[Lt]=0),1===window[Lt]&&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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[Lt]+=1);const qt=/:(?:(first)-child|(last)-child|(only)-child|(nth-child)\(([^()]+)\)|(nth-last-child)\(([^()]+)\))/g,Bt=`:not(style[${u}])`,Ht=`style[${u}]`;function Yt(e){return-1===e.indexOf("-child")?e:(qt.lastIndex=0,e.replace(qt,(e,t,n,o,s,r,i,l)=>t?`:nth-child(1 of ${Bt})`:n?`:nth-last-child(1 of ${Bt})`:o?`:nth-child(1 of ${Bt}):nth-last-child(1 of ${Bt})`:s?-1!==r.indexOf(" of ")?e:`:nth-child(${r} of ${Bt})`:-1!==l.indexOf(" of ")?e:`:nth-last-child(${l} of ${Bt})`))}function Ut(e,t){if(-1===e.indexOf("+"))return;const n=function(e){const t=[];let n=0,o=0;for(let s=0;s<e.length;s++){const r=e.charCodeAt(s);40===r?n++:41===r?n--:91===r?o++:93===r?o--:43!==r||0!==n||0!==o||0!==s&&92===e.charCodeAt(s-1)||t.push(s)}return t}(e);for(let o=0;o<n.length;o++){const s=n[o],r=e.slice(0,s),i=e.slice(s+1);t.push(r+"+"+Ht+"+"+i),t.push(r+"+"+Ht+"+"+Ht+"+"+i)}}exports.ServerStyleSheet=class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||Ae();return`<style ${he([t&&`nonce="${t}"`,`${u}="true"`,`${h}="${p}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw C(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw C(2);const e=this.instance.toString();if(!e)return[];const t={[u]:"",[h]:p,dangerouslySetInnerHTML:{__html:e}},n=this.instance.options.nonce||Ae();return n&&(t.nonce=n),[a.default.createElement("style",Object.assign({},t,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new Te({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw C(2);return a.default.createElement(mt,{sheet:this.instance},e)}interleaveWithNodeStream(e){if(this.sealed)throw C(2);this.seal();const{Transform:t}=require("stream"),{instance:n,_emitSheetCSS:o}=this,s=new t({transform:function(e,t,s){const r=e.toString(),i=o();if(n.clearTag(),zt.test(r)){const e=r.indexOf(">")+1,t=r.slice(0,e),n=r.slice(e);this.push(t+i+n)}else this.push(i+r);s()}});if("on"in e&&"function"==typeof e.on&&"pipe"in e){const t=e;return t.on("error",e=>{s.emit("error",e)}),t.pipe(s)}if("pipe"in e&&"function"==typeof e.pipe)return e.pipe(s);throw new Error("Unsupported stream type")}},exports.StyleSheetConsumer=pt,exports.StyleSheetContext=ht,exports.StyleSheetManager=mt,exports.ThemeConsumer=yt,exports.ThemeContext=gt,exports.ThemeProvider=function(e){if(g)return e.children;const t=a.default.useContext(gt),n=a.default.useMemo(()=>function(e,t){if(!e)throw C(14);if(ce(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw C(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw C(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,t),[e.theme,t]);return e.children?a.default.createElement(gt.Provider,{value:n},e.children):null},exports.__PRIVATE__=Wt,exports.createGlobalStyle=Tt,exports.createTheme=function(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return Dt(e,t,n,e=>"--"+t+e),n}(e,s),l=function(e,t){const n={};return Dt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),a=Tt`
2
2
  ${r} {
3
3
  ${t=>Mt(e,t.theme,s)}
4
4
  }
package/dist/styled-components.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import e from"@emotion/is-prop-valid";import t,{createElement as n}from"react";import*as o from"stylis";import{RULESET as s}from"stylis";var r,i;const l="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",a="active",c="data-styled-version",u="6.4.0-prerelease.12",d="/*!sc*/\n",h="undefined"!=typeof window&&"undefined"!=typeof document,p=void 0===t.createContext;function f(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const m=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=f("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:f("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),g="sc-keyframes-",y={},v="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 S(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(v[e],...t).trim())}const w=1<<30;let b=new Map,C=new Map,N=1;const P=e=>{if(b.has(e))return b.get(e);for(;C.has(N);)N++;const t=N++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>w))throw S(16,`${t}`);return b.set(e,t),C.set(t,e),t},O=e=>C.get(e),A=(e,t)=>{N=t+1,b.set(e,t),C.set(t,e)},E=/invalid hook call/i,I=new Set,_=(e,n)=>{if("production"!==process.env.NODE_ENV){if(p)return;const o=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{E.test(t)?(e=!1,I.delete(o)):s(t,...n)},"function"==typeof t.useState&&t.useState(null),e&&!I.has(o)&&(console.warn(o),I.add(o))}catch(e){E.test(e.message)&&I.delete(o)}finally{console.error=s}}},x=Object.freeze([]),R=Object.freeze({});function j(e,t,n=R){return e.theme!==n.theme&&e.theme||t||n.theme}const $=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,k=/(^-|-$)/g;function T(e){return e.replace($,"-").replace(k,"")}const D=/(a)(d)/gi,M=e=>String.fromCharCode(e+(e>25?39:97));function V(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=M(t%52)+n;return(M(t%52)+n).replace(D,"$1-$2")}const G=5381,F=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},z=e=>F(G,e);function W(e){return V(z(e)>>>0)}function L(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function B(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function q(e){return B(e)?`styled.${e}`:`Styled(${L(e)})`}const H=Symbol.for("react.memo"),Y=Symbol.for("react.forward_ref"),U={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},J={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Z={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},X={[Y]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[H]:Z};function K(e){return("type"in(t=e)&&t.type.$$typeof)===H?Z:"$$typeof"in e?X[e.$$typeof]:U;var t}const Q=Object.defineProperty,ee=Object.getOwnPropertyNames,te=Object.getOwnPropertySymbols,ne=Object.getOwnPropertyDescriptor,oe=Object.getPrototypeOf,se=Object.prototype;function re(e,t,n){if("string"!=typeof t){const o=oe(t);o&&o!==se&&re(e,o,n);const s=ee(t).concat(te(t)),r=K(e),i=K(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in J||n&&n[l]||i&&l in i||r&&l in r)){const n=ne(t,l);try{Q(e,l,n)}catch(e){}}}}return e}function ie(e){return"function"==typeof e}function le(e){return"object"==typeof e&&"styledComponentId"in e}function ae(e,t){return e&&t?e+" "+t:e||t||""}function ce(e,t){return e.join(t||"")}function ue(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+d;return t}function de(e){return e?e.replaceAll(d,""):e}function he(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function pe(e,t,n=!1){if(!n&&!he(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=pe(e[n],t[n]);else if(he(t))for(const n in t)e[n]=pe(e[n],t[n]);return e}function fe(e){if(!p)return null;const n=t.cache;return n?n(e):null}function me(e,t){Object.defineProperty(e,"toString",{value:t})}const ge=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw S(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+d;return t}},ye=`style[${l}][${c}="${u}"]`,ve=new RegExp(`^${l}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),Se=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,we=e=>{if(!e)return document;if(Se(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(Se(t))return t}return document},be=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},Ce=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(d),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(ve);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(A(n,t),be(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Ne=e=>{const t=we(e.options.target).querySelectorAll(ye);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(l)!==a&&(Ce(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Pe=!1;function Oe(){if(!1!==Pe)return Pe;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Pe=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Pe=t.getAttribute("content")||void 0}return Pe="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ae=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${l}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(l,a),s.setAttribute(c,u);const d=t||Oe();return d&&s.setAttribute("nonce",d),o.insertBefore(s,i),s},Ee=class{constructor(e,t){this.element=Ae(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw S(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Ie=class{constructor(e,t){this.element=Ae(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}},_e=class{constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(e===this.length?this.rules.push(t):this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}};let xe=h;const Re={isServer:!h,useCSSOMInjection:!m};class je{static registerId(e){return P(e)}constructor(e=R,t={},n){this.options=Object.assign(Object.assign({},Re),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&h&&xe&&(xe=!1,Ne(this)),me(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=O(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const a=l+".g"+s+'[id="'+n+'"]';let c="";for(const e of r)e.length>0&&(c+=e+",");o+=i+a+'{content:"'+c+'"}'+d}return o})(this))}rehydrate(){!this.server&&h&&Ne(this)}reconstructWithOptions(e,t=!0){const n=new je(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&h&&e.target!==this.options.target&&we(this.options.target)!==we(e.target)&&Ne(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n,nonce:o})=>e?new _e(n):t?new Ee(n,o):new Ie(n,o))(this.options),new ge(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){P(e),e.startsWith(g)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(P(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(P(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const $e=new WeakSet,ke={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Te(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in ke||e.startsWith("--")?String(t).trim():t+"px"}const De=e=>e>="A"&&e<="Z";function Me(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;De(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const Ve=Symbol.for("sc-keyframes");function Ge(e){return"object"==typeof e&&null!==e&&Ve in e}function Fe(e){return ie(e)&&!(e.prototype&&e.prototype.isReactComponent)}const ze=e=>null==e||!1===e||""===e,We=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!ze(o)&&(Array.isArray(o)&&$e.has(o)||ie(o)?t.push(Me(n)+":",o,";"):he(o)?t.push(n+" {",...We(o),"}"):t.push(Me(n)+": "+Te(n,o)+";"))}return t};function Le(e,t,n,o,s=[]){if(ze(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Fe(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||Ge(r)||he(r)||null===r||console.error(`${L(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.`),Le(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Le(e[r],t,n,o,s);return s}if(le(e))return s.push(`.${e.styledComponentId}`),s;if(Ge(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(he(e)){const t=We(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Be=z(u),qe=p?new WeakMap:null;function He(e,t){if(!qe)return null;const n=qe.get(e);if(!n)return null;const o=t.names.get(e.componentId);if(!o)return null;let s="";for(const e of o){const t=n.get(e);if(!t)return null;s+=t}return s}class Ye{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=F(Be,t),this.baseStyle=n,je.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Fe(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||Ge(o)||he(o)||console.error(`${L(r)} 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.`),s+=ce(Le(o,e,t,n)))}else s+=ce(Le(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=V(F(F(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r))if(p&&function(e,t){var n,o;return null!==(o=null===(n=null==qe?void 0:qe.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}(this,r))t.registerName(this.componentId,r);else{const e=n(s,"."+r,void 0,this.componentId);p&&function(e,t,n){if(!qe)return;let o=qe.get(e);o||(o=new Map,qe.set(e,o)),o.set(t,ue(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const Ue=/&/g,Je=47,Ze=42;function Xe(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=Xe(o.children,t))}return e}function Ke({options:e=R,plugins:t=x}=R){let n,s,r;const i=(e,t,o)=>o.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,"").length>0?`.${n}`:e,l=t.slice();l.push(e=>{e.type===o.RULESET&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(Ue,s).replace(r,i))}),e.prefix&&l.push(o.prefixer),l.push(o.stringify);let a=[];const c=o.middleware(l.concat(o.rulesheet(e=>a.push(e)))),u=(t,i="",l="",u="&")=>{n=u,s=i,r=void 0;const d=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==Je||e.charCodeAt(r+1)!==Ze)if(s)t===Ze&&e.charCodeAt(r+1)===Je&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,l=0;o=0,s=!1;for(let n=0;n<t;n++){const a=e.charCodeAt(n);if(0!==o||s||a!==Je||e.charCodeAt(n+1)!==Ze)if(s)a===Ze&&e.charCodeAt(n+1)===Je&&(s=!1,n++);else if(34!==a&&39!==a||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===a)l++;else if(125===a){if(l--,l<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,l=0,n=o-1,i=o;continue}0===l&&(r+=e.substring(i,n+1),i=n+1)}else 59===a&&0===l&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=a:o===a&&(o=0);else s=!0,n++}return i<t&&0===l&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const l=e.charCodeAt(s);if(34!==l&&39!==l||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(l===Je&&s+1<t&&e.charCodeAt(s+1)===Ze){for(s+=2;s+1<t&&(e.charCodeAt(s)!==Ze||e.charCodeAt(s+1)!==Je);)s++;s+=2}else if(40===l&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===l?i--:40===l&&i++,s++;else if(l===Ze&&s+1<t&&e.charCodeAt(s+1)===Je)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(l===Je&&s+1<t&&e.charCodeAt(s+1)===Je){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=l:r===l&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let h=o.compile(l||i?l+" "+i+" { "+d+" }":d);return e.namespace&&(h=Xe(h,e.namespace)),a=[],o.serialize(h,c),a},d=e;let h=G;for(let e=0;e<t.length;e++)t[e].name||S(15),h=F(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=F(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=F(h,"p")),u.hash=h!==G?h.toString():"",u}var Qe,et,tt;const nt=new je,ot=Ke();let st,rt=null,it=ot;const lt=p&&null!==(tt=null===(et=(Qe=t).cache)||void 0===et?void 0:et.call(Qe,()=>{nt.names.clear(),nt.keyframeIds.clear(),nt.clearTag(),rt=null}))&&void 0!==tt?tt:null,at={shouldForwardProp:void 0,styleSheet:nt,stylis:ot,stylisPlugins:void 0},ct=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(at)}:t.createContext(at),ut=ct.Consumer;function dt(){return p?(lt&&lt(),rt||at):t.useContext(ct)}function ht(e){var n,o,s;if(p){lt&&lt();const t=rt||at,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==st?(st=e.stylisPlugins,it=Ke({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(it=Ke({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(n=e.stylisPlugins)&&void 0!==n?n:t.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?it:ot:t.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:t.shouldForwardProp,l=null!==(o=e.stylisPlugins)&&void 0!==o?o:t.stylisPlugins;return rt=r!==ot||i?{shouldForwardProp:i,styleSheet:nt,stylis:r,stylisPlugins:l}:null,e.children}const r=dt(),{styleSheet:i}=r,l=t.useMemo(()=>{let t=i;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,i]),a=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?r.stylis:Ke({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:r.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,r.stylis,r.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:r.shouldForwardProp,u=null!==(s=e.stylisPlugins)&&void 0!==s?s:r.stylisPlugins,d=t.useMemo(()=>({shouldForwardProp:c,styleSheet:l,stylis:a,stylisPlugins:u}),[c,l,a,u]);return t.createElement(ct.Provider,{value:d},e.children)}const pt=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:t.createContext(void 0),ft=pt.Consumer;function mt(){const e=p?void 0:t.useContext(pt);if(!e)throw S(18);return e}function gt(e){if(p)return e.children;const n=t.useContext(pt),o=t.useMemo(()=>function(e,t){if(!e)throw S(14);if(ie(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw S(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw S(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(pt.Provider,{value:o},e.children):null}const yt={};function vt(e,t){const n="string"!=typeof e?"sc":T(e);yt[n]=(yt[n]||0)+1;const o=n+"-"+W(u+n+yt[n]);return t?t+"-"+o:o}let St;const wt=fe(()=>new Set),bt=new Map;function Ct(e){let t=bt.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),bt.set(e,t)),t}function Nt(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=Ct(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function Pt(o,s,r){const i=le(o),a=o,c=!B(o),{attrs:u=x,componentId:h=vt(s.displayName,s.parentComponentId),displayName:f=q(o)}=s,m=s.displayName&&s.componentId?T(s.displayName)+"-"+s.componentId:s.componentId||h,g=i&&a.attrs?a.attrs.concat(u).filter(Boolean):u;let{shouldForwardProp:y}=s;if(i&&a.shouldForwardProp){const e=a.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;y=(n,o)=>e(n,o)&&t(n,o)}else y=e}const v=new Ye(r,m,i?a.componentStyle:void 0);function S(o,s){return function(o,s,r){const{attrs:i,componentStyle:a,defaultProps:c,foldedComponentIds:u,styledComponentId:h,target:f}=o,m=p?void 0:t.useContext(pt),g=dt(),y=o.shouldForwardProp||g.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(h);const v=j(s,m,c)||(p?void 0:R);let S,w;S=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=ie(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ae(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=ae(o.className,t.className)),o}(i,s,v),w=function(e,n,o,s){const r=e.generateAndInjectStyles(n,o,s);return"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(r),r}(a,S,g.styleSheet,g.stylis),"production"!==process.env.NODE_ENV&&o.warnTooManyClasses&&o.warnTooManyClasses(w);const b=S.as||f,C=function(t,n,o,s){const r={};for(const i in t)void 0===t[i]||"$"===i[0]||"as"===i||"theme"===i&&t.theme===o||("forwardedAs"===i?r.as=t.forwardedAs:s&&!s(i,n)||(r[i]=t[i],s||"development"!==process.env.NODE_ENV||e(i)||(St||(St=new Set)).has(i)||!B(n)||n.includes("-")||(St.add(i),console.warn(`styled-components: it looks like an unknown prop "${i}" 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.)`))));return r}(S,b,v,y);let N=ae(u,h);w&&(N+=" "+w),S.className&&(N+=" "+S.className),C[B(b)&&b.includes("-")?"class":"className"]=N,r&&(C.ref=r);const O=n(b,C);if(p){const e=wt?wt():null;let n=null,o=0,s="",r=!0,i=a;for(;i;){const t=g.styleSheet.names.get(i.componentId);if(t){o+=t.size;for(const o of t)e&&e.has(o)||(n||(n=[]),n.push(o),e&&e.add(o))}if(n&&r){let e=He(i,g.styleSheet);null===e?r=!1:(i!==a&&(e=Nt(e,i.componentId,g.styleSheet)),s=e+s)}i=i.baseStyle}if(n&&!r){s="";const e=g.styleSheet.getTag();let t=a;for(;t;){let n=e.getGroup(P(t.componentId));n&&t!==a&&(n=Nt(n,t.componentId,g.styleSheet)),s=n+s,t=t.baseStyle}}let c="";if(g.styleSheet.keyframeIds.size>0){const t=g.styleSheet.getTag();for(const n of g.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(P(n));o&&(c+=o,e&&e.add(n))}}if(s&&e&&n&&n.length<o){const e=s.split(d);let t="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<n.length;e++){const o=Ct(n[e]);if(o.lastIndex=0,o.test(s)){t+=s+d;break}}}s=t}const u=de(c+s);if(u){const e=t.createElement("style",{[l]:"",key:"sc-"+a.componentId,children:u});return t.createElement(t.Fragment,null,e,O)}}return O}(w,o,s)}S.displayName=f;let w=t.forwardRef(S);return w.attrs=g,w.componentStyle=v,w.displayName=f,w.shouldForwardProp=y,w.foldedComponentIds=i?ae(a.foldedComponentIds,a.styledComponentId):"",w.styledComponentId=m,w.target=i?a.target:o,Object.defineProperty(w,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)pe(e,n,!0);return e}({},a.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(f,m),w.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(f,m)),me(w,()=>`.${w.styledComponentId}`),c&&re(w,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}var Ot=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function At(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const Et=e=>($e.add(e),e);function It(e,...t){if(ie(e)||he(e))return Et(Le(At(x,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Le(n):Et(Le(At(n,t)))}function _t(e,t,n=R){if(!t)throw S(1,t);const o=(o,...s)=>e(t,n,It(o,...s));return o.attrs=o=>_t(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>_t(e,t,Object.assign(Object.assign({},n),o)),o}const xt=e=>_t(Pt,e),Rt=xt;Ot.forEach(e=>{Rt[e]=xt(e)});class jt{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(ie(n)&&!le(n))return!1}return!0}(e),je.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=ce(Le(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}const $t=fe(()=>new Set);function kt(e,...n){const o=It(e,...n),s=`sc-global-${W(JSON.stringify(o))}`,r=new jt(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=dt(),l=p?void 0:t.useContext(pt);let a;if(a=n.styleSheet.allocateGSInstance(s),"production"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&o.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),(p||n.styleSheet.server)&&function(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const l=Object.assign(Object.assign({},t),{theme:j(t,o,i.defaultProps)});r.renderStyles(e,l,n,s)}}(a,e,n.styleSheet,l,n.stylis),p){const e="undefined"==typeof window?r.instanceRules.get(a):void 0,o=e?ue(e.rules):"";if(o){r.instanceRules.delete(a);const e=$t?$t():null;if(e){const t=r.isStatic?s+n.stylis.hash:o;if(e.has(t))return null;e.add(t)}return t.createElement("style",{key:s+"-"+a,"data-styled-global":s,children:de(o)})}}return r.instanceRules.delete(a),null};return t.memo(i)}function Tt(e,t,n,o,s){for(const r in e){const i=e[r],l=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};Tt(i,t,e,o,l),n[r]=e}else n[r]=o(l,i,r)}}function Dt(e,t,n,o){let s="";for(const r in e){const i=e[r],l=t[r],a=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Dt(i,l,n,a)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+a+":"+l+";")}return s}function Mt(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return Tt(e,t,n,e=>"--"+t+e),n}(e,s),l=function(e,t){const n={};return Tt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),a=kt`
1
+ import e from"@emotion/is-prop-valid";import t,{createElement as n}from"react";import*as o from"stylis";import{RULESET as s}from"stylis";var r,i;const l="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",a="active",c="data-styled-version",u="6.4.0-prerelease.13",d="/*!sc*/\n",h="undefined"!=typeof window&&"undefined"!=typeof document,p=void 0===t.createContext;function f(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const m=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=f("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:f("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),g="sc-keyframes-",y={},v="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 S(e,...t){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#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach(e=>{t=t.replace(/%[a-z]/,e)}),t}(v[e],...t).trim())}const w=1<<30;let b=new Map,C=new Map,N=1;const P=e=>{if(b.has(e))return b.get(e);for(;C.has(N);)N++;const t=N++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>w))throw S(16,`${t}`);return b.set(e,t),C.set(t,e),t},O=e=>C.get(e),A=(e,t)=>{N=t+1,b.set(e,t),C.set(t,e)},E=/invalid hook call/i,I=new Set,_=(e,n)=>{if("production"!==process.env.NODE_ENV){if(p)return;const o=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{E.test(t)?(e=!1,I.delete(o)):s(t,...n)},"function"==typeof t.useState&&t.useState(null),e&&!I.has(o)&&(console.warn(o),I.add(o))}catch(e){E.test(e.message)&&I.delete(o)}finally{console.error=s}}},x=Object.freeze([]),R=Object.freeze({});function j(e,t,n=R){return e.theme!==n.theme&&e.theme||t||n.theme}const $=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,k=/(^-|-$)/g;function T(e){return e.replace($,"-").replace(k,"")}const D=/(a)(d)/gi,M=e=>String.fromCharCode(e+(e>25?39:97));function V(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=M(t%52)+n;return(M(t%52)+n).replace(D,"$1-$2")}const G=5381,F=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},z=e=>F(G,e);function W(e){return V(z(e)>>>0)}function L(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function B(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function q(e){return B(e)?`styled.${e}`:`Styled(${L(e)})`}const H=Symbol.for("react.memo"),Y=Symbol.for("react.forward_ref"),U={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},J={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Z={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},X={[Y]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[H]:Z};function K(e){return("type"in(t=e)&&t.type.$$typeof)===H?Z:"$$typeof"in e?X[e.$$typeof]:U;var t}const Q=Object.defineProperty,ee=Object.getOwnPropertyNames,te=Object.getOwnPropertySymbols,ne=Object.getOwnPropertyDescriptor,oe=Object.getPrototypeOf,se=Object.prototype;function re(e,t,n){if("string"!=typeof t){const o=oe(t);o&&o!==se&&re(e,o,n);const s=ee(t).concat(te(t)),r=K(e),i=K(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in J||n&&n[l]||i&&l in i||r&&l in r)){const n=ne(t,l);try{Q(e,l,n)}catch(e){}}}}return e}function ie(e){return"function"==typeof e}function le(e){return"object"==typeof e&&"styledComponentId"in e}function ae(e,t){return e&&t?e+" "+t:e||t||""}function ce(e,t){return e.join(t||"")}function ue(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+d;return t}function de(e){return e?e.replaceAll(d,""):e}function he(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function pe(e,t,n=!1){if(!n&&!he(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=pe(e[n],t[n]);else if(he(t))for(const n in t)e[n]=pe(e[n],t[n]);return e}function fe(e){if(!p)return null;const n=t.cache;return n?n(e):null}function me(e,t){Object.defineProperty(e,"toString",{value:t})}const ge=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw S(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=this.tag.getRule(e)+d;return t}},ye=`style[${l}][${c}="${u}"]`,ve=new RegExp(`^${l}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),Se=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,we=e=>{if(!e)return document;if(Se(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(Se(t))return t}return document},be=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},Ce=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(d),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(ve);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(A(n,t),be(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Ne=e=>{const t=we(e.options.target).querySelectorAll(ye);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(l)!==a&&(Ce(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Pe=!1;function Oe(){if(!1!==Pe)return Pe;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Pe=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Pe=t.getAttribute("content")||void 0}return Pe="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ae=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${l}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(l,a),s.setAttribute(c,u);const d=t||Oe();return d&&s.setAttribute("nonce",d),o.insertBefore(s,i),s},Ee=class{constructor(e,t){this.element=Ae(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw S(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},Ie=class{constructor(e,t){this.element=Ae(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}},_e=class{constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(e===this.length?this.rules.push(t):this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}};let xe=h;const Re={isServer:!h,useCSSOMInjection:!m};class je{static registerId(e){return P(e)}constructor(e=R,t={},n){this.options=Object.assign(Object.assign({},Re),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&h&&xe&&(xe=!1,Ne(this)),me(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=O(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const a=l+".g"+s+'[id="'+n+'"]';let c="";for(const e of r)e.length>0&&(c+=e+",");o+=i+a+'{content:"'+c+'"}'+d}return o})(this))}rehydrate(){!this.server&&h&&Ne(this)}reconstructWithOptions(e,t=!0){const n=new je(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&h&&e.target!==this.options.target&&we(this.options.target)!==we(e.target)&&Ne(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n,nonce:o})=>e?new _e(n):t?new Ee(n,o):new Ie(n,o))(this.options),new ge(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){P(e),e.startsWith(g)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(P(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(P(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const $e=new WeakSet,ke={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Te(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in ke||e.startsWith("--")?String(t).trim():t+"px"}const De=e=>e>="A"&&e<="Z";function Me(e){let t="";for(let n=0;n<e.length;n++){const o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;De(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}const Ve=Symbol.for("sc-keyframes");function Ge(e){return"object"==typeof e&&null!==e&&Ve in e}function Fe(e){return ie(e)&&!(e.prototype&&e.prototype.isReactComponent)}const ze=e=>null==e||!1===e||""===e,We=e=>{const t=[];for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!ze(o)&&(Array.isArray(o)&&$e.has(o)||ie(o)?t.push(Me(n)+":",o,";"):he(o)?t.push(n+" {",...We(o),"}"):t.push(Me(n)+": "+Te(n,o)+";"))}return t};function Le(e,t,n,o,s=[]){if(ze(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Fe(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||Ge(r)||he(r)||null===r||console.error(`${L(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.`),Le(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Le(e[r],t,n,o,s);return s}if(le(e))return s.push(`.${e.styledComponentId}`),s;if(Ge(e))return n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s;if(he(e)){const t=We(e);for(let e=0;e<t.length;e++)s.push(t[e]);return s}return s.push(e.toString()),s}const Be=z(u),qe=p?new WeakMap:null;function He(e,t){if(!qe)return null;const n=qe.get(e);if(!n)return null;const o=t.names.get(e.componentId);if(!o)return null;let s="";for(const e of o){const t=n.get(e);if(!t)return null;s+=t}return s}class Ye{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=F(Be,t),this.baseStyle=n,je.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(Fe(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||Ge(o)||he(o)||console.error(`${L(r)} 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.`),s+=ce(Le(o,e,t,n)))}else s+=ce(Le(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(r||(r=V(F(F(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.set(e,r)),!t.hasNameForId(this.componentId,r))if(p&&function(e,t){var n,o;return null!==(o=null===(n=null==qe?void 0:qe.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}(this,r))t.registerName(this.componentId,r);else{const e=n(s,"."+r,void 0,this.componentId);p&&function(e,t,n){if(!qe)return;let o=qe.get(e);o||(o=new Map,qe.set(e,o)),o.set(t,ue(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const Ue=/&/g,Je=47,Ze=42;function Xe(e,t){for(let n=0;n<e.length;n++){const o=e[n];if("rule"===o.type){o.value=t+" "+o.value,o.value=o.value.replaceAll(",",","+t+" ");const e=o.props,n=[];for(let o=0;o<e.length;o++)n[o]=t+" "+e[o];o.props=n}Array.isArray(o.children)&&"@keyframes"!==o.type&&(o.children=Xe(o.children,t))}return e}function Ke({options:e=R,plugins:t=x}=R){let n,s,r;const i=(e,t,o)=>o.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,"").length>0?`.${n}`:e,l=t.slice();l.push(e=>{e.type===o.RULESET&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(Ue,s).replace(r,i))}),e.prefix&&l.push(o.prefixer),l.push(o.stringify);let a=[];const c=o.middleware(l.concat(o.rulesheet(e=>a.push(e)))),u=(t,i="",l="",u="&")=>{n=u,s=i,r=void 0;const d=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,o=0,s=!1;for(let r=0;r<t;r++){const t=e.charCodeAt(r);if(0!==o||s||t!==Je||e.charCodeAt(r+1)!==Ze)if(s)t===Ze&&e.charCodeAt(r+1)===Je&&(s=!1,r++);else if(34!==t&&39!==t||0!==r&&92===e.charCodeAt(r-1)){if(0===o)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===o?o=t:o===t&&(o=0);else s=!0,r++}if(0===n&&0===o)return e;let r="",i=0,l=0;o=0,s=!1;for(let n=0;n<t;n++){const a=e.charCodeAt(n);if(0!==o||s||a!==Je||e.charCodeAt(n+1)!==Ze)if(s)a===Ze&&e.charCodeAt(n+1)===Je&&(s=!1,n++);else if(34!==a&&39!==a||0!==n&&92===e.charCodeAt(n-1)){if(0===o)if(123===a)l++;else if(125===a){if(l--,l<0){let o=n+1;for(;o<t;){const t=e.charCodeAt(o);if(59===t||10===t)break;o++}o<t&&59===e.charCodeAt(o)&&o++,l=0,n=o-1,i=o;continue}0===l&&(r+=e.substring(i,n+1),i=n+1)}else 59===a&&0===l&&(r+=e.substring(i,n+1),i=n+1)}else 0===o?o=a:o===a&&(o=0);else s=!0,n++}return i<t&&0===l&&0===o&&(r+=e.substring(i)),r}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let o=0,s=0,r=0,i=0;for(;s<t;){const l=e.charCodeAt(s);if(34!==l&&39!==l||0!==s&&92===e.charCodeAt(s-1))if(0===r)if(l===Je&&s+1<t&&e.charCodeAt(s+1)===Ze){for(s+=2;s+1<t&&(e.charCodeAt(s)!==Ze||e.charCodeAt(s+1)!==Je);)s++;s+=2}else if(40===l&&s>=3&&108==(32|e.charCodeAt(s-1))&&114==(32|e.charCodeAt(s-2))&&117==(32|e.charCodeAt(s-3)))i=1,s++;else if(i>0)41===l?i--:40===l&&i++,s++;else if(l===Ze&&s+1<t&&e.charCodeAt(s+1)===Je)s>o&&n.push(e.substring(o,s)),s+=2,o=s;else if(l===Je&&s+1<t&&e.charCodeAt(s+1)===Je){for(s>o&&n.push(e.substring(o,s));s<t&&10!==e.charCodeAt(s);)s++;o=s}else s++;else s++;else 0===r?r=l:r===l&&(r=0),s++}return 0===o?e:(o<t&&n.push(e.substring(o)),n.join(""))}(t));let h=o.compile(l||i?l+" "+i+" { "+d+" }":d);return e.namespace&&(h=Xe(h,e.namespace)),a=[],o.serialize(h,c),a},d=e;let h=G;for(let e=0;e<t.length;e++)t[e].name||S(15),h=F(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=F(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=F(h,"p")),u.hash=h!==G?h.toString():"",u}var Qe,et,tt;const nt=new je,ot=Ke();let st,rt=null,it=ot;const lt=p&&null!==(tt=null===(et=(Qe=t).cache)||void 0===et?void 0:et.call(Qe,()=>{nt.names.clear(),nt.keyframeIds.clear(),nt.clearTag(),rt=null}))&&void 0!==tt?tt:null,at={shouldForwardProp:void 0,styleSheet:nt,stylis:ot,stylisPlugins:void 0},ct=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(at)}:t.createContext(at),ut=ct.Consumer;function dt(){return p?(lt&&lt(),rt||at):t.useContext(ct)}function ht(e){var n,o,s;if(p){lt&&lt();const t=rt||at,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==st?(st=e.stylisPlugins,it=Ke({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(it=Ke({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(n=e.stylisPlugins)&&void 0!==n?n:t.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?it:ot:t.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:t.shouldForwardProp,l=null!==(o=e.stylisPlugins)&&void 0!==o?o:t.stylisPlugins;return rt=r!==ot||i?{shouldForwardProp:i,styleSheet:nt,stylis:r,stylisPlugins:l}:null,e.children}const r=dt(),{styleSheet:i}=r,l=t.useMemo(()=>{let t=i;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,i]),a=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?r.stylis:Ke({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:r.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,r.stylis,r.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:r.shouldForwardProp,u=null!==(s=e.stylisPlugins)&&void 0!==s?s:r.stylisPlugins,d=t.useMemo(()=>({shouldForwardProp:c,styleSheet:l,stylis:a,stylisPlugins:u}),[c,l,a,u]);return t.createElement(ct.Provider,{value:d},e.children)}const pt=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:t.createContext(void 0),ft=pt.Consumer;function mt(){const e=p?void 0:t.useContext(pt);if(!e)throw S(18);return e}function gt(e){if(p)return e.children;const n=t.useContext(pt),o=t.useMemo(()=>function(e,t){if(!e)throw S(14);if(ie(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw S(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw S(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(pt.Provider,{value:o},e.children):null}const yt={};function vt(e,t){const n="string"!=typeof e?"sc":T(e);yt[n]=(yt[n]||0)+1;const o=n+"-"+W(u+n+yt[n]);return t?t+"-"+o:o}let St;const wt=fe(()=>new Set),bt=new Map;function Ct(e){let t=bt.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),bt.set(e,t)),t}function Nt(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=Ct(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function Pt(o,s,r){const i=le(o),a=o,c=!B(o),{attrs:u=x,componentId:h=vt(s.displayName,s.parentComponentId),displayName:f=q(o)}=s,m=s.displayName&&s.componentId?T(s.displayName)+"-"+s.componentId:s.componentId||h,g=i&&a.attrs?a.attrs.concat(u).filter(Boolean):u;let{shouldForwardProp:y}=s;if(i&&a.shouldForwardProp){const e=a.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;y=(n,o)=>e(n,o)&&t(n,o)}else y=e}const v=new Ye(r,m,i?a.componentStyle:void 0);function S(o,s){return function(o,s,r){const{attrs:i,componentStyle:a,defaultProps:c,foldedComponentIds:u,styledComponentId:h,target:f}=o,m=p?void 0:t.useContext(pt),g=dt(),y=o.shouldForwardProp||g.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(h);const v=j(s,m,c)||(p?void 0:R);let S,w;S=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=ie(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ae(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=ae(o.className,t.className)),o}(i,s,v),w=function(e,n,o,s){const r=e.generateAndInjectStyles(n,o,s);return"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(r),r}(a,S,g.styleSheet,g.stylis),"production"!==process.env.NODE_ENV&&o.warnTooManyClasses&&o.warnTooManyClasses(w);const b=S.as||f,C=function(t,n,o,s){const r={};for(const i in t)void 0===t[i]||"$"===i[0]||"as"===i||"theme"===i&&t.theme===o||("forwardedAs"===i?r.as=t.forwardedAs:s&&!s(i,n)||(r[i]=t[i],s||"development"!==process.env.NODE_ENV||e(i)||(St||(St=new Set)).has(i)||!B(n)||n.includes("-")||(St.add(i),console.warn(`styled-components: it looks like an unknown prop "${i}" 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.)`))));return r}(S,b,v,y);let N=ae(u,h);w&&(N+=" "+w),S.className&&(N+=" "+S.className),C[B(b)&&b.includes("-")?"class":"className"]=N,r&&(C.ref=r);const O=n(b,C);if(p){const e=wt?wt():null;let n=null,o=0,s="",r=!0,i=a;for(;i;){const t=g.styleSheet.names.get(i.componentId);if(t){o+=t.size;for(const o of t)e&&e.has(o)||(n||(n=[]),n.push(o),e&&e.add(o))}if(n&&r){let e=He(i,g.styleSheet);null===e?r=!1:(i!==a&&(e=Nt(e,i.componentId,g.styleSheet)),s=e+s)}i=i.baseStyle}if(n&&!r){s="";const e=g.styleSheet.getTag();let t=a;for(;t;){let n=e.getGroup(P(t.componentId));n&&t!==a&&(n=Nt(n,t.componentId,g.styleSheet)),s=n+s,t=t.baseStyle}}let c="";if(g.styleSheet.keyframeIds.size>0){const t=g.styleSheet.getTag();for(const n of g.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(P(n));o&&(c+=o,e&&e.add(n))}}if(s&&e&&n&&n.length<o){const e=s.split(d);let t="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<n.length;e++){const o=Ct(n[e]);if(o.lastIndex=0,o.test(s)){t+=s+d;break}}}s=t}const u=de(c+s);if(u){const e=t.createElement("style",{[l]:"",key:"sc-"+a.componentId,children:u});return t.createElement(t.Fragment,null,e,O)}}return O}(w,o,s)}S.displayName=f;let w=t.forwardRef(S);return w.attrs=g,w.componentStyle=v,w.displayName=f,w.shouldForwardProp=y,w.foldedComponentIds=i?ae(a.foldedComponentIds,a.styledComponentId):"",w.styledComponentId=m,w.target=i?a.target:o,Object.defineProperty(w,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)pe(e,n,!0);return e}({},a.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(f,m),w.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),o=!0,n={})}})(f,m)),me(w,()=>`.${w.styledComponentId}`),c&&re(w,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}var Ot=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","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","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function At(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const Et=e=>($e.add(e),e);function It(e,...t){if(ie(e)||he(e))return Et(Le(At(x,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Le(n):Et(Le(At(n,t)))}function _t(e,t,n=R){if(!t)throw S(1,t);const o=(o,...s)=>e(t,n,It(o,...s));return o.attrs=o=>_t(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>_t(e,t,Object.assign(Object.assign({},n),o)),o}const xt=e=>_t(Pt,e),Rt=xt;Ot.forEach(e=>{Rt[e]=xt(e)});class jt{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(ie(n)&&!le(n))return!1}return!0}(e),je.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=ce(Le(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}const $t=fe(()=>new Set);function kt(e,...n){const o=It(e,...n),s=`sc-global-${W(JSON.stringify(o))}`,r=new jt(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=dt(),l=p?void 0:t.useContext(pt);let a;if(a=n.styleSheet.allocateGSInstance(s),"production"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&o.some(e=>"string"==typeof e&&-1!==e.indexOf("@import"))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),(p||n.styleSheet.server)&&function(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const l=Object.assign(Object.assign({},t),{theme:j(t,o,i.defaultProps)});r.renderStyles(e,l,n,s)}}(a,e,n.styleSheet,l,n.stylis),p){const e="undefined"==typeof window?r.instanceRules.get(a):void 0,o=e?ue(e.rules):"";if(o){r.instanceRules.delete(a);const e=$t?$t():null;if(e){const t=r.isStatic?s+n.stylis.hash:o;if(e.has(t))return null;e.add(t)}return t.createElement("style",{key:s+"-"+a,"data-styled-global":s,children:de(o)})}}return r.instanceRules.delete(a),null};return t.memo(i)}function Tt(e,t,n,o,s){for(const r in e){const i=e[r],l=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};Tt(i,t,e,o,l),n[r]=e}else n[r]=o(l,i,r)}}function Dt(e,t,n,o){let s="";for(const r in e){const i=e[r],l=t[r],a=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Dt(i,l,n,a)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+a+":"+l+";")}return s}function Mt(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return Tt(e,t,n,e=>"--"+t+e),n}(e,s),l=function(e,t){const n={};return Tt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),a=kt`
2
2
  ${r} {
3
3
  ${t=>Dt(e,t.theme,s)}
4
4
  }
package/dist/styled-components.js CHANGED
@@ -11,7 +11,7 @@
11
11
  'data-styled';
12
12
  const SC_ATTR_ACTIVE = 'active';
13
13
  const SC_ATTR_VERSION = 'data-styled-version';
14
- const SC_VERSION = "6.4.0-prerelease.12";
14
+ const SC_VERSION = "6.4.0-prerelease.13";
15
15
  const SPLITTER = '/*!sc*/\n';
16
16
  const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';
17
17
  function readSpeedyFlag(name) {
package/dist/styled-components.min.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).styled={},e.React)}(this,function(e,t){"use strict";var n,s;const r="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",c="6.4.0-prerelease.12",a="/*!sc*/\n",l="undefined"!=typeof window&&"undefined"!=typeof document;function u(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(s=null!==(n=u("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==n?n:u("SC_DISABLE_SPEEDY"))&&void 0!==s?s:"undefined"==typeof process||void 0===process.env),h="sc-keyframes-",d={},p=Object.freeze([]),g=Object.freeze({});function m(e,t){Object.defineProperty(e,"toString",{value:t})}function y(e,...t){return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`)}const b=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let s=n;for(;e>=s;)if(s<<=1,s<0)throw y(16,`${e}`);this.groupSizes=new Uint32Array(s),this.groupSizes.set(t),this.length=s;for(let e=n;e<s;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),s=0;for(let r=0,o=t.length;r<o;r++)this.tag.insertRule(n,t[r])&&(this.groupSizes[e]++,n++,s++);s>0&&this._cGroup>e&&(this._cIndex+=s)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),s=n+t;this.groupSizes[e]=0;for(let e=n;e<s;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],s=this.indexOfGroup(e),r=s+n;for(let e=s;e<r;e++)t+=this.tag.getRule(e)+a;return t}};let S=new Map,v=new Map,w=1;const C=e=>{if(S.has(e))return S.get(e);for(;v.has(w);)w++;const t=w++;return S.set(e,t),v.set(t,e),t},$=e=>v.get(e),x=(e,t)=>{w=t+1,S.set(e,t),v.set(t,e)},A=`style[${r}][${i}="${c}"]`,O=new RegExp(`^${r}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),I=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,P=e=>{if(!e)return document;if(I(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(I(t))return t}return document},j=(e,t,n)=>{const s=n.split(",");let r;for(let n=0,o=s.length;n<o;n++)(r=s[n])&&e.registerName(t,r)},R=(e,t)=>{var n;const s=(null!==(n=t.textContent)&&void 0!==n?n:"").split(a),r=[];for(let t=0,n=s.length;t<n;t++){const n=s[t].trim();if(!n)continue;const o=n.match(O);if(o){const t=0|parseInt(o[1],10),n=o[2];0!==t&&(x(n,t),j(e,n,o[3]),e.getTag().insertRules(t,r)),r.length=0}else r.push(n)}},k=e=>{const t=P(e.options.target).querySelectorAll(A);for(let n=0,s=t.length;n<s;n++){const s=t[n];s&&s.getAttribute(r)!==o&&(R(e,s),s.parentNode&&s.parentNode.removeChild(s))}};let _=!1;function N(){if(!1!==_)return _;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return _=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return _=t.getAttribute("content")||void 0}return _="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const T=(e,t)=>{const n=document.head,s=e||n,a=document.createElement("style"),l=(e=>{const t=Array.from(e.querySelectorAll(`style[${r}]`));return t[t.length-1]})(s),u=void 0!==l?l.nextSibling:null;a.setAttribute(r,o),a.setAttribute(i,c);const f=t||N();return f&&a.setAttribute("nonce",f),s.insertBefore(a,u),a},E=class{constructor(e,t){this.element=T(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,s=n.length;t<s;t++){const s=n[t];if(s.ownerNode===e)return s}throw y(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},G=class{constructor(e,t){this.element=T(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}};let M=l;const z={isServer:!l,useCSSOMInjection:!f};class F{static registerId(e){return C(e)}constructor(e=g,t={},n){this.options=Object.assign(Object.assign({},z),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&l&&M&&(M=!1,k(this)),m(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=$(o);if(void 0===n)continue;const i=e.names.get(n);if(void 0===i||!i.size)continue;const c=t.getGroup(o);if(0===c.length)continue;const l=r+".g"+o+'[id="'+n+'"]';let u="";for(const e of i)e.length>0&&(u+=e+",");s+=c+l+'{content:"'+u+'"}'+a}return s})(this))}rehydrate(){!this.server&&l&&k(this)}reconstructWithOptions(e,t=!0){const n=new F(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&l&&e.target!==this.options.target&&P(this.options.target)!==P(e.target)&&k(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new E(t,n):new G(t,n))(this.options),new b(e)));var e}hasNameForId(e,t){var n,s;return null!==(s=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==s&&s}registerName(e,t){C(e),e.startsWith(h)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const D=new WeakSet,W={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function B(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in W||e.startsWith("--")?String(t).trim():t+"px"}function L(e){return e.displayName||e.name||"Component"}const q=e=>e>="A"&&e<="Z";function V(e){let t="";for(let n=0;n<e.length;n++){const s=e[n];if(1===n&&"-"===s&&"-"===e[0])return e;q(s)?t+="-"+s.toLowerCase():t+=s}return t.startsWith("ms-")?"-"+t:t}function H(e){return"function"==typeof e}const Y=Symbol.for("sc-keyframes");function U(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function J(e){return H(e)&&!(e.prototype&&e.prototype.isReactComponent)}function Z(e){return"object"==typeof e&&"styledComponentId"in e}const K=e=>null==e||!1===e||""===e,Q=e=>{const t=[];for(const n in e){const s=e[n];e.hasOwnProperty(n)&&!K(s)&&(Array.isArray(s)&&D.has(s)||H(s)?t.push(V(n)+":",s,";"):U(s)?t.push(n+" {",...Q(s),"}"):t.push(V(n)+": "+B(n,s)+";"))}return t};function X(e,t,n,s,r=[]){if(K(e))return r;const o=typeof e;if("string"===o)return r.push(e),r;if("function"===o)return J(e)&&t?X(e(t),t,n,s,r):(r.push(e),r);if(Array.isArray(e)){for(let o=0;o<e.length;o++)X(e[o],t,n,s,r);return r}if(Z(e))return r.push(`.${e.styledComponentId}`),r;if("object"==typeof(i=e)&&null!==i&&Y in i)return n?(e.inject(n,s),r.push(e.getName(s))):r.push(e),r;var i;if(U(e)){const t=Q(e);for(let e=0;e<t.length;e++)r.push(t[e]);return r}return r.push(e.toString()),r}function ee(e,t){return e&&t?e+" "+t:e||t||""}function te(e,t){return e.join(t||"")}class ne{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(H(n)&&!Z(n))return!1}return!0}(e),F.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,s){const r=this.componentId;if(this.isStatic){if(n.hasNameForId(r,r+e))this.instanceRules.has(e)||this.computeRules(e,t,n,s);else{const o=this.computeRules(e,t,n,s);n.insertRules(r,o.name,o.rules)}return}const o=this.instanceRules.get(e);if(this.computeRules(e,t,n,s),!n.server&&o){const t=o.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let s=0;s<t.length;s++)if(t[s]!==n[s]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,s){const r=te(X(this.rules,t,n,s)),o={name:this.componentId+e,rules:s(r,"")};return this.instanceRules.set(e,o),o}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}var se="-ms-",re="-moz-",oe="-webkit-",ie="comm",ce="rule",ae="decl",le="@keyframes",ue=Math.abs,fe=String.fromCharCode,he=Object.assign;function de(e){return e.trim()}function pe(e,t){return(e=t.exec(e))?e[0]:e}function ge(e,t,n){return e.replace(t,n)}function me(e,t,n){return e.indexOf(t,n)}function ye(e,t){return 0|e.charCodeAt(t)}function be(e,t,n){return e.slice(t,n)}function Se(e){return e.length}function ve(e){return e.length}function we(e,t){return t.push(e),e}function Ce(e,t){return e.filter(function(e){return!pe(e,t)})}var $e=1,xe=1,Ae=0,Oe=0,Ie=0,Pe="";function je(e,t,n,s,r,o,i,c){return{value:e,root:t,parent:n,type:s,props:r,children:o,line:$e,column:xe,length:i,return:"",siblings:c}}function Re(e,t){return he(je("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ke(e){for(;e.root;)e=Re(e.root,{children:[e]});we(e,e.siblings)}function _e(){return Ie=Oe>0?ye(Pe,--Oe):0,xe--,10===Ie&&(xe=1,$e--),Ie}function Ne(){return Ie=Oe<Ae?ye(Pe,Oe++):0,xe++,10===Ie&&(xe=1,$e++),Ie}function Te(){return ye(Pe,Oe)}function Ee(){return Oe}function Ge(e,t){return be(Pe,e,t)}function Me(e){switch(e){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 ze(e){return de(Ge(Oe-1,We(91===e?e+2:40===e?e+1:e)))}function Fe(e){for(;(Ie=Te())&&Ie<33;)Ne();return Me(e)>2||Me(Ie)>3?"":" "}function De(e,t){for(;--t&&Ne()&&!(Ie<48||Ie>102||Ie>57&&Ie<65||Ie>70&&Ie<97););return Ge(e,Ee()+(t<6&&32==Te()&&32==Ne()))}function We(e){for(;Ne();)switch(Ie){case e:return Oe;case 34:case 39:34!==e&&39!==e&&We(Ie);break;case 40:41===e&&We(e);break;case 92:Ne()}return Oe}function Be(e,t){for(;Ne()&&e+Ie!==57&&(e+Ie!==84||47!==Te()););return"/*"+Ge(t,Oe-1)+"*"+fe(47===e?e:Ne())}function Le(e){for(;!Me(Te());)Ne();return Ge(e,Oe)}function qe(e){return function(e){return Pe="",e}(Ve("",null,null,null,[""],e=function(e){return $e=xe=1,Ae=Se(Pe=e),Oe=0,[]}(e),0,[0],e))}function Ve(e,t,n,s,r,o,i,c,a){for(var l=0,u=0,f=i,h=0,d=0,p=0,g=1,m=1,y=1,b=0,S="",v=r,w=o,C=s,$=S;m;)switch(p=b,b=Ne()){case 40:if(108!=p&&58==ye($,f-1)){-1!=me($+=ge(ze(b),"&","&\f"),"&\f",ue(l?c[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:$+=ze(b);break;case 9:case 10:case 13:case 32:$+=Fe(p);break;case 92:$+=De(Ee()-1,7);continue;case 47:switch(Te()){case 42:case 47:we(Ye(Be(Ne(),Ee()),t,n,a),a),5!=Me(p||1)&&5!=Me(Te()||1)||!Se($)||" "===be($,-1,void 0)||($+=" ");break;default:$+="/"}break;case 123*g:c[l++]=Se($)*y;case 125*g:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+u:-1==y&&($=ge($,/\f/g,"")),d>0&&(Se($)-f||0===g&&47===p)&&we(d>32?Ue($+";",s,n,f-1,a):Ue(ge($," ","")+";",s,n,f-2,a),a);break;case 59:$+=";";default:if(we(C=He($,t,n,l,u,r,c,S,v=[],w=[],f,o),o),123===b)if(0===u)Ve($,t,C,C,v,o,f,c,w);else{switch(h){case 99:if(110===ye($,3))break;case 108:if(97===ye($,2))break;default:u=0;case 100:case 109:case 115:}u?Ve(e,C,C,s&&we(He(e,C,C,0,0,r,c,S,r,v=[],f,w),w),r,w,f,c,s?v:w):Ve($,C,C,C,[""],w,0,c,w)}}l=u=d=0,g=y=1,S=$="",f=i;break;case 58:f=1+Se($),d=p;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==_e())continue;switch($+=fe(b),b*g){case 38:y=u>0?1:($+="\f",-1);break;case 44:c[l++]=(Se($)-1)*y,y=1;break;case 64:45===Te()&&($+=ze(Ne())),h=Te(),u=f=Se(S=$+=Le(Ee())),b++;break;case 45:45===p&&2==Se($)&&(g=0)}}return o}function He(e,t,n,s,r,o,i,c,a,l,u,f){for(var h=r-1,d=0===r?o:[""],p=ve(d),g=0,m=0,y=0;g<s;++g)for(var b=0,S=be(e,h+1,h=ue(m=i[g])),v=e;b<p;++b)(v=de(m>0?d[b]+" "+S:ge(S,/&\f/g,d[b])))&&(a[y++]=v);return je(e,t,n,0===r?ce:c,a,l,u,f)}function Ye(e,t,n,s){return je(e,t,n,ie,fe(Ie),be(e,2,-2),0,s)}function Ue(e,t,n,s,r){return je(e,t,n,ae,be(e,0,s),be(e,s+1,-1),s,r)}function Je(e,t,n){switch(function(e,t){return 45^ye(e,0)?(((t<<2^ye(e,0))<<2^ye(e,1))<<2^ye(e,2))<<2^ye(e,3):0}(e,t)){case 5103:return oe+"print-"+e+e;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 4215:case 6389:case 5109:case 5365:case 5621:case 3829:case 6391:case 5879:case 5623:case 6135:case 4599:return oe+e+e;case 4855:return oe+e.replace("add","source-over").replace("substract","source-out").replace("intersect","source-in").replace("exclude","xor")+e;case 4789:return re+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return oe+e+re+e+se+e+e;case 5936:switch(ye(e,t+11)){case 114:return oe+e+se+ge(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return oe+e+se+ge(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return oe+e+se+ge(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return oe+e+se+e+e;case 6165:return oe+e+se+"flex-"+e+e;case 5187:return oe+e+ge(e,/(\w+).+(:[^]+)/,oe+"box-$1$2"+se+"flex-$1$2")+e;case 5443:return oe+e+se+"flex-item-"+ge(e,/flex-|-self/g,"")+(pe(e,/flex-|baseline/)?"":se+"grid-row-"+ge(e,/flex-|-self/g,""))+e;case 4675:return oe+e+se+"flex-line-pack"+ge(e,/align-content|flex-|-self/g,"")+e;case 5548:return oe+e+se+ge(e,"shrink","negative")+e;case 5292:return oe+e+se+ge(e,"basis","preferred-size")+e;case 6060:return oe+"box-"+ge(e,"-grow","")+oe+e+se+ge(e,"grow","positive")+e;case 4554:return oe+ge(e,/([^-])(transform)/g,"$1"+oe+"$2")+e;case 6187:return ge(ge(ge(e,/(zoom-|grab)/,oe+"$1"),/(image-set)/,oe+"$1"),e,"")+e;case 5495:case 3959:return ge(e,/(image-set\([^]*)/,oe+"$1$`$1");case 4968:return ge(ge(e,/(.+:)(flex-)?(.*)/,oe+"box-pack:$3"+se+"flex-pack:$3"),/space-between/,"justify")+oe+e+e;case 4200:if(!pe(e,/flex-|baseline/))return se+"grid-column-align"+be(e,t)+e;break;case 2592:case 3360:return se+ge(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(e,n){return t=n,pe(e.props,/grid-\w+-end/)})?~me(e+(n=n[t].value),"span",0)?e:se+ge(e,"-start","")+e+se+"grid-row-span:"+(~me(n,"span",0)?pe(n,/\d+/):+pe(n,/\d+/)-+pe(e,/\d+/))+";":se+ge(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(e){return pe(e.props,/grid-\w+-start/)})?e:se+ge(ge(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return ge(e,/(.+)-inline(.+)/,oe+"$1$2")+e;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(Se(e)-1-t>6)switch(ye(e,t+1)){case 109:if(45!==ye(e,t+4))break;case 102:return ge(e,/(.+:)(.+)-([^]+)/,"$1"+oe+"$2-$3$1"+re+(108==ye(e,t+3)?"$3":"$2-$3"))+e;case 115:return~me(e,"stretch",0)?Je(ge(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return ge(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,n,s,r,o,i,c){return se+n+":"+s+c+(r?se+n+"-span:"+(o?i:+i-+s)+c:"")+e});case 4949:if(121===ye(e,t+6))return ge(e,":",":"+oe)+e;break;case 6444:switch(ye(e,45===ye(e,14)?18:11)){case 120:return ge(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+oe+(45===ye(e,14)?"inline-":"")+"box$3$1"+oe+"$2$3$1"+se+"$2box$3")+e;case 100:return ge(e,":",":"+se)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return ge(e,"scroll-","scroll-snap-")+e}return e}function Ze(e,t){for(var n="",s=0;s<e.length;s++)n+=t(e[s],s,e,t)||"";return n}function Ke(e,t,n,s){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case"@namespace":case ae:return e.return=e.return||e.value;case ie:return"";case le:return e.return=e.value+"{"+Ze(e.children,s)+"}";case ce:if(!Se(e.value=e.props.join(",")))return""}return Se(n=Ze(e.children,s))?e.return=e.value+"{"+n+"}":""}function Qe(e,t,n,s){if(e.length>-1&&!e.return)switch(e.type){case ae:return void(e.return=Je(e.value,e.length,n));case le:return Ze([Re(e,{value:ge(e.value,"@","@"+oe)})],s);case ce:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,function(t){switch(pe(t,s=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ke(Re(e,{props:[ge(t,/:(read-\w+)/,":-moz-$1")]})),ke(Re(e,{props:[t]})),he(e,{props:Ce(n,s)});break;case"::placeholder":ke(Re(e,{props:[ge(t,/:(plac\w+)/,":"+oe+"input-$1")]})),ke(Re(e,{props:[ge(t,/:(plac\w+)/,":-moz-$1")]})),ke(Re(e,{props:[ge(t,/:(plac\w+)/,se+"input-$1")]})),ke(Re(e,{props:[t]})),he(e,{props:Ce(n,s)})}return""})}}const Xe=5381,et=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},tt=e=>et(Xe,e),nt=/&/g,st=47,rt=42;function ot(e,t){for(let n=0;n<e.length;n++){const s=e[n];if("rule"===s.type){s.value=t+" "+s.value,s.value=s.value.replaceAll(",",","+t+" ");const e=s.props,n=[];for(let s=0;s<e.length;s++)n[s]=t+" "+e[s];s.props=n}Array.isArray(s.children)&&"@keyframes"!==s.type&&(s.children=ot(s.children,t))}return e}function it({options:e=g,plugins:t=p}=g){let n,s,r;const o=(e,t,r)=>r.startsWith(s)&&r.endsWith(s)&&r.replaceAll(s,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===ce&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(nt,s).replace(r,o))}),e.prefix&&i.push(Qe),i.push(Ke);let c=[];const a=function(e){var t=ve(e);return function(n,s,r,o){for(var i="",c=0;c<t;c++)i+=e[c](n,s,r,o)||"";return i}}(i.concat(function(e){e.root||(e=e.return)&&c.push(e)})),l=(t,o="",i="",l="&")=>{n=l,s=o,r=void 0;const u=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,s=0,r=!1;for(let o=0;o<t;o++){const t=e.charCodeAt(o);if(0!==s||r||t!==st||e.charCodeAt(o+1)!==rt)if(r)t===rt&&e.charCodeAt(o+1)===st&&(r=!1,o++);else if(34!==t&&39!==t||0!==o&&92===e.charCodeAt(o-1)){if(0===s)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===s?s=t:s===t&&(s=0);else r=!0,o++}if(0===n&&0===s)return e;let o="",i=0,c=0;s=0,r=!1;for(let n=0;n<t;n++){const a=e.charCodeAt(n);if(0!==s||r||a!==st||e.charCodeAt(n+1)!==rt)if(r)a===rt&&e.charCodeAt(n+1)===st&&(r=!1,n++);else if(34!==a&&39!==a||0!==n&&92===e.charCodeAt(n-1)){if(0===s)if(123===a)c++;else if(125===a){if(c--,c<0){let s=n+1;for(;s<t;){const t=e.charCodeAt(s);if(59===t||10===t)break;s++}s<t&&59===e.charCodeAt(s)&&s++,c=0,n=s-1,i=s;continue}0===c&&(o+=e.substring(i,n+1),i=n+1)}else 59===a&&0===c&&(o+=e.substring(i,n+1),i=n+1)}else 0===s?s=a:s===a&&(s=0);else r=!0,n++}return i<t&&0===c&&0===s&&(o+=e.substring(i)),o}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let s=0,r=0,o=0,i=0;for(;r<t;){const c=e.charCodeAt(r);if(34!==c&&39!==c||0!==r&&92===e.charCodeAt(r-1))if(0===o)if(c===st&&r+1<t&&e.charCodeAt(r+1)===rt){for(r+=2;r+1<t&&(e.charCodeAt(r)!==rt||e.charCodeAt(r+1)!==st);)r++;r+=2}else if(40===c&&r>=3&&108==(32|e.charCodeAt(r-1))&&114==(32|e.charCodeAt(r-2))&&117==(32|e.charCodeAt(r-3)))i=1,r++;else if(i>0)41===c?i--:40===c&&i++,r++;else if(c===rt&&r+1<t&&e.charCodeAt(r+1)===st)r>s&&n.push(e.substring(s,r)),r+=2,s=r;else if(c===st&&r+1<t&&e.charCodeAt(r+1)===st){for(r>s&&n.push(e.substring(s,r));r<t&&10!==e.charCodeAt(r);)r++;s=r}else r++;else r++;else 0===o?o=c:o===c&&(o=0),r++}return 0===s?e:(s<t&&n.push(e.substring(s)),n.join(""))}(t));let f=qe(i||o?i+" "+o+" { "+u+" }":u);return e.namespace&&(f=ot(f,e.namespace)),c=[],Ze(f,a),c},u=e;let f=Xe;for(let e=0;e<t.length;e++)t[e].name||y(15),f=et(f,t[e].name);return(null==u?void 0:u.namespace)&&(f=et(f,u.namespace)),(null==u?void 0:u.prefix)&&(f=et(f,"p")),l.hash=f!==Xe?f.toString():"",l}const ct=new F,at=it(),lt=t.createContext({shouldForwardProp:void 0,styleSheet:ct,stylis:at,stylisPlugins:void 0}),ut=lt.Consumer;function ft(){return t.useContext(lt)}function ht(e){var n;const s=ft(),{styleSheet:r}=s,o=t.useMemo(()=>{let t=r;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,r]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:it({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:s.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,s.stylis,s.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:s.shouldForwardProp,a=null!==(n=e.stylisPlugins)&&void 0!==n?n:s.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:c,styleSheet:o,stylis:i,stylisPlugins:a}),[c,o,i,a]);return t.createElement(lt.Provider,{value:l},e.children)}const dt=t.createContext(void 0),pt=dt.Consumer;function gt(e,t,n=g){return e.theme!==n.theme&&e.theme||t||n.theme}const mt=/(a)(d)/gi,yt=e=>String.fromCharCode(e+(e>25?39:97));function bt(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=yt(t%52)+n;return(yt(t%52)+n).replace(mt,"$1-$2")}function St(e){return bt(tt(e)>>>0)}function vt(e,t){const n=[e[0]];for(let s=0,r=t.length;s<r;s+=1)n.push(t[s],e[s+1]);return n}const wt=e=>(D.add(e),e);function Ct(e,...t){if(H(e)||U(e))return wt(X(vt(p,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?X(n):wt(X(vt(n,t)))}function $t(e,...n){const s=Ct(e,...n),r=`sc-global-${St(JSON.stringify(s))}`,o=new ne(s,r),i=e=>{const n=ft(),s=t.useContext(dt);let i;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(r)),i=e.current}n.styleSheet.server&&c(i,e,n.styleSheet,s,n.stylis);{const a=o.isStatic?[i,n.styleSheet,o]:[i,e,n.styleSheet,s,n.stylis,o],l=t.useRef(o);t.useLayoutEffect(()=>(n.styleSheet.server||(l.current!==o&&(n.styleSheet.clearRules(r),l.current=o),c(i,e,n.styleSheet,s,n.stylis)),()=>{o.removeStyles(i,n.styleSheet)}),a)}return n.styleSheet.server&&o.instanceRules.delete(i),null};function c(e,t,n,s,r){if(o.isStatic)o.renderStyles(e,d,n,r);else{const c=Object.assign(Object.assign({},t),{theme:gt(t,s,i.defaultProps)});o.renderStyles(e,c,n,r)}}return t.memo(i)}function xt(e,t,n,s,r){for(const o in e){const i=e[o],c=r?r+"-"+o:o;if("object"==typeof i&&null!==i){const e={};xt(i,t,e,s,c),n[o]=e}else n[o]=s(c,i,o)}}function At(e,t,n,s){let r="";for(const o in e){const i=e[o],c=t[o],a=s?s+"-"+o:o;"object"==typeof i&&null!==i?"object"==typeof c&&null!==c&&(r+=At(i,c,n,a)):void 0!==c&&"function"!=typeof c&&(r+="--"+n+a+":"+c+";")}return r}var Ot;class It{constructor(e,t){this[Ot]=!0,this.inject=(e,t=at)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const s=t(this.rules,n,"@keyframes");e.insertRules(this.id,n,s)}},this.name=e,this.id=h+e,this.rules=t,C(this.id),m(this,()=>{throw y(12,String(this.name))})}getName(e=at){return e.hash?this.name+bt(+e.hash>>>0):this.name}}Ot=Y;const Pt=Symbol.for("react.memo"),jt=Symbol.for("react.forward_ref"),Rt={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},kt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_t={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Nt={[jt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[Pt]:_t};function Tt(e){return("type"in(t=e)&&t.type.$$typeof)===Pt?_t:"$$typeof"in e?Nt[e.$$typeof]:Rt;var t}const Et=Object.defineProperty,Gt=Object.getOwnPropertyNames,Mt=Object.getOwnPropertySymbols,zt=Object.getOwnPropertyDescriptor,Ft=Object.getPrototypeOf,Dt=Object.prototype;function Wt(e,t,n){if("string"!=typeof t){const s=Ft(t);s&&s!==Dt&&Wt(e,s,n);const r=Gt(t).concat(Mt(t)),o=Tt(e),i=Tt(t);for(let s=0;s<r.length;++s){const c=r[s];if(!(c in kt||n&&n[c]||i&&c in i||o&&c in o)){const n=zt(t,c);try{Et(e,c,n)}catch(e){}}}}return e}const Bt={StyleSheet:F,mainSheet:ct};var Lt=/*#__PURE__*/Object.freeze({__proto__:null,ServerStyleSheet:class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||N();return`<style ${te([t&&`nonce="${t}"`,`${r}="true"`,`${i}="${c}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw y(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw y(2);const e=this.instance.toString();if(!e)return[];const n={[r]:"",[i]:c,dangerouslySetInnerHTML:{__html:e}},s=this.instance.options.nonce||N();return s&&(n.nonce=s),[t.createElement("style",Object.assign({},n,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new F({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw y(2);return t.createElement(ht,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw y(3)}},StyleSheetConsumer:ut,StyleSheetContext:lt,StyleSheetManager:ht,ThemeConsumer:pt,ThemeContext:dt,ThemeProvider:function(e){const n=t.useContext(dt),s=t.useMemo(()=>function(e,t){if(!e)throw y(14);if(H(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw y(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(dt.Provider,{value:s},e.children):null},__PRIVATE__:Bt,createGlobalStyle:$t,createTheme:function(e,t){var n,s;const r=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",o=null!==(s=null==t?void 0:t.selector)&&void 0!==s?s:":root",i=function(e,t){const n={};return xt(e,t,n,e=>"--"+t+e),n}(e,r),c=function(e,t){const n={};return xt(e,t,n,(e,n)=>"var(--"+t+e+", "+n+")"),n}(e,r),a=$t`
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).styled={},e.React)}(this,function(e,t){"use strict";var n,s;const r="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",c="6.4.0-prerelease.13",a="/*!sc*/\n",l="undefined"!=typeof window&&"undefined"!=typeof document;function u(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(s=null!==(n=u("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==n?n:u("SC_DISABLE_SPEEDY"))&&void 0!==s?s:"undefined"==typeof process||void 0===process.env),h="sc-keyframes-",d={},p=Object.freeze([]),g=Object.freeze({});function m(e,t){Object.defineProperty(e,"toString",{value:t})}function y(e,...t){return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`)}const b=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let s=n;for(;e>=s;)if(s<<=1,s<0)throw y(16,`${e}`);this.groupSizes=new Uint32Array(s),this.groupSizes.set(t),this.length=s;for(let e=n;e<s;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),s=0;for(let r=0,o=t.length;r<o;r++)this.tag.insertRule(n,t[r])&&(this.groupSizes[e]++,n++,s++);s>0&&this._cGroup>e&&(this._cIndex+=s)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),s=n+t;this.groupSizes[e]=0;for(let e=n;e<s;e++)this.tag.deleteRule(n);t>0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],s=this.indexOfGroup(e),r=s+n;for(let e=s;e<r;e++)t+=this.tag.getRule(e)+a;return t}};let S=new Map,v=new Map,w=1;const C=e=>{if(S.has(e))return S.get(e);for(;v.has(w);)w++;const t=w++;return S.set(e,t),v.set(t,e),t},$=e=>v.get(e),x=(e,t)=>{w=t+1,S.set(e,t),v.set(t,e)},A=`style[${r}][${i}="${c}"]`,O=new RegExp(`^${r}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),I=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,P=e=>{if(!e)return document;if(I(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(I(t))return t}return document},j=(e,t,n)=>{const s=n.split(",");let r;for(let n=0,o=s.length;n<o;n++)(r=s[n])&&e.registerName(t,r)},R=(e,t)=>{var n;const s=(null!==(n=t.textContent)&&void 0!==n?n:"").split(a),r=[];for(let t=0,n=s.length;t<n;t++){const n=s[t].trim();if(!n)continue;const o=n.match(O);if(o){const t=0|parseInt(o[1],10),n=o[2];0!==t&&(x(n,t),j(e,n,o[3]),e.getTag().insertRules(t,r)),r.length=0}else r.push(n)}},k=e=>{const t=P(e.options.target).querySelectorAll(A);for(let n=0,s=t.length;n<s;n++){const s=t[n];s&&s.getAttribute(r)!==o&&(R(e,s),s.parentNode&&s.parentNode.removeChild(s))}};let _=!1;function N(){if(!1!==_)return _;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return _=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return _=t.getAttribute("content")||void 0}return _="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const T=(e,t)=>{const n=document.head,s=e||n,a=document.createElement("style"),l=(e=>{const t=Array.from(e.querySelectorAll(`style[${r}]`));return t[t.length-1]})(s),u=void 0!==l?l.nextSibling:null;a.setAttribute(r,o),a.setAttribute(i,c);const f=t||N();return f&&a.setAttribute("nonce",f),s.insertBefore(a,u),a},E=class{constructor(e,t){this.element=T(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,s=n.length;t<s;t++){const s=n[t];if(s.ownerNode===e)return s}throw y(17)})(this.element),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""}},G=class{constructor(e,t){this.element=T(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}};let M=l;const z={isServer:!l,useCSSOMInjection:!f};class F{static registerId(e){return C(e)}constructor(e=g,t={},n){this.options=Object.assign(Object.assign({},z),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&l&&M&&(M=!1,k(this)),m(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=$(o);if(void 0===n)continue;const i=e.names.get(n);if(void 0===i||!i.size)continue;const c=t.getGroup(o);if(0===c.length)continue;const l=r+".g"+o+'[id="'+n+'"]';let u="";for(const e of i)e.length>0&&(u+=e+",");s+=c+l+'{content:"'+u+'"}'+a}return s})(this))}rehydrate(){!this.server&&l&&k(this)}reconstructWithOptions(e,t=!0){const n=new F(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&l&&e.target!==this.options.target&&P(this.options.target)!==P(e.target)&&k(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new E(t,n):new G(t,n))(this.options),new b(e)));var e}hasNameForId(e,t){var n,s;return null!==(s=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==s&&s}registerName(e,t){C(e),e.startsWith(h)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const D=new WeakSet,W={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function B(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in W||e.startsWith("--")?String(t).trim():t+"px"}function L(e){return e.displayName||e.name||"Component"}const q=e=>e>="A"&&e<="Z";function V(e){let t="";for(let n=0;n<e.length;n++){const s=e[n];if(1===n&&"-"===s&&"-"===e[0])return e;q(s)?t+="-"+s.toLowerCase():t+=s}return t.startsWith("ms-")?"-"+t:t}function H(e){return"function"==typeof e}const Y=Symbol.for("sc-keyframes");function U(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function J(e){return H(e)&&!(e.prototype&&e.prototype.isReactComponent)}function Z(e){return"object"==typeof e&&"styledComponentId"in e}const K=e=>null==e||!1===e||""===e,Q=e=>{const t=[];for(const n in e){const s=e[n];e.hasOwnProperty(n)&&!K(s)&&(Array.isArray(s)&&D.has(s)||H(s)?t.push(V(n)+":",s,";"):U(s)?t.push(n+" {",...Q(s),"}"):t.push(V(n)+": "+B(n,s)+";"))}return t};function X(e,t,n,s,r=[]){if(K(e))return r;const o=typeof e;if("string"===o)return r.push(e),r;if("function"===o)return J(e)&&t?X(e(t),t,n,s,r):(r.push(e),r);if(Array.isArray(e)){for(let o=0;o<e.length;o++)X(e[o],t,n,s,r);return r}if(Z(e))return r.push(`.${e.styledComponentId}`),r;if("object"==typeof(i=e)&&null!==i&&Y in i)return n?(e.inject(n,s),r.push(e.getName(s))):r.push(e),r;var i;if(U(e)){const t=Q(e);for(let e=0;e<t.length;e++)r.push(t[e]);return r}return r.push(e.toString()),r}function ee(e,t){return e&&t?e+" "+t:e||t||""}function te(e,t){return e.join(t||"")}class ne{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(H(n)&&!Z(n))return!1}return!0}(e),F.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,s){const r=this.componentId;if(this.isStatic){if(n.hasNameForId(r,r+e))this.instanceRules.has(e)||this.computeRules(e,t,n,s);else{const o=this.computeRules(e,t,n,s);n.insertRules(r,o.name,o.rules)}return}const o=this.instanceRules.get(e);if(this.computeRules(e,t,n,s),!n.server&&o){const t=o.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let s=0;s<t.length;s++)if(t[s]!==n[s]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,s){const r=te(X(this.rules,t,n,s)),o={name:this.componentId+e,rules:s(r,"")};return this.instanceRules.set(e,o),o}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}var se="-ms-",re="-moz-",oe="-webkit-",ie="comm",ce="rule",ae="decl",le="@keyframes",ue=Math.abs,fe=String.fromCharCode,he=Object.assign;function de(e){return e.trim()}function pe(e,t){return(e=t.exec(e))?e[0]:e}function ge(e,t,n){return e.replace(t,n)}function me(e,t,n){return e.indexOf(t,n)}function ye(e,t){return 0|e.charCodeAt(t)}function be(e,t,n){return e.slice(t,n)}function Se(e){return e.length}function ve(e){return e.length}function we(e,t){return t.push(e),e}function Ce(e,t){return e.filter(function(e){return!pe(e,t)})}var $e=1,xe=1,Ae=0,Oe=0,Ie=0,Pe="";function je(e,t,n,s,r,o,i,c){return{value:e,root:t,parent:n,type:s,props:r,children:o,line:$e,column:xe,length:i,return:"",siblings:c}}function Re(e,t){return he(je("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ke(e){for(;e.root;)e=Re(e.root,{children:[e]});we(e,e.siblings)}function _e(){return Ie=Oe>0?ye(Pe,--Oe):0,xe--,10===Ie&&(xe=1,$e--),Ie}function Ne(){return Ie=Oe<Ae?ye(Pe,Oe++):0,xe++,10===Ie&&(xe=1,$e++),Ie}function Te(){return ye(Pe,Oe)}function Ee(){return Oe}function Ge(e,t){return be(Pe,e,t)}function Me(e){switch(e){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 ze(e){return de(Ge(Oe-1,We(91===e?e+2:40===e?e+1:e)))}function Fe(e){for(;(Ie=Te())&&Ie<33;)Ne();return Me(e)>2||Me(Ie)>3?"":" "}function De(e,t){for(;--t&&Ne()&&!(Ie<48||Ie>102||Ie>57&&Ie<65||Ie>70&&Ie<97););return Ge(e,Ee()+(t<6&&32==Te()&&32==Ne()))}function We(e){for(;Ne();)switch(Ie){case e:return Oe;case 34:case 39:34!==e&&39!==e&&We(Ie);break;case 40:41===e&&We(e);break;case 92:Ne()}return Oe}function Be(e,t){for(;Ne()&&e+Ie!==57&&(e+Ie!==84||47!==Te()););return"/*"+Ge(t,Oe-1)+"*"+fe(47===e?e:Ne())}function Le(e){for(;!Me(Te());)Ne();return Ge(e,Oe)}function qe(e){return function(e){return Pe="",e}(Ve("",null,null,null,[""],e=function(e){return $e=xe=1,Ae=Se(Pe=e),Oe=0,[]}(e),0,[0],e))}function Ve(e,t,n,s,r,o,i,c,a){for(var l=0,u=0,f=i,h=0,d=0,p=0,g=1,m=1,y=1,b=0,S="",v=r,w=o,C=s,$=S;m;)switch(p=b,b=Ne()){case 40:if(108!=p&&58==ye($,f-1)){-1!=me($+=ge(ze(b),"&","&\f"),"&\f",ue(l?c[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:$+=ze(b);break;case 9:case 10:case 13:case 32:$+=Fe(p);break;case 92:$+=De(Ee()-1,7);continue;case 47:switch(Te()){case 42:case 47:we(Ye(Be(Ne(),Ee()),t,n,a),a),5!=Me(p||1)&&5!=Me(Te()||1)||!Se($)||" "===be($,-1,void 0)||($+=" ");break;default:$+="/"}break;case 123*g:c[l++]=Se($)*y;case 125*g:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+u:-1==y&&($=ge($,/\f/g,"")),d>0&&(Se($)-f||0===g&&47===p)&&we(d>32?Ue($+";",s,n,f-1,a):Ue(ge($," ","")+";",s,n,f-2,a),a);break;case 59:$+=";";default:if(we(C=He($,t,n,l,u,r,c,S,v=[],w=[],f,o),o),123===b)if(0===u)Ve($,t,C,C,v,o,f,c,w);else{switch(h){case 99:if(110===ye($,3))break;case 108:if(97===ye($,2))break;default:u=0;case 100:case 109:case 115:}u?Ve(e,C,C,s&&we(He(e,C,C,0,0,r,c,S,r,v=[],f,w),w),r,w,f,c,s?v:w):Ve($,C,C,C,[""],w,0,c,w)}}l=u=d=0,g=y=1,S=$="",f=i;break;case 58:f=1+Se($),d=p;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==_e())continue;switch($+=fe(b),b*g){case 38:y=u>0?1:($+="\f",-1);break;case 44:c[l++]=(Se($)-1)*y,y=1;break;case 64:45===Te()&&($+=ze(Ne())),h=Te(),u=f=Se(S=$+=Le(Ee())),b++;break;case 45:45===p&&2==Se($)&&(g=0)}}return o}function He(e,t,n,s,r,o,i,c,a,l,u,f){for(var h=r-1,d=0===r?o:[""],p=ve(d),g=0,m=0,y=0;g<s;++g)for(var b=0,S=be(e,h+1,h=ue(m=i[g])),v=e;b<p;++b)(v=de(m>0?d[b]+" "+S:ge(S,/&\f/g,d[b])))&&(a[y++]=v);return je(e,t,n,0===r?ce:c,a,l,u,f)}function Ye(e,t,n,s){return je(e,t,n,ie,fe(Ie),be(e,2,-2),0,s)}function Ue(e,t,n,s,r){return je(e,t,n,ae,be(e,0,s),be(e,s+1,-1),s,r)}function Je(e,t,n){switch(function(e,t){return 45^ye(e,0)?(((t<<2^ye(e,0))<<2^ye(e,1))<<2^ye(e,2))<<2^ye(e,3):0}(e,t)){case 5103:return oe+"print-"+e+e;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 4215:case 6389:case 5109:case 5365:case 5621:case 3829:case 6391:case 5879:case 5623:case 6135:case 4599:return oe+e+e;case 4855:return oe+e.replace("add","source-over").replace("substract","source-out").replace("intersect","source-in").replace("exclude","xor")+e;case 4789:return re+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return oe+e+re+e+se+e+e;case 5936:switch(ye(e,t+11)){case 114:return oe+e+se+ge(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return oe+e+se+ge(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return oe+e+se+ge(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return oe+e+se+e+e;case 6165:return oe+e+se+"flex-"+e+e;case 5187:return oe+e+ge(e,/(\w+).+(:[^]+)/,oe+"box-$1$2"+se+"flex-$1$2")+e;case 5443:return oe+e+se+"flex-item-"+ge(e,/flex-|-self/g,"")+(pe(e,/flex-|baseline/)?"":se+"grid-row-"+ge(e,/flex-|-self/g,""))+e;case 4675:return oe+e+se+"flex-line-pack"+ge(e,/align-content|flex-|-self/g,"")+e;case 5548:return oe+e+se+ge(e,"shrink","negative")+e;case 5292:return oe+e+se+ge(e,"basis","preferred-size")+e;case 6060:return oe+"box-"+ge(e,"-grow","")+oe+e+se+ge(e,"grow","positive")+e;case 4554:return oe+ge(e,/([^-])(transform)/g,"$1"+oe+"$2")+e;case 6187:return ge(ge(ge(e,/(zoom-|grab)/,oe+"$1"),/(image-set)/,oe+"$1"),e,"")+e;case 5495:case 3959:return ge(e,/(image-set\([^]*)/,oe+"$1$`$1");case 4968:return ge(ge(e,/(.+:)(flex-)?(.*)/,oe+"box-pack:$3"+se+"flex-pack:$3"),/space-between/,"justify")+oe+e+e;case 4200:if(!pe(e,/flex-|baseline/))return se+"grid-column-align"+be(e,t)+e;break;case 2592:case 3360:return se+ge(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(e,n){return t=n,pe(e.props,/grid-\w+-end/)})?~me(e+(n=n[t].value),"span",0)?e:se+ge(e,"-start","")+e+se+"grid-row-span:"+(~me(n,"span",0)?pe(n,/\d+/):+pe(n,/\d+/)-+pe(e,/\d+/))+";":se+ge(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(e){return pe(e.props,/grid-\w+-start/)})?e:se+ge(ge(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return ge(e,/(.+)-inline(.+)/,oe+"$1$2")+e;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(Se(e)-1-t>6)switch(ye(e,t+1)){case 109:if(45!==ye(e,t+4))break;case 102:return ge(e,/(.+:)(.+)-([^]+)/,"$1"+oe+"$2-$3$1"+re+(108==ye(e,t+3)?"$3":"$2-$3"))+e;case 115:return~me(e,"stretch",0)?Je(ge(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return ge(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,n,s,r,o,i,c){return se+n+":"+s+c+(r?se+n+"-span:"+(o?i:+i-+s)+c:"")+e});case 4949:if(121===ye(e,t+6))return ge(e,":",":"+oe)+e;break;case 6444:switch(ye(e,45===ye(e,14)?18:11)){case 120:return ge(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+oe+(45===ye(e,14)?"inline-":"")+"box$3$1"+oe+"$2$3$1"+se+"$2box$3")+e;case 100:return ge(e,":",":"+se)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return ge(e,"scroll-","scroll-snap-")+e}return e}function Ze(e,t){for(var n="",s=0;s<e.length;s++)n+=t(e[s],s,e,t)||"";return n}function Ke(e,t,n,s){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case"@namespace":case ae:return e.return=e.return||e.value;case ie:return"";case le:return e.return=e.value+"{"+Ze(e.children,s)+"}";case ce:if(!Se(e.value=e.props.join(",")))return""}return Se(n=Ze(e.children,s))?e.return=e.value+"{"+n+"}":""}function Qe(e,t,n,s){if(e.length>-1&&!e.return)switch(e.type){case ae:return void(e.return=Je(e.value,e.length,n));case le:return Ze([Re(e,{value:ge(e.value,"@","@"+oe)})],s);case ce:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,function(t){switch(pe(t,s=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ke(Re(e,{props:[ge(t,/:(read-\w+)/,":-moz-$1")]})),ke(Re(e,{props:[t]})),he(e,{props:Ce(n,s)});break;case"::placeholder":ke(Re(e,{props:[ge(t,/:(plac\w+)/,":"+oe+"input-$1")]})),ke(Re(e,{props:[ge(t,/:(plac\w+)/,":-moz-$1")]})),ke(Re(e,{props:[ge(t,/:(plac\w+)/,se+"input-$1")]})),ke(Re(e,{props:[t]})),he(e,{props:Ce(n,s)})}return""})}}const Xe=5381,et=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},tt=e=>et(Xe,e),nt=/&/g,st=47,rt=42;function ot(e,t){for(let n=0;n<e.length;n++){const s=e[n];if("rule"===s.type){s.value=t+" "+s.value,s.value=s.value.replaceAll(",",","+t+" ");const e=s.props,n=[];for(let s=0;s<e.length;s++)n[s]=t+" "+e[s];s.props=n}Array.isArray(s.children)&&"@keyframes"!==s.type&&(s.children=ot(s.children,t))}return e}function it({options:e=g,plugins:t=p}=g){let n,s,r;const o=(e,t,r)=>r.startsWith(s)&&r.endsWith(s)&&r.replaceAll(s,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===ce&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(nt,s).replace(r,o))}),e.prefix&&i.push(Qe),i.push(Ke);let c=[];const a=function(e){var t=ve(e);return function(n,s,r,o){for(var i="",c=0;c<t;c++)i+=e[c](n,s,r,o)||"";return i}}(i.concat(function(e){e.root||(e=e.return)&&c.push(e)})),l=(t,o="",i="",l="&")=>{n=l,s=o,r=void 0;const u=function(e){if(-1===e.indexOf("}"))return e;const t=e.length;let n=0,s=0,r=!1;for(let o=0;o<t;o++){const t=e.charCodeAt(o);if(0!==s||r||t!==st||e.charCodeAt(o+1)!==rt)if(r)t===rt&&e.charCodeAt(o+1)===st&&(r=!1,o++);else if(34!==t&&39!==t||0!==o&&92===e.charCodeAt(o-1)){if(0===s)if(123===t)n++;else if(125===t&&(n--,n<0))break}else 0===s?s=t:s===t&&(s=0);else r=!0,o++}if(0===n&&0===s)return e;let o="",i=0,c=0;s=0,r=!1;for(let n=0;n<t;n++){const a=e.charCodeAt(n);if(0!==s||r||a!==st||e.charCodeAt(n+1)!==rt)if(r)a===rt&&e.charCodeAt(n+1)===st&&(r=!1,n++);else if(34!==a&&39!==a||0!==n&&92===e.charCodeAt(n-1)){if(0===s)if(123===a)c++;else if(125===a){if(c--,c<0){let s=n+1;for(;s<t;){const t=e.charCodeAt(s);if(59===t||10===t)break;s++}s<t&&59===e.charCodeAt(s)&&s++,c=0,n=s-1,i=s;continue}0===c&&(o+=e.substring(i,n+1),i=n+1)}else 59===a&&0===c&&(o+=e.substring(i,n+1),i=n+1)}else 0===s?s=a:s===a&&(s=0);else r=!0,n++}return i<t&&0===c&&0===s&&(o+=e.substring(i)),o}(function(e){if(-1===e.indexOf("//"))return e;const t=e.length,n=[];let s=0,r=0,o=0,i=0;for(;r<t;){const c=e.charCodeAt(r);if(34!==c&&39!==c||0!==r&&92===e.charCodeAt(r-1))if(0===o)if(c===st&&r+1<t&&e.charCodeAt(r+1)===rt){for(r+=2;r+1<t&&(e.charCodeAt(r)!==rt||e.charCodeAt(r+1)!==st);)r++;r+=2}else if(40===c&&r>=3&&108==(32|e.charCodeAt(r-1))&&114==(32|e.charCodeAt(r-2))&&117==(32|e.charCodeAt(r-3)))i=1,r++;else if(i>0)41===c?i--:40===c&&i++,r++;else if(c===rt&&r+1<t&&e.charCodeAt(r+1)===st)r>s&&n.push(e.substring(s,r)),r+=2,s=r;else if(c===st&&r+1<t&&e.charCodeAt(r+1)===st){for(r>s&&n.push(e.substring(s,r));r<t&&10!==e.charCodeAt(r);)r++;s=r}else r++;else r++;else 0===o?o=c:o===c&&(o=0),r++}return 0===s?e:(s<t&&n.push(e.substring(s)),n.join(""))}(t));let f=qe(i||o?i+" "+o+" { "+u+" }":u);return e.namespace&&(f=ot(f,e.namespace)),c=[],Ze(f,a),c},u=e;let f=Xe;for(let e=0;e<t.length;e++)t[e].name||y(15),f=et(f,t[e].name);return(null==u?void 0:u.namespace)&&(f=et(f,u.namespace)),(null==u?void 0:u.prefix)&&(f=et(f,"p")),l.hash=f!==Xe?f.toString():"",l}const ct=new F,at=it(),lt=t.createContext({shouldForwardProp:void 0,styleSheet:ct,stylis:at,stylisPlugins:void 0}),ut=lt.Consumer;function ft(){return t.useContext(lt)}function ht(e){var n;const s=ft(),{styleSheet:r}=s,o=t.useMemo(()=>{let t=r;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,r]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:it({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:s.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,s.stylis,s.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:s.shouldForwardProp,a=null!==(n=e.stylisPlugins)&&void 0!==n?n:s.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:c,styleSheet:o,stylis:i,stylisPlugins:a}),[c,o,i,a]);return t.createElement(lt.Provider,{value:l},e.children)}const dt=t.createContext(void 0),pt=dt.Consumer;function gt(e,t,n=g){return e.theme!==n.theme&&e.theme||t||n.theme}const mt=/(a)(d)/gi,yt=e=>String.fromCharCode(e+(e>25?39:97));function bt(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=yt(t%52)+n;return(yt(t%52)+n).replace(mt,"$1-$2")}function St(e){return bt(tt(e)>>>0)}function vt(e,t){const n=[e[0]];for(let s=0,r=t.length;s<r;s+=1)n.push(t[s],e[s+1]);return n}const wt=e=>(D.add(e),e);function Ct(e,...t){if(H(e)||U(e))return wt(X(vt(p,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?X(n):wt(X(vt(n,t)))}function $t(e,...n){const s=Ct(e,...n),r=`sc-global-${St(JSON.stringify(s))}`,o=new ne(s,r),i=e=>{const n=ft(),s=t.useContext(dt);let i;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(r)),i=e.current}n.styleSheet.server&&c(i,e,n.styleSheet,s,n.stylis);{const a=o.isStatic?[i,n.styleSheet,o]:[i,e,n.styleSheet,s,n.stylis,o],l=t.useRef(o);t.useLayoutEffect(()=>(n.styleSheet.server||(l.current!==o&&(n.styleSheet.clearRules(r),l.current=o),c(i,e,n.styleSheet,s,n.stylis)),()=>{o.removeStyles(i,n.styleSheet)}),a)}return n.styleSheet.server&&o.instanceRules.delete(i),null};function c(e,t,n,s,r){if(o.isStatic)o.renderStyles(e,d,n,r);else{const c=Object.assign(Object.assign({},t),{theme:gt(t,s,i.defaultProps)});o.renderStyles(e,c,n,r)}}return t.memo(i)}function xt(e,t,n,s,r){for(const o in e){const i=e[o],c=r?r+"-"+o:o;if("object"==typeof i&&null!==i){const e={};xt(i,t,e,s,c),n[o]=e}else n[o]=s(c,i,o)}}function At(e,t,n,s){let r="";for(const o in e){const i=e[o],c=t[o],a=s?s+"-"+o:o;"object"==typeof i&&null!==i?"object"==typeof c&&null!==c&&(r+=At(i,c,n,a)):void 0!==c&&"function"!=typeof c&&(r+="--"+n+a+":"+c+";")}return r}var Ot;class It{constructor(e,t){this[Ot]=!0,this.inject=(e,t=at)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const s=t(this.rules,n,"@keyframes");e.insertRules(this.id,n,s)}},this.name=e,this.id=h+e,this.rules=t,C(this.id),m(this,()=>{throw y(12,String(this.name))})}getName(e=at){return e.hash?this.name+bt(+e.hash>>>0):this.name}}Ot=Y;const Pt=Symbol.for("react.memo"),jt=Symbol.for("react.forward_ref"),Rt={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},kt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_t={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Nt={[jt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[Pt]:_t};function Tt(e){return("type"in(t=e)&&t.type.$$typeof)===Pt?_t:"$$typeof"in e?Nt[e.$$typeof]:Rt;var t}const Et=Object.defineProperty,Gt=Object.getOwnPropertyNames,Mt=Object.getOwnPropertySymbols,zt=Object.getOwnPropertyDescriptor,Ft=Object.getPrototypeOf,Dt=Object.prototype;function Wt(e,t,n){if("string"!=typeof t){const s=Ft(t);s&&s!==Dt&&Wt(e,s,n);const r=Gt(t).concat(Mt(t)),o=Tt(e),i=Tt(t);for(let s=0;s<r.length;++s){const c=r[s];if(!(c in kt||n&&n[c]||i&&c in i||o&&c in o)){const n=zt(t,c);try{Et(e,c,n)}catch(e){}}}}return e}const Bt={StyleSheet:F,mainSheet:ct};var Lt=/*#__PURE__*/Object.freeze({__proto__:null,ServerStyleSheet:class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||N();return`<style ${te([t&&`nonce="${t}"`,`${r}="true"`,`${i}="${c}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw y(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw y(2);const e=this.instance.toString();if(!e)return[];const n={[r]:"",[i]:c,dangerouslySetInnerHTML:{__html:e}},s=this.instance.options.nonce||N();return s&&(n.nonce=s),[t.createElement("style",Object.assign({},n,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new F({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw y(2);return t.createElement(ht,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw y(3)}},StyleSheetConsumer:ut,StyleSheetContext:lt,StyleSheetManager:ht,ThemeConsumer:pt,ThemeContext:dt,ThemeProvider:function(e){const n=t.useContext(dt),s=t.useMemo(()=>function(e,t){if(!e)throw y(14);if(H(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw y(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(dt.Provider,{value:s},e.children):null},__PRIVATE__:Bt,createGlobalStyle:$t,createTheme:function(e,t){var n,s;const r=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",o=null!==(s=null==t?void 0:t.selector)&&void 0!==s?s:":root",i=function(e,t){const n={};return xt(e,t,n,e=>"--"+t+e),n}(e,r),c=function(e,t){const n={};return xt(e,t,n,(e,n)=>"var(--"+t+e+", "+n+")"),n}(e,r),a=$t`
2
2
  ${o} {
3
3
  ${t=>At(e,t.theme,r)}
4
4
  }
package/dist/types.d.ts CHANGED
@@ -26,7 +26,7 @@ export type FastOmit<T extends BaseObject, U extends string | number | symbol> =
26
26
  export type Runtime = 'web' | 'native';
27
27
  export type AnyComponent<P extends BaseObject = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
28
28
  export type KnownTarget = SupportedHTMLElements | AnyComponent;
29
- export type WebTarget = string | KnownTarget;
29
+ export type WebTarget = (string & {}) | KnownTarget;
30
30
  export type NativeTarget = AnyComponent;
31
31
  export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
32
32
  export interface StyledOptions<R extends Runtime, Props extends BaseObject> {
@@ -136,7 +136,7 @@ export interface PolymorphicComponent<R extends Runtime, BaseProps extends BaseO
136
136
  as?: StyledTarget<R> | undefined;
137
137
  forwardedAs?: StyledTarget<R> | undefined;
138
138
  }> {
139
- <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget> & React.RefAttributes<any>): React.JSX.Element;
139
+ <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): React.JSX.Element;
140
140
  }
141
141
  export interface IStyledComponentBase<R extends Runtime, Props extends BaseObject = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
142
142
  defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
package/native/dist/dist/types.d.ts CHANGED
@@ -26,7 +26,7 @@ export type FastOmit<T extends BaseObject, U extends string | number | symbol> =
26
26
  export type Runtime = 'web' | 'native';
27
27
  export type AnyComponent<P extends BaseObject = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
28
28
  export type KnownTarget = SupportedHTMLElements | AnyComponent;
29
- export type WebTarget = string | KnownTarget;
29
+ export type WebTarget = (string & {}) | KnownTarget;
30
30
  export type NativeTarget = AnyComponent;
31
31
  export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
32
32
  export interface StyledOptions<R extends Runtime, Props extends BaseObject> {
@@ -136,7 +136,7 @@ export interface PolymorphicComponent<R extends Runtime, BaseProps extends BaseO
136
136
  as?: StyledTarget<R> | undefined;
137
137
  forwardedAs?: StyledTarget<R> | undefined;
138
138
  }> {
139
- <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget> & React.RefAttributes<any>): React.JSX.Element;
139
+ <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): React.JSX.Element;
140
140
  }
141
141
  export interface IStyledComponentBase<R extends Runtime, Props extends BaseObject = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
142
142
  defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
package/native/dist/types.d.ts CHANGED
@@ -26,7 +26,7 @@ export type FastOmit<T extends BaseObject, U extends string | number | symbol> =
26
26
  export type Runtime = 'web' | 'native';
27
27
  export type AnyComponent<P extends BaseObject = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
28
28
  export type KnownTarget = SupportedHTMLElements | AnyComponent;
29
- export type WebTarget = string | KnownTarget;
29
+ export type WebTarget = (string & {}) | KnownTarget;
30
30
  export type NativeTarget = AnyComponent;
31
31
  export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
32
32
  export interface StyledOptions<R extends Runtime, Props extends BaseObject> {
@@ -136,7 +136,7 @@ export interface PolymorphicComponent<R extends Runtime, BaseProps extends BaseO
136
136
  as?: StyledTarget<R> | undefined;
137
137
  forwardedAs?: StyledTarget<R> | undefined;
138
138
  }> {
139
- <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget> & React.RefAttributes<any>): React.JSX.Element;
139
+ <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): React.JSX.Element;
140
140
  }
141
141
  export interface IStyledComponentBase<R extends Runtime, Props extends BaseObject = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
142
142
  defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "styled-components",
3
- "version": "6.4.0-prerelease.12",
3
+ "version": "6.4.0-prerelease.13",
4
4
  "description": "Fast, expressive styling for React.",
5
5
  "publishConfig": {
6
6
  "access": "public"