/*! For license information please see main.4e540aae.js.LICENSE.txt */
(()=>{var e={3876:(e,t,n)=>{"use strict";var r=n(6429),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?o:s[e.$$typeof]||a}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=o;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!==typeof n){if(h){var a=p(n);a&&a!==h&&e(t,a,r)}var o=u(n);d&&(o=o.concat(d(n)));for(var s=l(t),m=l(n),g=0;g<o.length;++g){var v=o[g];if(!i[v]&&(!r||!r[v])&&(!m||!m[v])&&(!s||!s[v])){var y=f(n,v);try{c(t,v,y)}catch(b){}}}}return t}},949:e=>{"use strict";e.exports=function(e,t,n,r,a,i,o,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,a,i,o,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},2576:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},7960:(e,t,n)=>{var r=n(2576);e.exports=h,e.exports.parse=i,e.exports.compile=function(e,t){return l(i(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var a=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function i(e,t){for(var n,r=[],i=0,s=0,l="",c=t&&t.delimiter||"/";null!=(n=a.exec(e));){var d=n[0],f=n[1],p=n.index;if(l+=e.slice(s,p),s=p+d.length,f)l+=f[1];else{var h=e[s],m=n[2],g=n[3],v=n[4],y=n[5],b=n[6],x=n[7];l&&(r.push(l),l="");var w=null!=m&&null!=h&&h!==m,j="+"===b||"*"===b,k="?"===b||"*"===b,C=m||c,S=v||y,N=m||("string"===typeof r[r.length-1]?r[r.length-1]:"");r.push({name:g||i++,prefix:m||"",delimiter:C,optional:k,repeat:j,partial:w,asterisk:!!x,pattern:S?u(S):x?".*":o(C,N)})}}return s<e.length&&(l+=e.substr(s)),l&&r.push(l),r}function o(e,t){return!t||t.indexOf(e)>-1?"[^"+c(e)+"]+?":c(t)+"|(?:(?!"+c(t)+")[^"+c(e)+"])+?"}function s(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),a=0;a<e.length;a++)"object"===typeof e[a]&&(n[a]=new RegExp("^(?:"+e[a].pattern+")$",f(t)));return function(t,a){for(var i="",o=t||{},l=(a||{}).pretty?s:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!==typeof u){var d,f=o[u.name];if(null==f){if(u.optional){u.partial&&(i+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(f)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(f)+"`");if(0===f.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var p=0;p<f.length;p++){if(d=l(f[p]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");i+=(0===p?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(f).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(f),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');i+=u.prefix+d}}else i+=u}return i}}function c(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function u(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function d(e,t){return e.keys=t,e}function f(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var a=(n=n||{}).strict,i=!1!==n.end,o="",s=0;s<e.length;s++){var l=e[s];if("string"===typeof l)o+=c(l);else{var u=c(l.prefix),p="(?:"+l.pattern+")";t.push(l),l.repeat&&(p+="(?:"+u+p+")*"),o+=p=l.optional?l.partial?u+"("+p+")?":"(?:"+u+"("+p+"))?":u+"("+p+")"}}var h=c(n.delimiter||"/"),m=o.slice(-h.length)===h;return a||(o=(m?o.slice(0,-h.length):o)+"(?:"+h+"(?=$))?"),o+=i?"$":a&&m?"":"(?="+h+"|$)",d(new RegExp("^"+o,f(n)),t)}function h(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return d(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],a=0;a<e.length;a++)r.push(h(e[a],t,n).source);return d(new RegExp("(?:"+r.join("|")+")",f(n)),t)}(e,t,n):function(e,t,n){return p(i(e,n),t,n)}(e,t,n)}},1946:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,i.default)((function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];var a=null;return t.forEach((function(e){if(null==a){var t=e.apply(void 0,n);null!=t&&(a=t)}})),a}))};var r,a=n(4547),i=(r=a)&&r.__esModule?r:{default:r};e.exports=t.default},4547:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){function t(t,n,r,a,i,o){var s=a||"<<anonymous>>",l=o||r;if(null==n[r])return t?new Error("Required "+i+" `"+l+"` was not specified in `"+s+"`."):null;for(var c=arguments.length,u=Array(c>6?c-6:0),d=6;d<c;d++)u[d-6]=arguments[d];return e.apply(void 0,[n,r,s,i,l].concat(u))}var n=t.bind(null,!1);return n.isRequired=t.bind(null,!0),n},e.exports=t.default},3488:(e,t,n)=>{"use strict";var r=n(3959);function a(){}function i(){}i.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,i,o){if(o!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:a};return n.PropTypes=n,n}},1942:(e,t,n)=>{e.exports=n(3488)()},3959:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},8345:(e,t,n)=>{"use strict";var r=n(9950),a=n(5340);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var o=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)o.add(t[e])}var u=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),d=Object.prototype.hasOwnProperty,f=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p={},h={};function m(e,t,n,r,a,i,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=a,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=o}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var v=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function b(e,t,n,r){var a=g.hasOwnProperty(t)?g[t]:null;(null!==a?0!==a.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null===t||"undefined"===typeof t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,a,r)&&(n=null),r||null===a?function(e){return!!d.call(h,e)||!d.call(p,e)&&(f.test(e)?h[e]=!0:(p[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):a.mustUseProperty?e[a.propertyName]=null===n?3!==a.type&&"":n:(t=a.attributeName,r=a.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(a=a.type)||4===a&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(v,y);g[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(v,y);g[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(v,y);g[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var x=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=Symbol.for("react.element"),j=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),N=Symbol.for("react.provider"),P=Symbol.for("react.context"),E=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),R=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var L=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var O=Symbol.iterator;function z(e){return null===e||"object"!==typeof e?null:"function"===typeof(e=O&&e[O]||e["@@iterator"])?e:null}var M,D=Object.assign;function A(e){if(void 0===M)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);M=t&&t[1]||""}return"\n"+M+e}var F=!1;function U(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"===typeof c.stack){for(var a=c.stack.split("\n"),i=r.stack.split("\n"),o=a.length-1,s=i.length-1;1<=o&&0<=s&&a[o]!==i[s];)s--;for(;1<=o&&0<=s;o--,s--)if(a[o]!==i[s]){if(1!==o||1!==s)do{if(o--,0>--s||a[o]!==i[s]){var l="\n"+a[o].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=o&&0<=s);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?A(e):""}function W(e){switch(e.tag){case 5:return A(e.type);case 16:return A("Lazy");case 13:return A("Suspense");case 19:return A("SuspenseList");case 0:case 2:case 15:return e=U(e.type,!1);case 11:return e=U(e.type.render,!1);case 1:return e=U(e.type,!0);default:return""}}function V(e){if(null==e)return null;if("function"===typeof e)return e.displayName||e.name||null;if("string"===typeof e)return e;switch(e){case k:return"Fragment";case j:return"Portal";case S:return"Profiler";case C:return"StrictMode";case T:return"Suspense";case _:return"SuspenseList"}if("object"===typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case N:return(e._context.displayName||"Context")+".Provider";case E:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:V(e.type)||"Memo";case R:t=e._payload,e=e._init;try{return V(e(t))}catch(n){}}return null}function B(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return V(t);case 8:return t===C?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof t)return t.displayName||t.name||null;if("string"===typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function $(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Q(e){e._valueTracker||(e._valueTracker=function(e){var t=$(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&"undefined"!==typeof n&&"function"===typeof n.get&&"function"===typeof n.set){var a=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return a.call(this)},set:function(e){r=""+e,i.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function K(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=$(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function q(e){if("undefined"===typeof(e=e||("undefined"!==typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function X(e,t){var n=t.checked;return D({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function G(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Y(e,t){null!=(t=t.checked)&&b(e,"checked",t,!1)}function Z(e,t){Y(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&q(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var a=0;a<n.length;a++)t["$"+n[a]]=!0;for(n=0;n<e.length;n++)a=t.hasOwnProperty("$"+e[n].value),e[n].selected!==a&&(e[n].selected=a),a&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,a=0;a<e.length;a++){if(e[a].value===n)return e[a].selected=!0,void(r&&(e[a].defaultSelected=!0));null!==t||e[a].disabled||(t=e[a])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return D({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function ae(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(te(n)){if(1<n.length)throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ie(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function oe(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function fe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var pe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},he=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"===typeof t||""===t?"":n||"number"!==typeof t||0===t||pe.hasOwnProperty(e)&&pe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),a=me(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,a):e[n]=a}}Object.keys(pe).forEach((function(e){he.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),pe[t]=pe[e]}))}));var ve=D({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(ve[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!==typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!==typeof t.style)throw Error(i(62))}}function be(e,t){if(-1===e.indexOf("-"))return"string"===typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var xe=null;function we(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var je=null,ke=null,Ce=null;function Se(e){if(e=ba(e)){if("function"!==typeof je)throw Error(i(280));var t=e.stateNode;t&&(t=wa(t),je(e.stateNode,e.type,t))}}function Ne(e){ke?Ce?Ce.push(e):Ce=[e]:ke=e}function Pe(){if(ke){var e=ke,t=Ce;if(Ce=ke=null,Se(e),t)for(e=0;e<t.length;e++)Se(t[e])}}function Ee(e,t){return e(t)}function Te(){}var _e=!1;function Ie(e,t,n){if(_e)return e(t,n);_e=!0;try{return Ee(e,t,n)}finally{_e=!1,(null!==ke||null!==Ce)&&(Te(),Pe())}}function Re(e,t){var n=e.stateNode;if(null===n)return null;var r=wa(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!==typeof n)throw Error(i(231,t,typeof n));return n}var Le=!1;if(u)try{var Oe={};Object.defineProperty(Oe,"passive",{get:function(){Le=!0}}),window.addEventListener("test",Oe,Oe),window.removeEventListener("test",Oe,Oe)}catch(ue){Le=!1}function ze(e,t,n,r,a,i,o,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Me=!1,De=null,Ae=!1,Fe=null,Ue={onError:function(e){Me=!0,De=e}};function We(e,t,n,r,a,i,o,s,l){Me=!1,De=null,ze.apply(Ue,arguments)}function Ve(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!==(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Be(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(Ve(e)!==e)throw Error(i(188))}function $e(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ve(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,r=t;;){var a=n.return;if(null===a)break;var o=a.alternate;if(null===o){if(null!==(r=a.return)){n=r;continue}break}if(a.child===o.child){for(o=a.child;o;){if(o===n)return He(a),e;if(o===r)return He(a),t;o=o.sibling}throw Error(i(188))}if(n.return!==r.return)n=a,r=o;else{for(var s=!1,l=a.child;l;){if(l===n){s=!0,n=a,r=o;break}if(l===r){s=!0,r=a,n=o;break}l=l.sibling}if(!s){for(l=o.child;l;){if(l===n){s=!0,n=o,r=a;break}if(l===r){s=!0,r=o,n=a;break}l=l.sibling}if(!s)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e))?Qe(e):null}function Qe(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Qe(e);if(null!==t)return t;e=e.sibling}return null}var Ke=a.unstable_scheduleCallback,qe=a.unstable_cancelCallback,Xe=a.unstable_shouldYield,Ge=a.unstable_requestPaint,Ye=a.unstable_now,Ze=a.unstable_getCurrentPriorityLevel,Je=a.unstable_ImmediatePriority,et=a.unstable_UserBlockingPriority,tt=a.unstable_NormalPriority,nt=a.unstable_LowPriority,rt=a.unstable_IdlePriority,at=null,it=null;var ot=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function ft(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,a=e.suspendedLanes,i=e.pingedLanes,o=268435455&n;if(0!==o){var s=o&~a;0!==s?r=dt(s):0!==(i&=o)&&(r=dt(i))}else 0!==(o=n&~a)?r=dt(o):0!==i&&(r=dt(i));if(0===r)return 0;if(0!==t&&t!==r&&0===(t&a)&&((a=r&-r)>=(i=t&-t)||16===a&&0!==(4194240&i)))return t;if(0!==(4&r)&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)a=1<<(n=31-ot(t)),r|=e[n],t&=~a;return r}function pt(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function ht(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0===(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function vt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-ot(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-ot(n),a=1<<r;a&t|e[r]&t&&(e[r]|=t),n&=~a}}var bt=0;function xt(e){return 1<(e&=-e)?4<e?0!==(268435455&e)?16:536870912:4:1}var wt,jt,kt,Ct,St,Nt=!1,Pt=[],Et=null,Tt=null,_t=null,It=new Map,Rt=new Map,Lt=[],Ot="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function zt(e,t){switch(e){case"focusin":case"focusout":Et=null;break;case"dragenter":case"dragleave":Tt=null;break;case"mouseover":case"mouseout":_t=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Rt.delete(t.pointerId)}}function Mt(e,t,n,r,a,i){return null===e||e.nativeEvent!==i?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:i,targetContainers:[a]},null!==t&&(null!==(t=ba(t))&&jt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==a&&-1===t.indexOf(a)&&t.push(a),e)}function Dt(e){var t=ya(e.target);if(null!==t){var n=Ve(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Be(n)))return e.blockedOn=t,void St(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function At(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=ba(n))&&jt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);xe=r,n.target.dispatchEvent(r),xe=null,t.shift()}return!0}function Ft(e,t,n){At(e)&&n.delete(t)}function Ut(){Nt=!1,null!==Et&&At(Et)&&(Et=null),null!==Tt&&At(Tt)&&(Tt=null),null!==_t&&At(_t)&&(_t=null),It.forEach(Ft),Rt.forEach(Ft)}function Wt(e,t){e.blockedOn===t&&(e.blockedOn=null,Nt||(Nt=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,Ut)))}function Vt(e){function t(t){return Wt(t,e)}if(0<Pt.length){Wt(Pt[0],e);for(var n=1;n<Pt.length;n++){var r=Pt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Et&&Wt(Et,e),null!==Tt&&Wt(Tt,e),null!==_t&&Wt(_t,e),It.forEach(t),Rt.forEach(t),n=0;n<Lt.length;n++)(r=Lt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<Lt.length&&null===(n=Lt[0]).blockedOn;)Dt(n),null===n.blockedOn&&Lt.shift()}var Bt=x.ReactCurrentBatchConfig,Ht=!0;function $t(e,t,n,r){var a=bt,i=Bt.transition;Bt.transition=null;try{bt=1,Kt(e,t,n,r)}finally{bt=a,Bt.transition=i}}function Qt(e,t,n,r){var a=bt,i=Bt.transition;Bt.transition=null;try{bt=4,Kt(e,t,n,r)}finally{bt=a,Bt.transition=i}}function Kt(e,t,n,r){if(Ht){var a=Xt(e,t,n,r);if(null===a)Hr(e,t,r,qt,n),zt(e,r);else if(function(e,t,n,r,a){switch(t){case"focusin":return Et=Mt(Et,e,t,n,r,a),!0;case"dragenter":return Tt=Mt(Tt,e,t,n,r,a),!0;case"mouseover":return _t=Mt(_t,e,t,n,r,a),!0;case"pointerover":var i=a.pointerId;return It.set(i,Mt(It.get(i)||null,e,t,n,r,a)),!0;case"gotpointercapture":return i=a.pointerId,Rt.set(i,Mt(Rt.get(i)||null,e,t,n,r,a)),!0}return!1}(a,e,t,n,r))r.stopPropagation();else if(zt(e,r),4&t&&-1<Ot.indexOf(e)){for(;null!==a;){var i=ba(a);if(null!==i&&wt(i),null===(i=Xt(e,t,n,r))&&Hr(e,t,r,qt,n),i===a)break;a=i}null!==a&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var qt=null;function Xt(e,t,n,r){if(qt=null,null!==(e=ya(e=we(r))))if(null===(t=Ve(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=Be(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return qt=e,null}function Gt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Ze()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Yt=null,Zt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Zt,r=n.length,a="value"in Yt?Yt.value:Yt.textContent,i=a.length;for(e=0;e<r&&n[e]===a[e];e++);var o=r-e;for(t=1;t<=o&&n[r-t]===a[i-t];t++);return Jt=a.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function an(e){function t(t,n,r,a,i){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=a,this.target=i,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(a):a[o]);return this.isDefaultPrevented=(null!=a.defaultPrevented?a.defaultPrevented:!1===a.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return D(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!==typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!==typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=an(cn),dn=D({},cn,{view:0,detail:0}),fn=an(dn),pn=D({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Sn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(on=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=on=0,ln=e),on)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),hn=an(pn),mn=an(D({},pn,{dataTransfer:0})),gn=an(D({},dn,{relatedTarget:0})),vn=an(D({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=D({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),bn=an(yn),xn=an(D({},cn,{data:0})),wn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},jn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Cn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function Sn(){return Cn}var Nn=D({},dn,{key:function(e){if(e.key){var t=wn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?jn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Sn,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=an(Nn),En=an(D({},pn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Tn=an(D({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Sn})),_n=an(D({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=D({},pn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Rn=an(In),Ln=[9,13,27,32],On=u&&"CompositionEvent"in window,zn=null;u&&"documentMode"in document&&(zn=document.documentMode);var Mn=u&&"TextEvent"in window&&!zn,Dn=u&&(!On||zn&&8<zn&&11>=zn),An=String.fromCharCode(32),Fn=!1;function Un(e,t){switch(e){case"keyup":return-1!==Ln.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Wn(e){return"object"===typeof(e=e.detail)&&"data"in e?e.data:null}var Vn=!1;var Bn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Bn[e.type]:"textarea"===t}function $n(e,t,n,r){Ne(r),0<(t=Qr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Qn=null,Kn=null;function qn(e){Ar(e,0)}function Xn(e){if(K(xa(e)))return e}function Gn(e,t){if("change"===e)return t}var Yn=!1;if(u){var Zn;if(u){var Jn="oninput"in document;if(!Jn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Jn="function"===typeof er.oninput}Zn=Jn}else Zn=!1;Yn=Zn&&(!document.documentMode||9<document.documentMode)}function tr(){Qn&&(Qn.detachEvent("onpropertychange",nr),Kn=Qn=null)}function nr(e){if("value"===e.propertyName&&Xn(Kn)){var t=[];$n(t,Kn,e,we(e)),Ie(qn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Kn=n,(Qn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function ar(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Xn(Kn)}function ir(e,t){if("click"===e)return Xn(t)}function or(e,t){if("input"===e||"change"===e)return Xn(t)}var sr="function"===typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e===1/t)||e!==e&&t!==t};function lr(e,t){if(sr(e,t))return!0;if("object"!==typeof e||null===e||"object"!==typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var a=n[r];if(!d.call(t,a)||!sr(e[a],t[a]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function fr(){for(var e=window,t=q();t instanceof e.HTMLIFrameElement;){try{var n="string"===typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=q((e=t.contentWindow).document)}return t}function pr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function hr(e){var t=fr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&pr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var a=n.textContent.length,i=Math.min(r.start,a);r=void 0===r.end?i:Math.min(r.end,a),!e.extend&&i>r&&(a=r,r=i,i=a),a=ur(n,i);var o=ur(n,r);a&&o&&(1!==e.rangeCount||e.anchorNode!==a.node||e.anchorOffset!==a.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&((t=t.createRange()).setStart(a.node,a.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"===typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var mr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,vr=null,yr=null,br=!1;function xr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;br||null==gr||gr!==q(r)||("selectionStart"in(r=gr)&&pr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Qr(vr,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function wr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var jr={animationend:wr("Animation","AnimationEnd"),animationiteration:wr("Animation","AnimationIteration"),animationstart:wr("Animation","AnimationStart"),transitionend:wr("Transition","TransitionEnd")},kr={},Cr={};function Sr(e){if(kr[e])return kr[e];if(!jr[e])return e;var t,n=jr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Cr)return kr[e]=n[t];return e}u&&(Cr=document.createElement("div").style,"AnimationEvent"in window||(delete jr.animationend.animation,delete jr.animationiteration.animation,delete jr.animationstart.animation),"TransitionEvent"in window||delete jr.transitionend.transition);var Nr=Sr("animationend"),Pr=Sr("animationiteration"),Er=Sr("animationstart"),Tr=Sr("transitionend"),_r=new Map,Ir="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Rr(e,t){_r.set(e,t),l(t,[e])}for(var Lr=0;Lr<Ir.length;Lr++){var Or=Ir[Lr];Rr(Or.toLowerCase(),"on"+(Or[0].toUpperCase()+Or.slice(1)))}Rr(Nr,"onAnimationEnd"),Rr(Pr,"onAnimationIteration"),Rr(Er,"onAnimationStart"),Rr("dblclick","onDoubleClick"),Rr("focusin","onFocus"),Rr("focusout","onBlur"),Rr(Tr,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var zr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Mr=new Set("cancel close invalid load scroll toggle".split(" ").concat(zr));function Dr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,a,o,s,l,c){if(We.apply(this,arguments),Me){if(!Me)throw Error(i(198));var u=De;Me=!1,De=null,Ae||(Ae=!0,Fe=u)}}(r,t,void 0,e),e.currentTarget=null}function Ar(e,t){t=0!==(4&t);for(var n=0;n<e.length;n++){var r=e[n],a=r.event;r=r.listeners;e:{var i=void 0;if(t)for(var o=r.length-1;0<=o;o--){var s=r[o],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==i&&a.isPropagationStopped())break e;Dr(a,s,c),i=l}else for(o=0;o<r.length;o++){if(l=(s=r[o]).instance,c=s.currentTarget,s=s.listener,l!==i&&a.isPropagationStopped())break e;Dr(a,s,c),i=l}}}if(Ae)throw e=Fe,Ae=!1,Fe=null,e}function Fr(e,t){var n=t[ma];void 0===n&&(n=t[ma]=new Set);var r=e+"__bubble";n.has(r)||(Br(t,e,2,!1),n.add(r))}function Ur(e,t,n){var r=0;t&&(r|=4),Br(n,e,r,t)}var Wr="_reactListening"+Math.random().toString(36).slice(2);function Vr(e){if(!e[Wr]){e[Wr]=!0,o.forEach((function(t){"selectionchange"!==t&&(Mr.has(t)||Ur(t,!1,e),Ur(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Wr]||(t[Wr]=!0,Ur("selectionchange",!1,t))}}function Br(e,t,n,r){switch(Gt(t)){case 1:var a=$t;break;case 4:a=Qt;break;default:a=Kt}n=a.bind(null,t,n,e),a=void 0,!Le||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(a=!0),r?void 0!==a?e.addEventListener(t,n,{capture:!0,passive:a}):e.addEventListener(t,n,!0):void 0!==a?e.addEventListener(t,n,{passive:a}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,a){var i=r;if(0===(1&t)&&0===(2&t)&&null!==r)e:for(;;){if(null===r)return;var o=r.tag;if(3===o||4===o){var s=r.stateNode.containerInfo;if(s===a||8===s.nodeType&&s.parentNode===a)break;if(4===o)for(o=r.return;null!==o;){var l=o.tag;if((3===l||4===l)&&((l=o.stateNode.containerInfo)===a||8===l.nodeType&&l.parentNode===a))return;o=o.return}for(;null!==s;){if(null===(o=ya(s)))return;if(5===(l=o.tag)||6===l){r=i=o;continue e}s=s.parentNode}}r=r.return}Ie((function(){var r=i,a=we(n),o=[];e:{var s=_r.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=Pn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=hn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=Tn;break;case Nr:case Pr:case Er:l=vn;break;case Tr:l=_n;break;case"scroll":l=fn;break;case"wheel":l=Rn;break;case"copy":case"cut":case"paste":l=bn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=En}var u=0!==(4&t),d=!u&&"scroll"===e,f=u?null!==s?s+"Capture":null:s;u=[];for(var p,h=r;null!==h;){var m=(p=h).stateNode;if(5===p.tag&&null!==m&&(p=m,null!==f&&(null!=(m=Re(h,f))&&u.push($r(h,m,p)))),d)break;h=h.return}0<u.length&&(s=new l(s,c,null,n,a),o.push({event:s,listeners:u}))}}if(0===(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===xe||!(c=n.relatedTarget||n.fromElement)||!ya(c)&&!c[ha])&&(l||s)&&(s=a.window===a?a:(s=a.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?ya(c):null)&&(c!==(d=Ve(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=hn,m="onMouseLeave",f="onMouseEnter",h="mouse","pointerout"!==e&&"pointerover"!==e||(u=En,m="onPointerLeave",f="onPointerEnter",h="pointer"),d=null==l?s:xa(l),p=null==c?s:xa(c),(s=new u(m,h+"leave",l,n,a)).target=d,s.relatedTarget=p,m=null,ya(a)===r&&((u=new u(f,h+"enter",c,n,a)).target=p,u.relatedTarget=d,m=u),d=m,l&&c)e:{for(f=c,h=0,p=u=l;p;p=Kr(p))h++;for(p=0,m=f;m;m=Kr(m))p++;for(;0<h-p;)u=Kr(u),h--;for(;0<p-h;)f=Kr(f),p--;for(;h--;){if(u===f||null!==f&&u===f.alternate)break e;u=Kr(u),f=Kr(f)}u=null}else u=null;null!==l&&qr(o,s,l,u,!1),null!==c&&null!==d&&qr(o,d,c,u,!0)}if("select"===(l=(s=r?xa(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Gn;else if(Hn(s))if(Yn)g=or;else{g=ar;var v=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ir);switch(g&&(g=g(e,r))?$n(o,g,n,a):(v&&v(e,s,r),"focusout"===e&&(v=s._wrapperState)&&v.controlled&&"number"===s.type&&ee(s,"number",s.value)),v=r?xa(r):window,e){case"focusin":(Hn(v)||"true"===v.contentEditable)&&(gr=v,vr=r,yr=null);break;case"focusout":yr=vr=gr=null;break;case"mousedown":br=!0;break;case"contextmenu":case"mouseup":case"dragend":br=!1,xr(o,n,a);break;case"selectionchange":if(mr)break;case"keydown":case"keyup":xr(o,n,a)}var y;if(On)e:{switch(e){case"compositionstart":var b="onCompositionStart";break e;case"compositionend":b="onCompositionEnd";break e;case"compositionupdate":b="onCompositionUpdate";break e}b=void 0}else Vn?Un(e,n)&&(b="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(b="onCompositionStart");b&&(Dn&&"ko"!==n.locale&&(Vn||"onCompositionStart"!==b?"onCompositionEnd"===b&&Vn&&(y=en()):(Zt="value"in(Yt=a)?Yt.value:Yt.textContent,Vn=!0)),0<(v=Qr(r,b)).length&&(b=new xn(b,e,null,n,a),o.push({event:b,listeners:v}),y?b.data=y:null!==(y=Wn(n))&&(b.data=y))),(y=Mn?function(e,t){switch(e){case"compositionend":return Wn(t);case"keypress":return 32!==t.which?null:(Fn=!0,An);case"textInput":return(e=t.data)===An&&Fn?null:e;default:return null}}(e,n):function(e,t){if(Vn)return"compositionend"===e||!On&&Un(e,t)?(e=en(),Jt=Zt=Yt=null,Vn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Dn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Qr(r,"onBeforeInput")).length&&(a=new xn("onBeforeInput","beforeinput",null,n,a),o.push({event:a,listeners:r}),a.data=y))}Ar(o,t)}))}function $r(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Qr(e,t){for(var n=t+"Capture",r=[];null!==e;){var a=e,i=a.stateNode;5===a.tag&&null!==i&&(a=i,null!=(i=Re(e,n))&&r.unshift($r(e,i,a)),null!=(i=Re(e,t))&&r.push($r(e,i,a))),e=e.return}return r}function Kr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function qr(e,t,n,r,a){for(var i=t._reactName,o=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,a?null!=(l=Re(n,i))&&o.unshift($r(n,l,s)):a||null!=(l=Re(n,i))&&o.push($r(n,l,s))),n=n.return}0!==o.length&&e.push({event:t,listeners:o})}var Xr=/\r\n?/g,Gr=/\u0000|\uFFFD/g;function Yr(e){return("string"===typeof e?e:""+e).replace(Xr,"\n").replace(Gr,"")}function Zr(e,t,n){if(t=Yr(t),Yr(e)!==t&&n)throw Error(i(425))}function Jr(){}var ea=null,ta=null;function na(e,t){return"textarea"===e||"noscript"===e||"string"===typeof t.children||"number"===typeof t.children||"object"===typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ra="function"===typeof setTimeout?setTimeout:void 0,aa="function"===typeof clearTimeout?clearTimeout:void 0,ia="function"===typeof Promise?Promise:void 0,oa="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof ia?function(e){return ia.resolve(null).then(e).catch(sa)}:ra;function sa(e){setTimeout((function(){throw e}))}function la(e,t){var n=t,r=0;do{var a=n.nextSibling;if(e.removeChild(n),a&&8===a.nodeType)if("/$"===(n=a.data)){if(0===r)return e.removeChild(a),void Vt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=a}while(n);Vt(t)}function ca(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ua(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var da=Math.random().toString(36).slice(2),fa="__reactFiber$"+da,pa="__reactProps$"+da,ha="__reactContainer$"+da,ma="__reactEvents$"+da,ga="__reactListeners$"+da,va="__reactHandles$"+da;function ya(e){var t=e[fa];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ha]||n[fa]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ua(e);null!==e;){if(n=e[fa])return n;e=ua(e)}return t}n=(e=n).parentNode}return null}function ba(e){return!(e=e[fa]||e[ha])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function xa(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function wa(e){return e[pa]||null}var ja=[],ka=-1;function Ca(e){return{current:e}}function Sa(e){0>ka||(e.current=ja[ka],ja[ka]=null,ka--)}function Na(e,t){ka++,ja[ka]=e.current,e.current=t}var Pa={},Ea=Ca(Pa),Ta=Ca(!1),_a=Pa;function Ia(e,t){var n=e.type.contextTypes;if(!n)return Pa;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var a,i={};for(a in n)i[a]=t[a];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Ra(e){return null!==(e=e.childContextTypes)&&void 0!==e}function La(){Sa(Ta),Sa(Ea)}function Oa(e,t,n){if(Ea.current!==Pa)throw Error(i(168));Na(Ea,t),Na(Ta,n)}function za(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!==typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in t))throw Error(i(108,B(e)||"Unknown",a));return D({},n,r)}function Ma(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pa,_a=Ea.current,Na(Ea,e),Na(Ta,Ta.current),!0}function Da(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=za(e,t,_a),r.__reactInternalMemoizedMergedChildContext=e,Sa(Ta),Sa(Ea),Na(Ea,e)):Sa(Ta),Na(Ta,n)}var Aa=null,Fa=!1,Ua=!1;function Wa(e){null===Aa?Aa=[e]:Aa.push(e)}function Va(){if(!Ua&&null!==Aa){Ua=!0;var e=0,t=bt;try{var n=Aa;for(bt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}Aa=null,Fa=!1}catch(a){throw null!==Aa&&(Aa=Aa.slice(e+1)),Ke(Je,Va),a}finally{bt=t,Ua=!1}}return null}var Ba=[],Ha=0,$a=null,Qa=0,Ka=[],qa=0,Xa=null,Ga=1,Ya="";function Za(e,t){Ba[Ha++]=Qa,Ba[Ha++]=$a,$a=e,Qa=t}function Ja(e,t,n){Ka[qa++]=Ga,Ka[qa++]=Ya,Ka[qa++]=Xa,Xa=e;var r=Ga;e=Ya;var a=32-ot(r)-1;r&=~(1<<a),n+=1;var i=32-ot(t)+a;if(30<i){var o=a-a%5;i=(r&(1<<o)-1).toString(32),r>>=o,a-=o,Ga=1<<32-ot(t)+a|n<<a|r,Ya=i+e}else Ga=1<<i|n<<a|r,Ya=e}function ei(e){null!==e.return&&(Za(e,1),Ja(e,1,0))}function ti(e){for(;e===$a;)$a=Ba[--Ha],Ba[Ha]=null,Qa=Ba[--Ha],Ba[Ha]=null;for(;e===Xa;)Xa=Ka[--qa],Ka[qa]=null,Ya=Ka[--qa],Ka[qa]=null,Ga=Ka[--qa],Ka[qa]=null}var ni=null,ri=null,ai=!1,ii=null;function oi(e,t){var n=Ic(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function si(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ni=e,ri=ca(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ni=e,ri=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Xa?{id:Ga,overflow:Ya}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Ic(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ni=e,ri=null,!0);default:return!1}}function li(e){return 0!==(1&e.mode)&&0===(128&e.flags)}function ci(e){if(ai){var t=ri;if(t){var n=t;if(!si(e,t)){if(li(e))throw Error(i(418));t=ca(n.nextSibling);var r=ni;t&&si(e,t)?oi(r,n):(e.flags=-4097&e.flags|2,ai=!1,ni=e)}}else{if(li(e))throw Error(i(418));e.flags=-4097&e.flags|2,ai=!1,ni=e}}}function ui(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ni=e}function di(e){if(e!==ni)return!1;if(!ai)return ui(e),ai=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!na(e.type,e.memoizedProps)),t&&(t=ri)){if(li(e))throw fi(),Error(i(418));for(;t;)oi(e,t),t=ca(t.nextSibling)}if(ui(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ri=ca(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ri=null}}else ri=ni?ca(e.stateNode.nextSibling):null;return!0}function fi(){for(var e=ri;e;)e=ca(e.nextSibling)}function pi(){ri=ni=null,ai=!1}function hi(e){null===ii?ii=[e]:ii.push(e)}var mi=x.ReactCurrentBatchConfig;function gi(e,t,n){if(null!==(e=n.ref)&&"function"!==typeof e&&"object"!==typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var r=n.stateNode}if(!r)throw Error(i(147,e));var a=r,o=""+e;return null!==t&&null!==t.ref&&"function"===typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=a.refs;null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!==typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function vi(e,t){throw e=Object.prototype.toString.call(t),Error(i(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function yi(e){return(0,e._init)(e._payload)}function bi(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function a(e,t){return(e=Lc(e,t)).index=0,e.sibling=null,e}function o(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Dc(n,e.mode,r)).return=e,t):((t=a(t,n)).return=e,t)}function c(e,t,n,r){var i=n.type;return i===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===i||"object"===typeof i&&null!==i&&i.$$typeof===R&&yi(i)===t.type)?((r=a(t,n.props)).ref=gi(e,t,n),r.return=e,r):((r=Oc(n.type,n.key,n.props,null,e.mode,r)).ref=gi(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ac(n,e.mode,r)).return=e,t):((t=a(t,n.children||[])).return=e,t)}function d(e,t,n,r,i){return null===t||7!==t.tag?((t=zc(n,e.mode,r,i)).return=e,t):((t=a(t,n)).return=e,t)}function f(e,t,n){if("string"===typeof t&&""!==t||"number"===typeof t)return(t=Dc(""+t,e.mode,n)).return=e,t;if("object"===typeof t&&null!==t){switch(t.$$typeof){case w:return(n=Oc(t.type,t.key,t.props,null,e.mode,n)).ref=gi(e,null,t),n.return=e,n;case j:return(t=Ac(t,e.mode,n)).return=e,t;case R:return f(e,(0,t._init)(t._payload),n)}if(te(t)||z(t))return(t=zc(t,e.mode,n,null)).return=e,t;vi(e,t)}return null}function p(e,t,n,r){var a=null!==t?t.key:null;if("string"===typeof n&&""!==n||"number"===typeof n)return null!==a?null:l(e,t,""+n,r);if("object"===typeof n&&null!==n){switch(n.$$typeof){case w:return n.key===a?c(e,t,n,r):null;case j:return n.key===a?u(e,t,n,r):null;case R:return p(e,t,(a=n._init)(n._payload),r)}if(te(n)||z(n))return null!==a?null:d(e,t,n,r,null);vi(e,n)}return null}function h(e,t,n,r,a){if("string"===typeof r&&""!==r||"number"===typeof r)return l(t,e=e.get(n)||null,""+r,a);if("object"===typeof r&&null!==r){switch(r.$$typeof){case w:return c(t,e=e.get(null===r.key?n:r.key)||null,r,a);case j:return u(t,e=e.get(null===r.key?n:r.key)||null,r,a);case R:return h(e,t,n,(0,r._init)(r._payload),a)}if(te(r)||z(r))return d(t,e=e.get(n)||null,r,a,null);vi(t,r)}return null}function m(a,i,s,l){for(var c=null,u=null,d=i,m=i=0,g=null;null!==d&&m<s.length;m++){d.index>m?(g=d,d=null):g=d.sibling;var v=p(a,d,s[m],l);if(null===v){null===d&&(d=g);break}e&&d&&null===v.alternate&&t(a,d),i=o(v,i,m),null===u?c=v:u.sibling=v,u=v,d=g}if(m===s.length)return n(a,d),ai&&Za(a,m),c;if(null===d){for(;m<s.length;m++)null!==(d=f(a,s[m],l))&&(i=o(d,i,m),null===u?c=d:u.sibling=d,u=d);return ai&&Za(a,m),c}for(d=r(a,d);m<s.length;m++)null!==(g=h(d,a,m,s[m],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?m:g.key),i=o(g,i,m),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(a,e)})),ai&&Za(a,m),c}function g(a,s,l,c){var u=z(l);if("function"!==typeof u)throw Error(i(150));if(null==(l=u.call(l)))throw Error(i(151));for(var d=u=null,m=s,g=s=0,v=null,y=l.next();null!==m&&!y.done;g++,y=l.next()){m.index>g?(v=m,m=null):v=m.sibling;var b=p(a,m,y.value,c);if(null===b){null===m&&(m=v);break}e&&m&&null===b.alternate&&t(a,m),s=o(b,s,g),null===d?u=b:d.sibling=b,d=b,m=v}if(y.done)return n(a,m),ai&&Za(a,g),u;if(null===m){for(;!y.done;g++,y=l.next())null!==(y=f(a,y.value,c))&&(s=o(y,s,g),null===d?u=y:d.sibling=y,d=y);return ai&&Za(a,g),u}for(m=r(a,m);!y.done;g++,y=l.next())null!==(y=h(m,a,g,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?g:y.key),s=o(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(a,e)})),ai&&Za(a,g),u}return function e(r,i,o,l){if("object"===typeof o&&null!==o&&o.type===k&&null===o.key&&(o=o.props.children),"object"===typeof o&&null!==o){switch(o.$$typeof){case w:e:{for(var c=o.key,u=i;null!==u;){if(u.key===c){if((c=o.type)===k){if(7===u.tag){n(r,u.sibling),(i=a(u,o.props.children)).return=r,r=i;break e}}else if(u.elementType===c||"object"===typeof c&&null!==c&&c.$$typeof===R&&yi(c)===u.type){n(r,u.sibling),(i=a(u,o.props)).ref=gi(r,u,o),i.return=r,r=i;break e}n(r,u);break}t(r,u),u=u.sibling}o.type===k?((i=zc(o.props.children,r.mode,l,o.key)).return=r,r=i):((l=Oc(o.type,o.key,o.props,null,r.mode,l)).ref=gi(r,i,o),l.return=r,r=l)}return s(r);case j:e:{for(u=o.key;null!==i;){if(i.key===u){if(4===i.tag&&i.stateNode.containerInfo===o.containerInfo&&i.stateNode.implementation===o.implementation){n(r,i.sibling),(i=a(i,o.children||[])).return=r,r=i;break e}n(r,i);break}t(r,i),i=i.sibling}(i=Ac(o,r.mode,l)).return=r,r=i}return s(r);case R:return e(r,i,(u=o._init)(o._payload),l)}if(te(o))return m(r,i,o,l);if(z(o))return g(r,i,o,l);vi(r,o)}return"string"===typeof o&&""!==o||"number"===typeof o?(o=""+o,null!==i&&6===i.tag?(n(r,i.sibling),(i=a(i,o)).return=r,r=i):(n(r,i),(i=Dc(o,r.mode,l)).return=r,r=i),s(r)):n(r,i)}}var xi=bi(!0),wi=bi(!1),ji=Ca(null),ki=null,Ci=null,Si=null;function Ni(){Si=Ci=ki=null}function Pi(e){var t=ji.current;Sa(ji),e._currentValue=t}function Ei(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ti(e,t){ki=e,Si=Ci=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!==(e.lanes&t)&&(bs=!0),e.firstContext=null)}function _i(e){var t=e._currentValue;if(Si!==e)if(e={context:e,memoizedValue:t,next:null},null===Ci){if(null===ki)throw Error(i(308));Ci=e,ki.dependencies={lanes:0,firstContext:e}}else Ci=Ci.next=e;return t}var Ii=null;function Ri(e){null===Ii?Ii=[e]:Ii.push(e)}function Li(e,t,n,r){var a=t.interleaved;return null===a?(n.next=n,Ri(t)):(n.next=a.next,a.next=n),t.interleaved=n,Oi(e,r)}function Oi(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var zi=!1;function Mi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Di(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ai(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Fi(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,0!==(2&El)){var a=r.pending;return null===a?t.next=t:(t.next=a.next,a.next=t),r.pending=t,Oi(e,n)}return null===(a=r.interleaved)?(t.next=t,Ri(r)):(t.next=a.next,a.next=t),r.interleaved=t,Oi(e,n)}function Ui(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!==(4194240&n))){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Wi(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var a=null,i=null;if(null!==(n=n.firstBaseUpdate)){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===i?a=i=o:i=i.next=o,n=n.next}while(null!==n);null===i?a=i=t:i=i.next=t}else a=i=t;return n={baseState:r.baseState,firstBaseUpdate:a,lastBaseUpdate:i,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Vi(e,t,n,r){var a=e.updateQueue;zi=!1;var i=a.firstBaseUpdate,o=a.lastBaseUpdate,s=a.shared.pending;if(null!==s){a.shared.pending=null;var l=s,c=l.next;l.next=null,null===o?i=c:o.next=c,o=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==o&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==i){var d=a.baseState;for(o=0,u=c=l=null,s=i;;){var f=s.lane,p=s.eventTime;if((r&f)===f){null!==u&&(u=u.next={eventTime:p,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var h=e,m=s;switch(f=t,p=n,m.tag){case 1:if("function"===typeof(h=m.payload)){d=h.call(p,d,f);break e}d=h;break e;case 3:h.flags=-65537&h.flags|128;case 0:if(null===(f="function"===typeof(h=m.payload)?h.call(p,d,f):h)||void 0===f)break e;d=D({},d,f);break e;case 2:zi=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(f=a.effects)?a.effects=[s]:f.push(s))}else p={eventTime:p,lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=p,l=d):u=u.next=p,o|=f;if(null===(s=s.next)){if(null===(s=a.shared.pending))break;s=(f=s).next,f.next=null,a.lastBaseUpdate=f,a.shared.pending=null}}if(null===u&&(l=d),a.baseState=l,a.firstBaseUpdate=c,a.lastBaseUpdate=u,null!==(t=a.shared.interleaved)){a=t;do{o|=a.lane,a=a.next}while(a!==t)}else null===i&&(a.shared.lanes=0);Ml|=o,e.lanes=o,e.memoizedState=d}}function Bi(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],a=r.callback;if(null!==a){if(r.callback=null,r=n,"function"!==typeof a)throw Error(i(191,a));a.call(r)}}}var Hi={},$i=Ca(Hi),Qi=Ca(Hi),Ki=Ca(Hi);function qi(e){if(e===Hi)throw Error(i(174));return e}function Xi(e,t){switch(Na(Ki,t),Na(Qi,e),Na($i,Hi),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Sa($i),Na($i,t)}function Gi(){Sa($i),Sa(Qi),Sa(Ki)}function Yi(e){qi(Ki.current);var t=qi($i.current),n=le(t,e.type);t!==n&&(Na(Qi,e),Na($i,n))}function Zi(e){Qi.current===e&&(Sa($i),Sa(Qi))}var Ji=Ca(0);function eo(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!==(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var to=[];function no(){for(var e=0;e<to.length;e++)to[e]._workInProgressVersionPrimary=null;to.length=0}var ro=x.ReactCurrentDispatcher,ao=x.ReactCurrentBatchConfig,io=0,oo=null,so=null,lo=null,co=!1,uo=!1,fo=0,po=0;function ho(){throw Error(i(321))}function mo(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function go(e,t,n,r,a,o){if(io=o,oo=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,ro.current=null===e||null===e.memoizedState?Jo:es,e=n(r,a),uo){o=0;do{if(uo=!1,fo=0,25<=o)throw Error(i(301));o+=1,lo=so=null,t.updateQueue=null,ro.current=ts,e=n(r,a)}while(uo)}if(ro.current=Zo,t=null!==so&&null!==so.next,io=0,lo=so=oo=null,co=!1,t)throw Error(i(300));return e}function vo(){var e=0!==fo;return fo=0,e}function yo(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===lo?oo.memoizedState=lo=e:lo=lo.next=e,lo}function bo(){if(null===so){var e=oo.alternate;e=null!==e?e.memoizedState:null}else e=so.next;var t=null===lo?oo.memoizedState:lo.next;if(null!==t)lo=t,so=e;else{if(null===e)throw Error(i(310));e={memoizedState:(so=e).memoizedState,baseState:so.baseState,baseQueue:so.baseQueue,queue:so.queue,next:null},null===lo?oo.memoizedState=lo=e:lo=lo.next=e}return lo}function xo(e,t){return"function"===typeof t?t(e):t}function wo(e){var t=bo(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=so,a=r.baseQueue,o=n.pending;if(null!==o){if(null!==a){var s=a.next;a.next=o.next,o.next=s}r.baseQueue=a=o,n.pending=null}if(null!==a){o=a.next,r=r.baseState;var l=s=null,c=null,u=o;do{var d=u.lane;if((io&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var f={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=f,s=r):c=c.next=f,oo.lanes|=d,Ml|=d}u=u.next}while(null!==u&&u!==o);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(bs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){a=e;do{o=a.lane,oo.lanes|=o,Ml|=o,a=a.next}while(a!==e)}else null===a&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function jo(e){var t=bo(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,a=n.pending,o=t.memoizedState;if(null!==a){n.pending=null;var s=a=a.next;do{o=e(o,s.action),s=s.next}while(s!==a);sr(o,t.memoizedState)||(bs=!0),t.memoizedState=o,null===t.baseQueue&&(t.baseState=o),n.lastRenderedState=o}return[o,r]}function ko(){}function Co(e,t){var n=oo,r=bo(),a=t(),o=!sr(r.memoizedState,a);if(o&&(r.memoizedState=a,bs=!0),r=r.queue,Mo(Po.bind(null,n,r,e),[e]),r.getSnapshot!==t||o||null!==lo&&1&lo.memoizedState.tag){if(n.flags|=2048,Io(9,No.bind(null,n,r,a,t),void 0,null),null===Tl)throw Error(i(349));0!==(30&io)||So(n,t,a)}return a}function So(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=oo.updateQueue)?(t={lastEffect:null,stores:null},oo.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function No(e,t,n,r){t.value=n,t.getSnapshot=r,Eo(t)&&To(e)}function Po(e,t,n){return n((function(){Eo(t)&&To(e)}))}function Eo(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function To(e){var t=Oi(e,1);null!==t&&nc(t,e,1,-1)}function _o(e){var t=yo();return"function"===typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:xo,lastRenderedState:e},t.queue=e,e=e.dispatch=qo.bind(null,oo,e),[t.memoizedState,e]}function Io(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=oo.updateQueue)?(t={lastEffect:null,stores:null},oo.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Ro(){return bo().memoizedState}function Lo(e,t,n,r){var a=yo();oo.flags|=e,a.memoizedState=Io(1|t,n,void 0,void 0===r?null:r)}function Oo(e,t,n,r){var a=bo();r=void 0===r?null:r;var i=void 0;if(null!==so){var o=so.memoizedState;if(i=o.destroy,null!==r&&mo(r,o.deps))return void(a.memoizedState=Io(t,n,i,r))}oo.flags|=e,a.memoizedState=Io(1|t,n,i,r)}function zo(e,t){return Lo(8390656,8,e,t)}function Mo(e,t){return Oo(2048,8,e,t)}function Do(e,t){return Oo(4,2,e,t)}function Ao(e,t){return Oo(4,4,e,t)}function Fo(e,t){return"function"===typeof t?(e=e(),t(e),function(){t(null)}):null!==t&&void 0!==t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Uo(e,t,n){return n=null!==n&&void 0!==n?n.concat([e]):null,Oo(4,4,Fo.bind(null,t,e),n)}function Wo(){}function Vo(e,t){var n=bo();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&mo(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Bo(e,t){var n=bo();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&mo(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ho(e,t,n){return 0===(21&io)?(e.baseState&&(e.baseState=!1,bs=!0),e.memoizedState=n):(sr(n,t)||(n=mt(),oo.lanes|=n,Ml|=n,e.baseState=!0),t)}function $o(e,t){var n=bt;bt=0!==n&&4>n?n:4,e(!0);var r=ao.transition;ao.transition={};try{e(!1),t()}finally{bt=n,ao.transition=r}}function Qo(){return bo().memoizedState}function Ko(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Xo(e))Go(t,n);else if(null!==(n=Li(e,t,n,r))){nc(n,e,r,ec()),Yo(n,t,r)}}function qo(e,t,n){var r=tc(e),a={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Xo(e))Go(t,a);else{var i=e.alternate;if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var o=t.lastRenderedState,s=i(o,n);if(a.hasEagerState=!0,a.eagerState=s,sr(s,o)){var l=t.interleaved;return null===l?(a.next=a,Ri(t)):(a.next=l.next,l.next=a),void(t.interleaved=a)}}catch(c){}null!==(n=Li(e,t,a,r))&&(nc(n,e,r,a=ec()),Yo(n,t,r))}}function Xo(e){var t=e.alternate;return e===oo||null!==t&&t===oo}function Go(e,t){uo=co=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Yo(e,t,n){if(0!==(4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Zo={readContext:_i,useCallback:ho,useContext:ho,useEffect:ho,useImperativeHandle:ho,useInsertionEffect:ho,useLayoutEffect:ho,useMemo:ho,useReducer:ho,useRef:ho,useState:ho,useDebugValue:ho,useDeferredValue:ho,useTransition:ho,useMutableSource:ho,useSyncExternalStore:ho,useId:ho,unstable_isNewReconciler:!1},Jo={readContext:_i,useCallback:function(e,t){return yo().memoizedState=[e,void 0===t?null:t],e},useContext:_i,useEffect:zo,useImperativeHandle:function(e,t,n){return n=null!==n&&void 0!==n?n.concat([e]):null,Lo(4194308,4,Fo.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Lo(4194308,4,e,t)},useInsertionEffect:function(e,t){return Lo(4,2,e,t)},useMemo:function(e,t){var n=yo();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yo();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Ko.bind(null,oo,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yo().memoizedState=e},useState:_o,useDebugValue:Wo,useDeferredValue:function(e){return yo().memoizedState=e},useTransition:function(){var e=_o(!1),t=e[0];return e=$o.bind(null,e[1]),yo().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=oo,a=yo();if(ai){if(void 0===n)throw Error(i(407));n=n()}else{if(n=t(),null===Tl)throw Error(i(349));0!==(30&io)||So(r,t,n)}a.memoizedState=n;var o={value:n,getSnapshot:t};return a.queue=o,zo(Po.bind(null,r,o,e),[e]),r.flags|=2048,Io(9,No.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=yo(),t=Tl.identifierPrefix;if(ai){var n=Ya;t=":"+t+"R"+(n=(Ga&~(1<<32-ot(Ga)-1)).toString(32)+n),0<(n=fo++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=po++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:_i,useCallback:Vo,useContext:_i,useEffect:Mo,useImperativeHandle:Uo,useInsertionEffect:Do,useLayoutEffect:Ao,useMemo:Bo,useReducer:wo,useRef:Ro,useState:function(){return wo(xo)},useDebugValue:Wo,useDeferredValue:function(e){return Ho(bo(),so.memoizedState,e)},useTransition:function(){return[wo(xo)[0],bo().memoizedState]},useMutableSource:ko,useSyncExternalStore:Co,useId:Qo,unstable_isNewReconciler:!1},ts={readContext:_i,useCallback:Vo,useContext:_i,useEffect:Mo,useImperativeHandle:Uo,useInsertionEffect:Do,useLayoutEffect:Ao,useMemo:Bo,useReducer:jo,useRef:Ro,useState:function(){return jo(xo)},useDebugValue:Wo,useDeferredValue:function(e){var t=bo();return null===so?t.memoizedState=e:Ho(t,so.memoizedState,e)},useTransition:function(){return[jo(xo)[0],bo().memoizedState]},useMutableSource:ko,useSyncExternalStore:Co,useId:Qo,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=D({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null===(n=n(r,t=e.memoizedState))||void 0===n?t:D({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var as={isMounted:function(e){return!!(e=e._reactInternals)&&Ve(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),a=tc(e),i=Ai(r,a);i.payload=t,void 0!==n&&null!==n&&(i.callback=n),null!==(t=Fi(e,i,a))&&(nc(t,e,a,r),Ui(t,e,a))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),a=tc(e),i=Ai(r,a);i.tag=1,i.payload=t,void 0!==n&&null!==n&&(i.callback=n),null!==(t=Fi(e,i,a))&&(nc(t,e,a,r),Ui(t,e,a))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),a=Ai(n,r);a.tag=2,void 0!==t&&null!==t&&(a.callback=t),null!==(t=Fi(e,a,r))&&(nc(t,e,r,n),Ui(t,e,r))}};function is(e,t,n,r,a,i,o){return"function"===typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,i,o):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(a,i))}function os(e,t,n){var r=!1,a=Pa,i=t.contextType;return"object"===typeof i&&null!==i?i=_i(i):(a=Ra(t)?_a:Ea.current,i=(r=null!==(r=t.contextTypes)&&void 0!==r)?Ia(e,a):Pa),t=new t(n,i),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=as,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=a,e.__reactInternalMemoizedMaskedChildContext=i),t}function ss(e,t,n,r){e=t.state,"function"===typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"===typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&as.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var a=e.stateNode;a.props=n,a.state=e.memoizedState,a.refs={},Mi(e);var i=t.contextType;"object"===typeof i&&null!==i?a.context=_i(i):(i=Ra(t)?_a:Ea.current,a.context=Ia(e,i)),a.state=e.memoizedState,"function"===typeof(i=t.getDerivedStateFromProps)&&(rs(e,t,i,n),a.state=e.memoizedState),"function"===typeof t.getDerivedStateFromProps||"function"===typeof a.getSnapshotBeforeUpdate||"function"!==typeof a.UNSAFE_componentWillMount&&"function"!==typeof a.componentWillMount||(t=a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),t!==a.state&&as.enqueueReplaceState(a,a.state,null),Vi(e,n,a,r),a.state=e.memoizedState),"function"===typeof a.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=W(r),r=r.return}while(r);var a=n}catch(i){a="\nError generating stack: "+i.message+"\n"+i.stack}return{value:e,source:t,stack:a,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fs="function"===typeof WeakMap?WeakMap:Map;function ps(e,t,n){(n=Ai(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,$l=r),ds(0,t)},n}function hs(e,t,n){(n=Ai(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"===typeof r){var a=t.value;n.payload=function(){return r(a)},n.callback=function(){ds(0,t)}}var i=e.stateNode;return null!==i&&"function"===typeof i.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!==typeof r&&(null===Ql?Ql=new Set([this]):Ql.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function ms(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new fs;var a=new Set;r.set(t,a)}else void 0===(a=r.get(t))&&(a=new Set,r.set(t,a));a.has(n)||(a.add(n),e=Sc.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function vs(e,t,n,r,a){return 0===(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ai(-1,1)).tag=2,Fi(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=a,e)}var ys=x.ReactCurrentOwner,bs=!1;function xs(e,t,n,r){t.child=null===e?wi(t,null,n,r):xi(t,e.child,n,r)}function ws(e,t,n,r,a){n=n.render;var i=t.ref;return Ti(t,a),r=go(e,t,n,r,i,a),n=vo(),null===e||bs?(ai&&n&&ei(t),t.flags|=1,xs(e,t,r,a),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~a,Hs(e,t,a))}function js(e,t,n,r,a){if(null===e){var i=n.type;return"function"!==typeof i||Rc(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Oc(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,ks(e,t,i,r,a))}if(i=e.child,0===(e.lanes&a)){var o=i.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(o,r)&&e.ref===t.ref)return Hs(e,t,a)}return t.flags|=1,(e=Lc(i,r)).ref=t.ref,e.return=t,t.child=e}function ks(e,t,n,r,a){if(null!==e){var i=e.memoizedProps;if(lr(i,r)&&e.ref===t.ref){if(bs=!1,t.pendingProps=r=i,0===(e.lanes&a))return t.lanes=e.lanes,Hs(e,t,a);0!==(131072&e.flags)&&(bs=!0)}}return Ns(e,t,n,r,a)}function Cs(e,t,n){var r=t.pendingProps,a=r.children,i=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0===(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Na(Ll,Rl),Rl|=n;else{if(0===(1073741824&n))return e=null!==i?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Na(Ll,Rl),Rl|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==i?i.baseLanes:n,Na(Ll,Rl),Rl|=r}else null!==i?(r=i.baseLanes|n,t.memoizedState=null):r=n,Na(Ll,Rl),Rl|=r;return xs(e,t,a,n),t.child}function Ss(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Ns(e,t,n,r,a){var i=Ra(n)?_a:Ea.current;return i=Ia(t,i),Ti(t,a),n=go(e,t,n,r,i,a),r=vo(),null===e||bs?(ai&&r&&ei(t),t.flags|=1,xs(e,t,n,a),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~a,Hs(e,t,a))}function Ps(e,t,n,r,a){if(Ra(n)){var i=!0;Ma(t)}else i=!1;if(Ti(t,a),null===t.stateNode)Bs(e,t),os(t,n,r),ls(t,n,r,a),r=!0;else if(null===e){var o=t.stateNode,s=t.memoizedProps;o.props=s;var l=o.context,c=n.contextType;"object"===typeof c&&null!==c?c=_i(c):c=Ia(t,c=Ra(n)?_a:Ea.current);var u=n.getDerivedStateFromProps,d="function"===typeof u||"function"===typeof o.getSnapshotBeforeUpdate;d||"function"!==typeof o.UNSAFE_componentWillReceiveProps&&"function"!==typeof o.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,o,r,c),zi=!1;var f=t.memoizedState;o.state=f,Vi(t,r,o,a),l=t.memoizedState,s!==r||f!==l||Ta.current||zi?("function"===typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=zi||is(t,n,s,r,f,l,c))?(d||"function"!==typeof o.UNSAFE_componentWillMount&&"function"!==typeof o.componentWillMount||("function"===typeof o.componentWillMount&&o.componentWillMount(),"function"===typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"===typeof o.componentDidMount&&(t.flags|=4194308)):("function"===typeof o.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),o.props=r,o.state=l,o.context=c,r=s):("function"===typeof o.componentDidMount&&(t.flags|=4194308),r=!1)}else{o=t.stateNode,Di(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),o.props=c,d=t.pendingProps,f=o.context,"object"===typeof(l=n.contextType)&&null!==l?l=_i(l):l=Ia(t,l=Ra(n)?_a:Ea.current);var p=n.getDerivedStateFromProps;(u="function"===typeof p||"function"===typeof o.getSnapshotBeforeUpdate)||"function"!==typeof o.UNSAFE_componentWillReceiveProps&&"function"!==typeof o.componentWillReceiveProps||(s!==d||f!==l)&&ss(t,o,r,l),zi=!1,f=t.memoizedState,o.state=f,Vi(t,r,o,a);var h=t.memoizedState;s!==d||f!==h||Ta.current||zi?("function"===typeof p&&(rs(t,n,p,r),h=t.memoizedState),(c=zi||is(t,n,c,r,f,h,l)||!1)?(u||"function"!==typeof o.UNSAFE_componentWillUpdate&&"function"!==typeof o.componentWillUpdate||("function"===typeof o.componentWillUpdate&&o.componentWillUpdate(r,h,l),"function"===typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(r,h,l)),"function"===typeof o.componentDidUpdate&&(t.flags|=4),"function"===typeof o.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!==typeof o.componentDidUpdate||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),"function"!==typeof o.getSnapshotBeforeUpdate||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=h),o.props=r,o.state=h,o.context=l,r=c):("function"!==typeof o.componentDidUpdate||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),"function"!==typeof o.getSnapshotBeforeUpdate||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return Es(e,t,n,r,i,a)}function Es(e,t,n,r,a,i){Ss(e,t);var o=0!==(128&t.flags);if(!r&&!o)return a&&Da(t,n,!1),Hs(e,t,i);r=t.stateNode,ys.current=t;var s=o&&"function"!==typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&o?(t.child=xi(t,e.child,null,i),t.child=xi(t,null,s,i)):xs(e,t,s,i),t.memoizedState=r.state,a&&Da(t,n,!0),t.child}function Ts(e){var t=e.stateNode;t.pendingContext?Oa(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Oa(0,t.context,!1),Xi(e,t.containerInfo)}function _s(e,t,n,r,a){return pi(),hi(a),t.flags|=256,xs(e,t,n,r),t.child}var Is,Rs,Ls,Os,zs={dehydrated:null,treeContext:null,retryLane:0};function Ms(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ds(e,t,n){var r,a=t.pendingProps,o=Ji.current,s=!1,l=0!==(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&0!==(2&o)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(o|=1),Na(Ji,1&o),null===e)return ci(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0===(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(l=a.children,e=a.fallback,s?(a=t.mode,s=t.child,l={mode:"hidden",children:l},0===(1&a)&&null!==s?(s.childLanes=0,s.pendingProps=l):s=Mc(l,a,0,null),e=zc(e,a,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ms(n),t.memoizedState=zs,e):As(t,l));if(null!==(o=e.memoizedState)&&null!==(r=o.dehydrated))return function(e,t,n,r,a,o,s){if(n)return 256&t.flags?(t.flags&=-257,Fs(e,t,s,r=us(Error(i(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(o=r.fallback,a=t.mode,r=Mc({mode:"visible",children:r.children},a,0,null),(o=zc(o,a,s,null)).flags|=2,r.return=t,o.return=t,r.sibling=o,t.child=r,0!==(1&t.mode)&&xi(t,e.child,null,s),t.child.memoizedState=Ms(s),t.memoizedState=zs,o);if(0===(1&t.mode))return Fs(e,t,s,null);if("$!"===a.data){if(r=a.nextSibling&&a.nextSibling.dataset)var l=r.dgst;return r=l,Fs(e,t,s,r=us(o=Error(i(419)),r,void 0))}if(l=0!==(s&e.childLanes),bs||l){if(null!==(r=Tl)){switch(s&-s){case 4:a=2;break;case 16:a=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:a=32;break;case 536870912:a=268435456;break;default:a=0}0!==(a=0!==(a&(r.suspendedLanes|s))?0:a)&&a!==o.retryLane&&(o.retryLane=a,Oi(e,a),nc(r,e,a,-1))}return mc(),Fs(e,t,s,r=us(Error(i(421))))}return"$?"===a.data?(t.flags|=128,t.child=e.child,t=Pc.bind(null,e),a._reactRetry=t,null):(e=o.treeContext,ri=ca(a.nextSibling),ni=t,ai=!0,ii=null,null!==e&&(Ka[qa++]=Ga,Ka[qa++]=Ya,Ka[qa++]=Xa,Ga=e.id,Ya=e.overflow,Xa=t),t=As(t,r.children),t.flags|=4096,t)}(e,t,l,a,r,o,n);if(s){s=a.fallback,l=t.mode,r=(o=e.child).sibling;var c={mode:"hidden",children:a.children};return 0===(1&l)&&t.child!==o?((a=t.child).childLanes=0,a.pendingProps=c,t.deletions=null):(a=Lc(o,c)).subtreeFlags=14680064&o.subtreeFlags,null!==r?s=Lc(r,s):(s=zc(s,l,n,null)).flags|=2,s.return=t,a.return=t,a.sibling=s,t.child=a,a=s,s=t.child,l=null===(l=e.child.memoizedState)?Ms(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=zs,a}return e=(s=e.child).sibling,a=Lc(s,{mode:"visible",children:a.children}),0===(1&t.mode)&&(a.lanes=n),a.return=t,a.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=a,t.memoizedState=null,a}function As(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Fs(e,t,n,r){return null!==r&&hi(r),xi(t,e.child,null,n),(e=As(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Us(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Ei(e.return,t,n)}function Ws(e,t,n,r,a){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:a}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=a)}function Vs(e,t,n){var r=t.pendingProps,a=r.revealOrder,i=r.tail;if(xs(e,t,r.children,n),0!==(2&(r=Ji.current)))r=1&r|2,t.flags|=128;else{if(null!==e&&0!==(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Us(e,n,t);else if(19===e.tag)Us(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Na(Ji,r),0===(1&t.mode))t.memoizedState=null;else switch(a){case"forwards":for(n=t.child,a=null;null!==n;)null!==(e=n.alternate)&&null===eo(e)&&(a=n),n=n.sibling;null===(n=a)?(a=t.child,t.child=null):(a=n.sibling,n.sibling=null),Ws(t,!1,a,n,i);break;case"backwards":for(n=null,a=t.child,t.child=null;null!==a;){if(null!==(e=a.alternate)&&null===eo(e)){t.child=a;break}e=a.sibling,a.sibling=n,n=a,a=e}Ws(t,!0,n,null,i);break;case"together":Ws(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Bs(e,t){0===(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ml|=t.lanes,0===(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Lc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Lc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function $s(e,t){if(!ai)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Qs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var a=e.child;null!==a;)n|=a.lanes|a.childLanes,r|=14680064&a.subtreeFlags,r|=14680064&a.flags,a.return=e,a=a.sibling;else for(a=e.child;null!==a;)n|=a.lanes|a.childLanes,r|=a.subtreeFlags,r|=a.flags,a.return=e,a=a.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ks(e,t,n){var r=t.pendingProps;switch(ti(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Qs(t),null;case 1:case 17:return Ra(t.type)&&La(),Qs(t),null;case 3:return r=t.stateNode,Gi(),Sa(Ta),Sa(Ea),no(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(di(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0===(256&t.flags)||(t.flags|=1024,null!==ii&&(oc(ii),ii=null))),Rs(e,t),Qs(t),null;case 5:Zi(t);var a=qi(Ki.current);if(n=t.type,null!==e&&null!=t.stateNode)Ls(e,t,n,r,a),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(i(166));return Qs(t),null}if(e=qi($i.current),di(t)){r=t.stateNode,n=t.type;var o=t.memoizedProps;switch(r[fa]=t,r[pa]=o,e=0!==(1&t.mode),n){case"dialog":Fr("cancel",r),Fr("close",r);break;case"iframe":case"object":case"embed":Fr("load",r);break;case"video":case"audio":for(a=0;a<zr.length;a++)Fr(zr[a],r);break;case"source":Fr("error",r);break;case"img":case"image":case"link":Fr("error",r),Fr("load",r);break;case"details":Fr("toggle",r);break;case"input":G(r,o),Fr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!o.multiple},Fr("invalid",r);break;case"textarea":ae(r,o),Fr("invalid",r)}for(var l in ye(n,o),a=null,o)if(o.hasOwnProperty(l)){var c=o[l];"children"===l?"string"===typeof c?r.textContent!==c&&(!0!==o.suppressHydrationWarning&&Zr(r.textContent,c,e),a=["children",c]):"number"===typeof c&&r.textContent!==""+c&&(!0!==o.suppressHydrationWarning&&Zr(r.textContent,c,e),a=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Fr("scroll",r)}switch(n){case"input":Q(r),J(r,o,!0);break;case"textarea":Q(r),oe(r);break;case"select":case"option":break;default:"function"===typeof o.onClick&&(r.onclick=Jr)}r=a,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===a.nodeType?a:a.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"===typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fa]=t,e[pa]=r,Is(e,t,!1,!1),t.stateNode=e;e:{switch(l=be(n,r),n){case"dialog":Fr("cancel",e),Fr("close",e),a=r;break;case"iframe":case"object":case"embed":Fr("load",e),a=r;break;case"video":case"audio":for(a=0;a<zr.length;a++)Fr(zr[a],e);a=r;break;case"source":Fr("error",e),a=r;break;case"img":case"image":case"link":Fr("error",e),Fr("load",e),a=r;break;case"details":Fr("toggle",e),a=r;break;case"input":G(e,r),a=X(e,r),Fr("invalid",e);break;case"option":default:a=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=D({},r,{value:void 0}),Fr("invalid",e);break;case"textarea":ae(e,r),a=re(e,r),Fr("invalid",e)}for(o in ye(n,a),c=a)if(c.hasOwnProperty(o)){var u=c[o];"style"===o?ge(e,u):"dangerouslySetInnerHTML"===o?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===o?"string"===typeof u?("textarea"!==n||""!==u)&&fe(e,u):"number"===typeof u&&fe(e,""+u):"suppressContentEditableWarning"!==o&&"suppressHydrationWarning"!==o&&"autoFocus"!==o&&(s.hasOwnProperty(o)?null!=u&&"onScroll"===o&&Fr("scroll",e):null!=u&&b(e,o,u,l))}switch(n){case"input":Q(e),J(e,r,!1);break;case"textarea":Q(e),oe(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(o=r.value)?ne(e,!!r.multiple,o,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"===typeof a.onClick&&(e.onclick=Jr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Qs(t),null;case 6:if(e&&null!=t.stateNode)Os(e,t,e.memoizedProps,r);else{if("string"!==typeof r&&null===t.stateNode)throw Error(i(166));if(n=qi(Ki.current),qi($i.current),di(t)){if(r=t.stateNode,n=t.memoizedProps,r[fa]=t,(o=r.nodeValue!==n)&&null!==(e=ni))switch(e.tag){case 3:Zr(r.nodeValue,n,0!==(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Zr(r.nodeValue,n,0!==(1&e.mode))}o&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fa]=t,t.stateNode=r}return Qs(t),null;case 13:if(Sa(Ji),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ai&&null!==ri&&0!==(1&t.mode)&&0===(128&t.flags))fi(),pi(),t.flags|=98560,o=!1;else if(o=di(t),null!==r&&null!==r.dehydrated){if(null===e){if(!o)throw Error(i(318));if(!(o=null!==(o=t.memoizedState)?o.dehydrated:null))throw Error(i(317));o[fa]=t}else pi(),0===(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Qs(t),o=!1}else null!==ii&&(oc(ii),ii=null),o=!0;if(!o)return 65536&t.flags?t:null}return 0!==(128&t.flags)?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,0!==(1&t.mode)&&(null===e||0!==(1&Ji.current)?0===Ol&&(Ol=3):mc())),null!==t.updateQueue&&(t.flags|=4),Qs(t),null);case 4:return Gi(),Rs(e,t),null===e&&Vr(t.stateNode.containerInfo),Qs(t),null;case 10:return Pi(t.type._context),Qs(t),null;case 19:if(Sa(Ji),null===(o=t.memoizedState))return Qs(t),null;if(r=0!==(128&t.flags),null===(l=o.rendering))if(r)$s(o,!1);else{if(0!==Ol||null!==e&&0!==(128&e.flags))for(e=t.child;null!==e;){if(null!==(l=eo(e))){for(t.flags|=128,$s(o,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(o=n).flags&=14680066,null===(l=o.alternate)?(o.childLanes=0,o.lanes=e,o.child=null,o.subtreeFlags=0,o.memoizedProps=null,o.memoizedState=null,o.updateQueue=null,o.dependencies=null,o.stateNode=null):(o.childLanes=l.childLanes,o.lanes=l.lanes,o.child=l.child,o.subtreeFlags=0,o.deletions=null,o.memoizedProps=l.memoizedProps,o.memoizedState=l.memoizedState,o.updateQueue=l.updateQueue,o.type=l.type,e=l.dependencies,o.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Na(Ji,1&Ji.current|2),t.child}e=e.sibling}null!==o.tail&&Ye()>Vl&&(t.flags|=128,r=!0,$s(o,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=eo(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),$s(o,!0),null===o.tail&&"hidden"===o.tailMode&&!l.alternate&&!ai)return Qs(t),null}else 2*Ye()-o.renderingStartTime>Vl&&1073741824!==n&&(t.flags|=128,r=!0,$s(o,!1),t.lanes=4194304);o.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=o.last)?n.sibling=l:t.child=l,o.last=l)}return null!==o.tail?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Ye(),t.sibling=null,n=Ji.current,Na(Ji,r?1&n|2:1&n),t):(Qs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&0!==(1&t.mode)?0!==(1073741824&Rl)&&(Qs(t),6&t.subtreeFlags&&(t.flags|=8192)):Qs(t),null;case 24:case 25:return null}throw Error(i(156,t.tag))}function qs(e,t){switch(ti(t),t.tag){case 1:return Ra(t.type)&&La(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Gi(),Sa(Ta),Sa(Ea),no(),0!==(65536&(e=t.flags))&&0===(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Zi(t),null;case 13:if(Sa(Ji),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(i(340));pi()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Sa(Ji),null;case 4:return Gi(),null;case 10:return Pi(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Is=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Rs=function(){},Ls=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,qi($i.current);var i,o=null;switch(n){case"input":a=X(e,a),r=X(e,r),o=[];break;case"select":a=D({},a,{value:void 0}),r=D({},r,{value:void 0}),o=[];break;case"textarea":a=re(e,a),r=re(e,r),o=[];break;default:"function"!==typeof a.onClick&&"function"===typeof r.onClick&&(e.onclick=Jr)}for(u in ye(n,r),n=null,a)if(!r.hasOwnProperty(u)&&a.hasOwnProperty(u)&&null!=a[u])if("style"===u){var l=a[u];for(i in l)l.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?o||(o=[]):(o=o||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=a?a[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(i in l)!l.hasOwnProperty(i)||c&&c.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in c)c.hasOwnProperty(i)&&l[i]!==c[i]&&(n||(n={}),n[i]=c[i])}else n||(o||(o=[]),o.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(o=o||[]).push(u,c)):"children"===u?"string"!==typeof c&&"number"!==typeof c||(o=o||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Fr("scroll",e),o||l===c||(o=[])):(o=o||[]).push(u,c))}n&&(o=o||[]).push("style",n);var u=o;(t.updateQueue=u)&&(t.flags|=4)}},Os=function(e,t,n,r){n!==r&&(t.flags|=4)};var Xs=!1,Gs=!1,Ys="function"===typeof WeakSet?WeakSet:Set,Zs=null;function Js(e,t){var n=e.ref;if(null!==n)if("function"===typeof n)try{n(null)}catch(r){Cc(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Cc(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var a=r=r.next;do{if((a.tag&e)===e){var i=a.destroy;a.destroy=void 0,void 0!==i&&el(t,n,i)}a=a.next}while(a!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function al(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"===typeof t?t(e):t.current=e}}function il(e){var t=e.alternate;null!==t&&(e.alternate=null,il(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fa],delete t[pa],delete t[ma],delete t[ga],delete t[va])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ol(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ol(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!==(n=n._reactRootContainer)&&void 0!==n||null!==t.onclick||(t.onclick=Jr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function fl(e,t,n){for(n=n.child;null!==n;)pl(e,t,n),n=n.sibling}function pl(e,t,n){if(it&&"function"===typeof it.onCommitFiberUnmount)try{it.onCommitFiberUnmount(at,n)}catch(s){}switch(n.tag){case 5:Gs||Js(n,t);case 6:var r=ul,a=dl;ul=null,fl(e,t,n),dl=a,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?la(e.parentNode,n):1===e.nodeType&&la(e,n),Vt(e)):la(ul,n.stateNode));break;case 4:r=ul,a=dl,ul=n.stateNode.containerInfo,dl=!0,fl(e,t,n),ul=r,dl=a;break;case 0:case 11:case 14:case 15:if(!Gs&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){a=r=r.next;do{var i=a,o=i.destroy;i=i.tag,void 0!==o&&(0!==(2&i)||0!==(4&i))&&el(n,t,o),a=a.next}while(a!==r)}fl(e,t,n);break;case 1:if(!Gs&&(Js(n,t),"function"===typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Cc(n,t,s)}fl(e,t,n);break;case 21:fl(e,t,n);break;case 22:1&n.mode?(Gs=(r=Gs)||null!==n.memoizedState,fl(e,t,n),Gs=r):fl(e,t,n);break;default:fl(e,t,n)}}function hl(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Ys),t.forEach((function(t){var r=Ec.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function ml(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var a=n[r];try{var o=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(i(160));pl(o,s,a),ul=null,dl=!1;var c=a.alternate;null!==c&&(c.return=null),a.return=null}catch(u){Cc(a,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(ml(t,e),vl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Cc(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Cc(e,e.return,g)}}break;case 1:ml(t,e),vl(e),512&r&&null!==n&&Js(n,n.return);break;case 5:if(ml(t,e),vl(e),512&r&&null!==n&&Js(n,n.return),32&e.flags){var a=e.stateNode;try{fe(a,"")}catch(g){Cc(e,e.return,g)}}if(4&r&&null!=(a=e.stateNode)){var o=e.memoizedProps,s=null!==n?n.memoizedProps:o,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===o.type&&null!=o.name&&Y(a,o),be(l,s);var u=be(l,o);for(s=0;s<c.length;s+=2){var d=c[s],f=c[s+1];"style"===d?ge(a,f):"dangerouslySetInnerHTML"===d?de(a,f):"children"===d?fe(a,f):b(a,d,f,u)}switch(l){case"input":Z(a,o);break;case"textarea":ie(a,o);break;case"select":var p=a._wrapperState.wasMultiple;a._wrapperState.wasMultiple=!!o.multiple;var h=o.value;null!=h?ne(a,!!o.multiple,h,!1):p!==!!o.multiple&&(null!=o.defaultValue?ne(a,!!o.multiple,o.defaultValue,!0):ne(a,!!o.multiple,o.multiple?[]:"",!1))}a[pa]=o}catch(g){Cc(e,e.return,g)}}break;case 6:if(ml(t,e),vl(e),4&r){if(null===e.stateNode)throw Error(i(162));a=e.stateNode,o=e.memoizedProps;try{a.nodeValue=o}catch(g){Cc(e,e.return,g)}}break;case 3:if(ml(t,e),vl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{Vt(t.containerInfo)}catch(g){Cc(e,e.return,g)}break;case 4:default:ml(t,e),vl(e);break;case 13:ml(t,e),vl(e),8192&(a=e.child).flags&&(o=null!==a.memoizedState,a.stateNode.isHidden=o,!o||null!==a.alternate&&null!==a.alternate.memoizedState||(Wl=Ye())),4&r&&hl(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Gs=(u=Gs)||d,ml(t,e),Gs=u):ml(t,e),vl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!==(1&e.mode))for(Zs=e,d=e.child;null!==d;){for(f=Zs=d;null!==Zs;){switch(h=(p=Zs).child,p.tag){case 0:case 11:case 14:case 15:nl(4,p,p.return);break;case 1:Js(p,p.return);var m=p.stateNode;if("function"===typeof m.componentWillUnmount){r=p,n=p.return;try{t=r,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(g){Cc(r,n,g)}}break;case 5:Js(p,p.return);break;case 22:if(null!==p.memoizedState){wl(f);continue}}null!==h?(h.return=p,Zs=h):wl(f)}d=d.sibling}e:for(d=null,f=e;;){if(5===f.tag){if(null===d){d=f;try{a=f.stateNode,u?"function"===typeof(o=a.style).setProperty?o.setProperty("display","none","important"):o.display="none":(l=f.stateNode,s=void 0!==(c=f.memoizedProps.style)&&null!==c&&c.hasOwnProperty("display")?c.display:null,l.style.display=me("display",s))}catch(g){Cc(e,e.return,g)}}}else if(6===f.tag){if(null===d)try{f.stateNode.nodeValue=u?"":f.memoizedProps}catch(g){Cc(e,e.return,g)}}else if((22!==f.tag&&23!==f.tag||null===f.memoizedState||f===e)&&null!==f.child){f.child.return=f,f=f.child;continue}if(f===e)break e;for(;null===f.sibling;){if(null===f.return||f.return===e)break e;d===f&&(d=null),f=f.return}d===f&&(d=null),f.sibling.return=f.return,f=f.sibling}}break;case 19:ml(t,e),vl(e),4&r&&hl(e);case 21:}}function vl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ol(n)){var r=n;break e}n=n.return}throw Error(i(160))}switch(r.tag){case 5:var a=r.stateNode;32&r.flags&&(fe(a,""),r.flags&=-33),cl(e,sl(e),a);break;case 3:case 4:var o=r.stateNode.containerInfo;ll(e,sl(e),o);break;default:throw Error(i(161))}}catch(s){Cc(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Zs=e,bl(e,t,n)}function bl(e,t,n){for(var r=0!==(1&e.mode);null!==Zs;){var a=Zs,i=a.child;if(22===a.tag&&r){var o=null!==a.memoizedState||Xs;if(!o){var s=a.alternate,l=null!==s&&null!==s.memoizedState||Gs;s=Xs;var c=Gs;if(Xs=o,(Gs=l)&&!c)for(Zs=a;null!==Zs;)l=(o=Zs).child,22===o.tag&&null!==o.memoizedState?jl(a):null!==l?(l.return=o,Zs=l):jl(a);for(;null!==i;)Zs=i,bl(i,t,n),i=i.sibling;Zs=a,Xs=s,Gs=c}xl(e)}else 0!==(8772&a.subtreeFlags)&&null!==i?(i.return=a,Zs=i):xl(e)}}function xl(e){for(;null!==Zs;){var t=Zs;if(0!==(8772&t.flags)){var n=t.alternate;try{if(0!==(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Gs||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Gs)if(null===n)r.componentDidMount();else{var a=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(a,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var o=t.updateQueue;null!==o&&Bi(t,o,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Bi(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var f=d.dehydrated;null!==f&&Vt(f)}}}break;default:throw Error(i(163))}Gs||512&t.flags&&al(t)}catch(p){Cc(t,t.return,p)}}if(t===e){Zs=null;break}if(null!==(n=t.sibling)){n.return=t.return,Zs=n;break}Zs=t.return}}function wl(e){for(;null!==Zs;){var t=Zs;if(t===e){Zs=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Zs=n;break}Zs=t.return}}function jl(e){for(;null!==Zs;){var t=Zs;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Cc(t,n,l)}break;case 1:var r=t.stateNode;if("function"===typeof r.componentDidMount){var a=t.return;try{r.componentDidMount()}catch(l){Cc(t,a,l)}}var i=t.return;try{al(t)}catch(l){Cc(t,i,l)}break;case 5:var o=t.return;try{al(t)}catch(l){Cc(t,o,l)}}}catch(l){Cc(t,t.return,l)}if(t===e){Zs=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Zs=s;break}Zs=t.return}}var kl,Cl=Math.ceil,Sl=x.ReactCurrentDispatcher,Nl=x.ReactCurrentOwner,Pl=x.ReactCurrentBatchConfig,El=0,Tl=null,_l=null,Il=0,Rl=0,Ll=Ca(0),Ol=0,zl=null,Ml=0,Dl=0,Al=0,Fl=null,Ul=null,Wl=0,Vl=1/0,Bl=null,Hl=!1,$l=null,Ql=null,Kl=!1,ql=null,Xl=0,Gl=0,Yl=null,Zl=-1,Jl=0;function ec(){return 0!==(6&El)?Ye():-1!==Zl?Zl:Zl=Ye()}function tc(e){return 0===(1&e.mode)?1:0!==(2&El)&&0!==Il?Il&-Il:null!==mi.transition?(0===Jl&&(Jl=mt()),Jl):0!==(e=bt)?e:e=void 0===(e=window.event)?16:Gt(e.type)}function nc(e,t,n,r){if(50<Gl)throw Gl=0,Yl=null,Error(i(185));vt(e,n,r),0!==(2&El)&&e===Tl||(e===Tl&&(0===(2&El)&&(Dl|=n),4===Ol&&sc(e,Il)),rc(e,r),1===n&&0===El&&0===(1&t.mode)&&(Vl=Ye()+500,Fa&&Va()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,a=e.expirationTimes,i=e.pendingLanes;0<i;){var o=31-ot(i),s=1<<o,l=a[o];-1===l?0!==(s&n)&&0===(s&r)||(a[o]=pt(s,t)):l<=t&&(e.expiredLanes|=s),i&=~s}}(e,t);var r=ft(e,e===Tl?Il:0);if(0===r)null!==n&&qe(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&qe(n),1===t)0===e.tag?function(e){Fa=!0,Wa(e)}(lc.bind(null,e)):Wa(lc.bind(null,e)),oa((function(){0===(6&El)&&Va()})),n=null;else{switch(xt(r)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Tc(n,ac.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function ac(e,t){if(Zl=-1,Jl=0,0!==(6&El))throw Error(i(327));var n=e.callbackNode;if(jc()&&e.callbackNode!==n)return null;var r=ft(e,e===Tl?Il:0);if(0===r)return null;if(0!==(30&r)||0!==(r&e.expiredLanes)||t)t=gc(e,r);else{t=r;var a=El;El|=2;var o=hc();for(Tl===e&&Il===t||(Bl=null,Vl=Ye()+500,fc(e,t));;)try{yc();break}catch(l){pc(e,l)}Ni(),Sl.current=o,El=a,null!==_l?t=0:(Tl=null,Il=0,t=Ol)}if(0!==t){if(2===t&&(0!==(a=ht(e))&&(r=a,t=ic(e,a))),1===t)throw n=zl,fc(e,0),sc(e,r),rc(e,Ye()),n;if(6===t)sc(e,r);else{if(a=e.current.alternate,0===(30&r)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var a=n[r],i=a.getSnapshot;a=a.value;try{if(!sr(i(),a))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(a)&&(2===(t=gc(e,r))&&(0!==(o=ht(e))&&(r=o,t=ic(e,o))),1===t))throw n=zl,fc(e,0),sc(e,r),rc(e,Ye()),n;switch(e.finishedWork=a,e.finishedLanes=r,t){case 0:case 1:throw Error(i(345));case 2:case 5:wc(e,Ul,Bl);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Wl+500-Ye())){if(0!==ft(e,0))break;if(((a=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&a;break}e.timeoutHandle=ra(wc.bind(null,e,Ul,Bl),t);break}wc(e,Ul,Bl);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,a=-1;0<r;){var s=31-ot(r);o=1<<s,(s=t[s])>a&&(a=s),r&=~o}if(r=a,10<(r=(120>(r=Ye()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Cl(r/1960))-r)){e.timeoutHandle=ra(wc.bind(null,e,Ul,Bl),r);break}wc(e,Ul,Bl);break;default:throw Error(i(329))}}}return rc(e,Ye()),e.callbackNode===n?ac.bind(null,e):null}function ic(e,t){var n=Fl;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Ul,Ul=n,null!==t&&oc(t)),e}function oc(e){null===Ul?Ul=e:Ul.push.apply(Ul,e)}function sc(e,t){for(t&=~Al,t&=~Dl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-ot(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(0!==(6&El))throw Error(i(327));jc();var t=ft(e,0);if(0===(1&t))return rc(e,Ye()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=ht(e);0!==r&&(t=r,n=ic(e,r))}if(1===n)throw n=zl,fc(e,0),sc(e,t),rc(e,Ye()),n;if(6===n)throw Error(i(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,wc(e,Ul,Bl),rc(e,Ye()),null}function cc(e,t){var n=El;El|=1;try{return e(t)}finally{0===(El=n)&&(Vl=Ye()+500,Fa&&Va())}}function uc(e){null!==ql&&0===ql.tag&&0===(6&El)&&jc();var t=El;El|=1;var n=Pl.transition,r=bt;try{if(Pl.transition=null,bt=1,e)return e()}finally{bt=r,Pl.transition=n,0===(6&(El=t))&&Va()}}function dc(){Rl=Ll.current,Sa(Ll)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,aa(n)),null!==_l)for(n=_l.return;null!==n;){var r=n;switch(ti(r),r.tag){case 1:null!==(r=r.type.childContextTypes)&&void 0!==r&&La();break;case 3:Gi(),Sa(Ta),Sa(Ea),no();break;case 5:Zi(r);break;case 4:Gi();break;case 13:case 19:Sa(Ji);break;case 10:Pi(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Tl=e,_l=e=Lc(e.current,null),Il=Rl=t,Ol=0,zl=null,Al=Dl=Ml=0,Ul=Fl=null,null!==Ii){for(t=0;t<Ii.length;t++)if(null!==(r=(n=Ii[t]).interleaved)){n.interleaved=null;var a=r.next,i=n.pending;if(null!==i){var o=i.next;i.next=a,r.next=o}n.pending=r}Ii=null}return e}function pc(e,t){for(;;){var n=_l;try{if(Ni(),ro.current=Zo,co){for(var r=oo.memoizedState;null!==r;){var a=r.queue;null!==a&&(a.pending=null),r=r.next}co=!1}if(io=0,lo=so=oo=null,uo=!1,fo=0,Nl.current=null,null===n||null===n.return){Ol=1,zl=t,_l=null;break}e:{var o=e,s=n.return,l=n,c=t;if(t=Il,l.flags|=32768,null!==c&&"object"===typeof c&&"function"===typeof c.then){var u=c,d=l,f=d.tag;if(0===(1&d.mode)&&(0===f||11===f||15===f)){var p=d.alternate;p?(d.updateQueue=p.updateQueue,d.memoizedState=p.memoizedState,d.lanes=p.lanes):(d.updateQueue=null,d.memoizedState=null)}var h=gs(s);if(null!==h){h.flags&=-257,vs(h,s,l,0,t),1&h.mode&&ms(o,u,t),c=u;var m=(t=h).updateQueue;if(null===m){var g=new Set;g.add(c),t.updateQueue=g}else m.add(c);break e}if(0===(1&t)){ms(o,u,t),mc();break e}c=Error(i(426))}else if(ai&&1&l.mode){var v=gs(s);if(null!==v){0===(65536&v.flags)&&(v.flags|=256),vs(v,s,l,0,t),hi(cs(c,l));break e}}o=c=cs(c,l),4!==Ol&&(Ol=2),null===Fl?Fl=[o]:Fl.push(o),o=s;do{switch(o.tag){case 3:o.flags|=65536,t&=-t,o.lanes|=t,Wi(o,ps(0,c,t));break e;case 1:l=c;var y=o.type,b=o.stateNode;if(0===(128&o.flags)&&("function"===typeof y.getDerivedStateFromError||null!==b&&"function"===typeof b.componentDidCatch&&(null===Ql||!Ql.has(b)))){o.flags|=65536,t&=-t,o.lanes|=t,Wi(o,hs(o,l,t));break e}}o=o.return}while(null!==o)}xc(n)}catch(x){t=x,_l===n&&null!==n&&(_l=n=n.return);continue}break}}function hc(){var e=Sl.current;return Sl.current=Zo,null===e?Zo:e}function mc(){0!==Ol&&3!==Ol&&2!==Ol||(Ol=4),null===Tl||0===(268435455&Ml)&&0===(268435455&Dl)||sc(Tl,Il)}function gc(e,t){var n=El;El|=2;var r=hc();for(Tl===e&&Il===t||(Bl=null,fc(e,t));;)try{vc();break}catch(a){pc(e,a)}if(Ni(),El=n,Sl.current=r,null!==_l)throw Error(i(261));return Tl=null,Il=0,Ol}function vc(){for(;null!==_l;)bc(_l)}function yc(){for(;null!==_l&&!Xe();)bc(_l)}function bc(e){var t=kl(e.alternate,e,Rl);e.memoizedProps=e.pendingProps,null===t?xc(e):_l=t,Nl.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0===(32768&t.flags)){if(null!==(n=Ks(n,t,Rl)))return void(_l=n)}else{if(null!==(n=qs(n,t)))return n.flags&=32767,void(_l=n);if(null===e)return Ol=6,void(_l=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(_l=t);_l=t=e}while(null!==t);0===Ol&&(Ol=5)}function wc(e,t,n){var r=bt,a=Pl.transition;try{Pl.transition=null,bt=1,function(e,t,n,r){do{jc()}while(null!==ql);if(0!==(6&El))throw Error(i(327));n=e.finishedWork;var a=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null,e.callbackPriority=0;var o=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var a=31-ot(n),i=1<<a;t[a]=0,r[a]=-1,e[a]=-1,n&=~i}}(e,o),e===Tl&&(_l=Tl=null,Il=0),0===(2064&n.subtreeFlags)&&0===(2064&n.flags)||Kl||(Kl=!0,Tc(tt,(function(){return jc(),null}))),o=0!==(15990&n.flags),0!==(15990&n.subtreeFlags)||o){o=Pl.transition,Pl.transition=null;var s=bt;bt=1;var l=El;El|=4,Nl.current=null,function(e,t){if(ea=Ht,pr(e=fr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var a=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch(w){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,f=e,p=null;t:for(;;){for(var h;f!==n||0!==a&&3!==f.nodeType||(l=s+a),f!==o||0!==r&&3!==f.nodeType||(c=s+r),3===f.nodeType&&(s+=f.nodeValue.length),null!==(h=f.firstChild);)p=f,f=h;for(;;){if(f===e)break t;if(p===n&&++u===a&&(l=s),p===o&&++d===r&&(c=s),null!==(h=f.nextSibling))break;p=(f=p).parentNode}f=h}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(ta={focusedElem:e,selectionRange:n},Ht=!1,Zs=t;null!==Zs;)if(e=(t=Zs).child,0!==(1028&t.subtreeFlags)&&null!==e)e.return=t,Zs=e;else for(;null!==Zs;){t=Zs;try{var m=t.alternate;if(0!==(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var g=m.memoizedProps,v=m.memoizedState,y=t.stateNode,b=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),v);y.__reactInternalSnapshotBeforeUpdate=b}break;case 3:var x=t.stateNode.containerInfo;1===x.nodeType?x.textContent="":9===x.nodeType&&x.documentElement&&x.removeChild(x.documentElement);break;default:throw Error(i(163))}}catch(w){Cc(t,t.return,w)}if(null!==(e=t.sibling)){e.return=t.return,Zs=e;break}Zs=t.return}m=tl,tl=!1}(e,n),gl(n,e),hr(ta),Ht=!!ea,ta=ea=null,e.current=n,yl(n,e,a),Ge(),El=l,bt=s,Pl.transition=o}else e.current=n;if(Kl&&(Kl=!1,ql=e,Xl=a),o=e.pendingLanes,0===o&&(Ql=null),function(e){if(it&&"function"===typeof it.onCommitFiberRoot)try{it.onCommitFiberRoot(at,e,void 0,128===(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ye()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)a=t[n],r(a.value,{componentStack:a.stack,digest:a.digest});if(Hl)throw Hl=!1,e=$l,$l=null,e;0!==(1&Xl)&&0!==e.tag&&jc(),o=e.pendingLanes,0!==(1&o)?e===Yl?Gl++:(Gl=0,Yl=e):Gl=0,Va()}(e,t,n,r)}finally{Pl.transition=a,bt=r}return null}function jc(){if(null!==ql){var e=xt(Xl),t=Pl.transition,n=bt;try{if(Pl.transition=null,bt=16>e?16:e,null===ql)var r=!1;else{if(e=ql,ql=null,Xl=0,0!==(6&El))throw Error(i(331));var a=El;for(El|=4,Zs=e.current;null!==Zs;){var o=Zs,s=o.child;if(0!==(16&Zs.flags)){var l=o.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Zs=u;null!==Zs;){var d=Zs;switch(d.tag){case 0:case 11:case 15:nl(8,d,o)}var f=d.child;if(null!==f)f.return=d,Zs=f;else for(;null!==Zs;){var p=(d=Zs).sibling,h=d.return;if(il(d),d===u){Zs=null;break}if(null!==p){p.return=h,Zs=p;break}Zs=h}}}var m=o.alternate;if(null!==m){var g=m.child;if(null!==g){m.child=null;do{var v=g.sibling;g.sibling=null,g=v}while(null!==g)}}Zs=o}}if(0!==(2064&o.subtreeFlags)&&null!==s)s.return=o,Zs=s;else e:for(;null!==Zs;){if(0!==(2048&(o=Zs).flags))switch(o.tag){case 0:case 11:case 15:nl(9,o,o.return)}var y=o.sibling;if(null!==y){y.return=o.return,Zs=y;break e}Zs=o.return}}var b=e.current;for(Zs=b;null!==Zs;){var x=(s=Zs).child;if(0!==(2064&s.subtreeFlags)&&null!==x)x.return=s,Zs=x;else e:for(s=b;null!==Zs;){if(0!==(2048&(l=Zs).flags))try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(j){Cc(l,l.return,j)}if(l===s){Zs=null;break e}var w=l.sibling;if(null!==w){w.return=l.return,Zs=w;break e}Zs=l.return}}if(El=a,Va(),it&&"function"===typeof it.onPostCommitFiberRoot)try{it.onPostCommitFiberRoot(at,e)}catch(j){}r=!0}return r}finally{bt=n,Pl.transition=t}}return!1}function kc(e,t,n){e=Fi(e,t=ps(0,t=cs(n,t),1),1),t=ec(),null!==e&&(vt(e,1,t),rc(e,t))}function Cc(e,t,n){if(3===e.tag)kc(e,e,n);else for(;null!==t;){if(3===t.tag){kc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"===typeof t.type.getDerivedStateFromError||"function"===typeof r.componentDidCatch&&(null===Ql||!Ql.has(r))){t=Fi(t,e=hs(t,e=cs(n,e),1),1),e=ec(),null!==t&&(vt(t,1,e),rc(t,e));break}}t=t.return}}function Sc(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Tl===e&&(Il&n)===n&&(4===Ol||3===Ol&&(130023424&Il)===Il&&500>Ye()-Wl?fc(e,0):Al|=n),rc(e,t)}function Nc(e,t){0===t&&(0===(1&e.mode)?t=1:(t=ut,0===(130023424&(ut<<=1))&&(ut=4194304)));var n=ec();null!==(e=Oi(e,t))&&(vt(e,t,n),rc(e,n))}function Pc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Nc(e,n)}function Ec(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,a=e.memoizedState;null!==a&&(n=a.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(i(314))}null!==r&&r.delete(t),Nc(e,n)}function Tc(e,t){return Ke(e,t)}function _c(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ic(e,t,n,r){return new _c(e,t,n,r)}function Rc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Lc(e,t){var n=e.alternate;return null===n?((n=Ic(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Oc(e,t,n,r,a,o){var s=2;if(r=e,"function"===typeof e)Rc(e)&&(s=1);else if("string"===typeof e)s=5;else e:switch(e){case k:return zc(n.children,a,o,t);case C:s=8,a|=8;break;case S:return(e=Ic(12,n,t,2|a)).elementType=S,e.lanes=o,e;case T:return(e=Ic(13,n,t,a)).elementType=T,e.lanes=o,e;case _:return(e=Ic(19,n,t,a)).elementType=_,e.lanes=o,e;case L:return Mc(n,a,o,t);default:if("object"===typeof e&&null!==e)switch(e.$$typeof){case N:s=10;break e;case P:s=9;break e;case E:s=11;break e;case I:s=14;break e;case R:s=16,r=null;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Ic(s,n,t,a)).elementType=e,t.type=r,t.lanes=o,t}function zc(e,t,n,r){return(e=Ic(7,e,r,t)).lanes=n,e}function Mc(e,t,n,r){return(e=Ic(22,e,r,t)).elementType=L,e.lanes=n,e.stateNode={isHidden:!1},e}function Dc(e,t,n){return(e=Ic(6,e,null,t)).lanes=n,e}function Ac(e,t,n){return(t=Ic(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Fc(e,t,n,r,a){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=a,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,r,a,i,o,s,l){return e=new Fc(e,t,n,s,l),1===t?(t=1,!0===i&&(t|=8)):t=0,i=Ic(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Mi(i),e}function Wc(e){if(!e)return Pa;e:{if(Ve(e=e._reactInternals)!==e||1!==e.tag)throw Error(i(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ra(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(i(171))}if(1===e.tag){var n=e.type;if(Ra(n))return za(e,n,t)}return t}function Vc(e,t,n,r,a,i,o,s,l){return(e=Uc(n,r,!0,e,0,i,0,s,l)).context=Wc(null),n=e.current,(i=Ai(r=ec(),a=tc(n))).callback=void 0!==t&&null!==t?t:null,Fi(n,i,a),e.current.lanes=a,vt(e,a,r),rc(e,r),e}function Bc(e,t,n,r){var a=t.current,i=ec(),o=tc(a);return n=Wc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Ai(i,o)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Fi(a,t,o))&&(nc(e,a,o,i),Ui(e,a,o)),o}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function $c(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Qc(e,t){$c(e,t),(e=e.alternate)&&$c(e,t)}kl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Ta.current)bs=!0;else{if(0===(e.lanes&n)&&0===(128&t.flags))return bs=!1,function(e,t,n){switch(t.tag){case 3:Ts(t),pi();break;case 5:Yi(t);break;case 1:Ra(t.type)&&Ma(t);break;case 4:Xi(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,a=t.memoizedProps.value;Na(ji,r._currentValue),r._currentValue=a;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(Na(Ji,1&Ji.current),t.flags|=128,null):0!==(n&t.child.childLanes)?Ds(e,t,n):(Na(Ji,1&Ji.current),null!==(e=Hs(e,t,n))?e.sibling:null);Na(Ji,1&Ji.current);break;case 19:if(r=0!==(n&t.childLanes),0!==(128&e.flags)){if(r)return Vs(e,t,n);t.flags|=128}if(null!==(a=t.memoizedState)&&(a.rendering=null,a.tail=null,a.lastEffect=null),Na(Ji,Ji.current),r)break;return null;case 22:case 23:return t.lanes=0,Cs(e,t,n)}return Hs(e,t,n)}(e,t,n);bs=0!==(131072&e.flags)}else bs=!1,ai&&0!==(1048576&t.flags)&&Ja(t,Qa,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Bs(e,t),e=t.pendingProps;var a=Ia(t,Ea.current);Ti(t,n),a=go(null,t,r,e,a,n);var o=vo();return t.flags|=1,"object"===typeof a&&null!==a&&"function"===typeof a.render&&void 0===a.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ra(r)?(o=!0,Ma(t)):o=!1,t.memoizedState=null!==a.state&&void 0!==a.state?a.state:null,Mi(t),a.updater=as,t.stateNode=a,a._reactInternals=t,ls(t,r,e,n),t=Es(null,t,r,!0,o,n)):(t.tag=0,ai&&o&&ei(t),xs(null,t,a,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Bs(e,t),e=t.pendingProps,r=(a=r._init)(r._payload),t.type=r,a=t.tag=function(e){if("function"===typeof e)return Rc(e)?1:0;if(void 0!==e&&null!==e){if((e=e.$$typeof)===E)return 11;if(e===I)return 14}return 2}(r),e=ns(r,e),a){case 0:t=Ns(null,t,r,e,n);break e;case 1:t=Ps(null,t,r,e,n);break e;case 11:t=ws(null,t,r,e,n);break e;case 14:t=js(null,t,r,ns(r.type,e),n);break e}throw Error(i(306,r,""))}return t;case 0:return r=t.type,a=t.pendingProps,Ns(e,t,r,a=t.elementType===r?a:ns(r,a),n);case 1:return r=t.type,a=t.pendingProps,Ps(e,t,r,a=t.elementType===r?a:ns(r,a),n);case 3:e:{if(Ts(t),null===e)throw Error(i(387));r=t.pendingProps,a=(o=t.memoizedState).element,Di(e,t),Vi(t,r,null,n);var s=t.memoizedState;if(r=s.element,o.isDehydrated){if(o={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=o,t.memoizedState=o,256&t.flags){t=_s(e,t,r,n,a=cs(Error(i(423)),t));break e}if(r!==a){t=_s(e,t,r,n,a=cs(Error(i(424)),t));break e}for(ri=ca(t.stateNode.containerInfo.firstChild),ni=t,ai=!0,ii=null,n=wi(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(pi(),r===a){t=Hs(e,t,n);break e}xs(e,t,r,n)}t=t.child}return t;case 5:return Yi(t),null===e&&ci(t),r=t.type,a=t.pendingProps,o=null!==e?e.memoizedProps:null,s=a.children,na(r,a)?s=null:null!==o&&na(r,o)&&(t.flags|=32),Ss(e,t),xs(e,t,s,n),t.child;case 6:return null===e&&ci(t),null;case 13:return Ds(e,t,n);case 4:return Xi(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=xi(t,null,r,n):xs(e,t,r,n),t.child;case 11:return r=t.type,a=t.pendingProps,ws(e,t,r,a=t.elementType===r?a:ns(r,a),n);case 7:return xs(e,t,t.pendingProps,n),t.child;case 8:case 12:return xs(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,a=t.pendingProps,o=t.memoizedProps,s=a.value,Na(ji,r._currentValue),r._currentValue=s,null!==o)if(sr(o.value,s)){if(o.children===a.children&&!Ta.current){t=Hs(e,t,n);break e}}else for(null!==(o=t.child)&&(o.return=t);null!==o;){var l=o.dependencies;if(null!==l){s=o.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===o.tag){(c=Ai(-1,n&-n)).tag=2;var u=o.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}o.lanes|=n,null!==(c=o.alternate)&&(c.lanes|=n),Ei(o.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===o.tag)s=o.type===t.type?null:o.child;else if(18===o.tag){if(null===(s=o.return))throw Error(i(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Ei(s,n,t),s=o.sibling}else s=o.child;if(null!==s)s.return=o;else for(s=o;null!==s;){if(s===t){s=null;break}if(null!==(o=s.sibling)){o.return=s.return,s=o;break}s=s.return}o=s}xs(e,t,a.children,n),t=t.child}return t;case 9:return a=t.type,r=t.pendingProps.children,Ti(t,n),r=r(a=_i(a)),t.flags|=1,xs(e,t,r,n),t.child;case 14:return a=ns(r=t.type,t.pendingProps),js(e,t,r,a=ns(r.type,a),n);case 15:return ks(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,a=t.pendingProps,a=t.elementType===r?a:ns(r,a),Bs(e,t),t.tag=1,Ra(r)?(e=!0,Ma(t)):e=!1,Ti(t,n),os(t,r,a),ls(t,r,a,n),Es(null,t,r,!0,e,n);case 19:return Vs(e,t,n);case 22:return Cs(e,t,n)}throw Error(i(156,t.tag))};var Kc="function"===typeof reportError?reportError:function(e){console.error(e)};function qc(e){this._internalRoot=e}function Xc(e){this._internalRoot=e}function Gc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Zc(){}function Jc(e,t,n,r,a){var i=n._reactRootContainer;if(i){var o=i;if("function"===typeof a){var s=a;a=function(){var e=Hc(o);s.call(e)}}Bc(t,o,e,a)}else o=function(e,t,n,r,a){if(a){if("function"===typeof r){var i=r;r=function(){var e=Hc(o);i.call(e)}}var o=Vc(t,r,e,0,null,!1,0,"",Zc);return e._reactRootContainer=o,e[ha]=o.current,Vr(8===e.nodeType?e.parentNode:e),uc(),o}for(;a=e.lastChild;)e.removeChild(a);if("function"===typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Uc(e,0,!1,null,0,!1,0,"",Zc);return e._reactRootContainer=l,e[ha]=l.current,Vr(8===e.nodeType?e.parentNode:e),uc((function(){Bc(t,l,n,r)})),l}(n,t,e,a,r);return Hc(o)}Xc.prototype.render=qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(i(409));Bc(e,t,null,null)},Xc.prototype.unmount=qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){Bc(null,e,null,null)})),t[ha]=null}},Xc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Ct();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Lt.length&&0!==t&&t<Lt[n].priority;n++);Lt.splice(n,0,e),0===n&&Dt(e)}},wt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ye()),0===(6&El)&&(Vl=Ye()+500,Va()))}break;case 13:uc((function(){var t=Oi(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Qc(e,1)}},jt=function(e){if(13===e.tag){var t=Oi(e,134217728);if(null!==t)nc(t,e,134217728,ec());Qc(e,134217728)}},kt=function(e){if(13===e.tag){var t=tc(e),n=Oi(e,t);if(null!==n)nc(n,e,t,ec());Qc(e,t)}},Ct=function(){return bt},St=function(e,t){var n=bt;try{return bt=e,t()}finally{bt=n}},je=function(e,t,n){switch(t){case"input":if(Z(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var a=wa(r);if(!a)throw Error(i(90));K(r),Z(r,a)}}}break;case"textarea":ie(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ee=cc,Te=uc;var eu={usingClientEntryPoint:!1,Events:[ba,xa,wa,Ne,Pe,cc]},tu={findFiberByHostInstance:ya,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:x.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=$e(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{at=ru.inject(nu),it=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Gc(t))throw Error(i(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:j,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Gc(e))throw Error(i(299));var n=!1,r="",a=Kc;return null!==t&&void 0!==t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(a=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,r,a),e[ha]=t.current,Vr(8===e.nodeType?e.parentNode:e),new qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"===typeof e.render)throw Error(i(188));throw e=Object.keys(e).join(","),Error(i(268,e))}return e=null===(e=$e(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Yc(t))throw Error(i(200));return Jc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Gc(e))throw Error(i(405));var r=null!=n&&n.hydratedSources||null,a=!1,o="",s=Kc;if(null!==n&&void 0!==n&&(!0===n.unstable_strictMode&&(a=!0),void 0!==n.identifierPrefix&&(o=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=Vc(t,null,e,1,null!=n?n:null,a,0,o,s),e[ha]=t.current,Vr(e),r)for(e=0;e<r.length;e++)a=(a=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,a]:t.mutableSourceEagerHydrationData.push(n,a);return new Xc(t)},t.render=function(e,t,n){if(!Yc(t))throw Error(i(200));return Jc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Yc(e))throw Error(i(40));return!!e._reactRootContainer&&(uc((function(){Jc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ha]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Yc(n))throw Error(i(200));if(null==e||void 0===e._reactInternals)throw Error(i(38));return Jc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},7119:(e,t,n)=>{"use strict";!function e(){if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(8345)},8577:(e,t)=>{"use strict";var n="function"===typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,a=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,o=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,f=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,v=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,b=n?Symbol.for("react.responder"):60118,x=n?Symbol.for("react.scope"):60119;function w(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case i:case s:case o:case p:return e;default:switch(e=e&&e.$$typeof){case c:case f:case g:case m:case l:return e;default:return t}}case a:return t}}}function j(e){return w(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=f,t.Fragment=i,t.Lazy=g,t.Memo=m,t.Portal=a,t.Profiler=s,t.StrictMode=o,t.Suspense=p,t.isAsyncMode=function(e){return j(e)||w(e)===u},t.isConcurrentMode=j,t.isContextConsumer=function(e){return w(e)===c},t.isContextProvider=function(e){return w(e)===l},t.isElement=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return w(e)===f},t.isFragment=function(e){return w(e)===i},t.isLazy=function(e){return w(e)===g},t.isMemo=function(e){return w(e)===m},t.isPortal=function(e){return w(e)===a},t.isProfiler=function(e){return w(e)===s},t.isStrictMode=function(e){return w(e)===o},t.isSuspense=function(e){return w(e)===p},t.isValidElementType=function(e){return"string"===typeof e||"function"===typeof e||e===i||e===d||e===s||e===o||e===p||e===h||"object"===typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===m||e.$$typeof===l||e.$$typeof===c||e.$$typeof===f||e.$$typeof===y||e.$$typeof===b||e.$$typeof===x||e.$$typeof===v)},t.typeOf=w},6429:(e,t,n)=>{"use strict";e.exports=n(8577)},2654:(e,t,n)=>{"use strict";var r=n(9950),a=Symbol.for("react.element"),i=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)o.call(t,r)&&!l.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:a,type:e,key:c,ref:u,props:i,_owner:s.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},2049:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),p=Symbol.iterator;var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,g={};function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||h}function y(){}function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if("object"!==typeof e&&"function"!==typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=v.prototype;var x=b.prototype=new y;x.constructor=b,m(x,v.prototype),x.isPureReactComponent=!0;var w=Array.isArray,j=Object.prototype.hasOwnProperty,k={current:null},C={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,r){var a,i={},o=null,s=null;if(null!=t)for(a in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(o=""+t.key),t)j.call(t,a)&&!C.hasOwnProperty(a)&&(i[a]=t[a]);var l=arguments.length-2;if(1===l)i.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];i.children=c}if(e&&e.defaultProps)for(a in l=e.defaultProps)void 0===i[a]&&(i[a]=l[a]);return{$$typeof:n,type:e,key:o,ref:s,props:i,_owner:k.current}}function N(e){return"object"===typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function E(e,t){return"object"===typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function T(e,t,a,i,o){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return o=o(l=e),e=""===i?"."+E(l,0):i,w(o)?(a="",null!=e&&(a=e.replace(P,"$&/")+"/"),T(o,t,a,"",(function(e){return e}))):null!=o&&(N(o)&&(o=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,a+(!o.key||l&&l.key===o.key?"":(""+o.key).replace(P,"$&/")+"/")+e)),t.push(o)),1;if(l=0,i=""===i?".":i+":",w(e))for(var c=0;c<e.length;c++){var u=i+E(s=e[c],c);l+=T(s,t,a,u,o)}else if(u=function(e){return null===e||"object"!==typeof e?null:"function"===typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"===typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=T(s=s.value,t,a,u=i+E(s,c++),o);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function _(e,t,n){if(null==e)return e;var r=[],a=0;return T(e,r,"","",(function(e){return t.call(n,e,a++)})),r}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var R={current:null},L={transition:null},O={ReactCurrentDispatcher:R,ReactCurrentBatchConfig:L,ReactCurrentOwner:k};function z(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:_,forEach:function(e,t,n){_(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return _(e,(function(){t++})),t},toArray:function(e){return _(e,(function(e){return e}))||[]},only:function(e){if(!N(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=v,t.Fragment=a,t.Profiler=o,t.PureComponent=b,t.StrictMode=i,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=O,t.act=z,t.cloneElement=function(e,t,r){if(null===e||void 0===e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var a=m({},e.props),i=e.key,o=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(o=t.ref,s=k.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)j.call(t,c)&&!C.hasOwnProperty(c)&&(a[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)a.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];a.children=l}return{$$typeof:n,type:e.type,key:i,ref:o,props:a,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=N,t.lazy=function(e){return{$$typeof:f,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=L.transition;L.transition={};try{e()}finally{L.transition=t}},t.unstable_act=z,t.useCallback=function(e,t){return R.current.useCallback(e,t)},t.useContext=function(e){return R.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return R.current.useDeferredValue(e)},t.useEffect=function(e,t){return R.current.useEffect(e,t)},t.useId=function(){return R.current.useId()},t.useImperativeHandle=function(e,t,n){return R.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return R.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return R.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return R.current.useMemo(e,t)},t.useReducer=function(e,t,n){return R.current.useReducer(e,t,n)},t.useRef=function(e){return R.current.useRef(e)},t.useState=function(e){return R.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return R.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return R.current.useTransition()},t.version="18.3.1"},9950:(e,t,n)=>{"use strict";e.exports=n(2049)},4414:(e,t,n)=>{"use strict";e.exports=n(2654)},1761:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,a=e[r];if(!(0<i(a,t)))break e;e[r]=t,e[n]=a,n=r}}function r(e){return 0===e.length?null:e[0]}function a(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,a=e.length,o=a>>>1;r<o;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>i(l,n))c<a&&0>i(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<a&&0>i(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"===typeof performance&&"function"===typeof performance.now){var o=performance;t.unstable_now=function(){return o.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,p=3,h=!1,m=!1,g=!1,v="function"===typeof setTimeout?setTimeout:null,y="function"===typeof clearTimeout?clearTimeout:null,b="undefined"!==typeof setImmediate?setImmediate:null;function x(e){for(var t=r(u);null!==t;){if(null===t.callback)a(u);else{if(!(t.startTime<=e))break;a(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function w(e){if(g=!1,x(e),!m)if(null!==r(c))m=!0,L(j);else{var t=r(u);null!==t&&O(w,t.startTime-e)}}function j(e,n){m=!1,g&&(g=!1,y(N),N=-1),h=!0;var i=p;try{for(x(n),f=r(c);null!==f&&(!(f.expirationTime>n)||e&&!T());){var o=f.callback;if("function"===typeof o){f.callback=null,p=f.priorityLevel;var s=o(f.expirationTime<=n);n=t.unstable_now(),"function"===typeof s?f.callback=s:f===r(c)&&a(c),x(n)}else a(c);f=r(c)}if(null!==f)var l=!0;else{var d=r(u);null!==d&&O(w,d.startTime-n),l=!1}return l}finally{f=null,p=i,h=!1}}"undefined"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,C=!1,S=null,N=-1,P=5,E=-1;function T(){return!(t.unstable_now()-E<P)}function _(){if(null!==S){var e=t.unstable_now();E=e;var n=!0;try{n=S(!0,e)}finally{n?k():(C=!1,S=null)}}else C=!1}if("function"===typeof b)k=function(){b(_)};else if("undefined"!==typeof MessageChannel){var I=new MessageChannel,R=I.port2;I.port1.onmessage=_,k=function(){R.postMessage(null)}}else k=function(){v(_,0)};function L(e){S=e,C||(C=!0,k())}function O(e,n){N=v((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||h||(m=!0,L(j))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return p},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(p){case 1:case 2:case 3:var t=3;break;default:t=p}var n=p;p=t;try{return e()}finally{p=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=p;p=e;try{return t()}finally{p=n}},t.unstable_scheduleCallback=function(e,a,i){var o=t.unstable_now();switch("object"===typeof i&&null!==i?i="number"===typeof(i=i.delay)&&0<i?o+i:o:i=o,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:a,priorityLevel:e,startTime:i,expirationTime:s=i+s,sortIndex:-1},i>o?(e.sortIndex=i,n(u,e),null===r(c)&&e===r(u)&&(g?(y(N),N=-1):g=!0,O(w,i-o))):(e.sortIndex=s,n(c,e),m||h||(m=!0,L(j))),e},t.unstable_shouldYield=T,t.unstable_wrapCallback=function(e){var t=p;return function(){var n=p;p=t;try{return e.apply(this,arguments)}finally{p=n}}}},5340:(e,t,n)=>{"use strict";e.exports=n(1761)},2241:e=>{"use strict";var t=function(){};e.exports=t},8738:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=o(e,i(n)))}return e}function i(e){if("string"===typeof e||"number"===typeof e)return e;if("object"!==typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=o(t,n));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.p="/",(()=>{"use strict";var e=n(9950),t=n(7119);function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}var i=n(1942),o=n.n(i);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(null,arguments)}function l(e){return"/"===e.charAt(0)}function c(e,t){for(var n=t,r=n+1,a=e.length;r<a;n+=1,r+=1)e[n]=e[r];e.pop()}const u=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],a=t&&t.split("/")||[],i=e&&l(e),o=t&&l(t),s=i||o;if(e&&l(e)?a=r:r.length&&(a.pop(),a=a.concat(r)),!a.length)return"/";if(a.length){var u=a[a.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,f=a.length;f>=0;f--){var p=a[f];"."===p?c(a,f):".."===p?(c(a,f),d++):d&&(c(a,f),d--)}if(!s)for(;d--;d)a.unshift("..");!s||""===a[0]||a[0]&&l(a[0])||a.unshift("");var h=a.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};var d="Invariant failed";function f(e,t){if(!e)throw new Error(d)}function p(e){return"/"===e.charAt(0)?e:"/"+e}function h(e){return"/"===e.charAt(0)?e.substr(1):e}function m(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function g(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function v(e){var t=e.pathname,n=e.search,r=e.hash,a=t||"/";return n&&"?"!==n&&(a+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(a+="#"===r.charAt(0)?r:"#"+r),a}function y(e,t,n,r){var a;"string"===typeof e?(a=function(e){var t=e||"/",n="",r="",a=t.indexOf("#");-1!==a&&(r=t.substr(a),t=t.substr(0,a));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=s({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(i){throw i instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):i}return n&&(a.key=n),r?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=u(a.pathname,r.pathname)):a.pathname=r.pathname:a.pathname||(a.pathname="/"),a}function b(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,a){if(null!=e){var i="function"===typeof e?e(t,n):e;"string"===typeof i?"function"===typeof r?r(i,a):a(!0):a(!1!==i)}else a(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var x=!("undefined"===typeof window||!window.document||!window.document.createElement);function w(e,t){t(window.confirm(e))}var j="popstate",k="hashchange";function C(){try{return window.history.state||{}}catch(e){return{}}}function S(e){void 0===e&&(e={}),x||f(!1);var t=window.history,n=function(){var e=window.navigator.userAgent;return(-1===e.indexOf("Android 2.")&&-1===e.indexOf("Android 4.0")||-1===e.indexOf("Mobile Safari")||-1!==e.indexOf("Chrome")||-1!==e.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history}(),r=!(-1===window.navigator.userAgent.indexOf("Trident")),a=e,i=a.forceRefresh,o=void 0!==i&&i,l=a.getUserConfirmation,c=void 0===l?w:l,u=a.keyLength,d=void 0===u?6:u,h=e.basename?g(p(e.basename)):"";function S(e){var t=e||{},n=t.key,r=t.state,a=window.location,i=a.pathname+a.search+a.hash;return h&&(i=m(i,h)),y(i,r,n)}function N(){return Math.random().toString(36).substr(2,d)}var P=b();function E(e){s(U,e),U.length=t.length,P.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||R(S(e.state))}function _(){R(S(C()))}var I=!1;function R(e){if(I)I=!1,E();else{P.confirmTransitionTo(e,"POP",c,(function(t){t?E({action:"POP",location:e}):function(e){var t=U.location,n=O.indexOf(t.key);-1===n&&(n=0);var r=O.indexOf(e.key);-1===r&&(r=0);var a=n-r;a&&(I=!0,M(a))}(e)}))}}var L=S(C()),O=[L.key];function z(e){return h+v(e)}function M(e){t.go(e)}var D=0;function A(e){1===(D+=e)&&1===e?(window.addEventListener(j,T),r&&window.addEventListener(k,_)):0===D&&(window.removeEventListener(j,T),r&&window.removeEventListener(k,_))}var F=!1;var U={length:t.length,action:"POP",location:L,createHref:z,push:function(e,r){var a="PUSH",i=y(e,r,N(),U.location);P.confirmTransitionTo(i,a,c,(function(e){if(e){var r=z(i),s=i.key,l=i.state;if(n)if(t.pushState({key:s,state:l},null,r),o)window.location.href=r;else{var c=O.indexOf(U.location.key),u=O.slice(0,c+1);u.push(i.key),O=u,E({action:a,location:i})}else window.location.href=r}}))},replace:function(e,r){var a="REPLACE",i=y(e,r,N(),U.location);P.confirmTransitionTo(i,a,c,(function(e){if(e){var r=z(i),s=i.key,l=i.state;if(n)if(t.replaceState({key:s,state:l},null,r),o)window.location.replace(r);else{var c=O.indexOf(U.location.key);-1!==c&&(O[c]=i.key),E({action:a,location:i})}else window.location.replace(r)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return F||(A(1),F=!0),function(){return F&&(F=!1,A(-1)),t()}},listen:function(e){var t=P.appendListener(e);return A(1),function(){A(-1),t()}}};return U}var N="hashchange",P={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+h(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:h,decodePath:p},slash:{encodePath:p,decodePath:p}};function E(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function T(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(E(window.location.href)+"#"+e)}function I(e){void 0===e&&{},x||f(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,a=void 0===r?w:r,i=n.hashType,o=void 0===i?"slash":i,l=e.basename?g(p(e.basename)):"",c=P[o],u=c.encodePath,d=c.decodePath;function h(){var e=d(T());return l&&m(e,l),y(e)}var j=b();function k(e){s(U,e),U.length=t.length,j.notifyListeners(U.location,U.action)}var C=!1,S=null;function I(){var e,t,n=T(),r=u(n);if(n!==r)_(r);else{var i=h(),o=U.location;if(!C&&(o.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(S===v(i))return;(function(e){if(C)k();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?k({action:t,location:e}):function(e){var t=U.location,n=z.lastIndexOf(v(t));-1===n&&0;var r=z.lastIndexOf(v(e));-1===r&&0;var a=n-r;a&&M(a)}(e)}))}})(i)}}var R=T(),L=u(R);R!==L&&_(L);var O=h(),z=[v(O)];function M(e){t.go(e)}var D=0;function A(e){1===(D+=e)&&1===e?window.addEventListener(N,I):0===D&&window.removeEventListener(N,I)}var F=!1;var U={length:t.length,action:"POP",location:O,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&E(window.location.href),n+"#"+u(l+v(e))},push:function(e,t){var n="PUSH",r=y(e,void 0,void 0,U.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=v(r),a=u(l+t);if(T()!==a){(function(e){window.location.hash=e})(a);var i=z.lastIndexOf(v(U.location)),o=z.slice(0,i+1);o.push(t),k({action:n,location:r})}else k()}}))},replace:function(e,t){var n="REPLACE",r=y(e,void 0,void 0,U.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=v(r),a=u(l+t);T()!==a&&_(a);var i=z.indexOf(v(U.location));-1!==i&&(z[i]=t),k({action:n,location:r})}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&!1;var t=j.setPrompt(e);return F||(A(1),!0),function(){return F&&A(-1),t()}},listen:function(e){var t=j.appendListener(e);return A(1),function(){A(-1),t()}}};return U}function R(e,t,n){return Math.min(Math.max(e,t),n)}var L=n(7960),O=n.n(L);n(6429);function z(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}var M=n(3876),D=n.n(M),A=1073741823,F="undefined"!==typeof globalThis?globalThis:"undefined"!==typeof window?window:"undefined"!==typeof n.g?n.g:{};var U=e.createContext||function(t,n){var r,i,s="__create-react-context-"+function(){var e="__global_unique_id__";return F[e]=(F[e]||0)+1}()+"__",l=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).emitter=function(e){var t=[];return{on:function(e){t.push(e)},off:function(e){t=t.filter((function(t){return t!==e}))},get:function(){return e},set:function(n,r){e=n,t.forEach((function(t){return t(e,r)}))}}}(t.props.value),t}a(t,e);var r=t.prototype;return r.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t,r=this.props.value,a=e.value;((i=r)===(o=a)?0!==i||1/i===1/o:i!==i&&o!==o)?t=0:(t="function"===typeof n?n(r,a):A,0!==(t|=0)&&this.emitter.set(e.value,t))}var i,o},r.render=function(){return this.props.children},t}(e.Component);l.childContextTypes=((r={})[s]=o().object.isRequired,r);var c=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).observedBits=void 0,t.state={value:t.getValue()},t.onUpdate=function(e,n){0!==((0|t.observedBits)&n)&&t.setState({value:t.getValue()})},t}a(n,e);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=void 0===t||null===t?A:t},r.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=void 0===e||null===e?A:e},r.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},r.getValue=function(){return this.context[s]?this.context[s].get():t},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(e.Component);return c.contextTypes=((i={})[s]=o().object,i),{Provider:l,Consumer:c}},W=function(e){var t=U();return t.displayName=e,t},V=W("Router-History"),B=W("Router"),H=function(t){function n(e){var n;return(n=t.call(this,e)||this).state={location:e.history.location},n._isMounted=!1,n._pendingLocation=null,e.staticContext||(n.unlisten=e.history.listen((function(e){n._pendingLocation=e}))),n}a(n,t),n.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var r=n.prototype;return r.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},r.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},r.render=function(){return e.createElement(B.Provider,{value:{history:this.props.history,location:this.state.location,match:n.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},e.createElement(V.Provider,{children:this.props.children||null,value:this.props.history}))},n}(e.Component);e.Component;e.Component;var $={},Q=0;function K(e,t){void 0===t&&(t={}),("string"===typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,a=n.exact,i=void 0!==a&&a,o=n.strict,s=void 0!==o&&o,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=$[n]||($[n]={});if(r[e])return r[e];var a=[],i={regexp:O()(e,a,t),keys:a};return Q<1e4&&(r[e]=i,Q++),i}(n,{end:i,strict:s,sensitive:c}),a=r.regexp,o=r.keys,l=a.exec(e);if(!l)return null;var u=l[0],d=l.slice(1),f=e===u;return i&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:o.reduce((function(e,t,n){return e[t.name]=d[n],e}),{})}}),null)}var q=function(t){function n(){return t.apply(this,arguments)||this}return a(n,t),n.prototype.render=function(){var t=this;return e.createElement(B.Consumer,null,(function(n){n||f(!1);var r=t.props.location||n.location,a=s({},n,{location:r,match:t.props.computedMatch?t.props.computedMatch:t.props.path?K(r.pathname,t.props):n.match}),i=t.props,o=i.children,l=i.component,c=i.render;return Array.isArray(o)&&function(t){return 0===e.Children.count(t)}(o)&&(o=null),e.createElement(B.Provider,{value:a},a.match?o?"function"===typeof o?o(a):o:l?e.createElement(l,a):c?c(a):null:"function"===typeof o?o(a):null)}))},n}(e.Component);function X(e){return"/"===e.charAt(0)?e:"/"+e}function G(e,t){if(!e)return t;var n=X(e);return 0!==t.pathname.indexOf(n)?t:s({},t,{pathname:t.pathname.substr(n.length)})}function Y(e){return"string"===typeof e?e:v(e)}function Z(e){return function(){f(!1)}}function J(){}e.Component;var ee=function(t){function n(){return t.apply(this,arguments)||this}return a(n,t),n.prototype.render=function(){var t=this;return e.createElement(B.Consumer,null,(function(n){n||f(!1);var r,a,i=t.props.location||n.location;return e.Children.forEach(t.props.children,(function(t){if(null==a&&e.isValidElement(t)){r=t;var o=t.props.path||t.props.from;a=o?K(i.pathname,s({},t.props,{path:o})):n.match}})),a?e.cloneElement(r,{location:i,computedMatch:a}):null}))},n}(e.Component);var te=e.useContext;function ne(){return te(B).location}var re="__ga4React__";class ae{constructor(e,t,n,r,a){if(this.gaCode=e,this.gaConfig=t,this.additionalGaCode=n,this.timeout=r,this.options=a,this.scriptSyncId="ga4ReactScriptSync",this.scriptAsyncId="ga4ReactScriptAsync",this.nonceAsync="",this.nonceSync="",this.gaConfig=t||{},this.gaCode=e,this.timeout=r||5e3,this.additionalGaCode=n,this.options=a,this.options){var{nonce:i}=this.options;this.nonceAsync=i&&i[0]?i[0]:"",this.nonceSync=i&&i[1]?i[1]:""}}outputOnResolve(){return{pageview:this.pageview,event:this.event,gtag:this.gtag}}initialize(){return new Promise(((e,t)=>{ae.isInitialized()&&t(new Error("GA4React is being initialized"));var n=document.getElementById(this.scriptAsyncId);n&&n.remove();var r=document.getElementsByTagName("head")[0],a=document.createElement("script");a.setAttribute("id",this.scriptAsyncId),a.setAttribute("async",""),this.nonceAsync&&"string"===typeof this.nonceAsync&&this.nonceAsync.length>0&&a.setAttribute("nonce",this.nonceAsync),a.setAttribute("src","https://www.googletagmanager.com/gtag/js?id="+this.gaCode),a.onload=()=>{var t=document.getElementById(this.scriptSyncId);t&&t.remove();var n=document.getElementById(this.scriptSyncId);n&&n.remove();var a=document.createElement("script");a.setAttribute("id",this.scriptSyncId),this.nonceSync&&"string"===typeof this.nonceSync&&this.nonceSync.length>0&&a.setAttribute("nonce",this.nonceSync);var i="window.dataLayer = window.dataLayer || [];\n        function gtag(){dataLayer.push(arguments);};\n        gtag('js', new Date());\n        gtag('config', '"+this.gaCode+"', "+JSON.stringify(this.gaConfig)+");";this.additionalGaCode&&this.additionalGaCode.forEach((e=>{i+="\ngtag('config', '"+e+"', "+JSON.stringify(this.gaConfig)+");"})),a.innerHTML=i,r.appendChild(a);var o=this.outputOnResolve();Object.assign(window,{[re]:o}),e(o)},a.onerror=e=>{if("string"===typeof e)t("GA4React intialization failed "+e);else{var n=new Error;n.name="GA4React intialization failed",n.message=JSON.stringify(e,["message","arguments","type","name"]),t(n)}};var i=()=>{switch(document.readyState){case"interactive":case"complete":ae.isInitialized()||(r.appendChild(a),document.removeEventListener("readystatechange",i))}};"complete"!==document.readyState?document.addEventListener("readystatechange",i):i(),setTimeout((()=>{t(new Error("GA4React Timeout"))}),this.timeout)}))}pageview(e,t,n){return this.gtag("event","page_view",{page_path:e,page_location:t||window.location,page_title:n||document.title})}event(e,t,n,r){return void 0===r&&(r=!1),this.gtag("event",e,{event_label:t,event_category:n,non_interaction:r})}gtag(){return window.gtag(...arguments)}static isInitialized(){return"undefined"!==typeof window[re]===!0}static getGA4React(){if(ae.isInitialized())return window[re];console.error(new Error("GA4React is not initialized"))}}const ie=ae;var oe=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(e=t.call.apply(t,[this].concat(r))||this).history=S(e.props),e}return a(n,t),n.prototype.render=function(){return e.createElement(H,{history:this.history,children:this.props.children})},n}(e.Component);e.Component;var se=function(e,t){return"function"===typeof e?e(t):e},le=function(e,t){return"string"===typeof e?y(e,null,null,t):e},ce=function(e){return e},ue=e.forwardRef;"undefined"===typeof ue&&(ue=ce);var de=ue((function(t,n){var r=t.innerRef,a=t.navigate,i=t.onClick,o=z(t,["innerRef","navigate","onClick"]),l=o.target,c=s({},o,{onClick:function(e){try{i&&i(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||l&&"_self"!==l||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return c.ref=ce!==ue&&n||r,e.createElement("a",c)}));var fe=ue((function(t,n){var r=t.component,a=void 0===r?de:r,i=t.replace,o=t.to,l=t.innerRef,c=z(t,["component","replace","to","innerRef"]);return e.createElement(B.Consumer,null,(function(t){t||f(!1);var r=t.history,u=le(se(o,t.location),t.location),d=u?r.createHref(u):"",p=s({},c,{href:d,navigate:function(){var e=se(o,t.location),n=v(t.location)===v(le(e));(i||n?r.replace:r.push)(e)}});return ce!==ue?p.ref=n||l:p.innerRef=l,e.createElement(a,p)}))})),pe=function(e){return e},he=e.forwardRef;"undefined"===typeof he&&(he=pe);he((function(t,n){var r=t["aria-current"],a=void 0===r?"page":r,i=t.activeClassName,o=void 0===i?"active":i,l=t.activeStyle,c=t.className,u=t.exact,d=t.isActive,p=t.location,h=t.sensitive,m=t.strict,g=t.style,v=t.to,y=t.innerRef,b=z(t,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return e.createElement(B.Consumer,null,(function(t){t||f(!1);var r=p||t.location,i=le(se(v,r),r),x=i.pathname,w=x&&x.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),j=w?K(r.pathname,{path:w,exact:u,sensitive:h,strict:m}):null,k=!!(d?d(j,r):j),C="function"===typeof c?c(k):c,S="function"===typeof g?g(k):g;k&&(C=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(C,o),S=s({},S,l));var N=s({"aria-current":k&&a||null,className:C,style:S,to:i},b);return pe!==he?N.ref=n||y:N.innerRef=y,e.createElement(fe,N)}))}));var me=n(8738),ge=n.n(me);n(949);function ve(e){return"default"+e.charAt(0).toUpperCase()+e.substr(1)}function ye(e){var t=function(e,t){if("object"!==typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===typeof t?t:String(t)}function be(t,n){return Object.keys(n).reduce((function(r,a){var i,o=r,l=o[ve(a)],c=o[a],u=z(o,[ve(a),a].map(ye)),d=n[a],f=function(t,n,r){var a=(0,e.useRef)(void 0!==t),i=(0,e.useState)(n),o=i[0],s=i[1],l=void 0!==t,c=a.current;return a.current=l,!l&&c&&o!==n&&s(n),[l?t:o,(0,e.useCallback)((function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];r&&r.apply(void 0,[e].concat(n)),s(e)}),[r])]}(c,l,t[d]),p=f[0],h=f[1];return s({},u,((i={})[a]=p,i[d]=h,i))}),t)}function xe(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!==e&&void 0!==e&&this.setState(e)}function we(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!==n&&void 0!==n?n:null}.bind(this))}function je(e,t){try{var n=this.props,r=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,r)}finally{this.props=n,this.state=r}}xe.__suppressDeprecationWarning=!0,we.__suppressDeprecationWarning=!0,je.__suppressDeprecationWarning=!0;var ke=/-(.)/g;var Ce=e.createContext({});Ce.Consumer,Ce.Provider;function Se(t,n){var r=(0,e.useContext)(Ce);return t||r[n]||n}var Ne=["className","bsPrefix","as"],Pe=function(e){return e[0].toUpperCase()+(t=e,t.replace(ke,(function(e,t){return t.toUpperCase()}))).slice(1);var t};var Ee=["bsPrefix","className","as"],Te=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.className,i=t.as,o=z(t,Ee);r=Se(r,"navbar-brand");var l=i||(o.href?"a":"span");return e.createElement(l,s({},o,{ref:n,className:ge()(a,r)}))}));Te.displayName="NavbarBrand";const _e=Te;function Ie(e){var t=function(e){return e&&e.ownerDocument||document}(e);return t&&t.defaultView||window}var Re=/([A-Z])/g;var Le=/^ms-/;function Oe(e){return function(e){return e.replace(Re,"-$1").toLowerCase()}(e).replace(Le,"-ms-")}var ze=/^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;const Me=function(e,t){var n="",r="";if("string"===typeof t)return e.style.getPropertyValue(Oe(t))||function(e,t){return Ie(e).getComputedStyle(e,t)}(e).getPropertyValue(Oe(t));Object.keys(t).forEach((function(a){var i=t[a];i||0===i?!function(e){return!(!e||!ze.test(e))}(a)?n+=Oe(a)+": "+i+";":r+=a+"("+i+") ":e.style.removeProperty(Oe(a))})),r&&(n+="transform: "+r+";"),e.style.cssText+=";"+n},De=!1,Ae=e.createContext(null);var Fe="unmounted",Ue="exited",We="entering",Ve="entered",Be="exiting",He=function(n){function r(e,t){var r;r=n.call(this,e,t)||this;var a,i=t&&!t.isMounting?e.enter:e.appear;return r.appearStatus=null,e.in?i?(a=Ue,r.appearStatus=We):a=Ve:a=e.unmountOnExit||e.mountOnEnter?Fe:Ue,r.state={status:a},r.nextCallback=null,r}a(r,n),r.getDerivedStateFromProps=function(e,t){return e.in&&t.status===Fe?{status:Ue}:null};var i=r.prototype;return i.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},i.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==We&&n!==Ve&&(t=We):n!==We&&n!==Ve||(t=Be)}this.updateStatus(!1,t)},i.componentWillUnmount=function(){this.cancelNextCallback()},i.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}},i.updateStatus=function(e,n){if(void 0===e&&(e=!1),null!==n)if(this.cancelNextCallback(),n===We){if(this.props.unmountOnExit||this.props.mountOnEnter){var r=this.props.nodeRef?this.props.nodeRef.current:t.findDOMNode(this);r&&function(e){e.scrollTop}(r)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===Ue&&this.setState({status:Fe})},i.performEnter=function(e){var n=this,r=this.props.enter,a=this.context?this.context.isMounting:e,i=this.props.nodeRef?[a]:[t.findDOMNode(this),a],o=i[0],s=i[1],l=this.getTimeouts(),c=a?l.appear:l.enter;!e&&!r||De?this.safeSetState({status:Ve},(function(){n.props.onEntered(o)})):(this.props.onEnter(o,s),this.safeSetState({status:We},(function(){n.props.onEntering(o,s),n.onTransitionEnd(c,(function(){n.safeSetState({status:Ve},(function(){n.props.onEntered(o,s)}))}))})))},i.performExit=function(){var e=this,n=this.props.exit,r=this.getTimeouts(),a=this.props.nodeRef?void 0:t.findDOMNode(this);n&&!De?(this.props.onExit(a),this.safeSetState({status:Be},(function(){e.props.onExiting(a),e.onTransitionEnd(r.exit,(function(){e.safeSetState({status:Ue},(function(){e.props.onExited(a)}))}))}))):this.safeSetState({status:Ue},(function(){e.props.onExited(a)}))},i.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},i.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},i.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},i.onTransitionEnd=function(e,n){this.setNextCallback(n);var r=this.props.nodeRef?this.props.nodeRef.current:t.findDOMNode(this),a=null==e&&!this.props.addEndListener;if(r&&!a){if(this.props.addEndListener){var i=this.props.nodeRef?[this.nextCallback]:[r,this.nextCallback],o=i[0],s=i[1];this.props.addEndListener(o,s)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},i.render=function(){var t=this.state.status;if(t===Fe)return null;var n=this.props,r=n.children,a=(n.in,n.mountOnEnter,n.unmountOnExit,n.appear,n.enter,n.exit,n.timeout,n.addEndListener,n.onEnter,n.onEntering,n.onEntered,n.onExit,n.onExiting,n.onExited,n.nodeRef,z(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return e.createElement(Ae.Provider,{value:null},"function"===typeof r?r(t,a):e.cloneElement(e.Children.only(r),a))},r}(e.Component);function $e(){}He.contextType=Ae,He.propTypes={},He.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:$e,onEntering:$e,onEntered:$e,onExit:$e,onExiting:$e,onExited:$e},He.UNMOUNTED=Fe,He.EXITED=Ue,He.ENTERING=We,He.ENTERED=Ve,He.EXITING=Be;const Qe=He,Ke=!("undefined"===typeof window||!window.document||!window.document.createElement);var qe=!1,Xe=!1;try{var Ge={get passive(){return qe=!0},get once(){return Xe=qe=!0}};Ke&&(window.addEventListener("test",Ge,Ge),window.removeEventListener("test",Ge,!0))}catch(ka){}const Ye=function(e,t,n,r){if(r&&"boolean"!==typeof r&&!Xe){var a=r.once,i=r.capture,o=n;!Xe&&a&&(o=n.__once||function e(r){this.removeEventListener(t,e,i),n.call(this,r)},n.__once=o),e.addEventListener(t,o,qe?r:i)}e.addEventListener(t,n,r)};const Ze=function(e,t,n,r){var a=r&&"boolean"!==typeof r?r.capture:r;e.removeEventListener(t,n,a),n.__once&&e.removeEventListener(t,n.__once,a)};const Je=function(e,t,n,r){return Ye(e,t,n,r),function(){Ze(e,t,n,r)}};function et(e,t,n){void 0===n&&(n=5);var r=!1,a=setTimeout((function(){r||function(e,t,n,r){if(void 0===n&&(n=!1),void 0===r&&(r=!0),e){var a=document.createEvent("HTMLEvents");a.initEvent(t,n,r),e.dispatchEvent(a)}}(e,"transitionend",!0)}),t+n),i=Je(e,"transitionend",(function(){r=!0}),{once:!0});return function(){clearTimeout(a),i()}}function tt(e,t,n,r){null==n&&(n=function(e){var t=Me(e,"transitionDuration")||"",n=-1===t.indexOf("ms")?1e3:1;return parseFloat(t)*n}(e)||0);var a=et(e,n,r),i=Je(e,"transitionend",t);return function(){a(),i()}}function nt(e,t){var n=Me(e,t)||"",r=-1===n.indexOf("ms")?1e3:1;return parseFloat(n)*r}function rt(e,t){var n=nt(e,"transitionDuration"),r=nt(e,"transitionDelay"),a=tt(e,(function(n){n.target===e&&(a(),t(n))}),n+r)}const at=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return null!=e})).reduce((function(e,t){if("function"!==typeof t)throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");return null===e?t:function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];e.apply(this,r),t.apply(this,r)}}),null)};var it,ot=["onEnter","onEntering","onEntered","onExit","onExiting","className","children","dimension","getDimensionValue"],st={height:["marginTop","marginBottom"],width:["marginLeft","marginRight"]};function lt(e,t){var n=t["offset"+e[0].toUpperCase()+e.slice(1)],r=st[e];return n+parseInt(Me(t,r[0]),10)+parseInt(Me(t,r[1]),10)}var ct=((it={})[Ue]="collapse",it[Be]="collapsing",it[We]="collapsing",it[Ve]="collapse show",it),ut={in:!1,timeout:300,mountOnEnter:!1,unmountOnExit:!1,appear:!1,getDimensionValue:lt},dt=e.forwardRef((function(t,n){var r=t.onEnter,a=t.onEntering,i=t.onEntered,o=t.onExit,l=t.onExiting,c=t.className,u=t.children,d=t.dimension,f=void 0===d?"height":d,p=t.getDimensionValue,h=void 0===p?lt:p,m=z(t,ot),g="function"===typeof f?f():f,v=(0,e.useMemo)((function(){return at((function(e){e.style[g]="0"}),r)}),[g,r]),y=(0,e.useMemo)((function(){return at((function(e){var t="scroll"+g[0].toUpperCase()+g.slice(1);e.style[g]=e[t]+"px"}),a)}),[g,a]),b=(0,e.useMemo)((function(){return at((function(e){e.style[g]=null}),i)}),[g,i]),x=(0,e.useMemo)((function(){return at((function(e){e.style[g]=h(g,e)+"px",e.offsetHeight}),o)}),[o,h,g]),w=(0,e.useMemo)((function(){return at((function(e){e.style[g]=null}),l)}),[g,l]);return e.createElement(Qe,s({ref:n,addEndListener:rt},m,{"aria-expanded":m.role?m.in:null,onEnter:v,onEntering:y,onEntered:b,onExit:x,onExiting:w}),(function(t,n){return e.cloneElement(u,s({},n,{className:ge()(c,u.props.className,ct[t],"width"===g&&"width")}))}))}));dt.defaultProps=ut;const ft=dt;var pt=e.createContext(null);pt.displayName="NavbarContext";const ht=pt;var mt=["children","bsPrefix"],gt=e.forwardRef((function(t,n){var r=t.children,a=t.bsPrefix,i=z(t,mt);return a=Se(a,"navbar-collapse"),e.createElement(ht.Consumer,null,(function(t){return e.createElement(ft,s({in:!(!t||!t.expanded)},i),e.createElement("div",{ref:n,className:a},r))}))}));gt.displayName="NavbarCollapse";const vt=gt;const yt=function(t){const n=(0,e.useRef)(t);return(0,e.useEffect)((()=>{n.current=t}),[t]),n};function bt(t){const n=yt(t);return(0,e.useCallback)((function(){return n.current&&n.current(...arguments)}),[n])}var xt=["bsPrefix","className","children","label","as","onClick"],wt=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.className,i=t.children,o=t.label,l=t.as,c=void 0===l?"button":l,u=t.onClick,d=z(t,xt);r=Se(r,"navbar-toggler");var f=(0,e.useContext)(ht)||{},p=f.onToggle,h=f.expanded,m=bt((function(e){u&&u(e),p&&p()}));return"button"===c&&(d.type="button"),e.createElement(c,s({},d,{ref:n,onClick:m,"aria-label":o,className:ge()(a,r,!h&&"collapsed")}),i||e.createElement("span",{className:r+"-icon"}))}));wt.displayName="NavbarToggle",wt.defaultProps={label:"Toggle navigation"};const jt=wt;var kt=function(e,t){return void 0===t&&(t=null),null!=e?String(e):t||null};const Ct=e.createContext(null);var St=["bsPrefix","expand","variant","bg","fixed","sticky","className","children","as","expanded","onToggle","onSelect","collapseOnSelect"],Nt=function(t,n){var r=void 0===n?{}:n,a=r.displayName,i=void 0===a?Pe(t):a,o=r.Component,l=r.defaultProps,c=e.forwardRef((function(n,r){var a=n.className,i=n.bsPrefix,l=n.as,c=void 0===l?o||"div":l,u=z(n,Ne),d=Se(i,t);return e.createElement(c,s({ref:r,className:ge()(a,d)},u))}));return c.defaultProps=l,c.displayName=i,c}("navbar-text",{Component:"span"}),Pt=e.forwardRef((function(t,n){var r=be(t,{expanded:"onToggle"}),a=r.bsPrefix,i=r.expand,o=r.variant,l=r.bg,c=r.fixed,u=r.sticky,d=r.className,f=r.children,p=r.as,h=void 0===p?"nav":p,m=r.expanded,g=r.onToggle,v=r.onSelect,y=r.collapseOnSelect,b=z(r,St),x=Se(a,"navbar"),w=(0,e.useCallback)((function(){v&&v.apply(void 0,arguments),y&&m&&g&&g(!1)}),[v,y,m,g]);void 0===b.role&&"nav"!==h&&(b.role="navigation");var j=x+"-expand";"string"===typeof i&&(j=j+"-"+i);var k=(0,e.useMemo)((function(){return{onToggle:function(){return g&&g(!m)},bsPrefix:x,expanded:!!m}}),[x,m,g]);return e.createElement(ht.Provider,{value:k},e.createElement(Ct.Provider,{value:w},e.createElement(h,s({ref:n},b,{className:ge()(d,x,i&&j,o&&x+"-"+o,l&&"bg-"+l,u&&"sticky-"+u,c&&"fixed-"+c)}),f)))}));Pt.defaultProps={expand:!0,variant:"light",collapseOnSelect:!1},Pt.displayName="Navbar",Pt.Brand=_e,Pt.Toggle=jt,Pt.Collapse=vt,Pt.Text=Nt;const Et=Pt;var Tt=["bsPrefix","fluid","as","className"],_t=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.fluid,i=t.as,o=void 0===i?"div":i,l=t.className,c=z(t,Tt),u=Se(r,"container"),d="string"===typeof a?"-"+a:"-fluid";return e.createElement(o,s({ref:n},c,{className:ge()(l,a?""+u+d:u)}))}));_t.displayName="Container",_t.defaultProps={fluid:!1};const It=_t;n(1946);var Rt=e.createContext(null);Rt.displayName="CardContext";const Lt=Rt;var Ot=Function.prototype.bind.call(Function.prototype.call,[].slice);const zt=e=>e&&"function"!==typeof e?t=>{e.current=t}:e;const Mt=function(t,n){return(0,e.useMemo)((()=>function(e,t){const n=zt(e),r=zt(t);return e=>{n&&n(e),r&&r(e)}}(t,n)),[t,n])};var Dt=e.createContext(null);Dt.displayName="NavContext";const At=Dt;const Ft=e.createContext(null);var Ut=["as","onSelect","activeKey","role","onKeyDown"],Wt=function(){},Vt=e.forwardRef((function(t,n){var r,a,i=t.as,o=void 0===i?"ul":i,l=t.onSelect,c=t.activeKey,u=t.role,d=t.onKeyDown,f=z(t,Ut),p=function(){const[,t]=(0,e.useReducer)((e=>!e),!1);return t}(),h=(0,e.useRef)(!1),m=(0,e.useContext)(Ct),g=(0,e.useContext)(Ft);g&&(u=u||"tablist",c=g.activeKey,r=g.getControlledId,a=g.getControllerId);var v=(0,e.useRef)(null),y=function(e){var t=v.current;if(!t)return null;var n,r=(n="[data-rb-event-key]:not(.disabled)",Ot(t.querySelectorAll(n))),a=t.querySelector(".active");if(!a)return null;var i=r.indexOf(a);if(-1===i)return null;var o=i+e;return o>=r.length&&(o=0),o<0&&(o=r.length-1),r[o]},b=function(e,t){null!=e&&(l&&l(e,t),m&&m(e,t))};(0,e.useEffect)((function(){if(v.current&&h.current){var e=v.current.querySelector("[data-rb-event-key].active");e&&e.focus()}h.current=!1}));var x=Mt(n,v);return e.createElement(Ct.Provider,{value:b},e.createElement(At.Provider,{value:{role:u,activeKey:kt(c),getControlledId:r||Wt,getControllerId:a||Wt}},e.createElement(o,s({},f,{onKeyDown:function(e){var t;switch(d&&d(e),e.key){case"ArrowLeft":case"ArrowUp":t=y(-1);break;case"ArrowRight":case"ArrowDown":t=y(1);break;default:return}t&&(e.preventDefault(),b(t.dataset.rbEventKey,e),h.current=!0,p())},ref:x,role:u}))))}));const Bt=Vt;var Ht=["bsPrefix","className","children","as"],$t=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.className,i=t.children,o=t.as,l=void 0===o?"div":o,c=z(t,Ht);return r=Se(r,"nav-item"),e.createElement(l,s({},c,{ref:n,className:ge()(a,r)}),i)}));$t.displayName="NavItem";const Qt=$t;var Kt=["as","disabled","onKeyDown"];function qt(e){return!e||"#"===e.trim()}var Xt=e.forwardRef((function(t,n){var r=t.as,a=void 0===r?"a":r,i=t.disabled,o=t.onKeyDown,l=z(t,Kt),c=function(e){var t=l.href,n=l.onClick;(i||qt(t))&&e.preventDefault(),i?e.stopPropagation():n&&n(e)};return qt(l.href)&&(l.role=l.role||"button",l.href=l.href||"#"),i&&(l.tabIndex=-1,l["aria-disabled"]=!0),e.createElement(a,s({ref:n},l,{onClick:c,onKeyDown:at((function(e){" "===e.key&&(e.preventDefault(),c(e))}),o)}))}));Xt.displayName="SafeAnchor";const Gt=Xt;n(2241);var Yt=["active","className","eventKey","onSelect","onClick","as"],Zt=e.forwardRef((function(t,n){var r=t.active,a=t.className,i=t.eventKey,o=t.onSelect,l=t.onClick,c=t.as,u=z(t,Yt),d=kt(i,u.href),f=(0,e.useContext)(Ct),p=(0,e.useContext)(At),h=r;if(p){u.role||"tablist"!==p.role||(u.role="tab");var m=p.getControllerId(d),g=p.getControlledId(d);u["data-rb-event-key"]=d,u.id=m||u.id,u["aria-controls"]=g||u["aria-controls"],h=null==r&&null!=d?p.activeKey===d:r}"tab"===u.role&&(u.disabled&&(u.tabIndex=-1,u["aria-disabled"]=!0),u["aria-selected"]=h);var v=bt((function(e){l&&l(e),null!=d&&(o&&o(d,e),f&&f(d,e))}));return e.createElement(c,s({},u,{ref:n,onClick:v,className:ge()(a,h&&"active")}))}));Zt.defaultProps={disabled:!1};const Jt=Zt;var en=["bsPrefix","disabled","className","href","eventKey","onSelect","as"],tn={disabled:!1,as:Gt},nn=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.disabled,i=t.className,o=t.href,l=t.eventKey,c=t.onSelect,u=t.as,d=z(t,en);return r=Se(r,"nav-link"),e.createElement(Jt,s({},d,{href:o,ref:n,eventKey:l,as:u,disabled:a,onSelect:c,className:ge()(i,r,a&&"disabled")}))}));nn.displayName="NavLink",nn.defaultProps=tn;const rn=nn;var an=["as","bsPrefix","variant","fill","justify","navbar","navbarScroll","className","children","activeKey"],on=e.forwardRef((function(t,n){var r,a,i,o=be(t,{activeKey:"onSelect"}),l=o.as,c=void 0===l?"div":l,u=o.bsPrefix,d=o.variant,f=o.fill,p=o.justify,h=o.navbar,m=o.navbarScroll,g=o.className,v=o.children,y=o.activeKey,b=z(o,an),x=Se(u,"nav"),w=!1,j=(0,e.useContext)(ht),k=(0,e.useContext)(Lt);return j?(a=j.bsPrefix,w=null==h||h):k&&(i=k.cardHeaderBsPrefix),e.createElement(Bt,s({as:c,ref:n,activeKey:y,className:ge()(g,(r={},r[x]=!w,r[a+"-nav"]=w,r[a+"-nav-scroll"]=w&&m,r[i+"-"+d]=!!i,r[x+"-"+d]=!!d,r[x+"-fill"]=f,r[x+"-justified"]=p,r))},b),v)}));on.displayName="Nav",on.defaultProps={justify:!1,fill:!1},on.Item=Qt,on.Link=rn;const sn=on,ln=n.p+"static/media/logo.b66f09e9461bad8f6730.png";var cn=n(4414);const un=()=>{const e=ne(),{pathname:t}=e,n=t.split("/");return(0,cn.jsx)(Et,{collapseOnSelect:!0,expand:"lg",style:{padding:0,backgroundColor:"white",margin:"5em 0 1rem 0px"},children:(0,cn.jsxs)(It,{style:{maxWidth:"600px",padding:"0",margin:"0"},children:[(0,cn.jsx)(Et.Brand,{children:(0,cn.jsx)(fe,{to:"/",style:{textDecoration:"none",color:"#171717"},children:(0,cn.jsx)("img",{src:ln,width:48})})}),(0,cn.jsx)(Et.Toggle,{"aria-controls":"responsive-navbar-nav",style:{margin:"8px"}}),(0,cn.jsxs)(Et.Collapse,{id:"responsive-navbar-nav",style:{justifyContent:"end"},children:[(0,cn.jsx)(sn,{}),(0,cn.jsxs)(sn,{className:"me-auto header-container",children:[(0,cn.jsx)(fe,{className:""===n[1]?"nav-active":"",to:"/",children:"Home"}),(0,cn.jsx)(fe,{className:"about"===n[1]?"nav-active":"",to:"/about",children:"About"}),(0,cn.jsx)(fe,{className:"lab"===n[1]?"nav-active":"",to:"/lab",children:"Lab"})]})]})]})})},dn=(n.p,function(t){var n="withRouter("+(t.displayName||t.name)+")",r=function(n){var r=n.wrappedComponentRef,a=z(n,["wrappedComponentRef"]);return e.createElement(B.Consumer,null,(function(n){return n||f(!1),e.createElement(t,s({},a,n,{ref:r}))}))};return r.displayName=n,r.WrappedComponent=t,D()(r,t)}((e=>(0,cn.jsx)("main",{className:"banner-container",children:(0,cn.jsx)("div",{className:"banner-header",children:(0,cn.jsxs)("div",{className:"contentwrap",children:[(0,cn.jsxs)("div",{className:"contentdiv",children:[(0,cn.jsxs)("h1",{className:"title",children:["Hey there! I'm Syed Ali ",(0,cn.jsx)("br",{})," I'm a product designer & building ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("a",{href:"https://layover.cc",target:"_blank",rel:"noopener noreferrer",children:"Layover.cc"})," "]}),(0,cn.jsx)("div",{class:"p1",children:"I\u2019m Syed Ali, a Product Designer with 5+ years of experience creating impactful designs for millions. Specialize in mobile & web, blending innovation with user research to craft meaningful experiences."}),(0,cn.jsx)("div",{class:"p1",children:"My experience spans fintech, lifestyle, ride-hailing, and HR. At Majid Al Futtaim, I helped develop the SHARE rewarding app within the fintech ecosystem."}),(0,cn.jsxs)("div",{class:"p1",children:["Currently, I\u2019m building"," ",(0,cn.jsx)("a",{href:"https://layover.cc",target:"_blank",rel:"noopener noreferrer",style:{textDecoration:"underline"},children:"Layover"}),"\u2014a platform for designers to discover and share inspiration\u2014while exploring projects that foster creativity and collaboration in the design community."]})]}),(0,cn.jsx)("div",{class:"dividerhorizontal"}),(0,cn.jsxs)("div",{class:"contentdiv",children:[(0,cn.jsx)("h1",{className:"titleSm",children:"Experience"}),(0,cn.jsxs)("div",{class:"expereinecediv",children:[(0,cn.jsx)("div",{class:"l1 coloredgrey3",children:"Aug 22 - July 24"}),(0,cn.jsxs)("div",{class:"p1",children:["Sr. Product Designer ",(0,cn.jsx)("span",{class:"coloredgrey",children:"@ "}),(0,cn.jsx)("a",{href:"https://www.majidalfuttaim.com/",target:"_blank",class:"inlinelink",children:"Majid Al Futtaim"})]})]}),(0,cn.jsxs)("div",{class:"expereinecediv",children:[(0,cn.jsx)("div",{class:"l1 coloredgrey3",children:"Nov 21 - Aug 22"}),(0,cn.jsxs)("div",{class:"p1",children:["Product Designer ",(0,cn.jsx)("span",{class:"coloredgrey",children:"@"})," ",(0,cn.jsx)("a",{href:"https://sadapay.pk",target:"_blank",class:"inlinelink",children:"SadaPay \xb7 PK"})]})]}),(0,cn.jsxs)("div",{class:"expereinecediv",children:[(0,cn.jsx)("div",{class:"l1 coloredgrey3",children:"Jan 21 - Nov 21"}),(0,cn.jsxs)("div",{class:"p1",children:["UX Designer ",(0,cn.jsx)("span",{class:"coloredgrey",children:"@"})," ",(0,cn.jsx)("a",{href:"https://www.venturedive.com//",target:"_blank",class:"inlinelink",children:"Venture Dive"})]})]}),(0,cn.jsxs)("div",{class:"expereinecediv",children:[(0,cn.jsx)("div",{class:"l1 coloredgrey3",children:"Jun 19 - Jan 21"}),(0,cn.jsxs)("div",{class:"p1",children:["UX/UI Designer ",(0,cn.jsx)("span",{class:"coloredgrey",children:"@"})," ",(0,cn.jsx)("a",{href:"https://www.webhr.co/",target:"_blank",class:"inlinelink",children:"WebHR"})]})]}),(0,cn.jsx)("br",{})]})]})})})))),fn=n.p+"static/media/banner.04a28083d371b9cae7e4.png",pn=n.p+"static/media/banner.2367a709ccf23deb3034.jpg",hn=n.p+"static/media/banner.de66e33df4772891f2b4.png",mn=n.p+"static/media/mockup.071f6e15b431220cf013.jpg";var gn,vn,yn;function bn(){return bn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},bn.apply(null,arguments)}function xn(t,n){let{title:r,titleId:a,...i}=t;return e.createElement("svg",bn({width:15,height:16,viewBox:"0 0 15 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":a},i),r?e.createElement("title",{id:a},r):null,gn||(gn=e.createElement("line",{x1:7.22495,y1:10.1304,x2:7.22495,y2:8.44874,stroke:"#60646F",strokeWidth:1.2,strokeLinecap:"round"})),vn||(vn=e.createElement("path",{d:"M11.5081 4.25208C11.5081 2.2627 9.81055 0.649994 7.71647 0.649994C5.62239 0.649994 3.9248 2.2627 3.9248 4.25208",stroke:"#60646F",strokeWidth:1.2,strokeLinecap:"round"})),yn||(yn=e.createElement("rect",{x:1.6,y:4.70678,width:11.8,height:9.17045,rx:2.43333,stroke:"#60646F",strokeWidth:1.2})))}const wn=e.forwardRef(xn),jn=(n.p,()=>((0,e.useEffect)((()=>{window.scrollTo({top:0,behavior:"smooth"})}),[]),(0,cn.jsxs)("div",{children:[(0,cn.jsx)("p",{className:"projectInfo"}),(0,cn.jsxs)("div",{className:"project-col",children:[(0,cn.jsx)("div",{style:{paddingRight:"0",paddingLeft:"0"},children:(0,cn.jsxs)(fe,{to:"/project/cplus",className:"csLink",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"3",src:mn,style:{width:"100%",borderRadius:"16px"}})}),(0,cn.jsxs)("div",{style:{padding:"2em 0 1em 0"},children:[(0,cn.jsxs)("p",{className:"titleSm",style:{margin:"0 0 8px 0 "},children:["Careem Plus ",(0,cn.jsx)(wn,{})]})," ",(0,cn.jsx)("p",{className:"p1",style:{marginTop:"1em"},children:"This case study is about Careem Plus is subscription membership plan \u2013 you pay a flat monthly fee for unlimited free delivery and on rides. It's a simple, easy way to get the most out of ..."})]})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{style:{paddingRight:"0",paddingLeft:"0"},children:(0,cn.jsxs)(fe,{to:"/project/offlinepartners",className:"csLink",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"3",src:pn,style:{width:"100%",borderRadius:"16px"}})}),(0,cn.jsxs)("div",{style:{padding:"2em 0 1em 0"},children:[(0,cn.jsxs)("p",{className:"titleSm",style:{margin:"0 0 8px 0 "},children:["Offline Partners into Careem Plus"," "]})," ",(0,cn.jsx)("p",{className:"p1",style:{marginTop:"1em"},children:"This case study is about a feature enhancement within as Careem Plus with aimed to simplify the lives of 2M people by 2022."})]})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{style:{paddingRight:"0",paddingLeft:"0"},children:(0,cn.jsxs)(fe,{to:"/project/fitbit-app",className:"csLink",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"3",src:fn,style:{width:"100%",borderRadius:"16px"}})}),(0,cn.jsxs)("div",{style:{padding:"2em 0 1em 0"},children:[(0,cn.jsx)("p",{className:"titleSm",style:{margin:"0 0 8px 0 "},children:"Health and safety at workplace using Smartwatch."})," ",(0,cn.jsx)("p",{className:"p1",style:{marginTop:"1em"},children:"This case study is about to use smartwatches for employee's health and safety and making life easier at the workplace."})]})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{style:{paddingRight:"0",paddingLeft:"0"},children:(0,cn.jsxs)(fe,{to:"/project/designlobby-app",className:"csLink",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"3",src:hn,style:{width:"100%",borderRadius:"16px"}})}),(0,cn.jsxs)("div",{style:{padding:"2em 0 1em 0"},children:[(0,cn.jsx)("p",{className:"titleSm",style:{margin:"0 0 8px 0 "},children:"Design Lobby - Pet project"})," ",(0,cn.jsxs)("p",{className:"p1",style:{marginTop:"1em"},children:["In my spare time, I work on app named ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://designlobby.app/"}),"Design Lobby cloud-based DAM / version controlling app, that lets design teams & individuals store / manage / version-control design assets on the browser."]})]})]})})]})]})));var kn;function Cn(){return Cn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Cn.apply(null,arguments)}function Sn(t,n){let{title:r,titleId:a,...i}=t;return e.createElement("svg",Cn({width:28,height:28,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":a},i),r?e.createElement("title",{id:a},r):null,kn||(kn=e.createElement("path",{d:"M4.66667 3.5H23.3333C23.6428 3.5 23.9395 3.62292 24.1583 3.84171C24.3771 4.0605 24.5 4.35725 24.5 4.66667V23.3333C24.5 23.6428 24.3771 23.9395 24.1583 24.1583C23.9395 24.3771 23.6428 24.5 23.3333 24.5H4.66667C4.35725 24.5 4.0605 24.3771 3.84171 24.1583C3.62292 23.9395 3.5 23.6428 3.5 23.3333V4.66667C3.5 4.35725 3.62292 4.0605 3.84171 3.84171C4.0605 3.62292 4.35725 3.5 4.66667 3.5V3.5ZM5.83333 5.83333V22.1667H22.1667V5.83333H5.83333ZM8.75 10.5C8.28587 10.5 7.84075 10.3156 7.51256 9.98744C7.18437 9.65925 7 9.21413 7 8.75C7 8.28587 7.18437 7.84075 7.51256 7.51256C7.84075 7.18437 8.28587 7 8.75 7C9.21413 7 9.65925 7.18437 9.98744 7.51256C10.3156 7.84075 10.5 8.28587 10.5 8.75C10.5 9.21413 10.3156 9.65925 9.98744 9.98744C9.65925 10.3156 9.21413 10.5 8.75 10.5V10.5ZM7.58333 11.6667H9.91667V20.4167H7.58333V11.6667ZM14 12.1683C14.6813 11.5092 15.477 11.0833 16.3333 11.0833C18.7495 11.0833 20.4167 13.0422 20.4167 15.4583V20.4167H18.0833V15.4583C18.0833 14.9168 17.8682 14.3975 17.4853 14.0147C17.1025 13.6318 16.5831 13.4167 16.0417 13.4167C15.5002 13.4167 14.9809 13.6318 14.598 14.0147C14.2151 14.3975 14 14.9168 14 15.4583V20.4167H11.6667V11.6667H14V12.1683Z",fill:"#848484",stroke:"white",strokeWidth:.5})))}const Nn=e.forwardRef(Sn);n.p;var Pn;function En(){return En=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},En.apply(null,arguments)}function Tn(t,n){let{title:r,titleId:a,...i}=t;return e.createElement("svg",En({width:28,height:28,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":a},i),r?e.createElement("title",{id:a},r):null,Pn||(Pn=e.createElement("path",{d:"M22.3884 13.5506C22.3024 11.8978 21.7275 10.3078 20.7368 8.98205C20.4349 9.30716 20.1123 9.6123 19.7708 9.89555C18.7218 10.7669 17.5495 11.4781 16.2921 12.006C16.4675 12.3735 16.6281 12.7295 16.7699 13.0655V13.0686C16.8099 13.1625 16.8484 13.257 16.8854 13.3521C18.4751 13.1736 20.1509 13.2387 21.7752 13.4582C21.9915 13.4876 22.1952 13.5191 22.3884 13.5506V13.5506ZM12.5342 5.7281C13.5575 7.16993 14.5011 8.66667 15.3608 10.2116C16.6449 9.7055 17.7065 9.0671 18.5612 8.35625C18.8579 8.11174 19.1372 7.84685 19.397 7.5635C17.886 6.2927 15.9743 5.5972 14 5.6C13.5086 5.59966 13.0182 5.64217 12.5342 5.72705V5.7281ZM5.86565 11.8968C6.58094 11.8788 7.29538 11.8357 8.00765 11.7677C9.72927 11.6137 11.4362 11.3251 13.1127 10.9046C12.2365 9.38232 11.2905 7.9013 10.2777 6.46625C9.19595 7.00217 8.24207 7.76448 7.48081 8.70148C6.71954 9.63848 6.1687 10.7282 5.86565 11.8968ZM7.47215 19.2867C7.87955 18.6914 8.41505 18.0215 9.1259 17.2928C10.6526 15.7283 12.4544 14.5103 14.5397 13.8383L14.6048 13.8194C14.4315 13.4372 14.2688 13.0959 14.105 12.7746C12.1772 13.3364 10.1465 13.6871 8.12315 13.8687C7.13615 13.958 6.251 13.9968 5.6 14.0031C5.59814 15.9274 6.25971 17.7934 7.4732 19.2867H7.47215ZM17.1552 21.7858C16.7503 19.7438 16.1772 17.7388 15.4416 15.7913C13.3395 16.5546 11.6648 17.6708 10.3701 19.0022C9.84767 19.5297 9.38401 20.1124 8.9873 20.7399C10.435 21.8202 12.1937 22.4026 14 22.4C15.0814 22.4015 16.1529 22.1937 17.1552 21.7878V21.7858ZM19.1219 20.657C20.7612 19.3967 21.878 17.576 22.2582 15.5435C21.9012 15.4542 21.4487 15.365 20.951 15.2957C19.8444 15.1364 18.7216 15.1247 17.612 15.261C18.2368 17.0238 18.7413 18.827 19.1219 20.658V20.657ZM14 24.5C8.20085 24.5 3.5 19.7991 3.5 14C3.5 8.20085 8.20085 3.5 14 3.5C19.7991 3.5 24.5 8.20085 24.5 14C24.5 19.7991 19.7991 24.5 14 24.5Z",fill:"#848484",stroke:"white",strokeWidth:.4})))}const _n=e.forwardRef(Tn);n.p;var In;function Rn(){return Rn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Rn.apply(null,arguments)}function Ln(t,n){let{title:r,titleId:a,...i}=t;return e.createElement("svg",Rn({width:28,height:28,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":a},i),r?e.createElement("title",{id:a},r):null,In||(In=e.createElement("path",{d:"M17.5 14C17.5 13.0339 17.1582 12.209 16.4746 11.5254C15.791 10.8418 14.9661 10.5 14 10.5C13.0339 10.5 12.209 10.8418 11.5254 11.5254C10.8418 12.209 10.5 13.0339 10.5 14C10.5 14.9661 10.8418 15.791 11.5254 16.4746C12.209 17.1582 13.0339 17.5 14 17.5C14.9661 17.5 15.791 17.1582 16.4746 16.4746C17.1582 15.791 17.5 14.9661 17.5 14ZM19.3867 14C19.3867 15.4948 18.8626 16.7663 17.8145 17.8145C16.7663 18.8626 15.4948 19.3867 14 19.3867C12.5052 19.3867 11.2337 18.8626 10.1855 17.8145C9.13737 16.7663 8.61328 15.4948 8.61328 14C8.61328 12.5052 9.13737 11.2337 10.1855 10.1855C11.2337 9.13737 12.5052 8.61328 14 8.61328C15.4948 8.61328 16.7663 9.13737 17.8145 10.1855C18.8626 11.2337 19.3867 12.5052 19.3867 14ZM20.8633 8.39453C20.8633 8.74089 20.7402 9.03711 20.4941 9.2832C20.248 9.5293 19.9518 9.65234 19.6055 9.65234C19.2591 9.65234 18.9629 9.5293 18.7168 9.2832C18.4707 9.03711 18.3477 8.74089 18.3477 8.39453C18.3477 8.04818 18.4707 7.75195 18.7168 7.50586C18.9629 7.25977 19.2591 7.13672 19.6055 7.13672C19.9518 7.13672 20.248 7.25977 20.4941 7.50586C20.7402 7.75195 20.8633 8.04818 20.8633 8.39453ZM14 5.38672C13.9362 5.38672 13.5876 5.38444 12.9541 5.37988C12.3206 5.37533 11.8398 5.37533 11.5117 5.37988C11.1836 5.38444 10.7438 5.39811 10.1924 5.4209C9.64095 5.44368 9.17155 5.48926 8.78418 5.55762C8.39681 5.62598 8.07096 5.71029 7.80664 5.81055C7.35091 5.99284 6.94987 6.25716 6.60352 6.60352C6.25716 6.94987 5.99284 7.35091 5.81055 7.80664C5.71029 8.07096 5.62598 8.39681 5.55762 8.78418C5.48926 9.17155 5.44368 9.64095 5.4209 10.1924C5.39811 10.7438 5.38444 11.1836 5.37988 11.5117C5.37533 11.8398 5.37533 12.3206 5.37988 12.9541C5.38444 13.5876 5.38672 13.9362 5.38672 14C5.38672 14.0638 5.38444 14.4124 5.37988 15.0459C5.37533 15.6794 5.37533 16.1602 5.37988 16.4883C5.38444 16.8164 5.39811 17.2562 5.4209 17.8076C5.44368 18.359 5.48926 18.8285 5.55762 19.2158C5.62598 19.6032 5.71029 19.929 5.81055 20.1934C5.99284 20.6491 6.25716 21.0501 6.60352 21.3965C6.94987 21.7428 7.35091 22.0072 7.80664 22.1895C8.07096 22.2897 8.39681 22.374 8.78418 22.4424C9.17155 22.5107 9.64095 22.5563 10.1924 22.5791C10.7438 22.6019 11.1836 22.6156 11.5117 22.6201C11.8398 22.6247 12.3206 22.6247 12.9541 22.6201C13.5876 22.6156 13.9362 22.6133 14 22.6133C14.0638 22.6133 14.4124 22.6156 15.0459 22.6201C15.6794 22.6247 16.1602 22.6247 16.4883 22.6201C16.8164 22.6156 17.2562 22.6019 17.8076 22.5791C18.359 22.5563 18.8285 22.5107 19.2158 22.4424C19.6032 22.374 19.929 22.2897 20.1934 22.1895C20.6491 22.0072 21.0501 21.7428 21.3965 21.3965C21.7428 21.0501 22.0072 20.6491 22.1895 20.1934C22.2897 19.929 22.374 19.6032 22.4424 19.2158C22.5107 18.8285 22.5563 18.359 22.5791 17.8076C22.6019 17.2562 22.6156 16.8164 22.6201 16.4883C22.6247 16.1602 22.6247 15.6794 22.6201 15.0459C22.6156 14.4124 22.6133 14.0638 22.6133 14C22.6133 13.9362 22.6156 13.5876 22.6201 12.9541C22.6247 12.3206 22.6247 11.8398 22.6201 11.5117C22.6156 11.1836 22.6019 10.7438 22.5791 10.1924C22.5563 9.64095 22.5107 9.17155 22.4424 8.78418C22.374 8.39681 22.2897 8.07096 22.1895 7.80664C22.0072 7.35091 21.7428 6.94987 21.3965 6.60352C21.0501 6.25716 20.6491 5.99284 20.1934 5.81055C19.929 5.71029 19.6032 5.62598 19.2158 5.55762C18.8285 5.48926 18.359 5.44368 17.8076 5.4209C17.2562 5.39811 16.8164 5.38444 16.4883 5.37988C16.1602 5.37533 15.6794 5.37533 15.0459 5.37988C14.4124 5.38444 14.0638 5.38672 14 5.38672ZM24.5 14C24.5 16.0872 24.4772 17.5319 24.4316 18.334C24.3405 20.2298 23.7754 21.6973 22.7363 22.7363C21.6973 23.7754 20.2298 24.3405 18.334 24.4316C17.5319 24.4772 16.0872 24.5 14 24.5C11.9128 24.5 10.4681 24.4772 9.66602 24.4316C7.77018 24.3405 6.30273 23.7754 5.26367 22.7363C4.22461 21.6973 3.65951 20.2298 3.56836 18.334C3.52279 17.5319 3.5 16.0872 3.5 14C3.5 11.9128 3.52279 10.4681 3.56836 9.66602C3.65951 7.77018 4.22461 6.30273 5.26367 5.26367C6.30273 4.22461 7.77018 3.65951 9.66602 3.56836C10.4681 3.52279 11.9128 3.5 14 3.5C16.0872 3.5 17.5319 3.52279 18.334 3.56836C20.2298 3.65951 21.6973 4.22461 22.7363 5.26367C23.7754 6.30273 24.3405 7.77018 24.4316 9.66602C24.4772 10.4681 24.5 11.9128 24.5 14Z",fill:"#848484"})))}const On=e.forwardRef(Ln),zn=(n.p,e=>(0,cn.jsx)("div",{children:(0,cn.jsxs)("div",{style:{margin:"4em 0 12em 0",paddingTop:"3em",borderTop:"1px solid #EEE"},children:[(0,cn.jsx)("div",{class:"section-title",style:{marginBottom:"1em"},children:"Contact Me"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"I'm currently looking to join a cross-functional team that values improving people's lives through accessible design. or have a project in mind? Let's connect."}),(0,cn.jsx)("p",{className:"l1 ",children:"alisyed2266@gmail.com"}),(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{style:{display:"flex"},children:[(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://www.linkedin.com/in/syed-ali-murtaza/",className:"social-icons",style:{margin:"0 0.5em 0 0"},children:(0,cn.jsx)(Nn,{})}),(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://dribbble.com/syedali",className:"social-icons",style:{margin:"0 0.5em"},children:(0,cn.jsx)(_n,{})}),(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://www.instagram.com/syed_ali110",className:"social-icons",style:{margin:"0 0.5em"},children:(0,cn.jsx)(On,{})})]})]})})),Mn=()=>(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(un,{}),(0,cn.jsx)(dn,{}),(0,cn.jsx)(jn,{}),(0,cn.jsx)(zn,{})]}),Dn=()=>(0,cn.jsx)(It,{children:(0,cn.jsx)(Mn,{})}),An=n.p+"static/media/my.7028502b25183c226cc6.png",Fn=()=>((0,e.useEffect)((()=>{window.scrollTo({top:60,behavior:"smooth"})}),[]),(0,cn.jsx)("div",{className:"about-header",children:(0,cn.jsx)("div",{className:"about-content",children:(0,cn.jsxs)("div",{className:"about-text",children:[(0,cn.jsx)("img",{alt:"Profile",src:An,className:"myPhoto"}),(0,cn.jsxs)("div",{className:"contentwrap",children:[(0,cn.jsxs)("div",{className:"contentdiv",children:[(0,cn.jsx)("p",{className:"p1",children:"Hey, I'm a passionate Computer Science graduate from SZABIST with a strong foundation in technology and design. My journey in product design and software development has equipped me with a unique blend of creativity and technical expertise."}),(0,cn.jsxs)("p",{className:"p1",children:["Currently, I'm building ",(0,cn.jsx)("strong",{children:"Layover"}),", an innovative platform for design inspiration and management. Previously, I was at"," ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://www.majidalfuttaim.com/",className:"anchor-tag-about",children:"Majid Al Futtaim - UAE"}),", where I worked on features like gift cards, FAB credit cards, and the Smiles Tip-In Tip-Out. I contributed directly to business goals by increasing user numbers and boosting retention in the app."]}),(0,cn.jsxs)("p",{className:"p1",children:["Before that, I contributed to"," ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://sadapay.pk/",className:"anchor-tag-about",children:"SadaPay"}),", a leading Pakistani fintech startup acquired by Papara, and designed subscription modules for"," ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://careem.com",className:"anchor-tag-about",children:"Careem Plus"}),", benefiting 48+ million users as part of my role at"," ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://venturedive.com",className:"anchor-tag-about",children:"VentureDive"}),"."]}),(0,cn.jsx)("p",{className:"p1",children:"I\u2019ve also worked on side projects like Design Lobby, a cloud-based tool that helps design teams manage and control assets. It\u2019s currently in beta, with over 750+ signups, powered by a Serverless backend on AWS."}),(0,cn.jsx)("p",{className:"p1",children:"When not designing or coding, you\u2019ll find me sharing creative work on Dribbble, Instagram, and UI8, or writing on Medium. For downtime, I enjoy good food, reading, and Netflix!"})]}),(0,cn.jsx)("div",{className:"dividerhorizontal"}),(0,cn.jsxs)("div",{className:"contentdiv",children:[(0,cn.jsx)("h2",{className:"section-title",children:"Interests"}),(0,cn.jsxs)("ul",{className:"p1",children:[(0,cn.jsx)("li",{children:"UX & Interface Design"}),(0,cn.jsx)("li",{children:"Software Development"}),(0,cn.jsx)("li",{children:"Interior Design"}),(0,cn.jsx)("li",{children:"Industrial Design"}),(0,cn.jsx)("li",{children:"Photography"}),(0,cn.jsx)("li",{children:"Architecture"})]}),(0,cn.jsx)("p",{children:"\u2192 Continuously exploring new fields and learning..."})]}),(0,cn.jsx)("div",{className:"dividerhorizontal"}),(0,cn.jsxs)("div",{className:"contentdiv",children:[(0,cn.jsx)("h2",{className:"section-title",children:"My Values"}),(0,cn.jsxs)("ol",{className:"p1",children:[(0,cn.jsxs)("li",{children:[(0,cn.jsx)("strong",{children:"Creativity"})," \u2013 Learning, growth, and problem-solving"]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("strong",{children:"Family"})," \u2013 Relationships, bonding, and trust"]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("strong",{children:"Ownership"})," \u2013 Vision, responsibility, and accountability"]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("strong",{children:"Teamwork"})," \u2013 Collaboration, contribution, and support"]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("strong",{children:"Community"})," \u2013 Societal growth and giving back"]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("strong",{children:"Fun"})," \u2013 Activities, experiments, and enjoyment"]})]})]})]})]})})})),Un=()=>(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(un,{}),(0,cn.jsx)(Fn,{}),(0,cn.jsx)(zn,{})]}),Wn=n.p+"static/media/1.3a2c6527ba2bdebd6d85.jpg",Vn=n.p+"static/media/2.d16b4455554f3692e39b.mp4",Bn=n.p+"static/media/3.1d5f919dc4629525d48b.png",Hn=n.p+"static/media/4.6f42eefa05a8ae78c819.png",$n=n.p+"static/media/5.53044b0fb338db117a34.png",Qn=n.p+"static/media/6.406967442e0624e4c9e4.mp4",Kn=n.p+"static/media/7.49d361d93872ca876d39.png",qn=n.p+"static/media/8.e31f6c05fa25cd59f191.png",Xn=n.p+"static/media/9.93a657487bcf40b17c41.png",Gn=n.p+"static/media/10.0f3101d07b59ffadcae6.png",Yn=n.p+"static/media/12.03bec22c8d59258f11f1.png",Zn=n.p+"static/media/13.da29f2223c5cf76ca947.png",Jn=n.p+"static/media/14.6d489abdf565c827b217.jpg",er=n.p+"static/media/15.980412d0fa05166fd0ba.jpg",tr=n.p+"static/media/16.6b5961631d7e9d1183a1.mp4",nr=n.p+"static/media/17.272b1a543642f7ad7acb.jpg",rr=n.p+"static/media/18.ad3f418db7db105f1605.mp4",ar=n.p+"static/media/19.47277e5818e345d93d08.jpg",ir=n.p+"static/media/20.215752b1c14d65267d2d.jpg",or=n.p+"static/media/21.8b159721f9d16c33d6cd.jpg",sr=()=>((0,e.useEffect)((()=>{window.scrollTo({top:60,behavior:"smooth"})}),[]),(0,cn.jsx)("div",{style:{marginTop:"3em",display:"flex",justifyContent:"center"},children:(0,cn.jsxs)("div",{className:"masonry",children:[(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"4",src:ar,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Fintech Landing page"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"I\u2019ve been playing around with some visuals for a fintech landing page, and I\u2019m really excited about how this one turned out! For this look, I used MidJourney to create the hand, added some color grading, and transformed a simple iPhone mockup into a stunning clay-like iPhone to keep things clean and modern. Plus, I layered in shadows, a mirror effect, and a bit of glare\u2014all done in Figma\u2014to give it that extra pop."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"4",src:ir,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"AwesomePrompts.CC"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"A small but powerful, growing list with 500+ curated prompts for various tools, including ChatGPT, Claude, Figma & more\u2014all ready to use! Perfect for writers, designers, and creators seeking quick inspiration. Dive in and find the prompt that sparks your next idea!"})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"4",src:or,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Case Studies - Layover"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"Now, you can easily add detailed case studies to your profile, highlighting your expertise, problem-solving skills, and success stories. Whether it\u2019s a game-changing project, an innovative design, or a challenge you conquered, this feature lets you bring your work to life and share it with the community. Ready to add your first case study? \u270d\ufe0f Start telling your story and inspire others in your network! Let\u2019s celebrate each other's growth and achievements together. \ud83d\udca1"})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",style:{borderRadius:"16px",border:"1px solid #eee"},children:[(0,cn.jsx)("source",{src:rr,type:"video/mp4"}),"Your browser does not support the video tag."]})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Experiment: Bringing a Still Image to Life"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["My Journey Creating a Futuristic Driving Experience Sharing a little passion project I\u2019ve been working on! I used Midjourney to create the 3D scene, then turned to Runway AI to create video from it with smooth cinematic animation. Finally, I polished everything in Figma with a custom UI elements to bring all together seamlessly.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),' Midjourney Prompt: "A sleek, futuristic 3D-rendered silver sports car driving smoothly through a minimalist, snow-covered landscape with soft, flowing hills. The car has a streamlined design with glowing LED taillights. The camera is positioned directly behind the car at a low, centered angle, capturing its rear view as it glides forward, leaving subtle tire tracks. The scene is illuminated with soft, natural light under a light blue sky, creating a calm and futuristic atmosphere."',(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),' Runway AI Prompt: "Smooth cinematic animation of a sleek silver sports car driving forward along a lightly snow-dusted road, leaving visible tire tracks behind. The snowy hills roll gently on both sides, with a touch of soft fog\u2014not too thick, just enough to add depth. The camera stays centered behind the car and slowly pulls away as the car moves forward, maintaining a consistent distance and never zooming in too close. The car glides smoothly with glowing red LED taillights adding subtle contrast to the winter tones, while occasional snowflakes fall softly to enhance the atmosphere."']})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"4",src:nr,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"New in Layover"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"Colors! You can now explore tons of curated colors, palettes and gradients within the Discover section. Perfect for quick inspiration, and our collection is constantly growing! Check it out and bring fresh colors to your designs."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",style:{borderRadius:"16px",border:"1px solid #eee"},children:[(0,cn.jsx)("source",{src:tr,type:"video/mp4"}),"Your browser does not support the video tag."]})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Beam Animation - Exploration"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:"Started as an experiment, The initial beam idea was just an exploration I tried for the first time \u2013 and here's the second attempt, which turned out to be the best version yet. A simple yet powerful glowing beam hitting the phone, designed and refined all in one day using Figma."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"4",src:Jn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"RapidEats - Vision Pro"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"Exploration for Vision Pro! Designed using Figma. Stay tuned for the full process breakdown."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"10",src:Wn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Ride Hailing Landing page"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"This conceptual project aimed to create a simple and easily accessible landing page featuring eye-catching illustrations. I considered several options, including crafting illustrations in Illustrator and utilizing existing stock illustrations."}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"Ultimately, I decided to explore the possibilities offered by Midjourney. "}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"After generating the illustration in Midjourney, I refined it further in Figma, adjusting colors and layers for optimal presentation. The final result successfully captures the essence of the concept."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"3",src:er,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Design Lobby"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",children:["Design Lobby cloud-based DAM/version controlling app, that let's design teams & individuals store/manage/version-control design assets on the browser. [ ",(0,cn.jsx)("a",{href:"https://designlobby.app",children:"link"})," ]"]})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"5",src:$n,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Flare App Dissection"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["Flare is a shopping app specializing in women's dresses, leveraging the trend of TikTok-style videos to enhance the e-commerce experience and drive product sales. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"My role involved dissecting the existing design to identify potential issues and propose solutions to enhance user engagement and conversion rates. Below are some insights into this process."]})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"5",src:Zn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Personal Roaming - 3D Illustration"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["In my exploration of Vectary 3D and Figma's illustration tools, I ventured beyond conventional boundaries, inspired by ",(0,cn.jsx)("b",{children:"@leonatsume's"})," work. Over three days, I crafted a detailed illustration portraying a person navigating a sunlit hall using Vectary 3D and Figma, aiming to evoke exploration and tranquility. This project deepened my skills in both Vectary 3D and Figma, enhancing my ability to communicate through visuals."]})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{children:(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",style:{borderRadius:"16px",border:"1px solid #eee"},children:[(0,cn.jsx)("source",{src:Vn,type:"video/mp4"}),"Your browser does not support the video tag."]})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"404 Page parallax on mouse movement"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"This project began with the creation of components in Adobe XD, meticulously crafted to meet design specifications. These components were then seamlessly integrated into a React environment. To enhance user engagement, I incorporated a dynamic mouse-driven parallax effect using the Spring JS library."}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"This feature added depth and interactivity to the 404 error screen, enriching the overall user experience. Originally conceived as part of the Design Lobby project, the implementation of the parallax effect initially showcased its potential."}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"However, during the optimization phase, it became evident that this approach was consuming excessive resources and impacting performance. As a result, the decision was made to simplify the 404 error screen, transitioning it from a dynamic to a static display while still maintaining its functionality."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"10",src:Bn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Eco-friendly Environment Illustration"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["This project was from my exploration of Figma's illustration tools back in 2019, when Figma was gaining traction as a design platform. I tried to push its boundaries beyond traditional UI design, I experimented to create a detailed illustration. Over the course of five days,",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Illustration was inspired by a platform named InVision.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"The result was a depiction of a natural, eco-friendly environment, envisioned specifically for a landing page. This endeavor not only deepened my understanding of Figma but also allowed me to refine my illustration skills and explore themes of sustainability and beauty in design."]})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"10",src:Hn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"WebHR Mobile app"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["Led mobile app creation, collaborating closely with cross-functional teams to ensure alignment with project goals and user needs. Delivered comprehensive user flows, wireframes, and high-fidelity prototypes to communicate design concepts effectively. Additionally, I contributed to the visual appeal of the app through custom illustrations, enhancing its overall user experience.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Throughout the development process, I provided ongoing support to developers, addressing any design-related queries or issues promptly. This collaborative approach ensured a smooth transition from design to development, resulting in a cohesive and user-friendly mobile app for WebHR."]})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{children:(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",style:{borderRadius:"16px"},children:[(0,cn.jsx)("source",{src:Qn,type:"video/mp4"}),"Your browser does not support the video tag."]})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Financially Web Landing page"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"Approach visual and UX design for Fintech product landing page."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"10",src:Kn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Careem 3d Logo"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"Explored Careem logo intricately, recreating it in 3D using Vectary and Figma."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"10",src:qn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Iconography exploration"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:"Maintain consistent weight across icons of the same scale by applying a 2-pixel stroke to each. Design on a 24x24 pixel grid using a foundational grid framework for precise shape adjustments."})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"9",src:Xn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Just breathe Illustration"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["During my exploration of Vectory 3D and Figma's illustration tools, I ventured beyond conventional 3D design boundaries. Inspired by ",(0,cn.jsx)("b",{children:"@leonatsume"}),"'s work, I dedicated three days to crafting a detailed illustration. This artwork aimed to convey a message of pausing, cherishing solitude, self-love, and mindful breathing. Through this project, I honed my skills in both Vectory 3D and Figma, pushing their capabilities to generate visually captivating designs with meaningful themes.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," The experience deepened my understanding of illustration techniques within these platforms, empowering me to create impactful visuals. By exploring this intersection of creativity and technology, I not only refined my illustration skills but also gained insights into leveraging digital tools for expressive storytelling."]})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"9",src:Gn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"City 3d model"}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",children:"City 3d model made using Vectary3d + Figma"})]})]}),(0,cn.jsxs)("div",{className:"item",children:[(0,cn.jsx)("div",{className:"project-item",children:(0,cn.jsx)("img",{alt:"10",src:Yn,style:{width:"100%",borderRadius:"16px",border:"1px solid #eee"}})}),(0,cn.jsxs)("div",{style:{padding:"1em 6px"},children:[(0,cn.jsx)("p",{className:"l1",style:{margin:"0 0 8px 0 "},children:"Dynamic screens in each button Keyboard"}),(0,cn.jsxs)("p",{className:"l1 coloredgrey3",style:{paddingTop:"1em"},children:["This concept envisions a futuristic laptop equipped with a keyboard keypad featuring dynamic screens on each button. These screens adapt to the active application, displaying relevant shortcuts and commands for seamless navigation across various tools and software. Imagine using Figma and simply tapping the command \u2318 key to have all possible shortcuts instantly displayed on the corresponding keys. This innovative approach enhances usability by providing real-time access to shortcuts, eliminating the need to memorize them.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," This project represents an exploration of Human-Computer Interaction (HCI), aiming to redefine user experiences in computing. By integrating dynamic screens into the keyboard keypad, users can intuitively interact with applications, improving efficiency and understanding. This concept not only simplifies shortcut navigation but also promotes a more user-friendly and accessible computing environment, bridging the gap between technology and human interaction."]})]})]})]})})),lr=()=>(0,cn.jsxs)(cn.Fragment,{children:[(0,cn.jsx)(It,{style:{maxWidth:"600px"},children:(0,cn.jsx)(un,{})}),(0,cn.jsxs)(It,{style:{maxWidth:"100%"},children:[(0,cn.jsx)(sr,{}),";"]}),(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(zn,{})," "]})]});var cr=["bsPrefix","className","noGutters","as"],ur=["xl","lg","md","sm","xs"],dr=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.className,i=t.noGutters,o=t.as,l=void 0===o?"div":o,c=z(t,cr),u=Se(r,"row"),d=u+"-cols",f=[];return ur.forEach((function(e){var t,n=c[e];delete c[e];var r="xs"!==e?"-"+e:"";null!=(t=null!=n&&"object"===typeof n?n.cols:n)&&f.push(""+d+r+"-"+t)})),e.createElement(l,s({ref:n},c,{className:ge().apply(void 0,[a,u,i&&"no-gutters"].concat(f))}))}));dr.displayName="Row",dr.defaultProps={noGutters:!1};const fr=dr;var pr=["bsPrefix","className","as"],hr=["xl","lg","md","sm","xs"],mr=e.forwardRef((function(t,n){var r=t.bsPrefix,a=t.className,i=t.as,o=void 0===i?"div":i,l=z(t,pr),c=Se(r,"col"),u=[],d=[];return hr.forEach((function(e){var t,n,r,a=l[e];if(delete l[e],"object"===typeof a&&null!=a){var i=a.span;t=void 0===i||i,n=a.offset,r=a.order}else t=a;var o="xs"!==e?"-"+e:"";t&&u.push(!0===t?""+c+o:""+c+o+"-"+t),null!=r&&d.push("order"+o+"-"+r),null!=n&&d.push("offset"+o+"-"+n)})),u.length||u.push(c),e.createElement(o,s({},l,{ref:n,className:ge().apply(void 0,[a].concat(u,d))}))}));mr.displayName="Col";const gr=mr,vr=()=>((0,e.useEffect)((()=>{window.scrollTo({top:0,behavior:"smooth"})}),[]),(0,cn.jsx)("div",{children:(0,cn.jsxs)("div",{style:{margin:"0 0 6em 0"},children:[(0,cn.jsx)("div",{style:{marginTop:"5em"},children:(0,cn.jsx)(fe,{to:"/",className:"sm-text",children:"\u2190 Homepage"})}),(0,cn.jsx)("div",{className:"Project-title",children:"Health and safety at workplace using Smartwatch."}),(0,cn.jsx)("div",{className:"Project-intro",children:"This project is focused on designing the Fitbit watch app for a confidential company based in Silicon Valley. With major customers in UAE with operations across 10+ cities in UAE. 73% of UAE businesses/industries uses mobile app for supervising and managing employees. This case study is about, how might we use the smartwatch app in the workers, remote employees, and will discuss how companies can use this for employee's health and safety at the workplace."}),(0,cn.jsxs)(fr,{className:"sectionParent3",children:[(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Timeline"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"1 month"})]}),(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Role"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"Product designer"})]}),(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Responsibilities"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"Research, strategy, design"})]})]})]})})),yr=n.p+"static/media/survey.a1fd909a7ecc21b46edf.png",br=n.p+"static/media/hypothesis.5feb49cecb451f6204b3.png",xr=n.p+"static/media/direction.2df301992f0ea02c345b.png",wr=n.p+"static/media/idealdir.eb6a9fc30f39bfbe4f9c.png",jr=n.p+"static/media/ideal.ed83706d5401ee5d7b2b.png",kr=n.p+"static/media/userflow.6e5e2b115e27b2cbf974.png",Cr=n.p+"static/media/crazy8.011286e04fa5d4fecc9c.png",Sr=n.p+"static/media/wireframes.2692db82ace4eadbb9e7.png",Nr=n.p+"static/media/icons.dc386ee6e8dc9074aa83.png",Pr=n.p+"static/media/cardsorting.a4977645a86907c5bf89.png",Er=n.p+"static/media/keyscreens.44187f30ff4af3caa421.png",Tr=n.p+"static/media/accessibility.4b7a89551fba63f0bbe6.png",_r=n.p+"static/media/touchpoints.ed08a51c46418ccc7d27.png",Ir=n.p+"static/media/demographic.9febad49bb65b5bc8caa.png",Rr=n.p+"static/media/observations.4feaef98e6f8fab9ae88.png",Lr=n.p+"static/media/prototype.074f48399625983cf150.mp4",Or=n.p+"static/media/motion1.ef58828bc34bfba6666d.mp4",zr=n.p+"static/media/motion2.1ad7f8c54ef594ec987c.mp4",Mr=()=>(0,cn.jsxs)("div",{children:[(0,cn.jsx)("div",{class:"section-title",children:" Problem statement"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Health and safety at workplace and provide flexible way for daily activities at workplace"}),(0,cn.jsx)("div",{className:"Project-intro",children:"In UAE Summer is very hot and sunny, with temperatures ranging from 38 \xb0C to 42 \xb0C (101 \xb0F to 108 \xb0F) between May and September, as construction and industrial workers are not permitted to work during the hottest hours of the day during the summer because of Health and safety at the workplace. Our team come up with an idea to monitor workers/employee's heart rate using a smartwatch not just heart rate also daily office activities like approve or reject requests, and mark attendance, etc. As Fitbit Watch amplifies simplicity and eliminates the smallest little daily frictions. This device gives a great opportunity to streamline UX."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Target audience"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)("ol",{children:[(0,cn.jsxs)("li",{children:["Workers (work in remote areas/factory)"," ",(0,cn.jsx)("span",{className:"section-paragraph",children:"Age: 24-45"})]}),(0,cn.jsxs)("li",{children:["Employees (often go to field)"," ",(0,cn.jsx)("span",{className:"section-paragraph",children:"Age: 24-45"})]}),(0,cn.jsx)("li",{children:"Management"}),(0,cn.jsx)("li",{children:"HR person"}),(0,cn.jsx)("li",{children:"Leadership"})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{class:"section-title",children:"Goals"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"User goals"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)("ul",{children:[(0,cn.jsxs)("li",{children:[(0,cn.jsx)("b",{children:"Health and safety"})," Make people feel as their heart rate is being monitored and tracked, and get notified to the managers or family in case of emergency"]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("b",{children:"Provide flexible way for daily activities"})," Help people to have flexibility on marking attendance, approve requests and get notifications etc using a smartwatch."]})]})}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Business goals"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)("ul",{children:[(0,cn.jsx)("li",{children:"Increase the percentage of positive employee feedback from, 65% to 80%. Attainable: From 45% in 2019 to 80% in 2020. Relevant: To make the majority of the employees live the values of the organization."}),(0,cn.jsx)("li",{children:"Ensure contact rate to customer support related to this module and overall app doesn't increase by XX% within 6 months of launching this feature."})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{class:"section-title",children:"Process"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"What we did"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)("ol",{children:[(0,cn.jsxs)("li",{children:[(0,cn.jsx)("b",{children:"Discovery"})," to define user needs."]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("b",{children:"Analysis"})," to analyze all the gathered data."]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("b",{children:"Ideation"})," of sketches and functional prototypes."]}),(0,cn.jsxs)("li",{children:[(0,cn.jsx)("b",{children:"Test"})," to improve design, accessibility and create a baseline for future product iterations."]})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Research"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Though I audited other smartwatch apps, and most of them were focused on sports. To gain a competitive advantage, we choose the Fitbit watch due to its popularity amongst other watches. I look for available SDK for app implementation, Identify limits and capabilities of the hardware along with additional contexts such as cost and durability also help us to decide whether or not we should invest in building the app for Fitbit. Our goal was to leverage learnings from small devices and expand services across all devices."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{class:"section-title",children:"Surveys"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Customer Insights"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["We roll out surveys across different customer organizations and we received ",(0,cn.jsx)("b",{children:"10 responses"})," we learned that primary how often do they work in remote areas? do they measure/monitor heart rate, blood pressure etc, at the workplace in a hot and sunny day, we noted down the results and pain points to test our hypothesis.",(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:yr,style:{width:"100%",margin:"3em 0 3em 0"},alt:"banner"}),(0,cn.jsx)("br",{})]}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Hypothesis"}),(0,cn.jsx)("div",{className:"Project-intro",children:"We followed the hypothesis-driven designer canvas, which helps us to know instead of guess, It forces us to test whether our design hypotheses are true. To know if our solution is going to meet the needs of our target user. Also to know if it is going to make enough of an improvement to the user experience process to take it further."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:br,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{class:"section-title",children:"Card sorting"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"We uncover user mental modal for better IA and to kick start from scratch."}),(0,cn.jsxs)("div",{className:"Project-intro",children:["We did card sorting within an internal team to gain valuable information into the structure of data, that in turn helps us better structure our product for the long term. We followed the open card sorting technique, list all the information including services, features, modules, and general things which our users will find in the app.",(0,cn.jsx)("br",{}),"I used miro for this exercise using the sticky notes, provide deck of cards to stakeholders with no pre-established groups and asked them to sort them in any way they see fit.",(0,cn.jsx)("br",{}),"Also asked to explain why they choose that group: This is handy for initial data sorting exercise where no existing structure exists for platform in the product."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Pr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Ideal direction"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Deciding that how we are going to approach the context, going with the minimal context or powerful context. as we also found several important insights through initial discovery and client interviews."}),(0,cn.jsx)("img",{src:wr,style:{width:"100%",margin:"1em 0 3em 0"},alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:xr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Ideation"}),(0,cn.jsx)("div",{className:"Project-intro",children:"I wanted to make sure we either design app more specific for health and safety or for the leadership in order simplify their life and after few meetings with stakeholders, I realize there was sufficient overlap to pursue a solution that would suit all users."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:jr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Userflow/sitemaps"}),(0,cn.jsx)("div",{className:"Project-intro",children:"I had gotten a fair understanding to start with user flows. User flow allowed me to see the complete app experience at a holistic level. Furthermore, Sitemap helped me make a checklist of all the pages to be designed."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:kr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Crazy 8 exercise"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Below are some iterations I made for all the top use cases, based on the understanding from all the previous exercises, This laid down the initial ideas. I explored how we might organize and categorize the content having multiple pages."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Cr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Wireframes"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Wireframes were created to identify any missing components for screens. and how components gonna look like on the small devices so we could conduct cognitive walkthrough tests and reiterate on the design before moving into the high fidelity designs."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Sr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Iconography"}),(0,cn.jsx)("div",{className:"Project-intro",children:"The choice was quickly made as to what set of icons to use. For small devices, I choose filled icons and make sure no icon should appear heavier or lighter than any other of the same scale. also, avoid this by applying 2 pixels stroke in all of the icons. Designed on a pixel-based grid (24px by 24px) using foundational grid framework for icons, Also make precise adjustments to provide the perfect detail for the desired shape."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Nr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Key screens"}),(0,cn.jsx)("div",{className:"Project-intro",children:"The objective of the interface was to keep the app easy to use screen size and ratio. This was accomplished through the use of heavily rounded corners, vibrant gradients, big beautiful icons. In addition, I explore opportunities to give it a try to its front-end development with engineers. Fitbit SDK was completely based on the SVG based layout, so i also participated in the initial version of components similar to what we have designed."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Er,className:"feature-image",alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Accessibility"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Accessibility has always been part of my process with a11y compliance or on the UI side. our color scheme needed a new pass to make it both simpler and compliant with the WCAG 2.0 rules for good contrast. We made sure that all our typography, as well as iconography, reaches at least AA level or 4.5:1 contrast ratio:"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Tr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Touch targets and layout"}),(0,cn.jsx)("div",{className:"Project-intro",children:"We wanted to offer the user more space and touch targets while maintaining a compact layout for small devices, and aligning all touch type and with area to be the same size tremendously streamlined."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:_r,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Prototype"}),(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",controls:"controls",style:{marginBottom:"6em"},children:[(0,cn.jsx)("source",{src:Lr,type:"video/mp4"}),"Your browser does not support the video tag."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Motion design"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Good motion design on this form factor can make an app shine and empower its users to use it more effectively. But we also have to consider the limitations of the device so we only added a few micro interactions for click action and SVG icons."}),(0,cn.jsx)("br",{}),(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",children:[(0,cn.jsx)("source",{src:Or,type:"video/mp4"}),"Your browser does not support the video tag."]}),(0,cn.jsx)("div",{className:"Project-intro",children:"This is what it looks like in the app:"}),(0,cn.jsxs)("video",{autoPlay:!0,loop:!0,width:"100%",height:"100%",style:{marginBottom:"6em"},children:[(0,cn.jsx)("source",{src:zr,type:"video/mp4"}),"Your browser does not support the video tag."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Usability Testing"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Several companies was gifted Fitbit watches to test the app in a real context. With the help of the customer support team, we scheduled 6 sessions to conduct a usability test. These sessions were conducted by the CS Team, while I was observing their behaviors and pain points and overall experience, then compiled findings using rainbow spreadsheets developed by Google UX Researcher. First, we started placing all the demographic information of the user into an excel sheet with different colors,",(0,cn.jsx)("img",{src:Ir,style:{width:"100%",margin:"3em 0 3em 0"},alt:"banner"}),"and then before conducting the study I wrote a list of predetermined observations to test. then I marked down if a particular observation occurred and prioritized all the observations for the next iteration."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Rr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Learnings"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Learned a lot in activity of 4 weeks two key lessons:",(0,cn.jsxs)("ul",{children:[(0,cn.jsxs)("li",{children:["We have analyzed results for milestone 1 and figured out that it isn't easy enough to implement experiences for very small devices. However, some components did not perform well due to SVG limitation, custom fonts not rendering properly and screen issues."," "]}),(0,cn.jsx)("li",{children:"Sometimes there's no need, and not always good, for how many journey maps you should create or to relay on time-consuming frameworks."}),(0,cn.jsx)("li",{children:"Although I may not know all the business goals behind companies Fitbit watch app strategy, but learned that it is okay to make assumptions some time."})]}),"This app is currently available for companies internal clients only."]})]}),Dr=()=>(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(un,{}),(0,cn.jsx)(vr,{}),(0,cn.jsx)(Mr,{}),(0,cn.jsx)(zn,{})]}),Ar=()=>((0,e.useEffect)((()=>{window.scrollTo({top:0,behavior:"smooth"})}),[]),(0,cn.jsx)("div",{children:(0,cn.jsxs)("div",{style:{margin:"0 0 6em 0"},children:[(0,cn.jsx)("div",{style:{marginTop:"5em"},children:(0,cn.jsx)(fe,{to:"/",className:"sm-text",children:"\u2190 Homepage"})}),(0,cn.jsx)("div",{className:"Project-title",children:"Design for designers - Design Lobby DAM/version controlling app"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["In my spare time, I used to work on app so called"," ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://designlobby.app/",children:"Design lobby"}),", idea was to design app cloud-based DAM/version controlling app, that let's design teams & individuals store/manage/version-control design assets on the browser.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("b",{children:"Note:"})," This is living document, I keep experimenting on this idea/product and process in order understand designers personas."]}),(0,cn.jsxs)(fr,{className:"sectionParent3",children:[(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Timeline"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"Ongoing (Sep 18 - Present)"})]}),(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Role"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"Lead product designer/dev"})]}),(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Responsibilities"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"Research, strategy, design, code"})]})]})]})})),Fr=(n.p,()=>(0,cn.jsxs)("div",{children:[(0,cn.jsx)("div",{class:"section-title",children:"A bit of background"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"How it all started"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["At the beginning of September 2018, I used to work on different SaaS products and client-based projects for a company. I was an only designer in a mainly technical team. I was doing everything in terms of design from marketing stuff to create user-flows, journey maps, design thinking, body copy, and design for most interfaces, also I used to work with the engineers closely, which sometimes involved working directly with the codebase.",(0,cn.jsx)("br",{})," My secondary goal was to maintain all the existing design assets, resources i.e (design files, mood boards, icons, colors, fonts, and copy) inside different folders and I had so many design files & assets on my office computer and personal it was a bit baffling.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"I decided to work on a side project which can solve my problem with assets management, But most of people work on side projects for few weeks, maybe even a few months. Or if you're an absolute mad person like me, you might work on a side project for years. Because working on a side project isn't easy you have to work on entirely everything from design, code, marketing, analytics, SEO, and iterating post-launch, and some boring parts as well.",(0,cn.jsx)("br",{}),'I began my thinking about the idea for at least two weeks." doing brainstorming start writing down ideas problem and start exploring different directions',(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," I started calling this"," ",(0,cn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://designlobby.app/",children:"Design lobby"}),", being a product designer I decided to follow all the UX processes to craft the app and I had to work on this idea alone, and don't want to end this project with a prototype, but to ship. and I started coding as well and shipped the product MVP in 1.5 years. The challenge I faced was to learn the different languages for front-end and backend and AWS because I decided to ship this product on the cloud."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Challenges"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)("ul",{children:[(0,cn.jsx)("li",{children:"Had to do extensive research to make sure i am working on right idea/product."}),(0,cn.jsx)("li",{children:"Build a new product for design assets and version control that could dramatically expand our user-base."}),(0,cn.jsx)("li",{children:"Design and build an eco-system for the plugins, web service for the whole thing;"}),(0,cn.jsx)("li",{children:"Integrations with design tools (Figma, Sketch, XD)"}),(0,cn.jsx)("li",{children:"Improve brand guidelines for marketing communication, so we can easier onboard new users and improve retention;"}),(0,cn.jsx)("li",{children:"As this app is for designers so reducing the churn rate for the Design lobby by applying best UX practices;"}),(0,cn.jsx)("li",{children:"As I was the only working on this I had to make a lot of design iterations fast, so I sometimes had to work directly with our codebase and iterate in code;"})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Process"}),(0,cn.jsx)("div",{className:"Project-intro",children:'Launching the app from 0 to 100% is an enormous effort. So the process i followed was the double diamond with MVP approach to first discover opportunity and pain points. it all starts with the \u201cwhy\u201d and what exactly problem are we are going to solve for our users. To validate the concepts i used the "Fake door testing technique" in order to measure interest in a product and if the solution is going to solve users needs/problems then define and created hypotheses to test and deep dive into risks before building, and made several design iterations to uncover problems. and developed most relevant information architectures and journeys, copy and think about the connections between different services from the start, and prototype and iterations and at the end accessibility and User testing with designer.'}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Problem statement"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Designers work on various kinds of projects/products, each of which uses multiple digital assets such as text, images, icons, and fonts, with multiple versions, often have to be repurposed to fulfill a client's request. one designer work on multiple projects at a time, multiple teams also work on the same project/product. The number of files stored is increasing with the increase in storage capacity. Designers need to manage all this and still meet their project deadlines. Without a proper asset management system, files can be hidden, lost, or corrupted, forcing designers to waste precious time in searching sometimes have to go back and forth between personal/office system"}),(0,cn.jsx)("p",{className:"section-paragraph",style:{marginBottom:"0"},children:"Research"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"TBW..."})]})),Ur=()=>(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(un,{}),(0,cn.jsx)(Ar,{}),(0,cn.jsx)(Fr,{}),(0,cn.jsx)(zn,{})]}),Wr=()=>((0,e.useEffect)((()=>{window.scrollTo({top:0,behavior:"smooth"})}),[]),(0,cn.jsx)("div",{children:(0,cn.jsxs)("div",{style:{margin:"0 0 6em 0"},children:[(0,cn.jsx)("div",{style:{marginTop:"5em"},children:(0,cn.jsx)(fe,{to:"/",className:"sm-text",children:"\u2190 Homepage"})}),(0,cn.jsx)("div",{className:"Project-title",children:"Introducing Offline partners into Careem plus"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Careem is operational in 13 countries, and over 100+ cities. 48M+ users. On April, Careem introduced a new subscription program that offers benefits to its customers \u2014 named Careem Plus. Which simplifies the user's life with a variety of exclusive benefits conveniently gathered under one subscription. Initially be available to users in Dubai and coming soon to more cities! ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Careem Plus program will cost a monthly fee of AED 39, and in return, users will get benefits like cashback on rides. Free food delivery on a variety of restaurants and shops. Unlimited access to Careem Bike and others. After the first month of a subscription, customers will be charged every month."]}),(0,cn.jsxs)(fr,{className:"sectionParent3",children:[(0,cn.jsxs)(gr,{xl:4,lg:4,md:4,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Responsibilities"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"Research, strategy, design"})]}),(0,cn.jsxs)(gr,{xl:3,lg:3,md:3,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Timeline"}),(0,cn.jsx)("p",{className:"section-paragraph",children:"4 weeks"})]}),(0,cn.jsxs)(gr,{xl:5,lg:5,md:5,sm:6,style:{paddingTop:"1em"},children:[(0,cn.jsx)("h3",{className:"section-subtitle2",children:"Contributors"}),(0,cn.jsxs)("p",{className:"section-paragraph",children:["Samuel rapp (Sr. product designer)",(0,cn.jsx)("br",{}),"Syed Ali (Product designer)"]})]})]})]})})),Vr=n.p+"static/media/Planning.c47fa9fed4401776cbff.jpg",Br=n.p+"static/media/teams.21c446c1eda3350ae4c4.jpg",Hr=n.p+"static/media/process.1016cd39da23498a0f1c.jpg",$r=n.p+"static/media/customers.d4202c6db8263eabab7e.png",Qr=n.p+"static/media/crit.e8ffba3e8abf5767d7b6.jpg",Kr=n.p+"static/media/matrics.1d708bd41ec3cd1c1d91.jpg",qr=n.p+"static/media/vision.15e4d892d4c907837af3.jpg",Xr=n.p+"static/media/personas.c5e8237636a0b7fefa8a.jpg",Gr=n.p+"static/media/story.d47a92367e9e38eabe4c.jpg",Yr=n.p+"static/media/AI.85c671b56c614ee29b2b.jpg",Zr=n.p+"static/media/journey.13519ebe1dbfab9ca828.jpg",Jr=n.p+"static/media/flow.3e50701870892b65c350.jpg",ea=n.p+"static/media/crazy8.6145f219a875e2e922cc.jpg",ta=n.p+"static/media/wireframes.cff524a67114e6f60e8b.jpg",na=n.p+"static/media/keyscreens.70d0c0168eec3566c9be.jpg",ra=()=>(0,cn.jsxs)("div",{children:[(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Project plannig"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["This was the first time for me to apply the UX practices in a fully remote environment, so we started planning out with a few kickoff meetings. Understand the problem and break it down to be done in the respective project timeline.",(0,cn.jsx)("img",{src:Vr,style:{width:"100%",margin:"3em 0 3em 0"},alt:"banner"}),(0,cn.jsx)("br",{}),"We also identified all stakeholders that are involved including other Teams/Tribes(i.e SA Team, Pay, etc).,",(0,cn.jsx)("img",{src:Br,style:{width:"100%",margin:"3em 0 3em 0"},alt:"banner"})]}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Problem"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Careem aims to simplify the lives of 2M people every day by 2022. Research has shown that customers across the region value exclusive benefits in return for their loyalty. For the businesses, subscription model provides a steady, predictable stream of income, benefitting their cash flow. With the ongoing impact of the pandemic and accelerated digitization, we're likely to see the subscriptions economy continue to grow in Mena. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"The existing version of the program is geared towards existing HV customers of Careem services, as we solve for more use cases, Careem further evolves the program by including partners and building a discovery engine, saving breakdown we need to rethink the whole experience of the program and also discover its true potential to evolve also attracts users outside the existing Careem ecosystem."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Goals"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["As this is a new product, we have very little data to benchmark against; however, we can start laying the groundwork to ensure that we meet our long-term goals.",(0,cn.jsxs)(fr,{children:[(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer penetration"}),(0,cn.jsx)("br",{}),"Increase the free trial penetration across active base to XX% within first 6 months of partners launch."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer retention"}),(0,cn.jsx)("br",{}),"XX number of CPLUS memberships renewed beyond free membership within first 6 months of partners launch."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer support"}),(0,cn.jsx)("br",{}),"Ensure contact rate to customer support related to Cplus and partners doesn't increase by XX% within 6 months of partner launch."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer experience"}),(0,cn.jsx)("br",{}),"Implement NPS rating for Cplus journey to create a benchmark for Q4."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer transactions"}),(0,cn.jsx)("br",{}),"Increase the number of transactions completed by CPlus subscribed customers by xx% within first 6 months of partners launch"]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Partner alignment"}),(0,cn.jsx)("br",{}),"Of the 15 offline partners that are initially approached 90% accept our redemption solution, by end of first week of July."]})]})]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{class:"section-title",children:"Process"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"What we did?"}),(0,cn.jsx)("img",{src:Hr,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Research"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["We performed foundational user research to understand more about the personas that are the target audience of the Careem app. Understand customers perception in terms of discount and lifestyle applications within the U.A.E and test our hypothesis for customer journeys and user interface flows.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"\u2192 Onboarding to a subscription plan for Careem Plus ",(0,cn.jsx)("br",{}),"\u2192 Discovery of an offer ",(0,cn.jsx)("br",{}),"\u2192 Fulfillment of an offer ",(0,cn.jsx)("br",{}),"\u2192 Review of experience ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Results from this research will help refine our understanding of customer expectations from a journey perspective, giving us direct feedback to either confirm or change our hypothetical customer journeys. User testing of UI will give us insights on specific screen elements as well as the customer's perception of the entire user flow."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("div",{class:"section-title",children:"Who are our customers?"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Understanding different target groups"}),(0,cn.jsx)("img",{src:$r,style:{width:"100%",margin:"3em 0 3em 0"},alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Design crit"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Before rethinking the experience, we had to keep MVP and Q2 things in the mind to have a continuity in overall design, also make sure to improve some areas. We had to look into the design critique session feedback by design team and rethink on each feedback and improve the overall experience.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Objective: To have a clear understanding of all the loopholes in terms on user experience and an edge cases to be taken care of during Q3 phase.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Insights:",(0,cn.jsx)("br",{}),(0,cn.jsxs)("ol",{children:[(0,cn.jsx)("li",{children:"Banner pictures for the profile page would have to be chosen very carefully. Even this one is conflicting with the text and the CTA is also hiding some details."}),(0,cn.jsx)("li",{children:"Are saving chart bars are tappable?"}),(0,cn.jsx)("li",{children:"How will the user learn that these are tappable?"}),(0,cn.jsx)("li",{children:"The saving breakdown doesn't seems connected with the relevant graph."}),(0,cn.jsxs)("li",{children:[" ","Where we are showing \u201cCPlus is activated\u201d on booking a ride screen that place to show PEAK in Careem might confuse customers."]}),(0,cn.jsx)("li",{children:" Copy improvement"})]})]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Qr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Competitors analysis"}),(0,cn.jsx)("div",{className:"Project-intro",children:"We analyzed the major direct and indirect products and subscription providers, looking into opportunity spaces where our feature for the Careem Plus app can fill the gaps. We gathered data on competitive products and noted their UI, UX, User flow, and key features."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Existing matrics"}),(0,cn.jsx)("img",{src:Kr,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Vision brainstorming"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["At its full potential, Careem Plus will be a multi-purpose lifestyle program that simplifies daily lives; simplifying daily lives by empowering users to discover experiences as well as save across multiple services; both online and offline.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," Careem\u2019s partners will also be fully empowered to grow their business in partnership with us. Any eligible partner will have the opportunity to target the largest tech-savvy base that's highly engaged across multiple services. As Careem realizes its super app vision, we would have access to detailed information about users which will be leveraged to help partners target the right user at the right time. Just by 2022, Careem will have detailed knowledge of where a user lives, works, eats, orders groceries from, spending power, and even the size of their house; and this is just the surface of what information Careem will be equipped with.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," For Careem, CPlus helps realize the super app vision. It'll act as a catalyst to convert users to MSU\u2019s; one platform to promote any new service we launch and benefit from instant adoption. It will also become a new business line that not only funds discounts on Careem owned services but also generates additional revenue."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:qr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Proto personas"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Then we got some user personas from the marketing team that embodies the traits of the target audience to understand the kind of audience with different use cases who uses the Careem app."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Xr,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Story mapping"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Brainstorming: In collaboration with a group of designers, PM, Engineers, partners team, and other domain experts, we list all the things our customer will need to do to complete a booking with one of our offline partners, from finding the partner, to visiting the partner's venue until to when they've returned home and left a review.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"We use Miro board for this exercise using the sticky notes, write down all the things our customers would do. 1 task per sticky note.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," Organize: Layout your stickies from left to right, from start to finish, in the order that our customer will perform each task.",(0,cn.jsxs)("ol",{children:[(0,cn.jsx)("li",{children:"Group similar tasks into columns."})," ",(0,cn.jsx)("li",{children:"Arrange duplicate, sticky into stack or remove"})," ",(0,cn.jsx)("li",{children:"Put smaller tasks under the larger tasks, for example, \u201cFilter restaurants\u201d or \u201csorting restaurants list\u201d might go under \u201cFiltering partners\u201d"})," "]}),"Patterns: Look at our groups of stickies, and using a different colored sticky, create a higher level label for all of your groupings ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Slicing the MVP: As a group, we silently move tasks that we don\u2019t think are essential to our customer's desired outcomes and our business goals to the bottom. Now that we have our MVP, we can start to slice the remaining features. Don\u2019t forget \u201cmust do, could do\u201d this will help us prioritize our stickies."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Gr,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Action/Impact Analysis"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["From there, we plotted each of these features/services on a Impact/Effort Matrix to gauge the features/services that were most pertinent and viable for both user value and organization efforts.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Insights: The key services to focus on is Booking a taxi two-way and restaurant details write a review and similar partners while functionalities like search/filters pay via QR code and onboarding for new signups."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Yr,className:"feature-image",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"User Journey"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Objective: Outline key journey points, highlighting potential pain points and opportunities to improve the customer's experience with Careem Plus. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Who needs to attend: Designers & PO/PMs to create and then playback with a vertical and separate session with key stakeholders including customer playback. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Output: Customer journeys for key use cases."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Zr,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"User Flow / Sitemaps"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["After exploratory and market research, I had gotten a fair understanding of the primary user flows for Careem plus upcoming features and improvements. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Insights: User flow allowed me to see the complete app experience at a holistic level. Furthermore, this sitemap helped me make a checklist of all the pages to be designed and taxonomies involve the classification, categorization, and organization of information on each screen."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:Jr,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Crazy 8's"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Based on the hypothesis, We did multiple iterations of crazy-8's for all the top use cases. This laid down the initial ideas for the app in a very small amount of time. But at the same time we ensured there aren\u2019t any biases. These designs were subject to pivot/change based on the formative and competitive research. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Insights: We wanted to come up with a discovery page which includes the list of restaurants and discounts and detail pages; this laid down the foundation of how this screen will look like."]}),(0,cn.jsx)("img",{src:ea,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Wireflows"}),(0,cn.jsx)("div",{className:"Project-intro",children:"To begin, wireframes with flows were created to identify any missing components for screens. These screens were created digitally and prototyped to conduct cognitive walkthrough tests and to reiterate the design before moving onto high fidelity mockups."}),(0,cn.jsx)("img",{src:ta,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Key screens"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["We designed key screens for Careem plus user that provides users with the ability to discover restaurants and avail discounts on different offline partners with saving costs as well as providing the flexibility to explore and understand the program in a better way. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Insights: After iterating and feedback, we come to identify key screens and the flow for Q3, some of the features get de-scoped from Q3 because of limited resources like (I.e onboarding to Careem plus)"]}),(0,cn.jsx)("img",{src:na,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Conflicts"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Based on the feedback from different stakeholders, including SA Team, Food Team, PMS, we are having a conflict between food delivery and booking a table process, our users will able to experience a problem. the team decided to de-scope this feature and delay for next year's launch."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Learnings"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["This was the first time for me to follow the UX Process in a fully remote environment, so I learned a lot in terms of collaboration and working quickly through frameworks. Communicating without being in person was also different, but I learned how to communicate asynchronously and also collaboratively. ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"The challenge focused heavily on building a feature to introduce a new direction in the subscription module inside the existing Super app, and this was something all of us had never attempted before in a product.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," I also got the chance to explore work done by a design agency called Design Studio, as we had to look forward to in terms of overall Careem\u2019s design guidelines and principles set out by DS.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," Although we may not know all the business goals for Careem, we learned that it is okay to make assumptions sometimes."]})]}),aa=()=>(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(un,{}),(0,cn.jsx)(Wr,{}),(0,cn.jsx)(ra,{}),(0,cn.jsx)(zn,{})]}),ia=()=>(0,cn.jsx)("div",{children:(0,cn.jsxs)("div",{style:{margin:"0 0 6em 0"},children:[(0,cn.jsx)("div",{style:{marginTop:"5em"},children:(0,cn.jsx)(fe,{to:"/",className:"sm-text",children:"\u2190 Homepage"})}),(0,cn.jsx)("div",{className:"Project-title",children:"Revolutionizing Mobility: Careem Plus Subscription Program"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Careem, with its extensive presence across 13 countries and over 100 cities, serving a massive user base of 48 million, has launched a new subscription program called Careem Plus on April 5th. This program aims to streamline users' lives by offering a variety of exclusive benefits under one convenient subscription. Initially available in Dubai and soon expanding to more cities, Careem Plus will cost AED 39 per month, granting users: ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"\u2192 10% instant cashback on all Careem rides and up to 20% on HALA rides ",(0,cn.jsx)("br",{}),"\u2192 Free food delivery from select restaurants and shops ",(0,cn.jsx)("br",{}),"\u2192 Unlimited access to Careem Bike at launch ",(0,cn.jsx)("br",{}),"\u2192 Priority care support ",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"With subscription models gaining popularity in the Middle East and North Africa, as noted by the Wamda Research Lab, Careem is providing customers with a one-month complimentary trial period to explore Careem Plus benefits. After this trial period, customers will be charged monthly for continued access to these benefits.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"Careem plans to make the lives of 2 million people easier every day by 2022. People in the region really like getting special perks for staying loyal to a service. Businesses also benefit from subscription models because they bring in steady money, which helps with their finances. As the pandemic continues and more things move online, we can expect to see more subscription services growing in the Middle East and North Africa."]})]})}),oa=n.p+"static/media/TG.9767dc92bb5e82178424.png",sa=n.p+"static/media/Persona.cf49c4aacbab8ba82ded.png",la=n.p+"static/media/Problem.eed60555c027746a4ee3.png",ca=n.p+"static/media/SM.fcd56cdddefe28a4d5e3.png",ua=n.p+"static/media/KS1.2916326f34ab35f47330.png",da=n.p+"static/media/KS2.26f9ef80646434dbeb50.png",fa=n.p+"static/media/KS3.fa8aba723539381f9f68.png",pa=n.p+"static/media/KS4.82fbb9ee8c84de3a2bfe.png",ha=n.p+"static/media/KS5.315431b37e6f2ea87cfc.png",ma=n.p+"static/media/KS6.fcfe67ffd965c0959130.png",ga=n.p+"static/media/KS7.c0513025320ef1bd2c0e.png",va=n.p+"static/media/KS8.7276723da1ad04d3170b.png",ya=n.p+"static/media/process.42f53e7f73b8671875bc.png",ba=()=>(0,cn.jsxs)("div",{children:[(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Problem Statement"}),(0,cn.jsx)("div",{className:"Project-intro",children:"The current program mainly serves Careem's loyal high-value customers, overlooking various user needs. With plans to expand the program to include partners, a discovery engine, and savings breakdowns, there's a clear need to rethink its entire user experience. Our goal is to tap into the program's full potential for growth and adaptability, catering to a wider audience while meeting evolving user expectations."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:la,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Numbers"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)(fr,{children:[(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Acquisition"}),(0,cn.jsx)("br",{}),"2.8%: New users adopting into the program have flatlined; unlocking new segments is essential to achieve the target 7% by EOY.."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Retention"}),(0,cn.jsx)("br",{}),"Retention - Free to paid (1st month cohort): Retention is hovering at 50%, clear correlation with savings realized."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Paid Retention"}),(0,cn.jsx)("br",{}),"Paid retention - Paid to paid (second month cohort): Smilier correlation with savings observed. Paid to paid retention is higher to 73%, as we mostly retain those user who see decent value"]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer experience"}),(0,cn.jsx)("br",{}),"Implement NPS rating for Cplus journey to create a benchmark for Q4."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Customer transactions"}),(0,cn.jsx)("br",{}),"Increase the number of transactions completed by CPlus subscribed customers by xx% within first 6 months of partners launch"]})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Process"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Our team decided to use the Double Diamond process, which consists of four main stages: Discover, Define, Design, and Deliver. During the Discover phase, we dug deep into research to understand the problem thoroughly. In the Define phase, we refined our understanding and pinpointed the specific opportunity. Now, we're in the Design phase, where creativity takes the spotlight. Here, we're generating a variety of ideas to tackle the defined problems."}),(0,cn.jsx)("img",{src:ya,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Research"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Our team, led by a Senior UX Researcher and Product Lead, conducted interviews with Careem customers in the UAE, KSA, and Jordan to understand how they perceive the brand. We focused on their thoughts about discounts and savings offered by Careem in the UAE. Additionally, we studied the personas that make up Careem's target audience.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),"The insights gathered from this research helped us better grasp what customers expect during their journey with the Careem app. By listening to their feedback, we could confirm or adjust our assumptions about their experiences. This direct input from users allowed us to improve the app's user experience and better meet the needs of our audience."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("p",{className:"section-paragraph",style:{marginBottom:"0"},children:"Who are our customers?"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Target groups"}),(0,cn.jsx)("img",{src:oa,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("img",{src:sa,style:{width:"100%",margin:"3em 0 3em 0"},alt:"banner"}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Story Mapping"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)(fr,{children:[(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Brainstorming"}),(0,cn.jsx)("br",{}),"Collaborate with designers, PM, Engineers, partners, and domain experts. List all tasks customers need for the journey. Use Miro board with sticky notes for tasks. Each sticky note represents one task."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Organize"}),(0,cn.jsx)("br",{}),'Layout stickies left to right in customer journey order. Group similar tasks into columns. Stack or remove duplicate stickies. Place smaller tasks under larger ones. Example: "Filter savings" under "Savings."']}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Patterns"}),(0,cn.jsx)("br",{}),"Examine grouped stickies. Use different colored stickies to label groups. Higher-level labels for groupings."]}),(0,cn.jsxs)(gr,{xl:6,lg:6,md:6,sm:12,style:{paddingTop:"1em"},children:[(0,cn.jsx)("b",{children:"Slicing the MVP:"}),(0,cn.jsx)("br",{}),"Silent group assessment of task importance. Move non-essential tasks to bottom. Prioritize tasks aligned with customer needs and business goals."]})]})}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:ca,className:"full-width-img",alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Competitors analysis"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Our team conducted a thorough analysis of both direct competitors and indirect products and subscription providers to identify opportunities for enhancing the Careem Plus app. We focused on understanding the landscape of similar offerings, paying close attention to their user interface (UI), user experience (UX), user flow, and key features.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("b",{children:" Identification of Competitors"}),(0,cn.jsx)("br",{}),"We identified major competitors and subscription providers operating in our target market.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("b",{children:" Data Collection"}),(0,cn.jsx)("br",{}),"Comprehensive data was gathered on competitive products, including their UI, UX, user flow, and key features.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("b",{children:" Analysis"}),(0,cn.jsx)("br",{}),"We carefully analyzed the collected data to identify strengths, weaknesses, and areas of opportunity for improvement.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("b",{children:" Gap Identification"}),(0,cn.jsx)("br",{})," By comparing competitor offerings with our own, we identified gaps in the market where the Careem Plus app could offer unique value propositions.",(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("b",{children:" Insights Generation"}),(0,cn.jsx)("br",{}),"Insights derived from the analysis were used to inform strategic decisions and prioritize feature development for Careem Plus."]}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Speedy Sketching"}),(0,cn.jsx)("div",{className:"Project-intro",children:"Our team organized a session and set clear goals for it. We decided on a short time limit for each sketching task, ranging from 1 to 5 minutes. Participants were given prompts related to the Careem Plus app and engaged in silent sketching to generate ideas individually. Afterward, everyone shared their sketches, and we discussed and refined concepts together. This process was iterative, with participants improving their sketches based on feedback. We captured the ideas digitally or with photos for future reference. We repeated the sessions as needed to explore different design solutions efficiently. Finally, we documented the sketches and discussions for further analysis and implementation."}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Key screens"}),(0,cn.jsxs)("div",{className:"Project-intro",children:["Designing key screens for the Careem Plus app was a collaborative effort. We identified the most important screens, sketched initial concepts, and then refined them based on feedback. We used Figma to create detailed versions, focusing on simplicity and consistency, and match with Careem Design system, we ensured that the final designs met user needs and aligned with our goals. This iterative approach allowed us to create intuitive and effective key screens for the app. ",(0,cn.jsx)("br",{})]}),(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Persona 1"}),(0,cn.jsx)("br",{})," We designed key screens for a one-click subscription process to Careem Plus. Since this persona has limited context about the program, the screens provide clear information about its benefits and features. The focus is on simplicity and ease of use to ensure a seamless subscription experience. ",(0,cn.jsx)("br",{})]}),(0,cn.jsx)("img",{src:ua,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{}),(0,cn.jsx)("img",{src:da,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Persona 2"}),(0,cn.jsx)("br",{})," Already familiar with Careem services, follows a straightforward flow from the landing page showcasing benefits, through payment details in a bottom sheet, to setting up the subscription, ending with a successful confirmation."]}),(0,cn.jsx)("img",{src:fa,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Onboarding"}),(0,cn.jsx)("br",{})," The Careem Plus homepage offers a simple onboarding experience. It educates users about savings breakdown, showcases benefits, and provides information on managing subscriptions."]}),(0,cn.jsx)("img",{src:pa,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Overview"}),(0,cn.jsx)("br",{}),' The Careem Plus platform begins with its Homepage, which features a comprehensive display of savings benefits and subscription details. Users can easily navigate through the Learn More section, which directs them to the Help section for additional assistance. Tapping on "Savings Breakdown" leads users to the dashboard, providing a detailed breakdown of all savings and complete breakdown information. Similarly, selecting "Manage Subscription" directs users to the Manage Subscription page, where they can access subscription plans, view payment details, check expiry dates, and find information on canceling subscriptions if needed.']}),(0,cn.jsx)("img",{src:ha,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Learn More"}),(0,cn.jsx)("br",{})," The Learn More section of Careem Plus offers in-depth information about the program, including details on How it Works, FAQs, the Need Tour, and Contact Customer Support. Each option opens a new page with comprehensive information about the program, ensuring users have access to all relevant details. To enhance user experience, a small arrow is included at the bottom of each page, allowing users to quickly navigate back to the top without scrolling. This feature provides convenience and ease of use for users browsing through the Learn More section."]}),(0,cn.jsx)("img",{src:ma,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Cancellation Process"})," ",(0,cn.jsx)("br",{}),"For the subscription cancellation process, we introduced a slight friction to the flow to encourage users to reconsider their decision. Initially, the cancel button is less visible, making it less likely for users to notice it immediately. When users attempt to cancel, they encounter a confirmation popup with a red color scheme, signaling caution and prompting users to pause and think before proceeding. Additionally, users are presented with a quick survey to gather feedback on areas for improvement, fostering a better understanding of user preferences and pain points. Despite initiating the cancellation process, users can still continue to enjoy their benefits until the end of the month, providing them with a grace period to potentially change their mind. This approach aims to balance user autonomy with an opportunity for reflection and feedback, ultimately enhancing the user experience and potentially mitigating churn."]}),(0,cn.jsx)("img",{src:ga,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsxs)("div",{className:"Project-intro",children:[(0,cn.jsx)("b",{children:"Awareness"}),(0,cn.jsx)("br",{}),"For Signup and Awareness, we've seamlessly integrated reminders of Careem's various services throughout the app. Users receive subtle nudges about Careem Plus benefits, like unlimited free delivery on Careem Food, when browsing relevant pages. Additionally, when booking a ride, an animated popup highlights current fares and promotes Careem Plus benefits, such as avoiding high fares. These gentle prompts enhance user awareness of Careem's offerings and encourage exploration of Careem Plus as they navigate the app."]}),(0,cn.jsx)("img",{src:va,style:{width:"100%",margin:"3em 0 0 0"},alt:"banner"}),(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{})," ",(0,cn.jsx)("br",{}),(0,cn.jsx)("h3",{className:"Project-subtitle",children:"Learnings"}),(0,cn.jsx)("div",{className:"Project-intro",children:(0,cn.jsxs)("ul",{children:[(0,cn.jsx)("li",{children:"Learned how to collaborate and work efficiently in a remote setup, improving communication without being in person."}),(0,cn.jsx)("li",{children:"Faced a unique challenge of developing a new feature for the subscription module within an existing app, which was a first for the team."}),(0,cn.jsx)("li",{children:"Understood that it's okay to make assumptions sometimes, but also learned the importance of verifying them."}),(0,cn.jsx)("li",{children:"Embraced taking calculated risks, especially when trying out new ideas or directions in product development."}),(0,cn.jsx)("li",{children:"Highlighted the significance of working together across different teams and disciplines to achieve project goals."}),(0,cn.jsx)("li",{children:"Always kept the customer in mind throughout the process to ensure the final product meets their needs and expectations."})]})})]}),xa=()=>{const[t,n]=(0,e.useState)(!0),[r,a]=(0,e.useState)("");(0,e.useEffect)((()=>{window.scrollTo({top:0,behavior:"smooth"})}),[]);let i,o=e=>{e.preventDefault(),n("cplus2024"!==r)};return i=!0===t?(0,cn.jsx)(cn.Fragment,{children:(0,cn.jsx)("div",{className:"loginContainer",children:(0,cn.jsx)("div",{children:(0,cn.jsxs)("form",{onSubmit:o,children:[(0,cn.jsx)("label",{className:"section-title",children:"Password"}),(0,cn.jsx)("input",{name:"password",type:"password",className:"form-input",placeholder:"Enter Password",value:r,onChange:e=>a(e.target.value)}),(0,cn.jsx)("div",{children:(0,cn.jsx)("input",{type:"submit",className:"form-Btn-primary",value:"Continue"})}),(0,cn.jsx)("p",{className:"l1 coloredgrey3",style:{margin:"1em 0",fontSize:"14px"},children:"Hi, This case study is password protected, please enter the password to access, or feel free to reach out to me via email at alisyed2266@gmail.com."})]})})})}):(0,cn.jsxs)(cn.Fragment,{children:[(0,cn.jsx)(ia,{}),(0,cn.jsx)(ba,{})]}),(0,cn.jsx)(cn.Fragment,{children:(0,cn.jsxs)(It,{style:{maxWidth:"600px"},children:[(0,cn.jsx)(un,{}),i,(0,cn.jsx)(zn,{})," "]})})},wa=()=>{const t=((t,n,r,a,i)=>{var[o,s]=(0,e.useState)(void 0);return(0,e.useEffect)((()=>{if(t)switch(ae.isInitialized()){case!1:new ae(""+t,n,r,a,i).initialize().then((e=>{s(e)}),(e=>{console.error(e)}));break;case!0:s(ae.getGA4React())}else s(ae.getGA4React())}),[t]),o})();return console.log(t),(0,cn.jsx)("div",{children:(0,cn.jsxs)(ee,{children:[(0,cn.jsx)(q,{path:"/",exact:!0,component:Dn}),(0,cn.jsx)(q,{path:"/about",exact:!0,component:Un}),(0,cn.jsx)(q,{path:"/lab",exact:!0,component:lr}),(0,cn.jsx)(q,{path:"/project/cplus",exact:!0,component:xa}),(0,cn.jsx)(q,{path:"/project/offlinepartners",exact:!0,component:aa}),(0,cn.jsx)(q,{path:"/project/fitbit-app",exact:!0,component:Dr}),(0,cn.jsx)(q,{path:"/project/designlobby-app",exact:!0,component:Ur})]})})},ja=new ie("G-W00YRT0N67");(async()=>{await ja.initialize(),t.render((0,cn.jsx)(e.StrictMode,{children:(0,cn.jsx)(oe,{children:(0,cn.jsx)(wa,{})})}),document.getElementById("root"))})()})()})();