UNPKG

react-chrono-multicard

Version:

A Modern Timeline component for React with multiple card entries

63 lines (59 loc) 142 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=n(e),o=r(e),a=n(t);"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;!function(){function e(e){var t=!0,n=!1,r=null,i={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function o(e){return!!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function a(e){var t=e.type,n=e.tagName;return!("INPUT"!==n||!i[t]||e.readOnly)||"TEXTAREA"===n&&!e.readOnly||!!e.isContentEditable}function l(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""))}function s(e){e.hasAttribute("data-focus-visible-added")&&(e.classList.remove("focus-visible"),e.removeAttribute("data-focus-visible-added"))}function c(n){n.metaKey||n.altKey||n.ctrlKey||(o(e.activeElement)&&l(e.activeElement),t=!0)}function u(e){t=!1}function d(e){o(e.target)&&(t||a(e.target))&&l(e.target)}function f(e){o(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(r),r=window.setTimeout((function(){n=!1}),100),s(e.target))}function p(e){"hidden"===document.visibilityState&&(n&&(t=!0),m())}function m(){document.addEventListener("mousemove",g),document.addEventListener("mousedown",g),document.addEventListener("mouseup",g),document.addEventListener("pointermove",g),document.addEventListener("pointerdown",g),document.addEventListener("pointerup",g),document.addEventListener("touchmove",g),document.addEventListener("touchstart",g),document.addEventListener("touchend",g)}function h(){document.removeEventListener("mousemove",g),document.removeEventListener("mousedown",g),document.removeEventListener("mouseup",g),document.removeEventListener("pointermove",g),document.removeEventListener("pointerdown",g),document.removeEventListener("pointerup",g),document.removeEventListener("touchmove",g),document.removeEventListener("touchstart",g),document.removeEventListener("touchend",g)}function g(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=!1,h())}document.addEventListener("keydown",c,!0),document.addEventListener("mousedown",u,!0),document.addEventListener("pointerdown",u,!0),document.addEventListener("touchstart",u,!0),document.addEventListener("visibilitychange",p,!0),m(),e.addEventListener("focus",d,!0),e.addEventListener("blur",f,!0),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if("undefined"!=typeof window&&"undefined"!=typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(e){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}"undefined"!=typeof document&&e(document)}();var l,s=i.default.createContext({}),c=function(e){var t=e.cardHeight;void 0===t&&(t=200);var n=e.cardLess;void 0===n&&(n=!1);var r=e.flipLayout,o=e.items;void 0===o&&(o=[]);var a=e.theme,l=Object.assign({},{borderLessCards:!1,cardLess:!1,disableAutoScrollOnClick:!1,disableClickOnCircle:!1,fontSizes:{cardSubtitle:"0.85rem",cardText:"0.8rem",cardTitle:"1rem",title:"1rem"},lineWidth:3,mode:"VERTICAL_ALTERNATING",scrollable:{scrollbar:!1},showAllCardsHorizontal:!1,timelineCircleDimension:16,useReadMore:!0},Object.assign({},e,{activeItemIndex:r?(null==o?void 0:o.length)-1:0,cardHeight:n?t||80:t,theme:Object.assign({cardBgColor:"#fff",cardForeColor:"#000",primary:"#0f52ba",secondary:"#ffdf00",titleColor:"#000",titleColorActive:"#0f52ba"},a)})),c=e.children;return i.default.createElement(s.Provider,{value:l},c)},u=function(t,n){var r=e.useState(0),i=r[0],o=r[1];return[i,e.useMemo((function(){return function(e,r){var i=e.clientWidth,a=e.scrollLeft,l=e.scrollTop,s=e.clientHeight,c=r.pointOffset,u=r.pointWidth,d=r.contentHeight,f=r.contentOffset;if(c)if("HORIZONTAL"===t&&n&&u){var p=a+i,m=c+u,h=c-a,g=p-c;c>=a&&m<=p||(c<a&&m>a||m>p&&c<p)?(h<=n&&h>=0||g<=n&&g>=0)&&o(c-n):o(c-n)}else if("VERTICAL"===t||"VERTICAL_ALTERNATING"===t){if(!f||!d)return;var v=l+s,y=f+d,b=f-d,E=!(f>=l&&y<=v)||(f<l&&y>l||y>v&&f<v);E&&b+d<v?o(b+Math.round(d/2)):E&&o(b)}}}),[t,n])]},d={exports:{}},f={};var p,m,h={};function g(e){function t(e,r,s,c,f){for(var p,m,h,g,E,S=0,C=0,A=0,x=0,O=0,I=0,P=h=p=0,$=0,M=0,j=0,H=0,F=s.length,W=F-1,U="",z="",B="",V="";$<F;){if(m=s.charCodeAt($),$===W&&0!==C+x+A+S&&(0!==C&&(m=47===C?10:47),x=A=S=0,F++,W++),0===C+x+A+S){if($===W&&(0<M&&(U=U.replace(d,"")),0<U.trim().length)){switch(m){case 32:case 9:case 59:case 13:case 10:break;default:U+=s.charAt($)}m=59}switch(m){case 123:for(p=(U=U.trim()).charCodeAt(0),h=1,H=++$;$<F;){switch(m=s.charCodeAt($)){case 123:h++;break;case 125:h--;break;case 47:switch(m=s.charCodeAt($+1)){case 42:case 47:e:{for(P=$+1;P<W;++P)switch(s.charCodeAt(P)){case 47:if(42===m&&42===s.charCodeAt(P-1)&&$+2!==P){$=P+1;break e}break;case 10:if(47===m){$=P+1;break e}}$=P}}break;case 91:m++;case 40:m++;case 34:case 39:for(;$++<W&&s.charCodeAt($)!==m;);}if(0===h)break;$++}if(h=s.substring(H,$),0===p&&(p=(U=U.replace(u,"").trim()).charCodeAt(0)),64===p){switch(0<M&&(U=U.replace(d,"")),m=U.charCodeAt(1)){case 100:case 109:case 115:case 45:M=r;break;default:M=N}if(H=(h=t(r,M,h,m,f+1)).length,0<_&&(E=l(3,h,M=n(N,U,j),r,k,T,H,m,f,c),U=M.join(""),void 0!==E&&0===(H=(h=E.trim()).length)&&(m=0,h="")),0<H)switch(m){case 115:U=U.replace(w,a);case 100:case 109:case 45:h=U+"{"+h+"}";break;case 107:h=(U=U.replace(v,"$1 $2"))+"{"+h+"}",h=1===L||2===L&&o("@"+h,3)?"@-webkit-"+h+"@"+h:"@"+h;break;default:h=U+h,112===c&&(z+=h,h="")}else h=""}else h=t(r,n(r,U,j),h,c,f+1);B+=h,h=j=M=P=p=0,U="",m=s.charCodeAt(++$);break;case 125:case 59:if(1<(H=(U=(0<M?U.replace(d,""):U).trim()).length))switch(0===P&&(45===(p=U.charCodeAt(0))||96<p&&123>p)&&(H=(U=U.replace(" ",":")).length),0<_&&void 0!==(E=l(1,U,r,e,k,T,z.length,c,f,c))&&0===(H=(U=E.trim()).length)&&(U="\0\0"),p=U.charCodeAt(0),m=U.charCodeAt(1),p){case 0:break;case 64:if(105===m||99===m){V+=U+s.charAt($);break}default:58!==U.charCodeAt(H-1)&&(z+=i(U,p,m,U.charCodeAt(2)))}j=M=P=p=0,U="",m=s.charCodeAt(++$)}}switch(m){case 13:case 10:47===C?C=0:0===1+p&&107!==c&&0<U.length&&(M=1,U+="\0"),0<_*D&&l(0,U,r,e,k,T,z.length,c,f,c),T=1,k++;break;case 59:case 125:if(0===C+x+A+S){T++;break}default:switch(T++,g=s.charAt($),m){case 9:case 32:if(0===x+S+C)switch(O){case 44:case 58:case 9:case 32:g="";break;default:32!==m&&(g=" ")}break;case 0:g="\\0";break;case 12:g="\\f";break;case 11:g="\\v";break;case 38:0===x+C+S&&(M=j=1,g="\f"+g);break;case 108:if(0===x+C+S+R&&0<P)switch($-P){case 2:112===O&&58===s.charCodeAt($-3)&&(R=O);case 8:111===I&&(R=I)}break;case 58:0===x+C+S&&(P=$);break;case 44:0===C+A+x+S&&(M=1,g+="\r");break;case 34:case 39:0===C&&(x=x===m?0:0===x?m:x);break;case 91:0===x+C+A&&S++;break;case 93:0===x+C+A&&S--;break;case 41:0===x+C+S&&A--;break;case 40:if(0===x+C+S){if(0===p)if(2*O+3*I==533);else p=1;A++}break;case 64:0===C+A+x+S+P+h&&(h=1);break;case 42:case 47:if(!(0<x+S+A))switch(C){case 0:switch(2*m+3*s.charCodeAt($+1)){case 235:C=47;break;case 220:H=$,C=42}break;case 42:47===m&&42===O&&H+2!==$&&(33===s.charCodeAt(H+2)&&(z+=s.substring(H,$+1)),g="",C=0)}}0===C&&(U+=g)}I=O,O=m,$++}if(0<(H=z.length)){if(M=r,0<_&&(void 0!==(E=l(2,z,M,e,k,T,H,c,f,c))&&0===(z=E).length))return V+z+B;if(z=M.join(",")+"{"+z+"}",0!=L*R){switch(2!==L||o(z,2)||(R=0),R){case 111:z=z.replace(b,":-moz-$1")+z;break;case 112:z=z.replace(y,"::-webkit-input-$1")+z.replace(y,"::-moz-$1")+z.replace(y,":-ms-input-$1")+z}R=0}}return V+z+B}function n(e,t,n){var i=t.trim().split(h);t=i;var o=i.length,a=e.length;switch(a){case 0:case 1:var l=0;for(e=0===a?"":e[0]+" ";l<o;++l)t[l]=r(e,t[l],n).trim();break;default:var s=l=0;for(t=[];l<o;++l)for(var c=0;c<a;++c)t[s++]=r(e[c]+" ",i[l],n).trim()}return t}function r(e,t,n){var r=t.charCodeAt(0);switch(33>r&&(r=(t=t.trim()).charCodeAt(0)),r){case 38:return t.replace(g,"$1"+e.trim());case 58:return e.trim()+t.replace(g,"$1"+e.trim());default:if(0<1*n&&0<t.indexOf("\f"))return t.replace(g,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function i(e,t,n,r){var a=e+";",l=2*t+3*n+4*r;if(944===l){e=a.indexOf(":",9)+1;var s=a.substring(e,a.length-1).trim();return s=a.substring(0,e).trim()+s+";",1===L||2===L&&o(s,1)?"-webkit-"+s+s:s}if(0===L||2===L&&!o(a,1))return a;switch(l){case 1015:return 97===a.charCodeAt(10)?"-webkit-"+a+a:a;case 951:return 116===a.charCodeAt(3)?"-webkit-"+a+a:a;case 963:return 110===a.charCodeAt(5)?"-webkit-"+a+a:a;case 1009:if(100!==a.charCodeAt(4))break;case 969:case 942:return"-webkit-"+a+a;case 978:return"-webkit-"+a+"-moz-"+a+a;case 1019:case 983:return"-webkit-"+a+"-moz-"+a+"-ms-"+a+a;case 883:if(45===a.charCodeAt(8))return"-webkit-"+a+a;if(0<a.indexOf("image-set(",11))return a.replace(O,"$1-webkit-$2")+a;break;case 932:if(45===a.charCodeAt(4))switch(a.charCodeAt(5)){case 103:return"-webkit-box-"+a.replace("-grow","")+"-webkit-"+a+"-ms-"+a.replace("grow","positive")+a;case 115:return"-webkit-"+a+"-ms-"+a.replace("shrink","negative")+a;case 98:return"-webkit-"+a+"-ms-"+a.replace("basis","preferred-size")+a}return"-webkit-"+a+"-ms-"+a+a;case 964:return"-webkit-"+a+"-ms-flex-"+a+a;case 1023:if(99!==a.charCodeAt(8))break;return"-webkit-box-pack"+(s=a.substring(a.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+a+"-ms-flex-pack"+s+a;case 1005:return p.test(a)?a.replace(f,":-webkit-")+a.replace(f,":-moz-")+a:a;case 1e3:switch(t=(s=a.substring(13).trim()).indexOf("-")+1,s.charCodeAt(0)+s.charCodeAt(t)){case 226:s=a.replace(E,"tb");break;case 232:s=a.replace(E,"tb-rl");break;case 220:s=a.replace(E,"lr");break;default:return a}return"-webkit-"+a+"-ms-"+s+a;case 1017:if(-1===a.indexOf("sticky",9))break;case 975:switch(t=(a=e).length-10,l=(s=(33===a.charCodeAt(t)?a.substring(0,t):a).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|s.charCodeAt(7))){case 203:if(111>s.charCodeAt(8))break;case 115:a=a.replace(s,"-webkit-"+s)+";"+a;break;case 207:case 102:a=a.replace(s,"-webkit-"+(102<l?"inline-":"")+"box")+";"+a.replace(s,"-webkit-"+s)+";"+a.replace(s,"-ms-"+s+"box")+";"+a}return a+";";case 938:if(45===a.charCodeAt(5))switch(a.charCodeAt(6)){case 105:return s=a.replace("-items",""),"-webkit-"+a+"-webkit-box-"+s+"-ms-flex-"+s+a;case 115:return"-webkit-"+a+"-ms-flex-item-"+a.replace(C,"")+a;default:return"-webkit-"+a+"-ms-flex-line-pack"+a.replace("align-content","").replace(C,"")+a}break;case 973:case 989:if(45!==a.charCodeAt(3)||122===a.charCodeAt(4))break;case 931:case 953:if(!0===x.test(e))return 115===(s=e.substring(e.indexOf(":")+1)).charCodeAt(0)?i(e.replace("stretch","fill-available"),t,n,r).replace(":fill-available",":stretch"):a.replace(s,"-webkit-"+s)+a.replace(s,"-moz-"+s.replace("fill-",""))+a;break;case 962:if(a="-webkit-"+a+(102===a.charCodeAt(5)?"-ms-"+a:"")+a,211===n+r&&105===a.charCodeAt(13)&&0<a.indexOf("transform",10))return a.substring(0,a.indexOf(";",27)+1).replace(m,"$1-webkit-$2")+a}return a}function o(e,t){var n=e.indexOf(1===t?":":"{"),r=e.substring(0,3!==t?n:10);return n=e.substring(n+1,e.length-1),P(2!==t?r:r.replace(A,"$1"),n,t)}function a(e,t){var n=i(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return n!==t+";"?n.replace(S," or ($1)").substring(4):"("+t+")"}function l(e,t,n,r,i,o,a,l,s,u){for(var d,f=0,p=t;f<_;++f)switch(d=I[f].call(c,e,p,n,r,i,o,a,l,s,u)){case void 0:case!1:case!0:case null:break;default:p=d}if(p!==t)return p}function s(e){return void 0!==(e=e.prefix)&&(P=null,e?"function"!=typeof e?L=1:(L=2,P=e):L=0),s}function c(e,n){var r=e;if(33>r.charCodeAt(0)&&(r=r.trim()),r=[r],0<_){var i=l(-1,n,r,r,k,T,0,0,0,0);void 0!==i&&"string"==typeof i&&(n=i)}var o=t(N,r,n,0,0);return 0<_&&(void 0!==(i=l(-2,o,r,r,k,T,o.length,0,0,0))&&(o=i)),"",R=0,T=k=1,o}var u=/^\0+/g,d=/[\0\r\f]/g,f=/: */g,p=/zoo|gra/,m=/([,: ])(transform)/g,h=/,\r+?/g,g=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,y=/::(place)/g,b=/:(read-only)/g,E=/[svh]\w+-[tblr]{2}/,w=/\(\s*(.*)\s*\)/g,S=/([\s\S]*?);/g,C=/-self|flex-/g,A=/[^]*?(:[rp][el]a[\w-]+)[^]*/,x=/stretch|:\s*\w+\-(?:conte|avail)/,O=/([^-])(image-set\()/,T=1,k=1,R=0,L=1,N=[],I=[],_=0,P=null,D=0;return c.use=function e(t){switch(t){case void 0:case null:_=I.length=0;break;default:if("function"==typeof t)I[_++]=t;else if("object"==typeof t)for(var n=0,r=t.length;n<r;++n)e(t[n]);else D=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}m=d,"production"===process.env.NODE_ENV?m.exports=function(){if(l)return f;l=1;var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.server_context"),u=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen");function v(e){if("object"==typeof e&&null!==e){var l=e.$$typeof;switch(l){case t:switch(e=e.type){case r:case o:case i:case d:case p:return e;default:switch(e=e&&e.$$typeof){case c:case s:case u:case h:case m:case a:return e;default:return l}}case n:return l}}}return e=Symbol.for("react.module.reference"),f.ContextConsumer=s,f.ContextProvider=a,f.Element=t,f.ForwardRef=u,f.Fragment=r,f.Lazy=h,f.Memo=m,f.Portal=n,f.Profiler=o,f.StrictMode=i,f.Suspense=d,f.SuspenseList=p,f.isAsyncMode=function(){return!1},f.isConcurrentMode=function(){return!1},f.isContextConsumer=function(e){return v(e)===s},f.isContextProvider=function(e){return v(e)===a},f.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},f.isForwardRef=function(e){return v(e)===u},f.isFragment=function(e){return v(e)===r},f.isLazy=function(e){return v(e)===h},f.isMemo=function(e){return v(e)===m},f.isPortal=function(e){return v(e)===n},f.isProfiler=function(e){return v(e)===o},f.isStrictMode=function(e){return v(e)===i},f.isSuspense=function(e){return v(e)===d},f.isSuspenseList=function(e){return v(e)===p},f.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===r||t===o||t===i||t===d||t===p||t===g||"object"==typeof t&&null!==t&&(t.$$typeof===h||t.$$typeof===m||t.$$typeof===a||t.$$typeof===s||t.$$typeof===u||t.$$typeof===e||void 0!==t.getModuleId)},f.typeOf=v,f}():m.exports=(p||(p=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen");function g(e){if("object"==typeof e&&null!==e){var m=e.$$typeof;switch(m){case t:var h=e.type;switch(h){case r:case o:case i:case u:case d:return h;default:var g=h&&h.$$typeof;switch(g){case s:case l:case c:case p:case f:case a:return g;default:return m}}case n:return m}}}e=Symbol.for("react.module.reference");var v=l,y=a,b=t,E=c,w=r,S=p,C=f,A=n,x=o,O=i,T=u,k=d,R=!1,L=!1;h.ContextConsumer=v,h.ContextProvider=y,h.Element=b,h.ForwardRef=E,h.Fragment=w,h.Lazy=S,h.Memo=C,h.Portal=A,h.Profiler=x,h.StrictMode=O,h.Suspense=T,h.SuspenseList=k,h.isAsyncMode=function(e){return R||(R=!0),!1},h.isConcurrentMode=function(e){return L||(L=!0),!1},h.isContextConsumer=function(e){return g(e)===l},h.isContextProvider=function(e){return g(e)===a},h.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},h.isForwardRef=function(e){return g(e)===c},h.isFragment=function(e){return g(e)===r},h.isLazy=function(e){return g(e)===p},h.isMemo=function(e){return g(e)===f},h.isPortal=function(e){return g(e)===n},h.isProfiler=function(e){return g(e)===o},h.isStrictMode=function(e){return g(e)===i},h.isSuspense=function(e){return g(e)===u},h.isSuspenseList=function(e){return g(e)===d},h.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===r||t===o||t===i||t===u||t===d||t===m||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===f||t.$$typeof===a||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},h.typeOf=g}()),h);var v={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function y(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}var b,E=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,w=y((function(e){return E.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),S={exports:{}},C={};var A,x={};!function(e){"production"===process.env.NODE_ENV?e.exports=function(){if(b)return C;b=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;function E(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:switch(e=e.type){case s:case c:case r:case o:case i:case d:return e;default:switch(e=e&&e.$$typeof){case l:case u:case m:case p:case a:return e;default:return f}}case n:return f}}}function w(e){return E(e)===c}return C.AsyncMode=s,C.ConcurrentMode=c,C.ContextConsumer=l,C.ContextProvider=a,C.Element=t,C.ForwardRef=u,C.Fragment=r,C.Lazy=m,C.Memo=p,C.Portal=n,C.Profiler=o,C.StrictMode=i,C.Suspense=d,C.isAsyncMode=function(e){return w(e)||E(e)===s},C.isConcurrentMode=w,C.isContextConsumer=function(e){return E(e)===l},C.isContextProvider=function(e){return E(e)===a},C.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},C.isForwardRef=function(e){return E(e)===u},C.isFragment=function(e){return E(e)===r},C.isLazy=function(e){return E(e)===m},C.isMemo=function(e){return E(e)===p},C.isPortal=function(e){return E(e)===n},C.isProfiler=function(e){return E(e)===o},C.isStrictMode=function(e){return E(e)===i},C.isSuspense=function(e){return E(e)===d},C.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===c||e===o||e===i||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===a||e.$$typeof===l||e.$$typeof===u||e.$$typeof===g||e.$$typeof===v||e.$$typeof===y||e.$$typeof===h)},C.typeOf=E,C}():e.exports=(A||(A=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var h=e.type;switch(h){case s:case c:case r:case o:case i:case d:return h;default:var g=h&&h.$$typeof;switch(g){case l:case u:case m:case p:case a:return g;default:return f}}case n:return f}}}var E=s,w=c,S=l,C=a,A=t,O=u,T=r,k=m,R=p,L=n,N=o,I=i,_=d,P=!1;function D(e){return b(e)===c}x.AsyncMode=E,x.ConcurrentMode=w,x.ContextConsumer=S,x.ContextProvider=C,x.Element=A,x.ForwardRef=O,x.Fragment=T,x.Lazy=k,x.Memo=R,x.Portal=L,x.Profiler=N,x.StrictMode=I,x.Suspense=_,x.isAsyncMode=function(e){return P||(P=!0),D(e)||b(e)===s},x.isConcurrentMode=D,x.isContextConsumer=function(e){return b(e)===l},x.isContextProvider=function(e){return b(e)===a},x.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},x.isForwardRef=function(e){return b(e)===u},x.isFragment=function(e){return b(e)===r},x.isLazy=function(e){return b(e)===m},x.isMemo=function(e){return b(e)===p},x.isPortal=function(e){return b(e)===n},x.isProfiler=function(e){return b(e)===o},x.isStrictMode=function(e){return b(e)===i},x.isSuspense=function(e){return b(e)===d},x.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===c||e===o||e===i||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===a||e.$$typeof===l||e.$$typeof===u||e.$$typeof===g||e.$$typeof===v||e.$$typeof===y||e.$$typeof===h)},x.typeOf=b}()),x)}(S);var O=S.exports,T={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},k={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},R={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},L={};function N(e){return O.isMemo(e)?R:L[e.$$typeof]||T}L[O.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},L[O.Memo]=R;var I=Object.defineProperty,_=Object.getOwnPropertyNames,P=Object.getOwnPropertySymbols,D=Object.getOwnPropertyDescriptor,$=Object.getPrototypeOf,M=Object.prototype;var j=function e(t,n,r){if("string"!=typeof n){if(M){var i=$(n);i&&i!==M&&e(t,i,r)}var o=_(n);P&&(o=o.concat(P(n)));for(var a=N(t),l=N(n),s=0;s<o.length;++s){var c=o[s];if(!(k[c]||r&&r[c]||l&&l[c]||a&&a[c])){var u=D(n,c);try{I(t,c,u)}catch(e){}}}}return t};function H(){return(H=Object.assign||function(e){for(var t=arguments,n=1;n<arguments.length;n++){var r=t[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}var F=function(e,t){for(var n=[e[0]],r=0,i=t.length;r<i;r+=1)n.push(t[r],e[r+1]);return n},W=function(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!d.exports.typeOf(e)},U=Object.freeze([]),z=Object.freeze({});function B(e){return"function"==typeof e}function V(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function G(e){return e&&"string"==typeof e.styledComponentId}var Y="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",q="undefined"!=typeof window&&"HTMLElement"in window,K=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),X="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function Z(){for(var e=arguments,t=arguments.length<=0?void 0:arguments[0],n=[],r=1,i=arguments.length;r<i;r+=1)n.push(r<0||e.length<=r?void 0:e[r]);return n.forEach((function(e){t=t.replace(/%[a-z]/,e)})),t}function Q(e){for(var t=arguments,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];throw"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(r.length>0?" Args: "+r.join(", "):"")):new Error(Z.apply(void 0,[X[e]].concat(r)).trim())}var J=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,i=r;e>=i;)(i<<=1)<0&&Q(16,""+e);this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var o=r;o<i;o++)this.groupSizes[o]=0}for(var a=this.indexOfGroup(e+1),l=0,s=t.length;l<s;l++)this.tag.insertRule(a,t[l])&&(this.groupSizes[e]++,a++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var i=n;i<r;i++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),i=r+n,o=r;o<i;o++)t+=this.tag.getRule(o)+"/*!sc*/\n";return t},e}(),ee=new Map,te=new Map,ne=1,re=function(e){if(ee.has(e))return ee.get(e);for(;te.has(ne);)ne++;var t=ne++;return"production"!==process.env.NODE_ENV&&((0|t)<0||t>1<<30)&&Q(16,""+t),ee.set(e,t),te.set(t,e),t},ie=function(e){return te.get(e)},oe=function(e,t){t>=ne&&(ne=t+1),ee.set(e,t),te.set(t,e)},ae="style["+Y+'][data-styled-version="5.3.5"]',le=new RegExp("^"+Y+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),se=function(e,t,n){for(var r,i=n.split(","),o=0,a=i.length;o<a;o++)(r=i[o])&&e.registerName(t,r)},ce=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],i=0,o=n.length;i<o;i++){var a=n[i].trim();if(a){var l=a.match(le);if(l){var s=0|parseInt(l[1],10),c=l[2];0!==s&&(oe(c,s),se(e,c,l[3]),e.getTag().insertRules(s,r)),r.length=0}else r.push(a)}}},ue=function(e){var t=document.head,n=e||t,r=document.createElement("style"),i=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(Y))return r}}(n),o=void 0!==i?i.nextSibling:null;r.setAttribute(Y,"active"),r.setAttribute("data-styled-version","5.3.5");var a="undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null;return a&&r.setAttribute("nonce",a),n.insertBefore(r,o),r},de=function(){function e(e){var t=this.element=ue(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var i=t[n];if(i.ownerNode===e)return i}Q(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),fe=function(){function e(e){var t=this.element=ue(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),pe=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),me=q,he={isServer:!q,useCSSOMInjection:!K},ge=function(){function e(e,t,n){void 0===e&&(e=z),void 0===t&&(t={}),this.options=H({},he,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&q&&me&&(me=!1,function(e){for(var t=document.querySelectorAll(ae),n=0,r=t.length;n<r;n++){var i=t[n];i&&"active"!==i.getAttribute(Y)&&(ce(e,i),i.parentNode&&i.parentNode.removeChild(i))}}(this))}e.registerId=function(e){return re(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(H({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,i=t.target,e=n?new pe(i):r?new de(i):new fe(i),new J(e)));var e,t,n,r,i},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(re(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(re(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(re(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",i=0;i<n;i++){var o=ie(i);if(void 0!==o){var a=e.names.get(o),l=t.getGroup(i);if(a&&l&&a.size){var s=Y+".g"+i+'[id="'+o+'"]',c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+=e+",")})),r+=""+l+s+'{content:"'+c+'"}/*!sc*/\n'}}}return r}(this)},e}(),ve=/(a)(d)/gi,ye=function(e){return String.fromCharCode(e+(e>25?39:97))};function be(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=ye(t%52)+n;return(ye(t%52)+n).replace(ve,"$1-$2")}var Ee=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},we=function(e){return Ee(5381,e)};var Se=we("5.3.5"),Ce=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(B(n)&&!G(n))return!1}return!0}(e),this.componentId=t,this.baseHash=Ee(Se,t),this.baseStyle=n,ge.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,i=[];if(this.baseStyle&&i.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))i.push(this.staticRulesId);else{var o=Me(this.rules,e,t,n).join(""),a=be(Ee(this.baseHash,o)>>>0);if(!t.hasNameForId(r,a)){var l=n(o,"."+a,void 0,r);t.insertRules(r,a,l)}i.push(a),this.staticRulesId=a}else{for(var s=this.rules.length,c=Ee(this.baseHash,n.hash),u="",d=0;d<s;d++){var f=this.rules[d];if("string"==typeof f)u+=f,"production"!==process.env.NODE_ENV&&(c=Ee(c,f+d));else if(f){var p=Me(f,e,t,n),m=Array.isArray(p)?p.join(""):p;c=Ee(c,m+d),u+=m}}if(u){var h=be(c>>>0);if(!t.hasNameForId(r,h)){var g=n(u,"."+h,void 0,r);t.insertRules(r,h,g)}i.push(h)}}return i.join(" ")},e}(),Ae=/^\s*\/\/.*$/gm,xe=[":","[",".","#"];var Oe=i.default.createContext();Oe.Consumer;var Te=i.default.createContext(),ke=(Te.Consumer,new ge),Re=function(e){var t,n,r,i,o=void 0===e?z:e,a=o.options,l=void 0===a?z:a,s=o.plugins,c=void 0===s?U:s,u=new g(l),d=[],f=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,i,o,a,l,s,c,u,d){switch(n){case 1:if(0===u&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===c)return r+"/*|*/";break;case 3:switch(c){case 102:case 112:return e(i[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){d.push(e)})),p=function(e,r,o){return 0===r&&-1!==xe.indexOf(o[n.length])||o.match(i)?e:"."+t};function m(e,o,a,l){void 0===l&&(l="&");var s=e.replace(Ae,""),c=o&&a?a+" "+o+" { "+s+" }":s;return t=l,n=o,r=new RegExp("\\"+n+"\\b","g"),i=new RegExp("(\\"+n+"\\b){2,}"),u(a||!o?"":o,c)}return u.use([].concat(c,[function(e,t,i){2===e&&i.length&&i[0].lastIndexOf(n)>0&&(i[0]=i[0].replace(r,p))},f,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=c.length?c.reduce((function(e,t){return t.name||Q(15),Ee(e,t.name)}),5381).toString():"",m}();var Le=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Re);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return Q(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Re),this.name+e.hash},e}(),Ne=/([A-Z])/,Ie=/([A-Z])/g,_e=/^ms-/,Pe=function(e){return"-"+e.toLowerCase()};function De(e){return Ne.test(e)?e.replace(Ie,Pe).replace(_e,"-ms-"):e}var $e=function(e){return null==e||!1===e||""===e};function Me(e,t,n,r){if(Array.isArray(e)){for(var i,o=[],a=0,l=e.length;a<l;a+=1)""!==(i=Me(e[a],t,n,r))&&(Array.isArray(i)?o.push.apply(o,i):o.push(i));return o}if($e(e))return"";if(G(e))return"."+e.styledComponentId;if(B(e)){if("function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t)return e;var s=e(t);return"production"!==process.env.NODE_ENV&&d.exports.isElement(s),Me(s,t,n,r)}var c;return e instanceof Le?n?(e.inject(n,r),e.getName(r)):e:W(e)?function e(t,n){var r,i,o=[];for(var a in t)t.hasOwnProperty(a)&&!$e(t[a])&&(Array.isArray(t[a])&&t[a].isCss||B(t[a])?o.push(De(a)+":",t[a],";"):W(t[a])?o.push.apply(o,e(t[a],a)):o.push(De(a)+": "+(r=a,(null==(i=t[a])||"boolean"==typeof i||""===i?"":"number"!=typeof i||0===i||r in v?String(i).trim():i+"px")+";")));return n?[n+" {"].concat(o,["}"]):o}(e):e.toString()}var je=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function He(e){for(var t=arguments,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];return B(e)||W(e)?je(Me(F(U,[e].concat(r)))):0===r.length&&1===e.length&&"string"==typeof e[0]?e:je(Me(F(e,r)))}var Fe=/invalid hook call/i,We=new Set,Ue=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,ze=/(^-|-$)/g;function Be(e){return e.replace(Ue,"-").replace(ze,"")}var Ve=function(e){return be(we(e)>>>0)};function Ge(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ye=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},qe=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Ke(e,t,n){var r=e[n];Ye(t)&&Ye(r)?Xe(r,t):e[n]=t}function Xe(e){for(var t=arguments,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];for(var o=0,a=r;o<a.length;o++){var l=a[o];if(Ye(l))for(var s in l)qe(s)&&Ke(e,l[s],s)}return e}var Ze=i.default.createContext();Ze.Consumer;var Qe={};function Je(t,n,r){var o=G(t),a=!Ge(t),l=n.attrs,s=void 0===l?U:l,c=n.componentId,u=void 0===c?function(e,t){var n="string"!=typeof e?"sc":Be(e);Qe[n]=(Qe[n]||0)+1;var r=n+"-"+Ve("5.3.5"+n+Qe[n]);return t?t+"-"+r:r}(n.displayName,n.parentComponentId):c,d=n.displayName,f=void 0===d?function(e){return Ge(e)?"styled."+e:"Styled("+V(e)+")"}(t):d,p=n.displayName&&n.componentId?Be(n.displayName)+"-"+n.componentId:n.componentId||u,m=o&&t.attrs?Array.prototype.concat(t.attrs,s).filter(Boolean):s,h=n.shouldForwardProp;o&&t.shouldForwardProp&&(h=n.shouldForwardProp?function(e,r,i){return t.shouldForwardProp(e,r,i)&&n.shouldForwardProp(e,r,i)}:t.shouldForwardProp);var g,v=new Ce(r,p,o?t.componentStyle:void 0),y=v.isStatic&&0===s.length,b=function(t,n){return function(t,n,r,i){var o=t.attrs,a=t.componentStyle,l=t.defaultProps,s=t.foldedComponentIds,c=t.shouldForwardProp,u=t.styledComponentId,d=t.target;"production"!==process.env.NODE_ENV&&e.useDebugValue(u);var f=function(e,t,n){void 0===e&&(e=z);var r=H({},t,{theme:e}),i={};return n.forEach((function(e){var t,n,o,a=e;for(t in B(a)&&(a=a(r)),a)r[t]=i[t]="className"===t?(n=i[t],o=a[t],n&&o?n+" "+o:n||o):a[t]})),[r,i]}(function(e,t,n){return void 0===n&&(n=z),e.theme!==n.theme&&e.theme||t||n.theme}(n,e.useContext(Ze),l)||z,n,o),p=f[0],m=f[1],h=function(t,n,r,i){var o=e.useContext(Oe)||ke,a=e.useContext(Te)||Re,l=n?t.generateAndInjectStyles(z,o,a):t.generateAndInjectStyles(r,o,a);return"production"!==process.env.NODE_ENV&&e.useDebugValue(l),"production"!==process.env.NODE_ENV&&!n&&i&&i(l),l}(a,i,p,"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),g=r,v=m.$as||n.$as||m.as||n.as||d,y=Ge(v),b=m!==n?H({},n,{},m):n,E={};for(var S in b)"$"!==S[0]&&"as"!==S&&("forwardedAs"===S?E.as=b[S]:(c?c(S,w,v):!y||w(S))&&(E[S]=b[S]));return n.style&&m.style!==n.style&&(E.style=H({},n.style,{},m.style)),E.className=Array.prototype.concat(s,u,h!==u?h:null,n.className,m.className).filter(Boolean).join(" "),E.ref=g,e.createElement(v,E)}(g,t,n,y)};return b.displayName=f,(g=i.default.forwardRef(b)).attrs=m,g.componentStyle=v,g.displayName=f,g.shouldForwardProp=h,g.foldedComponentIds=o?Array.prototype.concat(t.foldedComponentIds,t.styledComponentId):U,g.styledComponentId=p,g.target=o?t.target:t,g.withComponent=function(e){var t=n.componentId,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(n,["componentId"]),o=t&&t+"-"+(Ge(e)?e:Be(V(e)));return Je(e,H({},i,{attrs:m,componentId:o}),r)},Object.defineProperty(g,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=o?Xe({},t.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(function(t,n){if("production"!==process.env.NODE_ENV){var r="The component "+t+(n?' with the id of "'+n+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var o=!0;console.error=function(e){var t=arguments;if(Fe.test(e))o=!1,We.delete(r);else{for(var n=arguments.length,a=new Array(n>1?n-1:0),l=1;l<n;l++)a[l-1]=t[l];i.apply(void 0,[e].concat(a))}},e.useRef(),o&&!We.has(r)&&We.add(r)}catch(e){Fe.test(e.message)&&We.delete(r)}finally{console.error=i}}}(f,p),g.warnTooManyClasses=function(e,t){var n={},r=!1;return function(e){if(!r&&(n[e]=!0,Object.keys(n).length>=200)){r=!0,n={}}}}()),g.toString=function(){return"."+g.styledComponentId},a&&j(g,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),g}var et=function(e){return function e(t,n,r){if(void 0===r&&(r=z),!d.exports.isValidElementType(n))return Q(1,String(n));var i=function(){return t(n,r,He.apply(void 0,arguments))};return i.withConfig=function(i){return e(t,n,H({},r,{},i))},i.attrs=function(i){return e(t,n,H({},r,{attrs:Array.prototype.concat(r.attrs,i).filter(Boolean)}))},i}(Je,e)};function tt(e){var t=arguments;"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&navigator.product;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];var o=He.apply(void 0,[e].concat(r)).join(""),a=Ve(o);return new Le(a,o)}["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){et[e]=et(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&navigator.product,"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,window["__styled-components-init__"],window["__styled-components-init__"]+=1);var nt=et.ul` background: rgba(229, 229, 229, 0.85); border-radius: 25px; display: flex; list-style: none; padding: 0.25em 0.25em; `,rt=et.li` padding: 0.1em; display: flex; align-items: center; justify-content: center; ${function(e){return e.disable?"pointer-events: none; filter: opacity(0.7)":""}}; `;et.button` align-items: center; background: ${function(e){return e.theme.primary}}; border-radius: 50%; border: 0; color: #fff; cursor: pointer; display: flex; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25)); height: 20px; justify-content: center; margin: 0 0.2em; padding: 0; transition: all 0.1s ease-in; width: 20px; transform: ${function(e){if("TRUE"===e.rotate)return"rotate(90deg)"}}; &:active { filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)); transform: ${function(e){return"TRUE"===e.rotate?"rotate(90deg)":""}} scale(0.9); } svg { width: 80%; height: 80%; } `;var it=et.div` align-items: center; display: flex; justify-content: center; // direction: ${function(e){return e.flip?"rtl":"ltr"}}; visibility: ${function(e){return e.slideShowActive?"hidden":"visible"}}; `,ot=et.button` align-items: center; background: ${function(e){return e.theme.primary}}; border-radius: 50%; cursor: pointer; display: flex; height: 2em; justify-content: center; margin-left: 0.5em; width: 2em; outline: 0; color: #fff; svg { width: 80%; height: 80%; } `;function at(e,