"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("../../../../../@emotion_hash@0.8.0/node_modules/@emotion/hash/dist/hash.browser.esm.js"),C=require("../../../../../@emotion_unitless@0.7.5/node_modules/@emotion/unitless/dist/unitless.browser.esm.js"),D=require("../../../../../@emotion_memoize@0.7.5/node_modules/@emotion/memoize/dist/emotion-memoize.browser.esm.js");var _=`You have illegal escape sequence in your template literal, most likely inside content's property value.
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
You can read more about this here:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,A="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",x=/[A-Z]|^ms/g,O=/_EMO_([^_]+?)_([^]*?)_EMO_/g,v=function(n){return n.charCodeAt(1)===45},N=function(n){return n!=null&&typeof n!="boolean"},E=D(function(s){return v(s)?s:s.replace(x,"-$&").toLowerCase()}),d=function(n,e){switch(n){case"animation":case"animationName":if(typeof e=="string")return e.replace(O,function(o,a,r){return c={name:a,styles:r,next:c},a})}return C[n]!==1&&!v(n)&&typeof e=="number"&&e!==0?e+"px":e};if(process.env.NODE_ENV!=="production"){var M=/(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,R=["normal","none","initial","inherit","unset"],j=d,z=/^-ms-/,I=/-(.)/g,b={};d=function(n,e){if(n==="content"&&(typeof e!="string"||R.indexOf(e)===-1&&!M.test(e)&&(e.charAt(0)!==e.charAt(e.length-1)||e.charAt(0)!=='"'&&e.charAt(0)!=="'")))throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+e+"\"'`");var o=j(n,e);return o!==""&&!v(n)&&n.indexOf("-")!==-1&&b[n]===void 0&&(b[n]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+n.replace(z,"ms-").replace(I,function(a,r){return r.toUpperCase()})+"?")),o}}var S="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function f(s,n,e){if(e==null)return"";if(e.__emotion_styles!==void 0){if(process.env.NODE_ENV!=="production"&&e.toString()==="NO_COMPONENT_SELECTOR")throw new Error(S);return e}switch(typeof e){case"boolean":return"";case"object":{if(e.anim===1)return c={name:e.name,styles:e.styles,next:c},e.name;if(e.styles!==void 0){var o=e.next;if(o!==void 0)for(;o!==void 0;)c={name:o.name,styles:o.styles,next:c},o=o.next;var a=e.styles+";";return process.env.NODE_ENV!=="production"&&e.map!==void 0&&(a+=e.map),a}return q(s,n,e)}case"function":{if(s!==void 0){var r=c,t=e(s);return c=r,f(s,n,t)}else process.env.NODE_ENV!=="production"&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break}case"string":if(process.env.NODE_ENV!=="production"){var i=[],u=e.replace(O,function(m,h,p){var y="animation"+i.length;return i.push("const "+y+" = keyframes`"+p.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+y+"}"});i.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(i,["`"+u+"`"]).join(`
`)+`

You should wrap it with \`css\` like this:

`+("css`"+u+"`"))}break}if(n==null)return e;var l=n[e];return l!==void 0?l:e}function q(s,n,e){var o="";if(Array.isArray(e))for(var a=0;a<e.length;a++)o+=f(s,n,e[a])+";";else for(var r in e){var t=e[r];if(typeof t!="object")n!=null&&n[t]!==void 0?o+=r+"{"+n[t]+"}":N(t)&&(o+=E(r)+":"+d(r,t)+";");else{if(r==="NO_COMPONENT_SELECTOR"&&process.env.NODE_ENV!=="production")throw new Error(S);if(Array.isArray(t)&&typeof t[0]=="string"&&(n==null||n[t[0]]===void 0))for(var i=0;i<t.length;i++)N(t[i])&&(o+=E(r)+":"+d(r,t[i])+";");else{var u=f(s,n,t);switch(r){case"animation":case"animationName":{o+=E(r)+":"+u+";";break}default:process.env.NODE_ENV!=="production"&&r==="undefined"&&console.error(A),o+=r+"{"+u+"}"}}}}return o}var w=/label:\s*([^\s;\n{]+)\s*(;|$)/g,g;process.env.NODE_ENV!=="production"&&(g=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);var c,L=function(n,e,o){if(n.length===1&&typeof n[0]=="object"&&n[0]!==null&&n[0].styles!==void 0)return n[0];var a=!0,r="";c=void 0;var t=n[0];t==null||t.raw===void 0?(a=!1,r+=f(o,e,t)):(process.env.NODE_ENV!=="production"&&t[0]===void 0&&console.error(_),r+=t[0]);for(var i=1;i<n.length;i++)r+=f(o,e,n[i]),a&&(process.env.NODE_ENV!=="production"&&t[i]===void 0&&console.error(_),r+=t[i]);var u;process.env.NODE_ENV!=="production"&&(r=r.replace(g,function(p){return u=p,""})),w.lastIndex=0;for(var l="",m;(m=w.exec(r))!==null;)l+="-"+m[1];var h=V(r)+l;return process.env.NODE_ENV!=="production"?{name:h,styles:r,map:u,next:c,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:h,styles:r,next:c}};exports.serializeStyles=L;
//# sourceMappingURL=emotion-serialize.browser.esm.js.map
