d||o<-d;r(i?C+o:C),i||(Lo.update(y),n())}),!0);return{stop:function(){return Lo.update(y)}}}))},Xa=qa(Wa,{from:_r.test,modifyTarget:function(e){return\"function\"==typeof e},velocity:_r.test}),Ya=function(e){return void 0===e&&(e={}),Oa((function(t){var n=t.update,r=t.complete,o=e.velocity,i=void 0===o?0:o,a=e.from,l=void 0===a?0:a,c=e.to,s=void 0===c?0:c,u=e.stiffness,f=void 0===u?100:u,p=e.damping,d=void 0===p?10:p,h=e.mass,m=void 0===h?1:h,v=e.restSpeed,g=void 0===v?.01:v,C=e.restDelta,y=void 0===C?.01:C,x=i?-i/1e3:0,b=0,w=s-l,E=l,k=E,L=So.update((function(e){var t=e.delta;b+=t;var o=d/(2*Math.sqrt(f*m)),a=Math.sqrt(f/m)/1e3;if(k=E,o<1){var l=Math.exp(-o*a*b),c=a*Math.sqrt(1-o*o);E=s-l*((x+o*a*w)/c*Math.sin(c*b)+w*Math.cos(c*b))}else{l=Math.exp(-a*b);E=s-l*(w+(x+a*w)*b)}i=Ii(E-k,t);var u=Math.abs(i)<=g,p=Math.abs(s-E)<=y;u&&p?(n(E=s),Lo.update(L),r()):n(E)}),!0);return{stop:function(){return Lo.update(L)}}}))},Ga=qa(Ya,{from:_r.test,to:_r.test,stiffness:_r.test,damping:_r.test,mass:_r.test,velocity:_r.test}),Ka=qa((function(e){var t=e.from,n=void 0===t?0:t,r=e.to,o=void 0===r?1:r,i=e.ease,a=void 0===i?Ro:i,l=e.reverseEase;return void 0!==l&&l&&(a=Ao(a)),Oa((function(e){var t=e.update;return{seek:function(e){return t(e)}}})).pipe(a,(function(e){return pi(n,o,e)}))}),{ease:function(e){return\"function\"==typeof e},from:_r.test,to:_r.test}),Ja=ai(0,1),Qa=function(e){return void 0===e&&(e={}),Oa((function(t){var n,r=t.update,o=t.complete,i=e.duration,a=void 0===i?300:i,l=e.ease,c=void 0===l?Bo:l,s=e.flip,u=void 0===s?0:s,f=e.loop,p=void 0===f?0:f,d=e.yoyo,h=void 0===d?0:d,m=e.repeatDelay,v=void 0===m?0:m,g=e.from,C=void 0===g?0:g,y=e.to,x=void 0===y?1:y,b=e.elapsed,w=void 0===b?0:b,E=e.flipCount,k=void 0===E?0:E,L=e.yoyoCount,M=void 0===L?0:L,O=e.loopCount,H=void 0===O?0:O,z=Ka({from:C,to:x,ease:c}).start(r),S=0,V=!1,P=function(e){var t;void 0===e&&(e=!1),z=Ka({from:C=(t=[x,C])[0],to:x=t[1],ease:c,reverseEase:e}).start(r)},A=function(){S=Ja(fi(0,a,w)),z.seek(S)},j=function(){V=!0,n=So.update((function(e){var t,r=e.delta;w+=r,A(),!(t=V&&w>a+v)||(!t||p||u||h)&&(w=a-(w-v),p&&H=e[o]&&a[i].seek(1);for(var n=1;nt||n===o);n++);var l=fi(e[n-1],e[n],t);a[n-1].seek(el(l))}}(o,l,e)}))},nl=qa((function(e){return void 0===e&&(e={}),Oa((function(t){var n=t.complete,r=t.update,o=e.acceleration,i=void 0===o?0:o,a=e.friction,l=void 0===a?0:a,c=e.velocity,s=void 0===c?0:c,u=e.springStrength,f=e.to,p=e.restSpeed,d=void 0===p?.001:p,h=e.from,m=void 0===h?0:h,v=So.update((function(e){var t=e.delta,o=Math.max(t,16);(i&&(s+=ji(i,o)),l&&(s*=Math.pow(1-l,o/100)),void 0!==u&&void 0!==f)&&(s+=(f-m)*ji(u,o));m+=ji(s,o),r(m),!1!==d&&(!s||Math.abs(s)<=d)&&(Lo.update(v),n())}),!0);return{set:function(e){return m=e,this},setAcceleration:function(e){return i=e,this},setFriction:function(e){return l=e,this},setSpringStrength:function(e){return u=e,this},setSpringTarget:function(e){return f=e,this},setVelocity:function(e){return s=e,this},stop:function(){return Lo.update(v)}}}))}),{acceleration:_r.test,friction:_r.test,velocity:_r.test,from:_r.test,to:_r.test,springStrength:_r.test}),rl=function(e,t,n){return Oa((function(r){var o=r.update,i=t.split(\" \").map((function(t){return e.addEventListener(t,o,n),t}));return{stop:function(){return i.forEach((function(t){return e.removeEventListener(t,o,n)}))}}}))},ol=function(){return{clientX:0,clientY:0,pageX:0,pageY:0,x:0,y:0}},il=function(e,t){return void 0===t&&(t={clientX:0,clientY:0,pageX:0,pageY:0,x:0,y:0}),t.clientX=t.x=e.clientX,t.clientY=t.y=e.clientY,t.pageX=e.pageX,t.pageY=e.pageY,t},al=[ol()],ll=!1;if(\"undefined\"!=typeof document){rl(document,\"touchstart touchmove\",{passive:!0,capture:!0}).start((function(e){var t=e.touches;ll=!0;var n=t.length;al.length=0;for(var r=0;r1;if(l){var s=al[0],u=al[1];r=ui(s,u),i=ri(s,u)}var f=function(){if(l){var e=al[0],o=al[1],s=ui(e,o),u=ri(e,o);n.scale=a*(s/r),n.rotate=c+(u-i)}t(n)},p=rl(document,\"touchmove\",{passive:!o}).start((function(e){(o||e.touches.length>1)&&e.preventDefault(),So.update(f)}));return ll&&So.update(f),{stop:function(){Lo.update(f),p.stop()}}}))).pipe((function(e){return e.touches}),fl):function(e){var t=(void 0===e?{}:e).preventDefault,n=void 0===t||t;return Oa((function(e){var t=e.update,r=function(){return t(cl)},o=rl(document,\"mousemove\").start((function(e){n&&e.preventDefault(),So.update(r)}));return sl&&So.update(r),{stop:function(){Lo.update(r),o.stop()}}}))}(e);var t,n,r,o,i,a,l,c},dl=function(){for(var e=[],t=0;t=e.length?o():a()},update:r})};return a(),{stop:function(){return n&&n.stop()}}}))},hl=function(e){return Oa((function(t){var n=t.complete,r=setTimeout(n,e);return{stop:function(){return clearTimeout(r)}}}))},ml=Object.freeze({__proto__:null,applyOffset:oi,clamp:ai,conditional:function(e,t){return function(n){return e(n)?t(n):n}},interpolate:function(e,t,n){var r=void 0===n?{}:n,o=r.clamp,i=void 0===o||o,a=r.ease,l=r.mixer,c=e.length;t.length,!a||!Array.isArray(a)||a.length,e[0]>e[c-1]&&(e=[].concat(e),t=[].concat(t),e.reverse(),t.reverse());var s=Oi(t,a,l),u=2===c?function(e,t){var n=e[0],r=e[1],o=t[0];return function(e){return o(fi(n,r,e))}}(e,s):function(e,t){var n=e.length,r=n-1;return function(o){var i=0,a=!1;if(o<=e[0]?a=!0:o>=e[r]&&(i=r-1,a=!0),!a){for(var l=1;lo||l===r);l++);i=l-1}var c=fi(e[i],e[i+1],o);return t[i](c)}}(e,s);return i?xi(ai(e[0],e[c-1]),u):u},blendArray:wi,blendColor:Ci,pipe:xi,smooth:function(e){void 0===e&&(e=50);var t=0,n=0;return function(r){var o=zo().timestamp,i=o!==n?o-n:0,a=i?zi(t,r,i,e):t;return n=o,t=a,a}},snap:function(e){if(\"number\"==typeof e)return function(t){return Math.round(t/e)*e};var t=0,n=e.length;return function(r){var o=Math.abs(e[0]-r);for(t=1;to)return e[t-1];if(t===n-1)return i;o=a}}},generateStaticSpring:Vi,nonlinearSpring:Ai,linearSpring:Pi,wrap:Ri,appendUnit:function(e){return function(t){return\"\"+t+e}},steps:function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),function(r){var o=fi(t,n,r);return pi(t,n,za(e,o))}},transformMap:function(e){return function(t){var n=jr({},t);for(var r in e)if(e.hasOwnProperty(r)){var o=e[r];n[r]=o(t[r])}return n}}}),vl=function(e){e.transition,e.flip,e.delay,e.delayChildren,e.staggerChildren,e.staggerDirection,e.afterChildren,e.beforeChildren,e.preTransition,e.applyAtStart,e.applyAtEnd;return Ir(e,[\"transition\",\"flip\",\"delay\",\"delayChildren\",\"staggerChildren\",\"staggerDirection\",\"afterChildren\",\"beforeChildren\",\"preTransition\",\"applyAtStart\",\"applyAtEnd\"])},gl=function(e,t){return\"function\"==typeof e?e(t):e},Cl=function(e,t,n,r){return e&&void 0!==e[t]?gl(e[t],r):n},yl=function(e,t,n,r,o,i){var a;if(\"function\"==typeof e){var l=e(r);a=yl(l,t,n,r,o,i)}else if(e[t]||e.default){var c=e[t]||e.default;a=\"function\"==typeof c?c(r):c}else a=e;return!1===a?i(n,r):o(n,a,r)},xl=function(e,t,n,r,o){return Object.keys(e).forEach((function(i){var a=gl(e[i],n);t.has(i)?r(t.get(i),a):o(i,a,n)}))},bl=function(e){var t=e.state,n=e.poses,r=e.startAction,o=e.stopAction,i=e.getInstantTransition,a=e.addActionDelay,l=e.getTransitionProps,c=e.resolveTarget,s=e.transformPose,u=e.posePriority,f=e.convertTransitionDefinition,p=e.setValue,d=e.setValueNative,h=e.forceRender;return function(e,m,v){void 0===m&&(m={}),void 0===v&&(v=!0);var g=t.children,C=t.values,y=t.props,x=t.activeActions,b=t.activePoses,w=m.delay,E=void 0===w?0:w,k=g.size,L=jr(jr({},y),m),M=n[e],O=function(){return k&&v?function(e,t,n,r){var o=[],i=Cl(n,\"delayChildren\",0,r),a=Cl(n,\"staggerChildren\",0,r),l=Cl(n,\"staggerDirection\",1,r),c=(e.size-1)*a,s=1===l?function(e){return e*a}:function(e){return c-e*a};return Array.from(e).forEach((function(e,n){o.push(e.set(t,{delay:i+s(n)}))})),o}(g,e,M,L):[]},H=function(){if(!M)return[];var n=M.applyAtStart;n&&(xl(n,C,L,p,d),h&&h(L)),s&&(M=s(M,e,t));var m=M.preTransition,v=M.transition,g=M.applyAtEnd;m&&m(L);var y=Object.keys(vl(M)).map((function(t){var n=(b.has(t)||b.set(t,[]),b.get(t)),s=n.indexOf(e);-1!==s&&n.splice(s,1);var p=u?u.indexOf(e):0,d=p<=0?0:function(e,t,n){for(var r=0,o=n-1;o>=0;o--){var i=e.indexOf(t[o]);if(-1!==i){r=i+1;break}}return r}(n,u,p);return n.splice(d,0,e),0===d?new Promise((function(e){var n=C.get(t),s=jr(jr({},L),{key:t,value:n}),u=c(n,gl(M[t],s));x.has(t)&&o(x.get(t));var p=jr(jr({to:u},s),l(n,u,s)),d=yl(v,t,n,p,f,i),h=E||gl(M.delay,s);h&&(d=a(h,d)),x.set(t,r(n,d,e))})):Promise.resolve()}));return g?[Promise.all(y).then((function(){xl(g,C,L,p,d)}))]:y};if(M&&k){if(gl(M.beforeChildren,L))return Promise.all(H()).then((function(){return Promise.all(O())}));if(gl(M.afterChildren,L))return Promise.all(O()).then((function(){return Promise.all(H())}))}return Promise.all(Rr(H(),O()))}},wl=function(e){return function(e){return e.includes(\"scale\")}(e)?1:0},El=function(e){var t=Array.isArray(e)?e:[e];return t.push(\"init\"),t},kl=function(e,t,n,r,o,i){void 0===o&&(o=wl);var a=El(n).filter(Boolean).find((function(n){var r=e[n];return r&&(void 0!==r[t]||r.applyAtStart&&void 0!==r.applyAtStart[t]||r.applyAtEnd&&void 0!==r.applyAtEnd[t])}));return i.set(t,[a||\"init\"]),a?function(e,t,n){var r=e.applyAtEnd&&void 0!==e.applyAtEnd[t]?e.applyAtEnd[t]:void 0!==e[t]?e[t]:e.applyAtStart&&void 0!==e.applyAtStart[t]?e.applyAtStart[t]:0;return gl(r,n)}(e[a],t,r):o(t,r)},Ll=function(e,t){return function(n){var r=t.poses[n];Object.keys(vl(r)).forEach(function(e,t){var n=t.userSetValues,r=t.createValue,o=t.convertValue,i=t.readValueFromSource,a=t.initialPose,l=t.poses,c=t.activePoses,s=t.props;return function(t){if(!e.has(t)){var u;if(n&&void 0!==n[t])u=o(n[t],t,s);else{var f=kl(l,t,a,s,i,c);u=r(f,t,s)}e.set(t,u)}}}(e,t))}},Ml=function(e){var t=e.poses,n=e.passive,r=new Map;return Object.keys(t).forEach(Ll(r,e)),function(e){var t=e.setValueNative,n=e.initialPose,r=e.props,o=e.poses,i=new Set,a=function(e,n){if(e[n])for(var o in e[n])i.has(o)||(i.add(o),t(o,gl(e[n][o],r),r))};El(n).forEach((function(e){var t=o[e];t&&(a(t,\"applyAtEnd\"),a(t,\"applyAtStart\"))}))}(e),n&&Object.keys(n).forEach(function(e,t){var n=t.passive,r=t.ancestorValues,o=t.createValue,i=t.readValue,a=t.props;return function(t){var l=n[t],c=l[0],s=l[1],u=l[2],f=u&&r.length?function(e,t,n){if(!0===t)return n[0]&&n[0].values.get(e);var r=n.find((function(e){return e.label===t}));return r&&r.values.get(e)}(c,u,r):!!e.has(c)&&e.get(c);if(f){var p=o(i(f),t,a,{passiveParentKey:c,passiveParent:f,passiveProps:s});e.set(t,p)}}}(r,e)),r},Ol=function(e,t){return Object.keys(e).forEach((function(n){var r=e[n];e[n]=void 0!==r.transition?r:function(e,t,n){return jr(jr({},e),{transition:n.has(t)?n.get(t):n.get(\"default\")})}(r,n,t)})),e},Hl=function(e){var t=e.getDefaultProps,n=e.defaultTransitions,r=e.bindOnChange,o=e.startAction,i=e.stopAction,a=e.readValue,l=e.readValueFromSource,c=e.resolveTarget,s=e.setValue,u=e.setValueNative,f=e.createValue,p=e.convertValue,d=e.getInstantTransition,h=e.getTransitionProps,m=e.addActionDelay,v=e.selectValueToRead,g=e.convertTransitionDefinition,C=e.transformPose,y=e.posePriority,x=e.forceRender,b=e.extendAPI;return function(e){var w=e.parentValues,E=e.ancestorValues,k=void 0===E?[]:E;w&&k.unshift({values:w});var L=new Map,M=new Map,O=new Set,H=Ol(function(e){e.label,e.props,e.values,e.parentValues,e.ancestorValues,e.onChange,e.passive,e.initialPose;return Ir(e,[\"label\",\"props\",\"values\",\"parentValues\",\"ancestorValues\",\"onChange\",\"passive\",\"initialPose\"])}(e),n),z=e.props,S=void 0===z?{}:z;t&&(S=jr(jr({},t(e)),S));var V=e.passive,P=e.values,A=e.initialPose,j=void 0===A?\"init\":A,I=Ml({poses:H,passive:V,ancestorValues:k,readValue:a,setValueNative:u,createValue:f,convertValue:p,readValueFromSource:l,userSetValues:P,initialPose:j,activePoses:M,props:S}),R={activeActions:L,activePoses:M,children:O,props:S,values:I},T=e.onChange;T&&Object.keys(T).forEach(r(I,T));var B=bl({state:R,poses:H,getInstantTransition:d,getTransitionProps:h,convertTransitionDefinition:g,setValue:s,setValueNative:u,startAction:o,stopAction:i,resolveTarget:c,addActionDelay:m,transformPose:C,posePriority:y,forceRender:x});return b({set:B,unset:function(e,t){var n=[];M.forEach((function(t){var r=t.indexOf(e);if(-1!==r){var o=t[0];t.splice(r,1);var i=t[0];i!==o&&-1===n.indexOf(i)&&n.push(i)}}));var r,o=n.sort((r=y,function(e,t){var n=r.indexOf(e),o=r.indexOf(t);return-1===n&&-1!==o?-1:-1!==n&&-1===o?1:n-o})).map((function(e){return B(e,t,!1)}));return O.forEach((function(t){return o.push(t.unset(e))})),Promise.all(o)},get:function(e){return e?v(I.get(e)):function(e,t){var n={};return e.forEach((function(e,r){return n[r]=t(e)})),n}(I,v)},has:function(e){return!!H[e]},setProps:function(e){return R.props=jr(jr({},R.props),e)},_addChild:function(t,n){var r=n(jr(jr({initialPose:j},t),{ancestorValues:Rr([{label:e.label,values:I}],k)}));return O.add(r),r},removeChild:function(e){return O.delete(e)},clearChildren:function(){O.forEach((function(e){return e.destroy()})),O.clear()},destroy:function(){L.forEach(i),O.forEach((function(e){return e.destroy()}))}},R,e)}},zl=function(){return(zl=Object.assign||function(e){for(var t,n=1,r=arguments.length;n0?a:void 0},t.prototype.getFirstPose=function(){var e=this.props,t=e.initialPose,n=e.pose,r=e._pose;if(t){var o=(Array.isArray(n)?n:[n]).concat(r).filter(Boolean);return 1===o.length?o[0]:o}},t.prototype.getSetProps=function(){var e,t=wc(this.props);return this.props.popFromFlow&&this.ref&&this.ref instanceof HTMLElement?this.popStyle?t.style=this.popStyle:(t.style=jr(jr({},t.style),{position:\"absolute\",top:(e=this.ref).offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}),this.popStyle=t.style):this.popStyle=null,t},t.prototype.componentDidMount=function(){var e=this;this.ref,Element;var t,n=this.props,r=n.onValueChange,o=n.registerChild,i=n.values,a=n.parentValues,l=n.onDragStart,c=n.onDragEnd,s=n.onPressStart,u=n.onPressEnd,f=jr(jr({},this.poseConfig),{initialPose:this.getInitialPose(),values:i||this.poseConfig.values,parentValues:a?(t=a,Object.keys(t).reduce((function(e,n){return e.set(n,{raw:t[n]}),e}),new Map)):void 0,props:this.getSetProps(),onDragStart:l,onDragEnd:c,onPressStart:s,onPressEnd:u,onChange:r});o?o({element:this.ref,poseConfig:f,onRegistered:function(t){return e.initPoser(t)}}):this.initPoser(hc(this.ref,f))},t.prototype.getSnapshotBeforeUpdate=function(){var e=this.props,t=e.pose,n=e._pose;return(xc(t,\"flip\")||xc(n,\"flip\"))&&this.poser.measure(),null},t.prototype.componentDidUpdate=function(e){var t=this.props,n=t.pose,r=t._pose,o=t.poseKey;this.poser.setProps(this.getSetProps()),(o!==e.poseKey||function(e,t){if(e===t)return!1;var n=Array.isArray(e),r=Array.isArray(t);if(n!==r||!n&&!r)return!0;if(n&&r){var o=e.length;if(o!==t.length)return!0;for(var i=0;i4;return l.createElement(Gc,{className:\"\".concat(n,\" \").concat(r),isMegaMenu:o},t.map((function(e){return l.createElement(Ht,{key:e.title,href:e.path,tabIndex:0,className:\"secondLevelMenuNavLink\",onClick:Kc},l.createElement(Vr,{innerHtml:e.title}))})))},Qc=ln()([\"isVisible\"])(Jc),es=function(e){var t=e.subMenu,n=t.level2NavItems,r=t.title,o=t.dataRoh,i=t.path,a=!!n.length,c=l.createElement(qc,{initialPose:\"base\",pose:\"enter\"},l.createElement(Vr,{innerHtml:r}),a&&l.createElement(Yc,null,l.createElement(or,{name:\"arrowMenu\",className:\"desktopNavLinkIcon\",desktopSize:7})),l.createElement(Qc,{level2NavItems:n,cssClass:\"secondLevelMenu\",visibleCssClass:\"open\"})),s=a?l.createElement(\"div\",{role:\"link\",className:\"desktopNavLink\",tabIndex:0},c):l.createElement(Ht,{\"data-roh\":o,href:i,className:\"desktopNavLink\"},c);return l.createElement(Xc,null,s)},ts=p.a.div.withConfig({componentId:\"sc-1g9x0ob-0\"})([\"display:flex;justify-content:space-between;white-space:nowrap;\"]),ns=function(e){var t=e.subMenus;return l.createElement(ts,null,t.map((function(e){return l.createElement(es,{key:e.title,subMenu:e})})))},rs=ln()([\"subMenus\"])(ns),os=ln()([]);function is(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var as,ls=p.a.img.withConfig({componentId:\"sc-16b7p0b-0\"})([\"display:none;\",\";\",\";\"],gn.desktop(Fc||(Fc=is([\"\\n display: block;\\n width: 60px;\\n \"]))),gn.huge(Zc||(Zc=is([\"\\n width: 70px;\\n \"])))),cs=p.a.img.withConfig({componentId:\"sc-16b7p0b-1\"})([\"display:block;width:50px;\",\" \",\";\"],vn(Dc||(Dc=is([\"\\n width: 40px;\\n \"]))),gn.desktop(_c||(_c=is([\"\\n display: none;\\n \"])))),ss=p()(Ht).withConfig({componentId:\"sc-16b7p0b-2\"})([\"display:inline-table;align-self:center;cursor:pointer;\",\"\"],(function(e){return e.learningPlatform&&\"\\n display: flex;\\n align-items: flex-end;\\n position: absolute;\\n z-index: 3;\\n \"})),us=p.a.div.withConfig({componentId:\"sc-16b7p0b-3\"})([\"display:flex;align-items:center;height:46px;max-width:100px;border-left:1px solid \",\";color:\",\";margin:0 0 0 16px;padding:0 0 0 16px;font-size:15px;line-height:18px;text-transform:uppercase;\"],u.black,u.black),fs=os((function(e){var t=e.handleMenuClose,n=e.learningPlatform;return l.createElement(ss,{\"data-roh\":\"lnkLogo\",href:n?\"/schools\":\"/\",title:\"Go to the homepage\",onClick:t,learningPlatform:n},l.createElement(cs,{alt:\"Royal Opera House logo\",\"data-roh\":\"\".concat(\"imgLogo\",\"Mobile\"),itemProp:\"logo\",src:\"https://static.roh.org.uk/redesign/Logo_simple.svg\"}),l.createElement(ls,{alt:\"Royal Opera House logo\",\"data-roh\":\"imgLogo\",itemProp:\"logo\",src:\"https://static.roh.org.uk/redesign/Logo_detail.png\"}),n&&l.createElement(us,null,\"National Schools Programme\"))}));var ps,ds=p.a.span.withConfig({componentId:\"kwiyc8-0\"})([\"display:\",\";height:\",\"px !important;width:100%;\",\"\"],(function(e){return e.showOnMobile?\"inline-block\":\"none\"}),(function(e){var t=e.height;return null!=t?t:25}),gn.tablet(as||(as=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}([\"\\n display: inline-block;\\n \"])))),hs=p.a.span.withConfig({componentId:\"kwiyc8-1\"})([\"padding:4px 0;height:100%;width:\",\"px;display:flex;align-items:center;position:relative;transition:width 1s;& svg:last-child{width:25px;height:100%;position:absolute;right:0;top:0;padding:4px 0 4px 15px;}\"],(function(e){var t=e.width;return null!=t?t:25})),ms=p.a.span.withConfig({componentId:\"kwiyc8-2\"})([\"background-color:\",\";height:1px;position:relative;width:100%;right:1px;\"],(function(e){return e.color})),vs=function(e){var t=e.color,n=e.dataRoh,r=e.showOnMobile,o=e.width,i=e.height;return l.createElement(ds,{showOnMobile:r,color:t,height:i,width:o},l.createElement(hs,{className:\"ArrowDazzlerAnimate\",\"data-roh\":n,width:o},l.createElement(ms,{color:t}),l.createElement(b,{color:t})))};function gs(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&(\"undefined\"!=typeof Symbol&&e[Symbol.iterator]||e[\"@@iterator\"]);if(null==n)return;var r=[],o=!0,i=!1,a=void 0;try{for(n=n.call(e),_s;!(o=(_s=n.next()).done)&&(r.push(_s.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}(e,t)||function(e,t){if(!e)return;if(\"string\"==typeof e)return Cs(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);\"Object\"===n&&e.constructor&&(n=e.constructor.name);if(\"Map\"===n||\"Set\"===n)return Array.from(e);if(\"Arguments\"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Cs(e,t)}(e,t)||function(){throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")}()}function Cs(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n0,r=u===t,o=c.a.createElement(Vr,{innerHtml:e.title}),i=n?c.a.createElement(c.a.Fragment,null,c.a.createElement(\"div\",{className:\"mobileNavLink\".concat(r?\"Open\":\"Closed\")},o),c.a.createElement(or,{color:r?pn.crimson:pn.black,stroke:r?pn.crimson:pn.black,dataRoh:\"expand\".concat(e.path),mobileSize:10.5,tabletSize:14,name:\"arrowMenu\",title:\"Expand\",className:\"disclosureArrow\".concat(r?\"Open\":\"Closed\")})):c.a.createElement(Ht,{href:e.path,className:\"mobileNavLink\",onClick:d},o);return c.a.createElement(Ju,{key:e.title,onClick:function(){return n?f(r?-1:t):null}},c.a.createElement(Ku,null,i),n&&c.a.createElement(Qu,{pose:r?\"open\":\"closed\"},c.a.createElement(tf,{level2NavItems:e.level2NavItems,handleMenuClose:d})))})))},ff=ln()([\"subMenus\",\"isOpen\"])(uf),pf=ln()([\"subMenus\",\"isOpen\"])((function(e){var t=e.subMenus,n=e.handleMenuClose,r=e.isOpen;return l.createElement(Gu,null,l.createElement(ff,{isOpen:r,subMenus:t,handleMenuClose:n}))})),df=function(e){var t=e.handleMenuClose,n=e.handleSearchOpen,r=e.menuItems,o=e.userName,i=e.isOpen,a=e.learningPlatform;return l.createElement(l.Fragment,null,l.createElement(Yu,{color:pn.black,handleMenuOpen:t,handleMenuClose:t,handleSearchOpen:n,userName:o,isOverlay:!0,learningPlatform:a}),l.createElement(pf,{subMenus:r,handleMenuClose:t,isOpen:i}))},hf=ln()([\"isOpen\",\"menuItems\",\"userName\"])(df),mf=n(24),vf=n.n(mf),gf=n(25),Cf=n.n(gf),yf=p.a.button.withConfig({componentId:\"u8thw3-0\"})([\"background:none;border:none;cursor:pointer;\"]),xf=function(){return l.createElement(yf,{type:\"submit\"},l.createElement(or,{color:pn.black,desktopSize:30,mobileSize:20,name:\"rightArrow\",title:\"Search\"}))},bf=on()(ln()([\"isButtonVisible\"]),vf()((function(e){return!e.isButtonVisible}),Cf.a),os)(xf),wf=p.a.label.withConfig({componentId:\"sc-19jr5cu-0\"})([\"align-items:center;cursor:pointer;display:flex;height:54px;\"]),Ef=p.a.span.withConfig({componentId:\"sc-19jr5cu-1\"})([\"position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;\"]),kf=p.a.button.withConfig({componentId:\"sc-19jr5cu-2\"})([\"border:none;background:none;cursor:pointer;\"]),Lf=os((function(){return l.createElement(wf,{htmlFor:\"search\"},l.createElement(Ef,null,\"Type your search here\"),l.createElement(kf,{type:\"submit\"},l.createElement(or,{color:pn.white,stroke:pn.black,dataRoh:\"iconSearchField\",desktopSize:32,tabletSize:32,mobileSize:20,name:\"search\",title:\"Search the ROH website\"})))}));function Mf(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var Of=p.a.form.withConfig({componentId:\"utvj0i-0\"})([\"align-items:center;color:\",\";display:flex;border-bottom:2px solid \",\";flex-grow:1;margin:0 20px;\",\";\",\";\"],pn.silver,pn.black,gn.tablet(of||(of=Mf([\"\\n margin: 0 50px ;\\n \"]))),gn.desktop(af||(af=Mf([\"\\n margin: 0 60px;\\n \"])))),Hf=p()(cu).withConfig({componentId:\"utvj0i-1\"})([\"\",\" appearance:none;background-color:transparent;border:0;color:\",\";height:54px;margin:0 0 0 15px;outline:0;resize:none;width:100%;\",\" &::placeholder{color:\",\";font-weight:\",\";}&::-ms-clear{display:none;}\"],(function(e){return function(e){if(null==e)throw new TypeError(\"Cannot destructure undefined\")}(e),\"\"}),pn.black,vn(lf||(lf=Mf([\"\\n font-size: 15px;\\n margin: 0;\\n \"]))),pn.silver,nu),zf=function(e){var t=e.handleChange,n=e.handleSearch,r=e.isButtonVisible,o=e.searchValue,i=e.isAutoFocus,a=l.createRef();return l.useEffect((function(){var e;i&&(null===(e=a.current)||void 0===e||e.focus())}),[i]),l.createElement(Of,{id:\"searchForm\",onSubmit:n},l.createElement(Lf,null),l.createElement(Hf,{as:\"input\",\"aria-label\":\"Search\",\"data-roh\":\"fieldSearch\",id:\"search\",onChange:t,placeholder:\"Search for anything ROH...\",autoFocus:i,type:\"text\",value:o,ref:a}),l.createElement(bf,{isButtonVisible:r}))},Sf=on()(ln()([\"searchValue\",\"autoFocus\"]),zn()((function(e){return{isButtonVisible:!!e.searchValue}})),zn()((function(e){var t=e.searchValue;return{isAutoFocus:!!e.autoFocus&&!t}})))(zf),Vf=p.a.div.withConfig({componentId:\"sc-5weweo-0\"})([\"display:flex;justify-content:space-between;padding:20px 25px 0;form{@media screen and (max-width:\",\"px){position:absolute;top:100px;left:0;right:0;margin:0 25px;}}\"],hn.tablet),Pf=function(e){var t=e.handleMenuClose,n=e.handleSearchChange,r=e.searchValue,o=e.handleSearch,i=e.isOpen;return l.createElement(Vf,null,l.createElement(fs,{handleMenuClose:t}),l.createElement(Sf,{handleSearch:o,handleChange:n,searchValue:r,autoFocus:i}),l.createElement(Bu,{handleClick:t,textColor:pn.black,isOverlay:!0,label:\"Close\",noUppercase:!0}))},Af=ln()([\"handleSearchChange\",\"searchValue\",\"isOpen\"])(Pf);function jf(e,t){return e.replace(new RegExp(\"(^|\\\\s)\"+t+\"(?:\\\\s|$)\",\"g\"),\"$1\").replace(/\\s+/g,\" \").replace(/^\\s*|\\s*$/g,\"\")}var If=n(13),Rf=n.n(If),Tf=!1,Bf=c.a.createContext(null),Nf=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,i=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?i?(o=\"exited\",r.appearStatus=\"entering\"):o=\"entered\":o=t.unmountOnExit||t.mountOnEnter?\"unmounted\":\"exited\",r.state={status:o},r.nextCallback=null,r}Object(Le.a)(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&\"unmounted\"===t.status?{status:\"exited\"}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?\"entering\"!==n&&\"entered\"!==n&&(t=\"entering\"):\"entering\"!==n&&\"entered\"!==n||(t=\"exiting\")}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&\"number\"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),\"entering\"===t?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&\"exited\"===this.state.status&&this.setState({status:\"unmounted\"})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,o=this.props.nodeRef?[r]:[Rf.a.findDOMNode(this),r],i=o[0],a=o[1],l=this.getTimeouts(),c=r?l.appear:l.enter;!e&&!n||Tf?this.safeSetState({status:\"entered\"},(function(){t.props.onEntered(i)})):(this.props.onEnter(i,a),this.safeSetState({status:\"entering\"},(function(){t.props.onEntering(i,a),t.onTransitionEnd(c,(function(){t.safeSetState({status:\"entered\"},(function(){t.props.onEntered(i,a)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:Rf.a.findDOMNode(this);t&&!Tf?(this.props.onExit(r),this.safeSetState({status:\"exiting\"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:\"exited\"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:\"exited\"},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:Rf.a.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=o[0],a=o[1];this.props.addEndListener(i,a)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(\"unmounted\"===e)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,Je(t,[\"children\",\"in\",\"mountOnEnter\",\"unmountOnExit\",\"appear\",\"enter\",\"exit\",\"timeout\",\"addEndListener\",\"onEnter\",\"onEntering\",\"onEntered\",\"onExit\",\"onExiting\",\"onExited\",\"nodeRef\"]));return c.a.createElement(Bf.Provider,{value:null},\"function\"==typeof n?n(e,r):c.a.cloneElement(c.a.Children.only(n),r))},t}(c.a.Component);function Ff(){}Nf.contextType=Bf,Nf.propTypes={},Nf.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Ff,onEntering:Ff,onEntered:Ff,onExit:Ff,onExiting:Ff,onExited:Ff},Nf.UNMOUNTED=\"unmounted\",Nf.EXITED=\"exited\",Nf.ENTERING=\"entering\",Nf.ENTERED=\"entered\",Nf.EXITING=\"exiting\";var Zf=Nf,Df=function(e,t){return e&&t&&t.split(\" \").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):\"string\"==typeof n.className?n.className=jf(n.className,r):n.setAttribute(\"class\",jf(n.className&&n.className.baseVal||\"\",r)));var n,r}))},_f=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o *{transition:opacity \",\"ms ease-in-out;}&.menu-enter{top:-100%;& > *{opacity:0;}}&.menu-enter-active{top:0;& > *{opacity:1;}}&.menu-exit{top:0;display:block;& > *{opacity:1;}}&.menu-exit-active{display:block;top:-100%;& > *{opacity:0;}}&.menu-exit-done{display:none;}\",\";\"],(function(e){return e.timeout}),(function(e){return e.timeout}),gn.desktop(qf||(qf=Gf([\"\\n transition: left \",\"ms ease-in-out;\\n &.menu-enter {\\n left: 100%;\\n }\\n\\n &.menu-enter-active {\\n left: 0;\\n }\\n\\n &.menu-exit {\\n top: 0;\\n left: 0;\\n }\\n\\n &.menu-exit-active {\\n top: 0;\\n left: 100%;\\n }\\n \"])),(function(e){return e.timeout}))),tp=(p.a.div.withConfig({componentId:\"sc-1372l24-2\"})([\"align-items:center;display:flex;justify-content:space-between;min-height:90px;width:100%;\"]),p.a.div.withConfig({componentId:\"sc-1372l24-3\"})([\"background-color:\",\";\",\" display:\",\";flex-direction:column;height:100vh;overflow-y:\",\";position:fixed;width:100%;left:0;\",\";\",\";\"],pn.white,(function(e){return e.isSearchOpen&&Object(f.css)([\"background:linear-gradient( 180deg,rgba(255,255,255,1) 30%,rgba(255,255,255,0.8) 100% );\"])}),(function(e){return e.isOpen?\"block\":\"none\"}),(function(e){return e.isSearchOpen?\"auto\":\"scroll\"}),gn.desktop($f||($f=Gf([\"\\n position: relative;\\n top: 0;\\n max-height: 100%;\\n min-height: 600px;\\n \"]))),gn.huge(Wf||(Wf=Gf([\"\\n width: \",\"px;\\n \"])),hn.huge))),np=(p.a.div.withConfig({componentId:\"sc-1372l24-4\"})([\"overflow-y:auto;overflow-x:hidden;margin:15px 15px 0;padding:20px 0;::-webkit-scrollbar{-webkit-appearance:none;}::-webkit-scrollbar:vertical{width:10px;}::-webkit-scrollbar:horizontal{height:10px;}::-webkit-scrollbar-thumb{background-color:\",\";border-radius:10px;border:2px solid #eee;}::-webkit-scrollbar-track{background-color:#eee;}\",\";\"],pn.alto,gn.desktop(Xf||(Xf=Gf([\"\\n width: 720px;\\n \"])))),function(e){var t=e.handleMenuClose,n=e.handleSearch,r=e.handleSearchChange,o=e.isOpen,i=e.isSearchOpen,a=e.searchValue,c=e.handleSearchOpen,s=e.menuItems,u=e.userName,f=e.learningPlatform,p=On();return l.useEffect((function(){o&&!i&&\"desktop\"===p&&t()}),[p]),l.createElement(Qf,null,l.createElement(ep,{in:o,timeout:600,classNames:\"menu\"},l.createElement(tp,{isOpen:o,isSearchOpen:i},i?l.createElement(Af,{handleMenuClose:t,handleSearch:n,handleSearchChange:r,searchValue:a,isOpen:!!o&&i}):l.createElement(hf,{handleMenuClose:t,handleSearchOpen:c,menuItems:s,userName:u,isOpen:!!o,learningPlatform:f}))))}),rp=ln()([\"menuItems\",\"isOpen\",\"isSearchOpen\",\"searchValue\",\"userName\"])(np);function op(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var ip,ap,lp=p.a.div.withConfig({componentId:\"sc-1y9zhtp-0\"})([\"background-color:\",\";z-index:\",\";position:fixed;top:0;width:100%;max-width:inherit;height:\",\"px;\",\";\",\";\"],pn.white,xn.header,115,gn.desktop(Kf||(Kf=op([\"\\n position: relative;\\n position: relative;\\n height: \",\";\\n \"])),(function(){return\"\".concat(185,\"px\")})),gn.huge(Jf||(Jf=op([\"\\n height: \",\";\\n \"])),(function(){return\"\".concat(150,\"px\")}))),cp=function(e){var t=e.id,n=e.style,r=e.menuItems,o=e.userName,i=e.handleMenuClose,a=e.handleMenuOpen,c=e.handleSearch,s=e.handleSearchChange,u=e.handleSearchOpen,f=e.isMenuOpen,p=e.isSearchOpen,d=e.searchValue,h=e.learningPlatform,m=e.isAuthorized,v=On();return l.createElement(lp,{id:t,style:n},\"desktop\"===v&&l.createElement(ju,{handleSearchOpen:u,menuItems:r,userName:o,isAuthorized:m,learningPlatform:h}),[\"mobile\",\"tablet\"].includes(null!=v?v:\"\")&&l.createElement(Yu,{color:pn.black,handleMenuOpen:a,handleMenuClose:i,handleSearchOpen:u,userName:o,isAuthorized:m,learningPlatform:h,isOverlay:!1}),l.createElement(rp,{handleSearchChange:s,handleMenuClose:i,handleSearch:c,isOpen:f,isSearchOpen:p,searchValue:d,handleSearchOpen:u,menuItems:r,userName:o,learningPlatform:h}))},sp=on()(fn()(\"searchValue\",\"setSearchValue\",\"\"),sn()({handleSearch:function(e){var t=e.searchValue;return function(e){e.preventDefault(),function(e){if(e){var t=\"/search?q=\".concat(encodeURIComponent(e));window.location.assign(t)}}(t)}},handleSearchChange:function(e){var t=e.setSearchValue;return function(e){e.preventDefault(),t(e.currentTarget.value)}}})),up=on()(fn()(\"isMenuOpen\",\"setIsMenuOpen\",!1),fn()(\"isSearchOpen\",\"setIsSearchOpen\",!1),sn()({handleMenuClose:function(e){var t=e.setIsMenuOpen;return function(){t(!1)}},handleMenuOpen:function(e){var t=e.setIsMenuOpen,n=e.setIsSearchOpen;return function(){t(!0),n(!1)}},handleSearchOpen:function(e){var t=e.setIsMenuOpen,n=e.setIsSearchOpen;return function(){t(!0),n(!0)}}}),sp,ln()([\"menuItems\",\"isSearchOpen\",\"isMenuOpen\",\"searchValue\",\"userName\",\"learningPlatform\",\"isAuthorized\"]))(cp),fp=p.a.img.withConfig({componentId:\"uxy0h9-0\"})([\"width:100%;\"]),pp=\"Art Council England\",dp=function(){return l.createElement(\"a\",{\"data-roh\":\"link-arts-council\",href:\"https://www.artscouncil.org.uk/\",rel:\"noopener noreferrer\",target:\"_blank\",title:pp},l.createElement(fp,{alt:pp,src:\"https://static.roh.org.uk/redesign/ace-sponsor_logo_red.png\"}))},hp=l.memo(dp),mp=[{href:\"/policies/privacy\",name:\"Privacy notice\"},{href:\"/policies/cookie-usage\",name:\"Cookies usage\"},{href:\"/policies/terms-and-conditions-of-sale\",name:\"Terms & conditions of sale\"},{href:\"/policies/community-guidelines\",name:\"Community guidelines\"},{href:\"/about/royal-opera-house/corporate-policies\",name:\"Corporate policy\"}];function vp(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var gp,Cp,yp,xp,bp,wp,Ep=p()(Ht).withConfig({componentId:\"sc-1ct5ejo-0\"})([\"\",\" flex:0 0 calc(50% - 10px);margin:0 5px;color:\",\";flex:0 0 auto;padding:16px 0;text-decoration:underline;\",\";\"],Er,u.crimson,C.tablet(ip||(ip=vp([\"\\n flex: 0 0 auto;\\n margin: 0;\\n \"])))),kp=p.a.div.withConfig({componentId:\"sc-1ct5ejo-1\"})([\"display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -5px;\",\";\"],C.tablet(ap||(ap=vp([\"\\n flex-wrap: nowrap;\\n justify-content: space-between;\\n margin: 0;\\n \"])))),Lp=function(){return l.createElement(kp,null,mp.map((function(e){return l.createElement(Ep,{key:e.name,href:e.href},e.name)})))};function Mp(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var Op,Hp,zp,Sp=p.a.div.withConfig({componentId:\"sc-1lc83e9-0\"})([\"display:flex;flex-direction:column;flex-shrink:0;margin:0;padding:24px 0 64px;\",\";\"],C.tablet(gp||(gp=Mp([\"\\n padding: 48px 0 60px;\\n \"])))),Vp=p.a.div.withConfig({componentId:\"sc-1lc83e9-1\"})([\"padding-bottom:16px;\",\";\"],C.tablet(Cp||(Cp=Mp([\"\\n padding-bottom: 32px;\\n \"])))),Pp=p.a.p.withConfig({componentId:\"sc-1lc83e9-2\"})([\"display:flex;font-size:11px;font-weight:\",\";line-height:16px;margin:0;\",\";\",\";\"],cr.light,C.tablet(yp||(yp=Mp([\"\\n font-size: 12px;\\n \"]))),C.desktop(xp||(xp=Mp([\"\\n width: 67%;\\n \"])))),Ap=p.a.div.withConfig({componentId:\"sc-1lc83e9-3\"})([\"flex-shrink:0;margin-bottom:16px;width:45%;\",\";\",\";\"],C.tablet(bp||(bp=Mp([\"\\n margin-bottom: 24px;\\n width: 35%;\\n \"]))),C.desktop(wp||(wp=Mp([\"\\n display: none;\\n \"])))),jp=function(){return l.createElement(Sp,null,l.createElement(Ap,null,l.createElement(hp,null)),l.createElement(Vp,null,l.createElement(Lp,null)),l.createElement(Pp,null,\"Royal Opera House Covent Garden Foundation, a charitable company limited by guarantee incorporated in England and Wales (Company number 480523) Charity Registered (Number 211775)\"))};function Ip(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var Rp,Tp,Bp=p.a.span.withConfig({componentId:\"sc-8bava0-0\"})([\"padding:0 0 20px;&:last-child{padding:0;}\",\";\"],C.tablet(Op||(Op=Ip([\"\\n padding: 0;\\n width: 180px;\\n \"])))),Np=p()(Ht).withConfig({componentId:\"sc-8bava0-1\"})([\"\",\" color:\",\";font-weight:\",\";line-height:normal;text-decoration:underline;&[href^='tel:']{text-decoration:none;}\",\";\"],yr,u.crimson,cr.medium,C.tablet(Hp||(Hp=Ip([\"\\n font-size: 14px;\\n line-height: normal;\\n padding: 0;\\n \"])))),Fp=p.a.p.withConfig({componentId:\"sc-8bava0-2\"})([\"\",\" line-height:normal;margin:5px 0;\",\";\"],yr,C.tablet(zp||(zp=Ip([\"\\n font-size: 14px;\\n \"])))),Zp=function(e){var t=e.dataRoh,n=e.label,r=e.link,o=e.text;return l.createElement(Bp,null,l.createElement(Np,{\"data-roh\":\"lnk\".concat(t),href:r,title:n},n),l.createElement(Fp,null,o))};function Dp(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var _p,Up,qp,$p,Wp=p.a.div.withConfig({componentId:\"sc-185fypu-0\"})([\"display:flex;flex-direction:column;justify-content:space-around;width:100%;\",\";\",\";\"],C.tablet(Rp||(Rp=Dp([\"\\n align-items: center;\\n flex-direction: row;\\n justify-content: space-between;\\n padding: 90px 0 0;\\n svg {\\n font-size: 36px;\\n }\\n \"]))),C.desktop(Tp||(Tp=Dp([\"\\n padding: 150px 0 0;\\n width: 70%;\\n svg {\\n font-size: 46px;\\n }\\n \"])))),Xp=function(){return l.createElement(Wp,null,l.createElement(Zp,{dataRoh:\"ContactNumber\",label:\"+44 (0)20 7304 4000\",link:\"tel:+4420 7304 4000\",text:\"Monday–Saturday 10am–8pm\"}),l.createElement(Zp,{dataRoh:\"EmailUs\",label:\"Email us\",link:\"/contact\",text:\"Monitored Monday–Friday 9am–5pm\"}),l.createElement(Zp,{dataRoh:\"SignUp\",label:\"Sign up\",link:\"/account/contact-preferences\",text:\"For our latest news, offers and alerts\"}))},Yp=function(e){var t=e.color;return null!=t?t:u.black},Gp=Object(f.css)([\"padding:34px 0;position:relative;&::after,&::before{content:'';height:2px;left:0;position:absolute;}&::before{top:0;width:45%;}&::after{bottom:0;width:100%;}\"]),Kp=p.a.div.withConfig({componentId:\"sc-11jv7zi-0\"})([\"\",\" \",\";&::after,&::before{background-color:\",\";color:\",\";}&::before{\",\"}\"],Gp,(function(e){return e.isSwapped&&\"text-align: right\"}),Yp,Yp,(function(e){return e.isSwapped?\"right: 0; left: auto\":\"\"}));function Jp(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var Qp,ed,td=p.a.div.withConfig({componentId:\"sc-5mzj76-0\"})([\"display:flex;flex-direction:column;margin-top:24px;\",\";\"],C.tablet(_p||(_p=Jp([\"\\n flex-direction: row;\\n \"])))),nd=p.a.div.withConfig({componentId:\"sc-5mzj76-1\"})([\"display:none;\",\";\"],C.desktop(Up||(Up=Jp([\"\\n display: block;\\n padding: 150px 20px 0 0;\\n width: 246px;\\n \"])))),rd=p()(Kp).withConfig({componentId:\"sc-5mzj76-2\"})([\"&:before{position:absolute;}\",\";\",\";\"],C.tablet(qp||(qp=Jp([\"\\n display: flex;\\n flex-direction: row;\\n justify-content: space-between;\\n padding: 0 0 80px 0;\\n width: 100%;\\n \"]))),C.desktop($p||($p=Jp([\"\\n padding: 0 0 150px 0;\\n \"])))),od=function(){return l.createElement(td,null,l.createElement(rd,{color:u.crimson},l.createElement(nd,null,l.createElement(hp,null)),l.createElement(Xp,null)))},id=function(e){var t=e.dataRoh,n=e.icon,r=e.link;return l.createElement(\"a\",{\"data-roh\":\"lnk\".concat(t),href:r,rel:\"noopener noreferrer\",target:\"_blank\"},l.createElement(ke,{color:u.crimson,desktopSize:30,mobileSize:28,icon:n,tabletSize:30}))},ad=[{dataRoh:\"Facebook\",link:\"https://www.facebook.com/royalballetandopera\",icon:w},{dataRoh:\"X\",link:\"https://x.com/rbo_org\",icon:L},{dataRoh:\"TikTok\",link:\"https://www.tiktok.com/@royalballetandopera\",icon:k},{dataRoh:\"Instagram\",link:\"https://www.instagram.com/royalballetandopera/\",icon:E},{dataRoh:\"Youtube\",link:\"https://www.youtube.com/@RoyalBalletAndOpera\",icon:M}];function ld(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var cd,sd=p.a.div.withConfig({componentId:\"h0wg0v-0\"})([\"display:flex;justify-content:space-between;width:100%;\",\";\",\";\"],C.tablet(Qp||(Qp=ld([\"\\n width: 45.5%;\\n & svg {\\n font-size: 36px;\\n margin: 0;\\n }\\n \"]))),C.desktop(ed||(ed=ld([\"\\n & svg {\\n font-size: 46px;\\n }\\n \"])))),ud=function(){return l.createElement(sd,null,ad.map((function(e){var t=e.dataRoh,n=e.icon,r=e.link;return l.createElement(id,{key:t,dataRoh:t,icon:n,link:r})})))};var fd,pd,dd=p.a.div.withConfig({componentId:\"tjjb9r-0\"})([\"display:flex;flex-direction:column;margin-top:24px;padding:8px 0;svg{color:\",\";}\",\";\"],u.crimson,C.tablet(cd||(cd=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}([\"\\n flex-direction: row;\\n padding: 40px 0;\\n \"])))),hd=function(){return l.createElement(dd,null,l.createElement(ud,null))};function md(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var vd,gd,Cd,yd=p.a.footer.withConfig({componentId:\"ykgtli-0\"})([\"background-color:\",\";color:\",\";display:flex;flex-direction:column;padding:0 15px;\",\";\",\";\"],u.vanillaIce,u.crimson,C.tablet(fd||(fd=md([\"\\n padding: 0 40px;\\n \"]))),C.desktop(pd||(pd=md([\"\\n padding: 0 85px;\\n \"])))),xd=function(e){var t=e.hideSocial;return l.createElement(yd,null,!t&&l.createElement(hd,null),l.createElement(od,null),l.createElement(jp,null))},bd=l.memo(xd),wd=p.a.div.withConfig({componentId:\"j66hx8-0\"})([\"background-color:\",\";color:\",\";display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;opacity:\",\";\"],(function(e){return e.grey?u.mercury:u.black}),(function(e){return e.grey?u.black:u.white}),(function(e){return e.past?.5:1})),Ed=p.a.div.withConfig({componentId:\"j66hx8-1\"})([\"width:75px;height:75px;img{width:100%;height:100%;}\"]),kd=p.a.div.withConfig({componentId:\"j66hx8-2\"})([\"padding:5px 10px;flex:1;\"]),Ld=p.a.div.withConfig({componentId:\"j66hx8-3\"})([\"font-weight:500;font-size:12px;line-height:14px;text-decoration:underline;h4{font-weight:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;}\"]),Md=p.a.div.withConfig({componentId:\"j66hx8-4\"})([\"font-weight:300;font-size:10px;line-height:14px;margin-top:2px;\"]),Od=p.a.div.withConfig({componentId:\"j66hx8-5\"})([\"font-size:10px;line-height:14px;font-weight:500;margin-top:2px;\"]),Hd=function(e){var t=e.grey,n=void 0!==t&&t,r=e.past,o=void 0!==r&&r,i=e.image,a=e.imageAlt,c=void 0===a?\"\":a,s=e.title,u=e.tag,f=e.time;return l.createElement(wd,{grey:n,past:o},l.createElement(Ed,null,l.createElement(\"img\",{src:i||\"https://static.roh.org.uk/redesign/event-details-placeholder-mobile.jpg\",alt:c,onError:function(e){var t=e.target;t.onerror=function(){},t.src=\"https://static.roh.org.uk/redesign/event-details-placeholder-mobile.jpg\"}})),l.createElement(kd,null,l.createElement(Ld,{dangerouslySetInnerHTML:{__html:s}}),u&&l.createElement(Md,null,u),f&&l.createElement(Od,null,f)))},zd=l.memo(Hd),Sd=p.a.label.withConfig({componentId:\"mxctm4-0\"})([\"margin:0;padding:0;cursor:pointer;position:relative;padding-left:40px;display:block;\",\";input[type='radio']{width:0;height:0;opacity:0;visibility:hidden;position:absolute;left:-99999px;}\"],yr),Vd=p.a.div.withConfig({componentId:\"mxctm4-1\"})([\"width:21px;height:21px;border-radius:50%;border:1px solid \",\";position:absolute;top:0;left:0;input[type='radio']:checked + &{&:before{display:block;content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;background:\",\";}}\"],u.black,u.black),Pd=function(e){var t=e.id,n=e.name,r=e.value,o=e.text,i=e.onClick,a=e.defaultChecked,c=void 0!==a&&a;return l.createElement(Sd,null,l.createElement(\"input\",{type:\"radio\",name:n,value:r,id:t,defaultChecked:c,onClick:function(){return null==i?void 0:i()}}),l.createElement(Vd,null),o)},Ad=l.memo(Pd);function jd(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var Id=p.a.label.withConfig({componentId:\"bqy9o1-0\"})([\"display:flex;width:100%;margin:0;padding:0;cursor:pointer;position:relative;input[type='radio']{position:absolute;width:0;height:0;opacity:0;visibility:hidden;left:-99999px;}\"]),Rd=p.a.div.withConfig({componentId:\"bqy9o1-1\"})([\"display:none;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:16px;height:16px;top:6px;right:6px;background:\",\";span,svg{display:block;}svg{width:1em;height:1em;font-size:10px;}\"],u.crimson),Td=p.a.div.withConfig({componentId:\"bqy9o1-2\"})([\"width:100%;padding:5px 25px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid \",\";input[type='radio']:checked + &{border:2px solid \",\";\",\"{display:flex;}}\",\";\"],u.black,u.crimson,Rd,C.tablet(vd||(vd=jd([\"\\n min-height: 70px;\\n \"])))),Bd=p.a.div.withConfig({componentId:\"bqy9o1-3\"})([\"width:100%;font-style:normal;font-weight:normal;font-size:13px;line-height:20px;\",\";\"],C.tablet(gd||(gd=jd([\"\\n font-size: 18px;\\n line-height: 25px;\\n \"])))),Nd=p.a.div.withConfig({componentId:\"bqy9o1-4\"})([\"width:100%;font-size:11px;line-height:15px;opacity:0.7;\",\";\"],C.tablet(Cd||(Cd=jd([\"\\n font-size: 14px;\\n line-height: 20px;\\n \"])))),Fd=function(e){var t=e.id,n=e.name,r=e.value,o=e.title,i=e.text,a=e.onClick,c=e.defaultChecked,s=void 0!==c&&c;return l.createElement(Id,null,l.createElement(\"input\",{type:\"radio\",name:n,id:t,value:r,defaultChecked:s,onClick:function(){return null==a?void 0:a()}}),l.createElement(Td,null,l.createElement(Rd,null,l.createElement(F,{color:u.white})),l.createElement(Bd,null,o),!!i&&l.createElement(Nd,null,i)))},Zd=l.memo(Fd),Dd=p.a.div.withConfig({componentId:\"sc-1jpd8gr-0\"})([\"height:\",\";display:flex;flex-direction:row;align-items:center;justify-content:center;\"],(function(e){return e.fullHeight?\"100vh\":\"150px\"})),_d=function(e){var t=e.fullHeight,n=void 0!==t&&t;return l.createElement(Dd,{fullHeight:n},l.createElement(\"svg\",{className:\"preloader-icon\",viewBox:\"0 0 50 50\",width:\"50\",height:\"50\"},l.createElement(\"circle\",{stroke:\"none\",cx:\"6\",cy:\"25\",r:\"6\"},l.createElement(\"animate\",{attributeName:\"opacity\",dur:\"1s\",values:\"0;1;0\",repeatCount:\"indefinite\",begin:\"0.1\"})),l.createElement(\"circle\",{stroke:\"none\",cx:\"25\",cy:\"25\",r:\"6\"},l.createElement(\"animate\",{attributeName:\"opacity\",dur:\"1s\",values:\"0;1;0\",repeatCount:\"indefinite\",begin:\"0.2\"})),l.createElement(\"circle\",{stroke:\"none\",cx:\"44\",cy:\"25\",r:\"6\"},l.createElement(\"animate\",{attributeName:\"opacity\",dur:\"1s\",values:\"0;1;0\",repeatCount:\"indefinite\",begin:\"0.3\"}))))},Ud=l.memo(_d),qd=p.a.div.withConfig({componentId:\"sc-6vvgll-0\"})([\"width:100%;\"]),$d=p.a.label.withConfig({componentId:\"sc-6vvgll-1\"})([\"\",\";margin-bottom:8px;display:block;\"],yr),Wd=p.a.input.withConfig({componentId:\"sc-6vvgll-2\"})([\"\",\";width:100%;border:2px solid \",\";height:48px;padding:0 8px;outline:0;background:\",\";appearance:none;border-radius:0;@media screen and (max-width:767px){height:40px;}&.error{border:2px solid red;}&:disabled{background:\",\";border:2px solid \",\";}&[type='number']{-moz-appearance:textfield;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&::-webkit-input-placeholder{color:\",\";}&:-ms-input-placeholder{color:\",\";}&::placeholder{color:\",\";}\"],yr,u.alto,u.white,u.wildSand,u.wildSand,u.silverChalice,u.silverChalice,u.silverChalice),Xd=p.a.div.withConfig({componentId:\"sc-6vvgll-3\"})([\"position:relative;&.showHide{\",\"{padding-right:80px;@media screen and (max-width:767px){padding-right:62px;}}}\"],Wd),Yd=p.a.div.withConfig({componentId:\"sc-6vvgll-4\"})([\"position:absolute;z-index:2;top:50%;margin-top:-10px;right:18px;width:50px;font-weight:500;font-size:14px;line-height:20px;color:\",\";text-transform:uppercase;cursor:pointer;user-select:none;text-align:center;@media screen and (max-width:767px){right:12px;font-size:12px;width:44px;}\"],u.black);function Gd(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&(\"undefined\"!=typeof Symbol&&e[Symbol.iterator]||e[\"@@iterator\"]);if(null==n)return;var r=[],o=!0,i=!1,a=void 0;try{for(n=n.call(e),_s;!(o=(_s=n.next()).done)&&(r.push(_s.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}(e,t)||function(e,t){if(!e)return;if(\"string\"==typeof e)return Kd(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);\"Object\"===n&&e.constructor&&(n=e.constructor.name);if(\"Map\"===n||\"Set\"===n)return Array.from(e);if(\"Arguments\"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Kd(e,t)}(e,t)||function(){throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")}()}function Kd(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=\nE};k=function(){};exports.unstable_forceFrameRate=function(a){0>a||125>>1,e=a[d];if(void 0!==e&&0I(n,c))void 0!==r&&0>I(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>I(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function I(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var L=[],M=[],N=1,O=null,P=3,Q=!1,R=!1,S=!1;\nfunction T(a){for(var b=J(M);null!==b;){if(null===b.callback)K(M);else if(b.startTime<=a)K(M),b.sortIndex=b.expirationTime,H(L,b);else break;b=J(M)}}function U(a){S=!1;T(a);if(!R)if(null!==J(L))R=!0,f(V);else{var b=J(M);null!==b&&g(U,b.startTime-a)}}\nfunction V(a,b){R=!1;S&&(S=!1,h());Q=!0;var c=P;try{T(b);for(O=J(L);null!==O&&(!(O.expirationTime>b)||a&&!exports.unstable_shouldYield());){var d=O.callback;if(\"function\"===typeof d){O.callback=null;P=O.priorityLevel;var e=d(O.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?O.callback=e:O===J(L)&&K(L);T(b)}else K(L);O=J(L)}if(null!==O)var m=!0;else{var n=J(M);null!==n&&g(U,n.startTime-b);m=!1}return m}finally{O=null,P=c,Q=!1}}var W=k;exports.unstable_IdlePriority=5;\nexports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null};exports.unstable_continueExecution=function(){R||Q||(R=!0,f(V))};exports.unstable_getCurrentPriorityLevel=function(){return P};exports.unstable_getFirstCallbackNode=function(){return J(L)};\nexports.unstable_next=function(a){switch(P){case 1:case 2:case 3:var b=3;break;default:b=P}var c=P;P=b;try{return a()}finally{P=c}};exports.unstable_pauseExecution=function(){};exports.unstable_requestPaint=W;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=P;P=a;try{return b()}finally{P=c}};\nexports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();\"object\"===typeof c&&null!==c?(c=c.delay,c=\"number\"===typeof c&&0d?(a.sortIndex=c,H(M,a),null===J(L)&&a===J(M)&&(S?h():S=!0,g(U,c-d))):(a.sortIndex=e,H(L,a),R||Q||(R=!0,f(V)));return a};\nexports.unstable_wrapCallback=function(a){var b=P;return function(){var c=P;P=b;try{return a.apply(this,arguments)}finally{P=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareContext) {\n var ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n if (ret !== void 0) {\n return !!ret;\n }\n\n if (objA === objB) {\n return true;\n }\n\n if (typeof objA !== \"object\" || !objA || typeof objB !== \"object\" || !objB) {\n return false;\n }\n\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n // Test for A's keys different from B.\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key)) {\n return false;\n }\n\n var valueA = objA[key];\n var valueB = objB[key];\n\n ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n if (ret === false || (ret === void 0 && valueA !== valueB)) {\n return false;\n }\n }\n\n return true;\n};\n","function stylis_min (W) {\n function M(d, c, e, h, a) {\n for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {\n g = e.charCodeAt(l);\n l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);\n\n if (0 === b + n + v + m) {\n if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {\n switch (g) {\n case 32:\n case 9:\n case 59:\n case 13:\n case 10:\n break;\n\n default:\n f += e.charAt(l);\n }\n\n g = 59;\n }\n\n switch (g) {\n case 123:\n f = f.trim();\n q = f.charCodeAt(0);\n k = 1;\n\n for (t = ++l; l < B;) {\n switch (g = e.charCodeAt(l)) {\n case 123:\n k++;\n break;\n\n case 125:\n k--;\n break;\n\n case 47:\n switch (g = e.charCodeAt(l + 1)) {\n case 42:\n case 47:\n a: {\n for (u = l + 1; u < J; ++u) {\n switch (e.charCodeAt(u)) {\n case 47:\n if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {\n l = u + 1;\n break a;\n }\n\n break;\n\n case 10:\n if (47 === g) {\n l = u + 1;\n break a;\n }\n\n }\n }\n\n l = u;\n }\n\n }\n\n break;\n\n case 91:\n g++;\n\n case 40:\n g++;\n\n case 34:\n case 39:\n for (; l++ < J && e.charCodeAt(l) !== g;) {\n }\n\n }\n\n if (0 === k) break;\n l++;\n }\n\n k = e.substring(t, l);\n 0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));\n\n switch (q) {\n case 64:\n 0 < r && (f = f.replace(N, ''));\n g = f.charCodeAt(1);\n\n switch (g) {\n case 100:\n case 109:\n case 115:\n case 45:\n r = c;\n break;\n\n default:\n r = O;\n }\n\n k = M(c, r, k, g, a + 1);\n t = k.length;\n 0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));\n if (0 < t) switch (g) {\n case 115:\n f = f.replace(da, ea);\n\n case 100:\n case 109:\n case 45:\n k = f + '{' + k + '}';\n break;\n\n case 107:\n f = f.replace(fa, '$1 $2');\n k = f + '{' + k + '}';\n k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;\n break;\n\n default:\n k = f + k, 112 === h && (k = (p += k, ''));\n } else k = '';\n break;\n\n default:\n k = M(c, X(c, f, I), k, h, a + 1);\n }\n\n F += k;\n k = I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n break;\n\n case 125:\n case 59:\n f = (0 < r ? f.replace(N, '') : f).trim();\n if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\\x00\\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {\n case 0:\n break;\n\n case 64:\n if (105 === g || 99 === g) {\n G += f + e.charAt(l);\n break;\n }\n\n default:\n 58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));\n }\n I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n }\n }\n\n switch (g) {\n case 13:\n case 10:\n 47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\\x00');\n 0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);\n z = 1;\n D++;\n break;\n\n case 59:\n case 125:\n if (0 === b + n + v + m) {\n z++;\n break;\n }\n\n default:\n z++;\n y = e.charAt(l);\n\n switch (g) {\n case 9:\n case 32:\n if (0 === n + m + b) switch (x) {\n case 44:\n case 58:\n case 9:\n case 32:\n y = '';\n break;\n\n default:\n 32 !== g && (y = ' ');\n }\n break;\n\n case 0:\n y = '\\\\0';\n break;\n\n case 12:\n y = '\\\\f';\n break;\n\n case 11:\n y = '\\\\v';\n break;\n\n case 38:\n 0 === n + b + m && (r = I = 1, y = '\\f' + y);\n break;\n\n case 108:\n if (0 === n + b + m + E && 0 < u) switch (l - u) {\n case 2:\n 112 === x && 58 === e.charCodeAt(l - 3) && (E = x);\n\n case 8:\n 111 === K && (E = K);\n }\n break;\n\n case 58:\n 0 === n + b + m && (u = l);\n break;\n\n case 44:\n 0 === b + v + n + m && (r = 1, y += '\\r');\n break;\n\n case 34:\n case 39:\n 0 === b && (n = n === g ? 0 : 0 === n ? g : n);\n break;\n\n case 91:\n 0 === n + b + v && m++;\n break;\n\n case 93:\n 0 === n + b + v && m--;\n break;\n\n case 41:\n 0 === n + b + m && v--;\n break;\n\n case 40:\n if (0 === n + b + m) {\n if (0 === q) switch (2 * x + 3 * K) {\n case 533:\n break;\n\n default:\n q = 1;\n }\n v++;\n }\n\n break;\n\n case 64:\n 0 === b + v + n + m + u + k && (k = 1);\n break;\n\n case 42:\n case 47:\n if (!(0 < n + m + v)) switch (b) {\n case 0:\n switch (2 * g + 3 * e.charCodeAt(l + 1)) {\n case 235:\n b = 47;\n break;\n\n case 220:\n t = l, b = 42;\n }\n\n break;\n\n case 42:\n 47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);\n }\n }\n\n 0 === b && (f += y);\n }\n\n K = x;\n x = g;\n l++;\n }\n\n t = p.length;\n\n if (0 < t) {\n r = c;\n if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;\n p = r.join(',') + '{' + p + '}';\n\n if (0 !== w * E) {\n 2 !== w || L(p, 2) || (E = 0);\n\n switch (E) {\n case 111:\n p = p.replace(ha, ':-moz-$1') + p;\n break;\n\n case 112:\n p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;\n }\n\n E = 0;\n }\n }\n\n return G + p + F;\n }\n\n function X(d, c, e) {\n var h = c.trim().split(ia);\n c = h;\n var a = h.length,\n m = d.length;\n\n switch (m) {\n case 0:\n case 1:\n var b = 0;\n\n for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {\n c[b] = Z(d, c[b], e).trim();\n }\n\n break;\n\n default:\n var v = b = 0;\n\n for (c = []; b < a; ++b) {\n for (var n = 0; n < m; ++n) {\n c[v++] = Z(d[n] + ' ', h[b], e).trim();\n }\n }\n\n }\n\n return c;\n }\n\n function Z(d, c, e) {\n var h = c.charCodeAt(0);\n 33 > h && (h = (c = c.trim()).charCodeAt(0));\n\n switch (h) {\n case 38:\n return c.replace(F, '$1' + d.trim());\n\n case 58:\n return d.trim() + c.replace(F, '$1' + d.trim());\n\n default:\n if (0 < 1 * e && 0 < c.indexOf('\\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());\n }\n\n return d + c;\n }\n\n function P(d, c, e, h) {\n var a = d + ';',\n m = 2 * c + 3 * e + 4 * h;\n\n if (944 === m) {\n d = a.indexOf(':', 9) + 1;\n var b = a.substring(d, a.length - 1).trim();\n b = a.substring(0, d).trim() + b + ';';\n return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;\n }\n\n if (0 === w || 2 === w && !L(a, 1)) return a;\n\n switch (m) {\n case 1015:\n return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;\n\n case 951:\n return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;\n\n case 963:\n return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;\n\n case 1009:\n if (100 !== a.charCodeAt(4)) break;\n\n case 969:\n case 942:\n return '-webkit-' + a + a;\n\n case 978:\n return '-webkit-' + a + '-moz-' + a + a;\n\n case 1019:\n case 983:\n return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;\n\n case 883:\n if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;\n if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;\n break;\n\n case 932:\n if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {\n case 103:\n return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;\n\n case 115:\n return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;\n\n case 98:\n return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;\n }\n return '-webkit-' + a + '-ms-' + a + a;\n\n case 964:\n return '-webkit-' + a + '-ms-flex-' + a + a;\n\n case 1023:\n if (99 !== a.charCodeAt(8)) break;\n b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');\n return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;\n\n case 1005:\n return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;\n\n case 1e3:\n b = a.substring(13).trim();\n c = b.indexOf('-') + 1;\n\n switch (b.charCodeAt(0) + b.charCodeAt(c)) {\n case 226:\n b = a.replace(G, 'tb');\n break;\n\n case 232:\n b = a.replace(G, 'tb-rl');\n break;\n\n case 220:\n b = a.replace(G, 'lr');\n break;\n\n default:\n return a;\n }\n\n return '-webkit-' + a + '-ms-' + b + a;\n\n case 1017:\n if (-1 === a.indexOf('sticky', 9)) break;\n\n case 975:\n c = (a = d).length - 10;\n b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();\n\n switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {\n case 203:\n if (111 > b.charCodeAt(8)) break;\n\n case 115:\n a = a.replace(b, '-webkit-' + b) + ';' + a;\n break;\n\n case 207:\n case 102:\n a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;\n }\n\n return a + ';';\n\n case 938:\n if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {\n case 105:\n return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;\n\n case 115:\n return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;\n\n default:\n return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;\n }\n break;\n\n case 973:\n case 989:\n if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;\n\n case 931:\n case 953:\n if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;\n break;\n\n case 962:\n if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;\n }\n\n return a;\n }\n\n function L(d, c) {\n var e = d.indexOf(1 === c ? ':' : '{'),\n h = d.substring(0, 3 !== c ? e : 10);\n e = d.substring(e + 1, d.length - 1);\n return R(2 !== c ? h : h.replace(na, '$1'), e, c);\n }\n\n function ea(d, c) {\n var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));\n return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';\n }\n\n function H(d, c, e, h, a, m, b, v, n, q) {\n for (var g = 0, x = c, w; g < A; ++g) {\n switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {\n case void 0:\n case !1:\n case !0:\n case null:\n break;\n\n default:\n x = w;\n }\n }\n\n if (x !== c) return x;\n }\n\n function T(d) {\n switch (d) {\n case void 0:\n case null:\n A = S.length = 0;\n break;\n\n default:\n if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {\n T(d[c]);\n } else Y = !!d | 0;\n }\n\n return T;\n }\n\n function U(d) {\n d = d.prefix;\n void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);\n return U;\n }\n\n function B(d, c) {\n var e = d;\n 33 > e.charCodeAt(0) && (e = e.trim());\n V = e;\n e = [V];\n\n if (0 < A) {\n var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);\n void 0 !== h && 'string' === typeof h && (c = h);\n }\n\n var a = M(O, e, c, 0, 0);\n 0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));\n V = '';\n E = 0;\n z = D = 1;\n return a;\n }\n\n var ca = /^\\0+/g,\n N = /[\\0\\r\\f]/g,\n aa = /: */g,\n ka = /zoo|gra/,\n ma = /([,: ])(transform)/g,\n ia = /,\\r+?/g,\n F = /([\\t\\r\\n ])*\\f?&/g,\n fa = /@(k\\w+)\\s*(\\S*)\\s*/,\n Q = /::(place)/g,\n ha = /:(read-only)/g,\n G = /[svh]\\w+-[tblr]{2}/,\n da = /\\(\\s*(.*)\\s*\\)/g,\n oa = /([\\s\\S]*?);/g,\n ba = /-self|flex-/g,\n na = /[^]*?(:[rp][el]a[\\w-]+)[^]*/,\n la = /stretch|:\\s*\\w+\\-(?:conte|avail)/,\n ja = /([^-])(image-set\\()/,\n z = 1,\n D = 1,\n E = 0,\n w = 1,\n O = [],\n S = [],\n A = 0,\n R = null,\n Y = 0,\n V = '';\n B.use = T;\n B.set = U;\n void 0 !== W && U(W);\n return B;\n}\n\nexport default stylis_min;\n","var unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","function memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","// @flow\nimport type { Interpolation } from '../types';\n\nexport default (\n strings: Array,\n interpolations: Array\n): Array => {\n const result = [strings[0]];\n\n for (let i = 0, len = interpolations.length; i < len; i += 1) {\n result.push(interpolations[i], strings[i + 1]);\n }\n\n return result;\n};\n","// @flow\nimport { typeOf } from 'react-is';\n\nexport default (x: any): boolean =>\n x !== null &&\n typeof x === 'object' &&\n (x.toString ? x.toString() : Object.prototype.toString.call(x)) === '[object Object]' &&\n !typeOf(x);\n","// @flow\nexport const EMPTY_ARRAY = Object.freeze([]);\nexport const EMPTY_OBJECT = Object.freeze({});\n","// @flow\nexport default function isFunction(test: any): boolean %checks {\n return typeof test === 'function';\n}\n","// @flow\nimport type { IStyledComponent } from '../types';\n\nexport default function getComponentName(\n target: $PropertyType\n): string {\n return (\n (process.env.NODE_ENV !== 'production' ? typeof target === 'string' && target : false) ||\n // $FlowFixMe\n target.displayName ||\n // $FlowFixMe\n target.name ||\n 'Component'\n );\n}\n","// @flow\nexport default function isStyledComponent(target: any): boolean %checks {\n return target && typeof target.styledComponentId === 'string';\n}\n","// @flow\n\ndeclare var SC_DISABLE_SPEEDY: ?boolean;\ndeclare var __VERSION__: string;\n\nexport const SC_ATTR: string =\n (typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) ||\n 'data-styled';\n\nexport const SC_ATTR_ACTIVE = 'active';\nexport const SC_ATTR_VERSION = 'data-styled-version';\nexport const SC_VERSION = __VERSION__;\nexport const SPLITTER = '/*!sc*/\\n';\n\nexport const IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;\n\nexport const DISABLE_SPEEDY =\n Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'\n ? SC_DISABLE_SPEEDY\n : (typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== ''\n ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY\n : (typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== ''\n ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY\n : process.env.NODE_ENV !== 'production'\n )\n ));\n\n// Shared empty execution context when generating static styles\nexport const STATIC_EXECUTION_CONTEXT = {};\n","// @flow\nimport errorMap from './errors';\n\nconst ERRORS = process.env.NODE_ENV !== 'production' ? errorMap : {};\n\n/**\n * super basic version of sprintf\n */\nfunction format(...args) {\n let a = args[0];\n const b = [];\n\n for (let c = 1, len = args.length; c < len; c += 1) {\n b.push(args[c]);\n }\n\n b.forEach(d => {\n a = a.replace(/%[a-z]/, d);\n });\n\n return a;\n}\n\n/**\n * Create an error file out of errors.md for development and a simple web link to the full errors\n * in production mode.\n */\nexport default function throwStyledComponentsError(\n code: string | number,\n ...interpolations: Array\n) {\n if (process.env.NODE_ENV === 'production') {\n throw new Error(\n `An error occurred. See https://git.io/JUIaE#${code} for more information.${\n interpolations.length > 0 ? ` Args: ${interpolations.join(', ')}` : ''\n }`\n );\n } else {\n throw new Error(format(ERRORS[code], ...interpolations).trim());\n }\n}\n","// @flow\n/* eslint-disable no-use-before-define */\n\nimport type { GroupedTag, Tag } from './types';\nimport { SPLITTER } from '../constants';\nimport throwStyledError from '../utils/error';\n\n/** Create a GroupedTag with an underlying Tag implementation */\nexport const makeGroupedTag = (tag: Tag): GroupedTag => {\n return new DefaultGroupedTag(tag);\n};\n\nconst BASE_SIZE = 1 << 9;\n\nclass DefaultGroupedTag implements GroupedTag {\n groupSizes: Uint32Array;\n\n length: number;\n\n tag: Tag;\n\n constructor(tag: Tag) {\n this.groupSizes = new Uint32Array(BASE_SIZE);\n this.length = BASE_SIZE;\n this.tag = tag;\n }\n\n indexOfGroup(group: number): number {\n let index = 0;\n for (let i = 0; i < group; i++) {\n index += this.groupSizes[i];\n }\n\n return index;\n }\n\n insertRules(group: number, rules: string[]): void {\n if (group >= this.groupSizes.length) {\n const oldBuffer = this.groupSizes;\n const oldSize = oldBuffer.length;\n\n let newSize = oldSize;\n while (group >= newSize) {\n newSize <<= 1;\n if (newSize < 0) {\n throwStyledError(16, `${group}`);\n }\n }\n\n this.groupSizes = new Uint32Array(newSize);\n this.groupSizes.set(oldBuffer);\n this.length = newSize;\n\n for (let i = oldSize; i < newSize; i++) {\n this.groupSizes[i] = 0;\n }\n }\n\n let ruleIndex = this.indexOfGroup(group + 1);\n for (let i = 0, l = rules.length; i < l; i++) {\n if (this.tag.insertRule(ruleIndex, rules[i])) {\n this.groupSizes[group]++;\n ruleIndex++;\n }\n }\n }\n\n clearGroup(group: number): void {\n if (group < this.length) {\n const length = this.groupSizes[group];\n const startIndex = this.indexOfGroup(group);\n const endIndex = startIndex + length;\n\n this.groupSizes[group] = 0;\n\n for (let i = startIndex; i < endIndex; i++) {\n this.tag.deleteRule(startIndex);\n }\n }\n }\n\n getGroup(group: number): string {\n let css = '';\n if (group >= this.length || this.groupSizes[group] === 0) {\n return css;\n }\n\n const length = this.groupSizes[group];\n const startIndex = this.indexOfGroup(group);\n const endIndex = startIndex + length;\n\n for (let i = startIndex; i < endIndex; i++) {\n css += `${this.tag.getRule(i)}${SPLITTER}`;\n }\n\n return css;\n }\n}\n","// @flow\n\nimport throwStyledError from '../utils/error';\n\nconst MAX_SMI = 1 << 31 - 1;\n\nlet groupIDRegister: Map = new Map();\nlet reverseRegister: Map = new Map();\nlet nextFreeGroup = 1;\n\nexport const resetGroupIds = () => {\n groupIDRegister = new Map();\n reverseRegister = new Map();\n nextFreeGroup = 1;\n};\n\nexport const getGroupForId = (id: string): number => {\n if (groupIDRegister.has(id)) {\n return (groupIDRegister.get(id): any);\n }\n\n while (reverseRegister.has(nextFreeGroup)) {\n nextFreeGroup++;\n }\n\n const group = nextFreeGroup++;\n\n if (\n process.env.NODE_ENV !== 'production' &&\n ((group | 0) < 0 || group > MAX_SMI)\n ) {\n throwStyledError(16, `${group}`);\n }\n\n groupIDRegister.set(id, group);\n reverseRegister.set(group, id);\n return group;\n};\n\nexport const getIdForGroup = (group: number): void | string => {\n return reverseRegister.get(group);\n};\n\nexport const setGroupForId = (id: string, group: number) => {\n if (group >= nextFreeGroup) {\n nextFreeGroup = group + 1;\n }\n\n groupIDRegister.set(id, group);\n reverseRegister.set(group, id);\n};\n","// @flow\n\nimport { SPLITTER, SC_ATTR, SC_ATTR_ACTIVE, SC_ATTR_VERSION, SC_VERSION } from '../constants';\nimport { getIdForGroup, setGroupForId } from './GroupIDAllocator';\nimport type { Sheet } from './types';\n\nconst SELECTOR = `style[${SC_ATTR}][${SC_ATTR_VERSION}=\"${SC_VERSION}\"]`;\nconst MARKER_RE = new RegExp(`^${SC_ATTR}\\\\.g(\\\\d+)\\\\[id=\"([\\\\w\\\\d-]+)\"\\\\].*?\"([^\"]*)`);\n\nexport const outputSheet = (sheet: Sheet) => {\n const tag = sheet.getTag();\n const { length } = tag;\n\n let css = '';\n for (let group = 0; group < length; group++) {\n const id = getIdForGroup(group);\n if (id === undefined) continue;\n\n const names = sheet.names.get(id);\n const rules = tag.getGroup(group);\n if (!names || !rules || !names.size) continue;\n\n const selector = `${SC_ATTR}.g${group}[id=\"${id}\"]`;\n\n let content = '';\n if (names !== undefined) {\n names.forEach(name => {\n if (name.length > 0) {\n content += `${name},`;\n }\n });\n }\n\n // NOTE: It's easier to collect rules and have the marker\n // after the actual rules to simplify the rehydration\n css += `${rules}${selector}{content:\"${content}\"}${SPLITTER}`;\n }\n\n return css;\n};\n\nconst rehydrateNamesFromContent = (sheet: Sheet, id: string, content: string) => {\n const names = content.split(',');\n let name;\n\n for (let i = 0, l = names.length; i < l; i++) {\n // eslint-disable-next-line\n if ((name = names[i])) {\n sheet.registerName(id, name);\n }\n }\n};\n\nconst rehydrateSheetFromTag = (sheet: Sheet, style: HTMLStyleElement) => {\n const parts = (style.textContent || '').split(SPLITTER);\n const rules: string[] = [];\n\n for (let i = 0, l = parts.length; i < l; i++) {\n const part = parts[i].trim();\n if (!part) continue;\n\n const marker = part.match(MARKER_RE);\n\n if (marker) {\n const group = parseInt(marker[1], 10) | 0;\n const id = marker[2];\n\n if (group !== 0) {\n // Rehydrate componentId to group index mapping\n setGroupForId(id, group);\n // Rehydrate names and rules\n // looks like: data-styled.g11[id=\"idA\"]{content:\"nameA,\"}\n rehydrateNamesFromContent(sheet, id, marker[3]);\n sheet.getTag().insertRules(group, rules);\n }\n\n rules.length = 0;\n } else {\n rules.push(part);\n }\n }\n};\n\nexport const rehydrateSheet = (sheet: Sheet) => {\n const nodes = document.querySelectorAll(SELECTOR);\n\n for (let i = 0, l = nodes.length; i < l; i++) {\n const node = ((nodes[i]: any): HTMLStyleElement);\n if (node && node.getAttribute(SC_ATTR) !== SC_ATTR_ACTIVE) {\n rehydrateSheetFromTag(sheet, node);\n\n if (node.parentNode) {\n node.parentNode.removeChild(node);\n }\n }\n }\n};\n","// @flow\n/* eslint-disable camelcase, no-undef */\n\ndeclare var window: { __webpack_nonce__: string };\n\nconst getNonce = () => {\n\n return typeof window !== 'undefined'\n ? typeof window.__webpack_nonce__ !== 'undefined'\n ? window.__webpack_nonce__\n : null\n : null;\n};\n\nexport default getNonce;\n","// @flow\n\nimport { SC_ATTR, SC_ATTR_ACTIVE, SC_ATTR_VERSION, SC_VERSION } from '../constants';\nimport getNonce from '../utils/nonce';\nimport throwStyledError from '../utils/error';\n\nconst ELEMENT_TYPE = 1; /* Node.ELEMENT_TYPE */\n\n/** Find last style element if any inside target */\nconst findLastStyleTag = (target: HTMLElement): void | HTMLStyleElement => {\n const { childNodes } = target;\n\n for (let i = childNodes.length; i >= 0; i--) {\n const child = ((childNodes[i]: any): ?HTMLElement);\n if (child && child.nodeType === ELEMENT_TYPE && child.hasAttribute(SC_ATTR)) {\n return ((child: any): HTMLStyleElement);\n }\n }\n\n return undefined;\n};\n\n/** Create a style element inside `target` or after the last */\nexport const makeStyleTag = (target?: HTMLElement): HTMLStyleElement => {\n const head = ((document.head: any): HTMLElement);\n const parent = target || head;\n const style = document.createElement('style');\n const prevStyle = findLastStyleTag(parent);\n const nextSibling = prevStyle !== undefined ? prevStyle.nextSibling : null;\n\n style.setAttribute(SC_ATTR, SC_ATTR_ACTIVE);\n style.setAttribute(SC_ATTR_VERSION, SC_VERSION);\n\n const nonce = getNonce();\n\n if (nonce) style.setAttribute('nonce', nonce);\n\n parent.insertBefore(style, nextSibling);\n\n return style;\n};\n\n/** Get the CSSStyleSheet instance for a given style element */\nexport const getSheet = (tag: HTMLStyleElement): CSSStyleSheet => {\n if (tag.sheet) {\n return ((tag.sheet: any): CSSStyleSheet);\n }\n\n // Avoid Firefox quirk where the style element might not have a sheet property\n const { styleSheets } = document;\n for (let i = 0, l = styleSheets.length; i < l; i++) {\n const sheet = styleSheets[i];\n if (sheet.ownerNode === tag) {\n return ((sheet: any): CSSStyleSheet);\n }\n }\n\n throwStyledError(17);\n return (undefined: any);\n};\n","// @flow\n/* eslint-disable no-use-before-define */\n\nimport { makeStyleTag, getSheet } from './dom';\nimport type { SheetOptions, Tag } from './types';\n\n/** Create a CSSStyleSheet-like tag depending on the environment */\nexport const makeTag = ({ isServer, useCSSOMInjection, target }: SheetOptions): Tag => {\n if (isServer) {\n return new VirtualTag(target);\n } else if (useCSSOMInjection) {\n return new CSSOMTag(target);\n } else {\n return new TextTag(target);\n }\n};\n\nexport class CSSOMTag implements Tag {\n element: HTMLStyleElement;\n\n sheet: CSSStyleSheet;\n\n length: number;\n\n constructor(target?: HTMLElement) {\n const element = (this.element = makeStyleTag(target));\n\n // Avoid Edge bug where empty style elements don't create sheets\n element.appendChild(document.createTextNode(''));\n\n this.sheet = getSheet(element);\n this.length = 0;\n }\n\n insertRule(index: number, rule: string): boolean {\n try {\n this.sheet.insertRule(rule, index);\n this.length++;\n return true;\n } catch (_error) {\n return false;\n }\n }\n\n deleteRule(index: number): void {\n this.sheet.deleteRule(index);\n this.length--;\n }\n\n getRule(index: number): string {\n const rule = this.sheet.cssRules[index];\n // Avoid IE11 quirk where cssText is inaccessible on some invalid rules\n if (rule !== undefined && typeof rule.cssText === 'string') {\n return rule.cssText;\n } else {\n return '';\n }\n }\n}\n\n/** A Tag that emulates the CSSStyleSheet API but uses text nodes */\nexport class TextTag implements Tag {\n element: HTMLStyleElement;\n\n nodes: NodeList;\n\n length: number;\n\n constructor(target?: HTMLElement) {\n const element = (this.element = makeStyleTag(target));\n this.nodes = element.childNodes;\n this.length = 0;\n }\n\n insertRule(index: number, rule: string): boolean {\n if (index <= this.length && index >= 0) {\n const node = document.createTextNode(rule);\n const refNode = this.nodes[index];\n this.element.insertBefore(node, refNode || null);\n this.length++;\n return true;\n } else {\n return false;\n }\n }\n\n deleteRule(index: number): void {\n this.element.removeChild(this.nodes[index]);\n this.length--;\n }\n\n getRule(index: number): string {\n if (index < this.length) {\n return this.nodes[index].textContent;\n } else {\n return '';\n }\n }\n}\n\n/** A completely virtual (server-side) Tag that doesn't manipulate the DOM */\nexport class VirtualTag implements Tag {\n rules: string[];\n\n length: number;\n\n constructor(_target?: HTMLElement) {\n this.rules = [];\n this.length = 0;\n }\n\n insertRule(index: number, rule: string): boolean {\n if (index <= this.length) {\n this.rules.splice(index, 0, rule);\n this.length++;\n return true;\n } else {\n return false;\n }\n }\n\n deleteRule(index: number): void {\n this.rules.splice(index, 1);\n this.length--;\n }\n\n getRule(index: number): string {\n if (index < this.length) {\n return this.rules[index];\n } else {\n return '';\n }\n }\n}\n","// @flow\nimport { DISABLE_SPEEDY, IS_BROWSER } from '../constants';\nimport { EMPTY_OBJECT } from '../utils/empties';\nimport { makeGroupedTag } from './GroupedTag';\nimport { getGroupForId } from './GroupIDAllocator';\nimport { outputSheet, rehydrateSheet } from './Rehydration';\nimport { makeTag } from './Tag';\nimport type { GroupedTag, Sheet, SheetOptions } from './types';\n\nlet SHOULD_REHYDRATE = IS_BROWSER;\n\ntype SheetConstructorArgs = {\n isServer?: boolean,\n useCSSOMInjection?: boolean,\n target?: HTMLElement,\n};\n\ntype GlobalStylesAllocationMap = { [key: string]: number };\ntype NamesAllocationMap = Map>;\n\nconst defaultOptions: SheetOptions = {\n isServer: !IS_BROWSER,\n useCSSOMInjection: !DISABLE_SPEEDY,\n};\n\n/** Contains the main stylesheet logic for stringification and caching */\nexport default class StyleSheet implements Sheet {\n gs: GlobalStylesAllocationMap;\n\n names: NamesAllocationMap;\n\n options: SheetOptions;\n\n server: boolean;\n\n tag: void | GroupedTag;\n\n /** Register a group ID to give it an index */\n static registerId(id: string): number {\n return getGroupForId(id);\n }\n\n constructor(\n options: SheetConstructorArgs = EMPTY_OBJECT,\n globalStyles?: GlobalStylesAllocationMap = {},\n names?: NamesAllocationMap\n ) {\n this.options = {\n ...defaultOptions,\n ...options,\n };\n\n this.gs = globalStyles;\n this.names = new Map(names);\n this.server = !!options.isServer;\n\n // We rehydrate only once and use the sheet that is created first\n if (!this.server && IS_BROWSER && SHOULD_REHYDRATE) {\n SHOULD_REHYDRATE = false;\n rehydrateSheet(this);\n }\n }\n\n reconstructWithOptions(options: SheetConstructorArgs, withNames?: boolean = true) {\n return new StyleSheet(\n { ...this.options, ...options },\n this.gs,\n (withNames && this.names) || undefined\n );\n }\n\n allocateGSInstance(id: string) {\n return (this.gs[id] = (this.gs[id] || 0) + 1);\n }\n\n /** Lazily initialises a GroupedTag for when it's actually needed */\n getTag(): GroupedTag {\n return this.tag || (this.tag = makeGroupedTag(makeTag(this.options)));\n }\n\n /** Check whether a name is known for caching */\n hasNameForId(id: string, name: string): boolean {\n return this.names.has(id) && (this.names.get(id): any).has(name);\n }\n\n /** Mark a group's name as known for caching */\n registerName(id: string, name: string) {\n getGroupForId(id);\n\n if (!this.names.has(id)) {\n const groupNames = new Set();\n groupNames.add(name);\n this.names.set(id, groupNames);\n } else {\n (this.names.get(id): any).add(name);\n }\n }\n\n /** Insert new rules which also marks the name as known */\n insertRules(id: string, name: string, rules: string[]) {\n this.registerName(id, name);\n this.getTag().insertRules(getGroupForId(id), rules);\n }\n\n /** Clears all cached names for a given group ID */\n clearNames(id: string) {\n if (this.names.has(id)) {\n (this.names.get(id): any).clear();\n }\n }\n\n /** Clears all rules for a given group ID */\n clearRules(id: string) {\n this.getTag().clearGroup(getGroupForId(id));\n this.clearNames(id);\n }\n\n /** Clears the entire tag which deletes all rules but not its names */\n clearTag() {\n // NOTE: This does not clear the names, since it's only used during SSR\n // so that we can continuously output only new rules\n this.tag = undefined;\n }\n\n /** Outputs the current sheet as a CSS string with markers for SSR */\n toString(): string {\n return outputSheet(this);\n }\n}\n","// @flow\n/* eslint-disable no-bitwise */\n\nconst AD_REPLACER_R = /(a)(d)/gi;\n\n/* This is the \"capacity\" of our alphabet i.e. 2x26 for all letters plus their capitalised\n * counterparts */\nconst charsLength = 52;\n\n/* start at 75 for 'a' until 'z' (25) and then start at 65 for capitalised letters */\nconst getAlphabeticChar = (code: number): string =>\n String.fromCharCode(code + (code > 25 ? 39 : 97));\n\n/* input a number, usually a hash and convert it to base-52 */\nexport default function generateAlphabeticName(code: number): string {\n let name = '';\n let x;\n\n /* get a char and divide by alphabet-length */\n for (x = Math.abs(code); x > charsLength; x = (x / charsLength) | 0) {\n name = getAlphabeticChar(x % charsLength) + name;\n }\n\n return (getAlphabeticChar(x % charsLength) + name).replace(AD_REPLACER_R, '$1-$2');\n}\n","// @flow\n/* eslint-disable */\n\nexport const SEED = 5381;\n\n// When we have separate strings it's useful to run a progressive\n// version of djb2 where we pretend that we're still looping over\n// the same string\nexport const phash = (h: number, x: string): number => {\n let i = x.length;\n\n while (i) {\n h = (h * 33) ^ x.charCodeAt(--i);\n }\n\n return h;\n};\n\n// This is a djb2 hashing function\nexport const hash = (x: string): number => {\n return phash(SEED, x);\n};\n","// @flow\nimport isFunction from './isFunction';\nimport isStyledComponent from './isStyledComponent';\nimport type { RuleSet } from '../types';\n\nexport default function isStaticRules(rules: RuleSet): boolean {\n for (let i = 0; i < rules.length; i += 1) {\n const rule = rules[i];\n\n if (isFunction(rule) && !isStyledComponent(rule)) {\n // functions are allowed to be static if they're just being\n // used to get the classname of a nested styled component\n return false;\n }\n }\n\n return true;\n}\n","// @flow\nimport { SC_VERSION } from '../constants';\nimport StyleSheet from '../sheet';\nimport type { RuleSet, Stringifier } from '../types';\nimport flatten from '../utils/flatten';\nimport generateName from '../utils/generateAlphabeticName';\nimport { hash, phash } from '../utils/hash';\nimport isStaticRules from '../utils/isStaticRules';\n\nconst SEED = hash(SC_VERSION);\n\n/**\n * ComponentStyle is all the CSS-specific stuff, not the React-specific stuff.\n */\nexport default class ComponentStyle {\n baseHash: number;\n\n baseStyle: ?ComponentStyle;\n\n componentId: string;\n\n isStatic: boolean;\n\n rules: RuleSet;\n\n staticRulesId: string;\n\n constructor(rules: RuleSet, componentId: string, baseStyle?: ComponentStyle) {\n this.rules = rules;\n this.staticRulesId = '';\n this.isStatic = process.env.NODE_ENV === 'production' &&\n (baseStyle === undefined || baseStyle.isStatic) &&\n isStaticRules(rules);\n this.componentId = componentId;\n\n // SC_VERSION gives us isolation between multiple runtimes on the page at once\n // this is improved further with use of the babel plugin \"namespace\" feature\n this.baseHash = phash(SEED, componentId);\n\n this.baseStyle = baseStyle;\n\n // NOTE: This registers the componentId, which ensures a consistent order\n // for this component's styles compared to others\n StyleSheet.registerId(componentId);\n }\n\n /*\n * Flattens a rule set into valid CSS\n * Hashes it, wraps the whole chunk in a .hash1234 {}\n * Returns the hash to be injected on render()\n * */\n generateAndInjectStyles(executionContext: Object, styleSheet: StyleSheet, stylis: Stringifier) {\n const { componentId } = this;\n\n const names = [];\n\n if (this.baseStyle) {\n names.push(this.baseStyle.generateAndInjectStyles(executionContext, styleSheet, stylis));\n }\n\n // force dynamic classnames if user-supplied stylis plugins are in use\n if (this.isStatic && !stylis.hash) {\n if (this.staticRulesId && styleSheet.hasNameForId(componentId, this.staticRulesId)) {\n names.push(this.staticRulesId);\n } else {\n const cssStatic = flatten(this.rules, executionContext, styleSheet, stylis).join('');\n const name = generateName(phash(this.baseHash, cssStatic) >>> 0);\n\n if (!styleSheet.hasNameForId(componentId, name)) {\n const cssStaticFormatted = stylis(cssStatic, `.${name}`, undefined, componentId);\n\n styleSheet.insertRules(componentId, name, cssStaticFormatted);\n }\n\n names.push(name);\n this.staticRulesId = name;\n }\n } else {\n const { length } = this.rules;\n let dynamicHash = phash(this.baseHash, stylis.hash);\n let css = '';\n\n for (let i = 0; i < length; i++) {\n const partRule = this.rules[i];\n\n if (typeof partRule === 'string') {\n css += partRule;\n\n if (process.env.NODE_ENV !== 'production') dynamicHash = phash(dynamicHash, partRule + i);\n } else if (partRule) {\n const partChunk = flatten(partRule, executionContext, styleSheet, stylis);\n const partString = Array.isArray(partChunk) ? partChunk.join('') : partChunk;\n dynamicHash = phash(dynamicHash, partString + i);\n css += partString;\n }\n }\n\n if (css) {\n const name = generateName(dynamicHash >>> 0);\n\n if (!styleSheet.hasNameForId(componentId, name)) {\n const cssFormatted = stylis(css, `.${name}`, undefined, componentId);\n styleSheet.insertRules(componentId, name, cssFormatted);\n }\n\n names.push(name);\n }\n }\n\n return names.join(' ');\n }\n}\n","import Stylis from '@emotion/stylis';\nimport { type Stringifier } from '../types';\nimport { EMPTY_ARRAY, EMPTY_OBJECT } from './empties';\nimport throwStyledError from './error';\nimport { phash, SEED } from './hash';\nimport insertRulePlugin from './stylisPluginInsertRule';\n\nconst COMMENT_REGEX = /^\\s*\\/\\/.*$/gm;\nconst COMPLEX_SELECTOR_PREFIX = [':', '[', '.', '#'];\n\ntype StylisInstanceConstructorArgs = {\n options?: Object,\n plugins?: Array,\n};\n\nexport default function createStylisInstance({\n options = EMPTY_OBJECT,\n plugins = EMPTY_ARRAY,\n}: StylisInstanceConstructorArgs = EMPTY_OBJECT) {\n const stylis = new Stylis(options);\n\n // Wrap `insertRulePlugin to build a list of rules,\n // and then make our own plugin to return the rules. This\n // makes it easier to hook into the existing SSR architecture\n\n let parsingRules = [];\n\n // eslint-disable-next-line consistent-return\n const returnRulesPlugin = context => {\n if (context === -2) {\n const parsedRules = parsingRules;\n parsingRules = [];\n return parsedRules;\n }\n };\n\n const parseRulesPlugin = insertRulePlugin(rule => {\n parsingRules.push(rule);\n });\n\n let _componentId: string;\n let _selector: string;\n let _selectorRegexp: RegExp;\n let _consecutiveSelfRefRegExp: RegExp;\n\n const selfReferenceReplacer = (match, offset, string) => {\n if (\n // do not replace the first occurrence if it is complex (has a modifier)\n (offset === 0 ? COMPLEX_SELECTOR_PREFIX.indexOf(string[_selector.length]) === -1 : true) &&\n // no consecutive self refs (.b.b); that is a precedence boost and treated differently\n !string.match(_consecutiveSelfRefRegExp)\n ) {\n return `.${_componentId}`;\n }\n\n return match;\n };\n\n /**\n * When writing a style like\n *\n * & + & {\n * color: red;\n * }\n *\n * The second ampersand should be a reference to the static component class. stylis\n * has no knowledge of static class so we have to intelligently replace the base selector.\n *\n * https://github.com/thysultan/stylis.js/tree/v3.5.4#plugins <- more info about the context phase values\n * \"2\" means this plugin is taking effect at the very end after all other processing is complete\n */\n const selfReferenceReplacementPlugin = (context, _, selectors) => {\n if (context === 2 && selectors.length && selectors[0].lastIndexOf(_selector) > 0) {\n // eslint-disable-next-line no-param-reassign\n selectors[0] = selectors[0].replace(_selectorRegexp, selfReferenceReplacer);\n }\n };\n\n stylis.use([...plugins, selfReferenceReplacementPlugin, parseRulesPlugin, returnRulesPlugin]);\n\n function stringifyRules(css, selector, prefix, componentId = '&'): Stringifier {\n const flatCSS = css.replace(COMMENT_REGEX, '');\n const cssStr = selector && prefix ? `${prefix} ${selector} { ${flatCSS} }` : flatCSS;\n\n // stylis has no concept of state to be passed to plugins\n // but since JS is single-threaded, we can rely on that to ensure\n // these properties stay in sync with the current stylis run\n _componentId = componentId;\n _selector = selector;\n _selectorRegexp = new RegExp(`\\\\${_selector}\\\\b`, 'g');\n _consecutiveSelfRefRegExp = new RegExp(`(\\\\${_selector}\\\\b){2,}`);\n\n return stylis(prefix || !selector ? '' : selector, cssStr);\n }\n\n stringifyRules.hash = plugins.length\n ? plugins\n .reduce((acc, plugin) => {\n if (!plugin.name) {\n throwStyledError(15);\n }\n\n return phash(acc, plugin.name);\n }, SEED)\n .toString()\n : '';\n\n return stringifyRules;\n}\n","/**\n * MIT License\n *\n * Copyright (c) 2016 Sultan Tarimo\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of\n * this software and associated documentation files (the \"Software\"),\n * to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n * OR IMPLIED INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\n * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR\n * IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n/* eslint-disable */\n\nexport default function(insertRule) {\n const delimiter = '/*|*/';\n const needle = `${delimiter}}`;\n\n function toSheet(block) {\n if (block) {\n try {\n insertRule(`${block}}`);\n } catch (e) {}\n }\n }\n\n return function ruleSheet(\n context,\n content,\n selectors,\n parents,\n line,\n column,\n length,\n ns,\n depth,\n at\n ) {\n switch (context) {\n // property\n case 1:\n // @import\n if (depth === 0 && content.charCodeAt(0) === 64) return insertRule(`${content};`), '';\n break;\n // selector\n case 2:\n if (ns === 0) return content + delimiter;\n break;\n // at-rule\n case 3:\n switch (ns) {\n // @font-face, @page\n case 102:\n case 112:\n return insertRule(selectors[0] + content), '';\n default:\n return content + (at === 0 ? delimiter : '');\n }\n case -2:\n content.split(needle).forEach(toSheet);\n }\n };\n}\n","// @flow\nimport React, { type Context, type Node, useContext, useEffect, useMemo, useState } from 'react';\nimport shallowequal from 'shallowequal';\nimport StyleSheet from '../sheet';\nimport type { Stringifier } from '../types';\nimport createStylisInstance from '../utils/stylis';\n\ntype Props = {\n children?: Node,\n disableCSSOMInjection?: boolean,\n disableVendorPrefixes?: boolean,\n sheet?: StyleSheet,\n stylisPlugins?: Array,\n target?: HTMLElement,\n};\n\nexport const StyleSheetContext: Context = React.createContext();\nexport const StyleSheetConsumer = StyleSheetContext.Consumer;\nexport const StylisContext: Context = React.createContext();\nexport const StylisConsumer = StylisContext.Consumer;\n\nexport const masterSheet: StyleSheet = new StyleSheet();\nexport const masterStylis: Stringifier = createStylisInstance();\n\nexport function useStyleSheet(): StyleSheet {\n return useContext(StyleSheetContext) || masterSheet;\n}\n\nexport function useStylis(): Stringifier {\n return useContext(StylisContext) || masterStylis;\n}\n\nexport default function StyleSheetManager(props: Props) {\n const [plugins, setPlugins] = useState(props.stylisPlugins);\n const contextStyleSheet = useStyleSheet();\n\n const styleSheet = useMemo(() => {\n let sheet = contextStyleSheet;\n\n if (props.sheet) {\n // eslint-disable-next-line prefer-destructuring\n sheet = props.sheet;\n } else if (props.target) {\n sheet = sheet.reconstructWithOptions({ target: props.target }, false);\n }\n\n if (props.disableCSSOMInjection) {\n sheet = sheet.reconstructWithOptions({ useCSSOMInjection: false });\n }\n\n return sheet;\n }, [props.disableCSSOMInjection, props.sheet, props.target]);\n\n const stylis = useMemo(\n () =>\n createStylisInstance({\n options: { prefix: !props.disableVendorPrefixes },\n plugins,\n }),\n [props.disableVendorPrefixes, plugins]\n );\n\n useEffect(() => {\n if (!shallowequal(plugins, props.stylisPlugins)) setPlugins(props.stylisPlugins);\n }, [props.stylisPlugins]);\n\n return (\n \n \n {process.env.NODE_ENV !== 'production'\n ? React.Children.only(props.children)\n : props.children}\n \n \n );\n}\n","// @flow\nimport StyleSheet from '../sheet';\nimport { type Stringifier } from '../types';\nimport throwStyledError from '../utils/error';\nimport { masterStylis } from './StyleSheetManager';\n\nexport default class Keyframes {\n id: string;\n\n name: string;\n\n rules: string;\n\n constructor(name: string, rules: string) {\n this.name = name;\n this.id = `sc-keyframes-${name}`;\n this.rules = rules;\n }\n\n inject = (styleSheet: StyleSheet, stylisInstance: Stringifier = masterStylis) => {\n const resolvedName = this.name + stylisInstance.hash;\n\n if (!styleSheet.hasNameForId(this.id, resolvedName)) {\n styleSheet.insertRules(\n this.id,\n resolvedName,\n stylisInstance(this.rules, resolvedName, '@keyframes')\n );\n }\n };\n\n toString = () => {\n return throwStyledError(12, String(this.name));\n };\n\n getName(stylisInstance: Stringifier = masterStylis) {\n return this.name + stylisInstance.hash;\n }\n}\n","// @flow\n\n/**\n * inlined version of\n * https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/hyphenateStyleName.js\n */\n\nconst uppercaseCheck = /([A-Z])/;\nconst uppercasePattern = /([A-Z])/g;\nconst msPattern = /^ms-/;\nconst prefixAndLowerCase = (char: string): string => `-${char.toLowerCase()}`;\n\n/**\n * Hyphenates a camelcased CSS property name, for example:\n *\n * > hyphenateStyleName('backgroundColor')\n * < \"background-color\"\n * > hyphenateStyleName('MozTransition')\n * < \"-moz-transition\"\n * > hyphenateStyleName('msTransition')\n * < \"-ms-transition\"\n *\n * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix\n * is converted to `-ms-`.\n *\n * @param {string} string\n * @return {string}\n */\nexport default function hyphenateStyleName(string: string): string {\n return uppercaseCheck.test(string)\n ? string\n .replace(uppercasePattern, prefixAndLowerCase)\n .replace(msPattern, '-ms-')\n : string;\n}\n","// @flow\nimport { isElement } from 'react-is';\nimport getComponentName from './getComponentName';\nimport isFunction from './isFunction';\nimport isStatelessFunction from './isStatelessFunction';\nimport isPlainObject from './isPlainObject';\nimport isStyledComponent from './isStyledComponent';\nimport Keyframes from '../models/Keyframes';\nimport hyphenate from './hyphenateStyleName';\nimport addUnitIfNeeded from './addUnitIfNeeded';\nimport { type Stringifier } from '../types';\n\n/**\n * It's falsish not falsy because 0 is allowed.\n */\nconst isFalsish = chunk => chunk === undefined || chunk === null || chunk === false || chunk === '';\n\nexport const objToCssArray = (obj: Object, prevKey?: string): Array => {\n const rules = [];\n\n for (const key in obj) {\n if (!obj.hasOwnProperty(key) || isFalsish(obj[key])) continue;\n\n if ((Array.isArray(obj[key]) && obj[key].isCss) || isFunction(obj[key])) {\n rules.push(`${hyphenate(key)}:`, obj[key], ';');\n } else if (isPlainObject(obj[key])) {\n rules.push(...objToCssArray(obj[key], key));\n } else {\n rules.push(`${hyphenate(key)}: ${addUnitIfNeeded(key, obj[key])};`);\n }\n }\n\n return prevKey ? [`${prevKey} {`, ...rules, '}'] : rules;\n};\n\nexport default function flatten(\n chunk: any,\n executionContext: ?Object,\n styleSheet: ?Object,\n stylisInstance: ?Stringifier\n): any {\n if (Array.isArray(chunk)) {\n const ruleSet = [];\n\n for (let i = 0, len = chunk.length, result; i < len; i += 1) {\n result = flatten(chunk[i], executionContext, styleSheet, stylisInstance);\n\n if (result === '') continue;\n else if (Array.isArray(result)) ruleSet.push(...result);\n else ruleSet.push(result);\n }\n\n return ruleSet;\n }\n\n if (isFalsish(chunk)) {\n return '';\n }\n\n /* Handle other components */\n if (isStyledComponent(chunk)) {\n return `.${chunk.styledComponentId}`;\n }\n\n /* Either execute or defer the function */\n if (isFunction(chunk)) {\n if (isStatelessFunction(chunk) && executionContext) {\n const result = chunk(executionContext);\n\n if (process.env.NODE_ENV !== 'production' && isElement(result)) {\n // eslint-disable-next-line no-console\n console.warn(\n `${getComponentName(\n chunk\n )} 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 }\n\n return flatten(result, executionContext, styleSheet, stylisInstance);\n } else return chunk;\n }\n\n if (chunk instanceof Keyframes) {\n if (styleSheet) {\n chunk.inject(styleSheet, stylisInstance);\n return chunk.getName(stylisInstance);\n } else return chunk;\n }\n\n /* Handle objects */\n return isPlainObject(chunk) ? objToCssArray(chunk) : chunk.toString();\n}\n","// @flow\nexport default function isStatelessFunction(test: any): boolean {\n return (\n typeof test === 'function'\n && !(\n test.prototype\n && test.prototype.isReactComponent\n )\n );\n}\n","// @flow\nimport unitless from '@emotion/unitless';\n\n// Taken from https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/shared/dangerousStyleValue.js\nexport default function addUnitIfNeeded(name: string, value: any): any {\n // https://github.com/amilajack/eslint-plugin-flowtype-errors/issues/133\n // $FlowFixMe\n if (value == null || typeof value === 'boolean' || value === '') {\n return '';\n }\n\n if (typeof value === 'number' && value !== 0 && !(name in unitless)) {\n return `${value}px`; // Presumes implicit 'px' suffix for unitless numbers\n }\n\n return String(value).trim();\n}\n","// @flow\nimport interleave from '../utils/interleave';\nimport isPlainObject from '../utils/isPlainObject';\nimport { EMPTY_ARRAY } from '../utils/empties';\nimport isFunction from '../utils/isFunction';\nimport flatten from '../utils/flatten';\nimport type { Interpolation, RuleSet, Styles } from '../types';\n\n/**\n * Used when flattening object styles to determine if we should\n * expand an array of styles.\n */\nconst addTag = arg => {\n if (Array.isArray(arg)) {\n // eslint-disable-next-line no-param-reassign\n arg.isCss = true;\n }\n return arg;\n};\n\nexport default function css(styles: Styles, ...interpolations: Array): RuleSet {\n if (isFunction(styles) || isPlainObject(styles)) {\n // $FlowFixMe\n return addTag(flatten(interleave(EMPTY_ARRAY, [styles, ...interpolations])));\n }\n\n if (interpolations.length === 0 && styles.length === 1 && typeof styles[0] === 'string') {\n // $FlowFixMe\n return styles;\n }\n\n // $FlowFixMe\n return addTag(flatten(interleave(styles, interpolations)));\n}\n","// @flow\n\nimport { useRef } from 'react';\n\nconst invalidHookCallRe = /invalid hook call/i;\nconst seen = new Set();\n\nexport const checkDynamicCreation = (displayName: string, componentId?: string) => {\n if (process.env.NODE_ENV !== 'production') {\n const parsedIdString = componentId ? ` with the id of \"${componentId}\"` : '';\n const message =\n `The component ${displayName}${parsedIdString} has been created dynamically.\\n` +\n \"You may see this warning because you've called styled inside another component.\\n\" +\n 'To resolve this only create new StyledComponents outside of any render method and function component.';\n\n // If a hook is called outside of a component:\n // React 17 and earlier throw an error\n // React 18 and above use console.error\n\n const originalConsoleError = console.error // eslint-disable-line no-console\n try {\n let didNotCallInvalidHook = true\n /* $FlowIgnore[cannot-write] */\n console.error = (consoleErrorMessage, ...consoleErrorArgs) => { // eslint-disable-line no-console\n // The error here is expected, since we're expecting anything that uses `checkDynamicCreation` to\n // be called outside of a React component.\n if (invalidHookCallRe.test(consoleErrorMessage)) {\n didNotCallInvalidHook = false\n // This shouldn't happen, but resets `warningSeen` if we had this error happen intermittently\n seen.delete(message);\n } else {\n originalConsoleError(consoleErrorMessage, ...consoleErrorArgs);\n }\n }\n // We purposefully call `useRef` outside of a component and expect it to throw\n // If it doesn't, then we're inside another component.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useRef();\n\n if (didNotCallInvalidHook && !seen.has(message)) {\n // eslint-disable-next-line no-console\n console.warn(message);\n seen.add(message);\n }\n } catch (error) {\n // The error here is expected, since we're expecting anything that uses `checkDynamicCreation` to\n // be called outside of a React component.\n if (invalidHookCallRe.test(error.message)) {\n // This shouldn't happen, but resets `warningSeen` if we had this error happen intermittently\n seen.delete(message);\n }\n } finally {\n /* $FlowIgnore[cannot-write] */\n console.error = originalConsoleError; // eslint-disable-line no-console\n }\n }\n};\n","// @flow\nimport { EMPTY_OBJECT } from './empties';\n\ntype Props = {\n theme?: any,\n};\n\nexport default (props: Props, providedTheme: any, defaultProps: any = EMPTY_OBJECT) => {\n return (props.theme !== defaultProps.theme && props.theme) || providedTheme || defaultProps.theme;\n};\n","// @flow\n\n// Source: https://www.w3.org/TR/cssom-1/#serialize-an-identifier\n// Control characters and non-letter first symbols are not supported\nconst escapeRegex = /[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^`{|}~-]+/g;\n\nconst dashesAtEnds = /(^-|-$)/g;\n\n/**\n * TODO: Explore using CSS.escape when it becomes more available\n * in evergreen browsers.\n */\nexport default function escape(str: string): string {\n return (\n str\n // Replace all possible CSS selectors\n .replace(escapeRegex, '-')\n\n // Remove extraneous hyphens at the start and end\n .replace(dashesAtEnds, '')\n );\n}\n","// @flow\n/* eslint-disable */\nimport generateAlphabeticName from './generateAlphabeticName';\nimport { hash } from './hash';\n\nexport default (str: string): string => {\n return generateAlphabeticName(hash(str) >>> 0);\n};\n","// @flow\nimport type { IStyledComponent } from '../types';\n\nexport default function isTag(target: $PropertyType): boolean %checks {\n return (\n typeof target === 'string' &&\n (process.env.NODE_ENV !== 'production'\n ? target.charAt(0) === target.charAt(0).toLowerCase()\n : true)\n );\n}\n","/* eslint-disable */\n/**\n mixin-deep; https://github.com/jonschlinkert/mixin-deep\n Inlined such that it will be consistently transpiled to an IE-compatible syntax.\n\n The MIT License (MIT)\n\n Copyright (c) 2014-present, Jon Schlinkert.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in\n all copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n THE SOFTWARE.\n*/\n\nconst isObject = val => {\n return (\n typeof val === 'function' || (typeof val === 'object' && val !== null && !Array.isArray(val))\n );\n};\n\nconst isValidKey = key => {\n return key !== '__proto__' && key !== 'constructor' && key !== 'prototype';\n};\n\nfunction mixin(target, val, key) {\n const obj = target[key];\n if (isObject(val) && isObject(obj)) {\n mixinDeep(obj, val);\n } else {\n target[key] = val;\n }\n}\n\nexport default function mixinDeep(target, ...rest) {\n for (const obj of rest) {\n if (isObject(obj)) {\n for (const key in obj) {\n if (isValidKey(key)) {\n mixin(target, obj[key], key);\n }\n }\n }\n }\n\n return target;\n}\n","// @flow\nimport React, { useContext, useMemo, type Element, type Context } from 'react';\nimport throwStyledError from '../utils/error';\nimport isFunction from '../utils/isFunction';\n\nexport type Theme = { [key: string]: mixed };\n\ntype ThemeArgument = Theme | ((outerTheme?: Theme) => Theme);\n\ntype Props = {\n children?: Element,\n theme: ThemeArgument,\n};\n\nexport const ThemeContext: Context