(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const o of i)if(o.type==="childList")for(const l of o.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&r(l)}).observe(document,{childList:!0,subtree:!0});function n(i){const o={};return i.integrity&&(o.integrity=i.integrity),i.referrerPolicy&&(o.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?o.credentials="include":i.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(i){if(i.ep)return;i.ep=!0;const o=n(i);fetch(i.href,o)}})();var Pp={exports:{}},Ho={},_p={exports:{}},V={};/**
 * @license React
 * react.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var gi=Symbol.for("react.element"),E0=Symbol.for("react.portal"),P0=Symbol.for("react.fragment"),_0=Symbol.for("react.strict_mode"),R0=Symbol.for("react.profiler"),M0=Symbol.for("react.provider"),L0=Symbol.for("react.context"),z0=Symbol.for("react.forward_ref"),D0=Symbol.for("react.suspense"),I0=Symbol.for("react.memo"),F0=Symbol.for("react.lazy"),Yc=Symbol.iterator;function O0(e){return e===null||typeof e!="object"?null:(e=Yc&&e[Yc]||e["@@iterator"],typeof e=="function"?e:null)}var Rp={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Mp=Object.assign,Lp={};function ur(e,t,n){this.props=e,this.context=t,this.refs=Lp,this.updater=n||Rp}ur.prototype.isReactComponent={};ur.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)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")};ur.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function zp(){}zp.prototype=ur.prototype;function ga(e,t,n){this.props=e,this.context=t,this.refs=Lp,this.updater=n||Rp}var ya=ga.prototype=new zp;ya.constructor=ga;Mp(ya,ur.prototype);ya.isPureReactComponent=!0;var Kc=Array.isArray,Dp=Object.prototype.hasOwnProperty,xa={current:null},Ip={key:!0,ref:!0,__self:!0,__source:!0};function Fp(e,t,n){var r,i={},o=null,l=null;if(t!=null)for(r in t.ref!==void 0&&(l=t.ref),t.key!==void 0&&(o=""+t.key),t)Dp.call(t,r)&&!Ip.hasOwnProperty(r)&&(i[r]=t[r]);var a=arguments.length-2;if(a===1)i.children=n;else if(1<a){for(var c=Array(a),u=0;u<a;u++)c[u]=arguments[u+2];i.children=c}if(e&&e.defaultProps)for(r in a=e.defaultProps,a)i[r]===void 0&&(i[r]=a[r]);return{$$typeof:gi,type:e,key:o,ref:l,props:i,_owner:xa.current}}function B0(e,t){return{$$typeof:gi,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function va(e){return typeof e=="object"&&e!==null&&e.$$typeof===gi}function V0(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var Xc=/\/+/g;function hs(e,t){return typeof e=="object"&&e!==null&&e.key!=null?V0(""+e.key):t.toString(36)}function qi(e,t,n,r,i){var o=typeof e;(o==="undefined"||o==="boolean")&&(e=null);var l=!1;if(e===null)l=!0;else switch(o){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case gi:case E0:l=!0}}if(l)return l=e,i=i(l),e=r===""?"."+hs(l,0):r,Kc(i)?(n="",e!=null&&(n=e.replace(Xc,"$&/")+"/"),qi(i,t,n,"",function(u){return u})):i!=null&&(va(i)&&(i=B0(i,n+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(Xc,"$&/")+"/")+e)),t.push(i)),1;if(l=0,r=r===""?".":r+":",Kc(e))for(var a=0;a<e.length;a++){o=e[a];var c=r+hs(o,a);l+=qi(o,t,n,c,i)}else if(c=O0(e),typeof c=="function")for(e=c.call(e),a=0;!(o=e.next()).done;)o=o.value,c=r+hs(o,a++),l+=qi(o,t,n,c,i);else if(o==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function Ei(e,t,n){if(e==null)return e;var r=[],i=0;return qi(e,r,"","",function(o){return t.call(n,o,i++)}),r}function N0(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var Ce={current:null},Zi={transition:null},$0={ReactCurrentDispatcher:Ce,ReactCurrentBatchConfig:Zi,ReactCurrentOwner:xa};function Op(){throw Error("act(...) is not supported in production builds of React.")}V.Children={map:Ei,forEach:function(e,t,n){Ei(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return Ei(e,function(){t++}),t},toArray:function(e){return Ei(e,function(t){return t})||[]},only:function(e){if(!va(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};V.Component=ur;V.Fragment=P0;V.Profiler=R0;V.PureComponent=ga;V.StrictMode=_0;V.Suspense=D0;V.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=$0;V.act=Op;V.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=Mp({},e.props),i=e.key,o=e.ref,l=e._owner;if(t!=null){if(t.ref!==void 0&&(o=t.ref,l=xa.current),t.key!==void 0&&(i=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(c in t)Dp.call(t,c)&&!Ip.hasOwnProperty(c)&&(r[c]=t[c]===void 0&&a!==void 0?a[c]:t[c])}var c=arguments.length-2;if(c===1)r.children=n;else if(1<c){a=Array(c);for(var u=0;u<c;u++)a[u]=arguments[u+2];r.children=a}return{$$typeof:gi,type:e.type,key:i,ref:o,props:r,_owner:l}};V.createContext=function(e){return e={$$typeof:L0,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:M0,_context:e},e.Consumer=e};V.createElement=Fp;V.createFactory=function(e){var t=Fp.bind(null,e);return t.type=e,t};V.createRef=function(){return{current:null}};V.forwardRef=function(e){return{$$typeof:z0,render:e}};V.isValidElement=va;V.lazy=function(e){return{$$typeof:F0,_payload:{_status:-1,_result:e},_init:N0}};V.memo=function(e,t){return{$$typeof:I0,type:e,compare:t===void 0?null:t}};V.startTransition=function(e){var t=Zi.transition;Zi.transition={};try{e()}finally{Zi.transition=t}};V.unstable_act=Op;V.useCallback=function(e,t){return Ce.current.useCallback(e,t)};V.useContext=function(e){return Ce.current.useContext(e)};V.useDebugValue=function(){};V.useDeferredValue=function(e){return Ce.current.useDeferredValue(e)};V.useEffect=function(e,t){return Ce.current.useEffect(e,t)};V.useId=function(){return Ce.current.useId()};V.useImperativeHandle=function(e,t,n){return Ce.current.useImperativeHandle(e,t,n)};V.useInsertionEffect=function(e,t){return Ce.current.useInsertionEffect(e,t)};V.useLayoutEffect=function(e,t){return Ce.current.useLayoutEffect(e,t)};V.useMemo=function(e,t){return Ce.current.useMemo(e,t)};V.useReducer=function(e,t,n){return Ce.current.useReducer(e,t,n)};V.useRef=function(e){return Ce.current.useRef(e)};V.useState=function(e){return Ce.current.useState(e)};V.useSyncExternalStore=function(e,t,n){return Ce.current.useSyncExternalStore(e,t,n)};V.useTransition=function(){return Ce.current.useTransition()};V.version="18.3.1";_p.exports=V;var A=_p.exports;/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var W0=A,H0=Symbol.for("react.element"),U0=Symbol.for("react.fragment"),G0=Object.prototype.hasOwnProperty,Y0=W0.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,K0={key:!0,ref:!0,__self:!0,__source:!0};function Bp(e,t,n){var r,i={},o=null,l=null;n!==void 0&&(o=""+n),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(l=t.ref);for(r in t)G0.call(t,r)&&!K0.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)i[r]===void 0&&(i[r]=t[r]);return{$$typeof:H0,type:e,key:o,ref:l,props:i,_owner:Y0.current}}Ho.Fragment=U0;Ho.jsx=Bp;Ho.jsxs=Bp;Pp.exports=Ho;var s=Pp.exports,Vp={exports:{}},Ne={},Np={exports:{}},$p={};/**
 * @license React
 * scheduler.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */(function(e){function t(R,z){var D=R.length;R.push(z);e:for(;0<D;){var X=D-1>>>1,de=R[X];if(0<i(de,z))R[X]=z,R[D]=de,D=X;else break e}}function n(R){return R.length===0?null:R[0]}function r(R){if(R.length===0)return null;var z=R[0],D=R.pop();if(D!==z){R[0]=D;e:for(var X=0,de=R.length,Ci=de>>>1;X<Ci;){var on=2*(X+1)-1,fs=R[on],sn=on+1,Ai=R[sn];if(0>i(fs,D))sn<de&&0>i(Ai,fs)?(R[X]=Ai,R[sn]=D,X=sn):(R[X]=fs,R[on]=D,X=on);else if(sn<de&&0>i(Ai,D))R[X]=Ai,R[sn]=D,X=sn;else break e}}return z}function i(R,z){var D=R.sortIndex-z.sortIndex;return D!==0?D:R.id-z.id}if(typeof performance=="object"&&typeof performance.now=="function"){var o=performance;e.unstable_now=function(){return o.now()}}else{var l=Date,a=l.now();e.unstable_now=function(){return l.now()-a}}var c=[],u=[],d=1,p=null,f=3,y=!1,x=!1,v=!1,S=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,h=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function g(R){for(var z=n(u);z!==null;){if(z.callback===null)r(u);else if(z.startTime<=R)r(u),z.sortIndex=z.expirationTime,t(c,z);else break;z=n(u)}}function w(R){if(v=!1,g(R),!x)if(n(c)!==null)x=!0,Ee(j);else{var z=n(u);z!==null&&U(w,z.startTime-R)}}function j(R,z){x=!1,v&&(v=!1,m(T),T=-1),y=!0;var D=f;try{for(g(z),p=n(c);p!==null&&(!(p.expirationTime>z)||R&&!le());){var X=p.callback;if(typeof X=="function"){p.callback=null,f=p.priorityLevel;var de=X(p.expirationTime<=z);z=e.unstable_now(),typeof de=="function"?p.callback=de:p===n(c)&&r(c),g(z)}else r(c);p=n(c)}if(p!==null)var Ci=!0;else{var on=n(u);on!==null&&U(w,on.startTime-z),Ci=!1}return Ci}finally{p=null,f=D,y=!1}}var b=!1,C=null,T=-1,F=5,I=-1;function le(){return!(e.unstable_now()-I<F)}function lt(){if(C!==null){var R=e.unstable_now();I=R;var z=!0;try{z=C(!0,R)}finally{z?at():(b=!1,C=null)}}else b=!1}var at;if(typeof h=="function")at=function(){h(lt)};else if(typeof MessageChannel<"u"){var ie=new MessageChannel,We=ie.port2;ie.port1.onmessage=lt,at=function(){We.postMessage(null)}}else at=function(){S(lt,0)};function Ee(R){C=R,b||(b=!0,at())}function U(R,z){T=S(function(){R(e.unstable_now())},z)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(R){R.callback=null},e.unstable_continueExecution=function(){x||y||(x=!0,Ee(j))},e.unstable_forceFrameRate=function(R){0>R||125<R?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):F=0<R?Math.floor(1e3/R):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_getFirstCallbackNode=function(){return n(c)},e.unstable_next=function(R){switch(f){case 1:case 2:case 3:var z=3;break;default:z=f}var D=f;f=z;try{return R()}finally{f=D}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(R,z){switch(R){case 1:case 2:case 3:case 4:case 5:break;default:R=3}var D=f;f=R;try{return z()}finally{f=D}},e.unstable_scheduleCallback=function(R,z,D){var X=e.unstable_now();switch(typeof D=="object"&&D!==null?(D=D.delay,D=typeof D=="number"&&0<D?X+D:X):D=X,R){case 1:var de=-1;break;case 2:de=250;break;case 5:de=1073741823;break;case 4:de=1e4;break;default:de=5e3}return de=D+de,R={id:d++,callback:z,priorityLevel:R,startTime:D,expirationTime:de,sortIndex:-1},D>X?(R.sortIndex=D,t(u,R),n(c)===null&&R===n(u)&&(v?(m(T),T=-1):v=!0,U(w,D-X))):(R.sortIndex=de,t(c,R),x||y||(x=!0,Ee(j))),R},e.unstable_shouldYield=le,e.unstable_wrapCallback=function(R){var z=f;return function(){var D=f;f=z;try{return R.apply(this,arguments)}finally{f=D}}}})($p);Np.exports=$p;var X0=Np.exports;/**
 * @license React
 * react-dom.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var Q0=A,Be=X0;function P(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 Wp=new Set,Gr={};function Tn(e,t){Jn(e,t),Jn(e+"Capture",t)}function Jn(e,t){for(Gr[e]=t,e=0;e<t.length;e++)Wp.add(t[e])}var Tt=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),sl=Object.prototype.hasOwnProperty,q0=/^[: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]*$/,Qc={},qc={};function Z0(e){return sl.call(qc,e)?!0:sl.call(Qc,e)?!1:q0.test(e)?qc[e]=!0:(Qc[e]=!0,!1)}function J0(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function eg(e,t,n,r){if(t===null||typeof t>"u"||J0(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function Ae(e,t,n,r,i,o,l){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=l}var ye={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ye[e]=new Ae(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ye[t]=new Ae(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ye[e]=new Ae(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ye[e]=new Ae(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){ye[e]=new Ae(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ye[e]=new Ae(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ye[e]=new Ae(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ye[e]=new Ae(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ye[e]=new Ae(e,5,!1,e.toLowerCase(),null,!1,!1)});var wa=/[\-:]([a-z])/g;function Sa(e){return e[1].toUpperCase()}"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(wa,Sa);ye[t]=new Ae(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(wa,Sa);ye[t]=new Ae(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(wa,Sa);ye[t]=new Ae(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ye[e]=new Ae(e,1,!1,e.toLowerCase(),null,!1,!1)});ye.xlinkHref=new Ae("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ye[e]=new Ae(e,1,!1,e.toLowerCase(),null,!0,!0)});function ka(e,t,n,r){var i=ye.hasOwnProperty(t)?ye[t]:null;(i!==null?i.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(eg(t,n,i,r)&&(n=null),r||i===null?Z0(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):i.mustUseProperty?e[i.propertyName]=n===null?i.type===3?!1:"":n:(t=i.attributeName,r=i.attributeNamespace,n===null?e.removeAttribute(t):(i=i.type,n=i===3||i===4&&n===!0?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var _t=Q0.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Pi=Symbol.for("react.element"),Pn=Symbol.for("react.portal"),_n=Symbol.for("react.fragment"),ja=Symbol.for("react.strict_mode"),ll=Symbol.for("react.profiler"),Hp=Symbol.for("react.provider"),Up=Symbol.for("react.context"),ba=Symbol.for("react.forward_ref"),al=Symbol.for("react.suspense"),cl=Symbol.for("react.suspense_list"),Ta=Symbol.for("react.memo"),Dt=Symbol.for("react.lazy"),Gp=Symbol.for("react.offscreen"),Zc=Symbol.iterator;function gr(e){return e===null||typeof e!="object"?null:(e=Zc&&e[Zc]||e["@@iterator"],typeof e=="function"?e:null)}var te=Object.assign,ms;function Cr(e){if(ms===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);ms=t&&t[1]||""}return`
`+ms+e}var gs=!1;function ys(e,t){if(!e||gs)return"";gs=!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()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(u){var r=u}Reflect.construct(e,[],t)}else{try{t.call()}catch(u){r=u}e.call(t.prototype)}else{try{throw Error()}catch(u){r=u}e()}}catch(u){if(u&&r&&typeof u.stack=="string"){for(var i=u.stack.split(`
`),o=r.stack.split(`
`),l=i.length-1,a=o.length-1;1<=l&&0<=a&&i[l]!==o[a];)a--;for(;1<=l&&0<=a;l--,a--)if(i[l]!==o[a]){if(l!==1||a!==1)do if(l--,a--,0>a||i[l]!==o[a]){var c=`
`+i[l].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}while(1<=l&&0<=a);break}}}finally{gs=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Cr(e):""}function tg(e){switch(e.tag){case 5:return Cr(e.type);case 16:return Cr("Lazy");case 13:return Cr("Suspense");case 19:return Cr("SuspenseList");case 0:case 2:case 15:return e=ys(e.type,!1),e;case 11:return e=ys(e.type.render,!1),e;case 1:return e=ys(e.type,!0),e;default:return""}}function ul(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case _n:return"Fragment";case Pn:return"Portal";case ll:return"Profiler";case ja:return"StrictMode";case al:return"Suspense";case cl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Up:return(e.displayName||"Context")+".Consumer";case Hp:return(e._context.displayName||"Context")+".Provider";case ba:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Ta:return t=e.displayName||null,t!==null?t:ul(e.type)||"Memo";case Dt:t=e._payload,e=e._init;try{return ul(e(t))}catch{}}return null}function ng(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=t.render,e=e.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 ul(t);case 8:return t===ja?"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(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Qt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Yp(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function rg(e){var t=Yp(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var i=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(l){r=""+l,o.call(this,l)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(l){r=""+l},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function _i(e){e._valueTracker||(e._valueTracker=rg(e))}function Kp(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Yp(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function fo(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function dl(e,t){var n=t.checked;return te({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Jc(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Qt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Xp(e,t){t=t.checked,t!=null&&ka(e,"checked",t,!1)}function pl(e,t){Xp(e,t);var n=Qt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?fl(e,t.type,n):t.hasOwnProperty("defaultValue")&&fl(e,t.type,Qt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function eu(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function fl(e,t,n){(t!=="number"||fo(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Ar=Array.isArray;function Yn(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t["$"+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty("$"+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&r&&(e[n].defaultSelected=!0)}else{for(n=""+Qt(n),t=null,i=0;i<e.length;i++){if(e[i].value===n){e[i].selected=!0,r&&(e[i].defaultSelected=!0);return}t!==null||e[i].disabled||(t=e[i])}t!==null&&(t.selected=!0)}}function hl(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(P(91));return te({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function tu(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(P(92));if(Ar(n)){if(1<n.length)throw Error(P(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:Qt(n)}}function Qp(e,t){var n=Qt(t.value),r=Qt(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=""+r)}function nu(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function qp(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 ml(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?qp(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Ri,Zp=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,r,i){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,i)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Ri=Ri||document.createElement("div"),Ri.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Ri.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Yr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Lr={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},ig=["Webkit","ms","Moz","O"];Object.keys(Lr).forEach(function(e){ig.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Lr[t]=Lr[e]})});function Jp(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Lr.hasOwnProperty(e)&&Lr[e]?(""+t).trim():t+"px"}function ef(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,i=Jp(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,i):e[n]=i}}var og=te({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 gl(e,t){if(t){if(og[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(P(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(P(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(P(61))}if(t.style!=null&&typeof t.style!="object")throw Error(P(62))}}function yl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";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 xl=null;function Ca(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var vl=null,Kn=null,Xn=null;function ru(e){if(e=vi(e)){if(typeof vl!="function")throw Error(P(280));var t=e.stateNode;t&&(t=Xo(t),vl(e.stateNode,e.type,t))}}function tf(e){Kn?Xn?Xn.push(e):Xn=[e]:Kn=e}function nf(){if(Kn){var e=Kn,t=Xn;if(Xn=Kn=null,ru(e),t)for(e=0;e<t.length;e++)ru(t[e])}}function rf(e,t){return e(t)}function of(){}var xs=!1;function sf(e,t,n){if(xs)return e(t,n);xs=!0;try{return rf(e,t,n)}finally{xs=!1,(Kn!==null||Xn!==null)&&(of(),nf())}}function Kr(e,t){var n=e.stateNode;if(n===null)return null;var r=Xo(n);if(r===null)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)||(e=e.type,r=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!r;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(P(231,t,typeof n));return n}var wl=!1;if(Tt)try{var yr={};Object.defineProperty(yr,"passive",{get:function(){wl=!0}}),window.addEventListener("test",yr,yr),window.removeEventListener("test",yr,yr)}catch{wl=!1}function sg(e,t,n,r,i,o,l,a,c){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(d){this.onError(d)}}var zr=!1,ho=null,mo=!1,Sl=null,lg={onError:function(e){zr=!0,ho=e}};function ag(e,t,n,r,i,o,l,a,c){zr=!1,ho=null,sg.apply(lg,arguments)}function cg(e,t,n,r,i,o,l,a,c){if(ag.apply(this,arguments),zr){if(zr){var u=ho;zr=!1,ho=null}else throw Error(P(198));mo||(mo=!0,Sl=u)}}function Cn(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function lf(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function iu(e){if(Cn(e)!==e)throw Error(P(188))}function ug(e){var t=e.alternate;if(!t){if(t=Cn(e),t===null)throw Error(P(188));return t!==e?null:e}for(var n=e,r=t;;){var i=n.return;if(i===null)break;var o=i.alternate;if(o===null){if(r=i.return,r!==null){n=r;continue}break}if(i.child===o.child){for(o=i.child;o;){if(o===n)return iu(i),e;if(o===r)return iu(i),t;o=o.sibling}throw Error(P(188))}if(n.return!==r.return)n=i,r=o;else{for(var l=!1,a=i.child;a;){if(a===n){l=!0,n=i,r=o;break}if(a===r){l=!0,r=i,n=o;break}a=a.sibling}if(!l){for(a=o.child;a;){if(a===n){l=!0,n=o,r=i;break}if(a===r){l=!0,r=o,n=i;break}a=a.sibling}if(!l)throw Error(P(189))}}if(n.alternate!==r)throw Error(P(190))}if(n.tag!==3)throw Error(P(188));return n.stateNode.current===n?e:t}function af(e){return e=ug(e),e!==null?cf(e):null}function cf(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=cf(e);if(t!==null)return t;e=e.sibling}return null}var uf=Be.unstable_scheduleCallback,ou=Be.unstable_cancelCallback,dg=Be.unstable_shouldYield,pg=Be.unstable_requestPaint,se=Be.unstable_now,fg=Be.unstable_getCurrentPriorityLevel,Aa=Be.unstable_ImmediatePriority,df=Be.unstable_UserBlockingPriority,go=Be.unstable_NormalPriority,hg=Be.unstable_LowPriority,pf=Be.unstable_IdlePriority,Uo=null,ft=null;function mg(e){if(ft&&typeof ft.onCommitFiberRoot=="function")try{ft.onCommitFiberRoot(Uo,e,void 0,(e.current.flags&128)===128)}catch{}}var it=Math.clz32?Math.clz32:xg,gg=Math.log,yg=Math.LN2;function xg(e){return e>>>=0,e===0?32:31-(gg(e)/yg|0)|0}var Mi=64,Li=4194304;function Er(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 e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function yo(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,i=e.suspendedLanes,o=e.pingedLanes,l=n&268435455;if(l!==0){var a=l&~i;a!==0?r=Er(a):(o&=l,o!==0&&(r=Er(o)))}else l=n&~i,l!==0?r=Er(l):o!==0&&(r=Er(o));if(r===0)return 0;if(t!==0&&t!==r&&!(t&i)&&(i=r&-r,o=t&-t,i>=o||i===16&&(o&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-it(t),i=1<<n,r|=e[n],t&=~i;return r}function vg(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;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function wg(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,o=e.pendingLanes;0<o;){var l=31-it(o),a=1<<l,c=i[l];c===-1?(!(a&n)||a&r)&&(i[l]=vg(a,t)):c<=t&&(e.expiredLanes|=a),o&=~a}}function kl(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function ff(){var e=Mi;return Mi<<=1,!(Mi&4194240)&&(Mi=64),e}function vs(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function yi(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-it(t),e[t]=n}function Sg(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 i=31-it(n),o=1<<i;t[i]=0,r[i]=-1,e[i]=-1,n&=~o}}function Ea(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),i=1<<r;i&t|e[r]&t&&(e[r]|=t),n&=~i}}var W=0;function hf(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var mf,Pa,gf,yf,xf,jl=!1,zi=[],$t=null,Wt=null,Ht=null,Xr=new Map,Qr=new Map,Ft=[],kg="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 su(e,t){switch(e){case"focusin":case"focusout":$t=null;break;case"dragenter":case"dragleave":Wt=null;break;case"mouseover":case"mouseout":Ht=null;break;case"pointerover":case"pointerout":Xr.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Qr.delete(t.pointerId)}}function xr(e,t,n,r,i,o){return e===null||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:o,targetContainers:[i]},t!==null&&(t=vi(t),t!==null&&Pa(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,i!==null&&t.indexOf(i)===-1&&t.push(i),e)}function jg(e,t,n,r,i){switch(t){case"focusin":return $t=xr($t,e,t,n,r,i),!0;case"dragenter":return Wt=xr(Wt,e,t,n,r,i),!0;case"mouseover":return Ht=xr(Ht,e,t,n,r,i),!0;case"pointerover":var o=i.pointerId;return Xr.set(o,xr(Xr.get(o)||null,e,t,n,r,i)),!0;case"gotpointercapture":return o=i.pointerId,Qr.set(o,xr(Qr.get(o)||null,e,t,n,r,i)),!0}return!1}function vf(e){var t=pn(e.target);if(t!==null){var n=Cn(t);if(n!==null){if(t=n.tag,t===13){if(t=lf(n),t!==null){e.blockedOn=t,xf(e.priority,function(){gf(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Ji(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=bl(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);xl=r,n.target.dispatchEvent(r),xl=null}else return t=vi(n),t!==null&&Pa(t),e.blockedOn=n,!1;t.shift()}return!0}function lu(e,t,n){Ji(e)&&n.delete(t)}function bg(){jl=!1,$t!==null&&Ji($t)&&($t=null),Wt!==null&&Ji(Wt)&&(Wt=null),Ht!==null&&Ji(Ht)&&(Ht=null),Xr.forEach(lu),Qr.forEach(lu)}function vr(e,t){e.blockedOn===t&&(e.blockedOn=null,jl||(jl=!0,Be.unstable_scheduleCallback(Be.unstable_NormalPriority,bg)))}function qr(e){function t(i){return vr(i,e)}if(0<zi.length){vr(zi[0],e);for(var n=1;n<zi.length;n++){var r=zi[n];r.blockedOn===e&&(r.blockedOn=null)}}for($t!==null&&vr($t,e),Wt!==null&&vr(Wt,e),Ht!==null&&vr(Ht,e),Xr.forEach(t),Qr.forEach(t),n=0;n<Ft.length;n++)r=Ft[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<Ft.length&&(n=Ft[0],n.blockedOn===null);)vf(n),n.blockedOn===null&&Ft.shift()}var Qn=_t.ReactCurrentBatchConfig,xo=!0;function Tg(e,t,n,r){var i=W,o=Qn.transition;Qn.transition=null;try{W=1,_a(e,t,n,r)}finally{W=i,Qn.transition=o}}function Cg(e,t,n,r){var i=W,o=Qn.transition;Qn.transition=null;try{W=4,_a(e,t,n,r)}finally{W=i,Qn.transition=o}}function _a(e,t,n,r){if(xo){var i=bl(e,t,n,r);if(i===null)Ps(e,t,r,vo,n),su(e,r);else if(jg(i,e,t,n,r))r.stopPropagation();else if(su(e,r),t&4&&-1<kg.indexOf(e)){for(;i!==null;){var o=vi(i);if(o!==null&&mf(o),o=bl(e,t,n,r),o===null&&Ps(e,t,r,vo,n),o===i)break;i=o}i!==null&&r.stopPropagation()}else Ps(e,t,r,null,n)}}var vo=null;function bl(e,t,n,r){if(vo=null,e=Ca(r),e=pn(e),e!==null)if(t=Cn(e),t===null)e=null;else if(n=t.tag,n===13){if(e=lf(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return vo=e,null}function wf(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(fg()){case Aa:return 1;case df:return 4;case go:case hg:return 16;case pf:return 536870912;default:return 16}default:return 16}}var Bt=null,Ra=null,eo=null;function Sf(){if(eo)return eo;var e,t=Ra,n=t.length,r,i="value"in Bt?Bt.value:Bt.textContent,o=i.length;for(e=0;e<n&&t[e]===i[e];e++);var l=n-e;for(r=1;r<=l&&t[n-r]===i[o-r];r++);return eo=i.slice(e,1<r?1-r:void 0)}function to(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Di(){return!0}function au(){return!1}function $e(e){function t(n,r,i,o,l){this._reactName=n,this._targetInst=i,this.type=r,this.nativeEvent=o,this.target=l,this.currentTarget=null;for(var a in e)e.hasOwnProperty(a)&&(n=e[a],this[a]=n?n(o):o[a]);return this.isDefaultPrevented=(o.defaultPrevented!=null?o.defaultPrevented:o.returnValue===!1)?Di:au,this.isPropagationStopped=au,this}return te(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Di)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Di)},persist:function(){},isPersistent:Di}),t}var dr={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Ma=$e(dr),xi=te({},dr,{view:0,detail:0}),Ag=$e(xi),ws,Ss,wr,Go=te({},xi,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:La,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==wr&&(wr&&e.type==="mousemove"?(ws=e.screenX-wr.screenX,Ss=e.screenY-wr.screenY):Ss=ws=0,wr=e),ws)},movementY:function(e){return"movementY"in e?e.movementY:Ss}}),cu=$e(Go),Eg=te({},Go,{dataTransfer:0}),Pg=$e(Eg),_g=te({},xi,{relatedTarget:0}),ks=$e(_g),Rg=te({},dr,{animationName:0,elapsedTime:0,pseudoElement:0}),Mg=$e(Rg),Lg=te({},dr,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),zg=$e(Lg),Dg=te({},dr,{data:0}),uu=$e(Dg),Ig={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Fg={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"},Og={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Bg(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Og[e])?!!t[e]:!1}function La(){return Bg}var Vg=te({},xi,{key:function(e){if(e.key){var t=Ig[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=to(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?Fg[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:La,charCode:function(e){return e.type==="keypress"?to(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?to(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),Ng=$e(Vg),$g=te({},Go,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),du=$e($g),Wg=te({},xi,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:La}),Hg=$e(Wg),Ug=te({},dr,{propertyName:0,elapsedTime:0,pseudoElement:0}),Gg=$e(Ug),Yg=te({},Go,{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}),Kg=$e(Yg),Xg=[9,13,27,32],za=Tt&&"CompositionEvent"in window,Dr=null;Tt&&"documentMode"in document&&(Dr=document.documentMode);var Qg=Tt&&"TextEvent"in window&&!Dr,kf=Tt&&(!za||Dr&&8<Dr&&11>=Dr),pu=" ",fu=!1;function jf(e,t){switch(e){case"keyup":return Xg.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function bf(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Rn=!1;function qg(e,t){switch(e){case"compositionend":return bf(t);case"keypress":return t.which!==32?null:(fu=!0,pu);case"textInput":return e=t.data,e===pu&&fu?null:e;default:return null}}function Zg(e,t){if(Rn)return e==="compositionend"||!za&&jf(e,t)?(e=Sf(),eo=Ra=Bt=null,Rn=!1,e):null;switch(e){case"paste":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 kf&&t.locale!=="ko"?null:t.data;default:return null}}var Jg={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 hu(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Jg[e.type]:t==="textarea"}function Tf(e,t,n,r){tf(r),t=wo(t,"onChange"),0<t.length&&(n=new Ma("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Ir=null,Zr=null;function ey(e){If(e,0)}function Yo(e){var t=zn(e);if(Kp(t))return e}function ty(e,t){if(e==="change")return t}var Cf=!1;if(Tt){var js;if(Tt){var bs="oninput"in document;if(!bs){var mu=document.createElement("div");mu.setAttribute("oninput","return;"),bs=typeof mu.oninput=="function"}js=bs}else js=!1;Cf=js&&(!document.documentMode||9<document.documentMode)}function gu(){Ir&&(Ir.detachEvent("onpropertychange",Af),Zr=Ir=null)}function Af(e){if(e.propertyName==="value"&&Yo(Zr)){var t=[];Tf(t,Zr,e,Ca(e)),sf(ey,t)}}function ny(e,t,n){e==="focusin"?(gu(),Ir=t,Zr=n,Ir.attachEvent("onpropertychange",Af)):e==="focusout"&&gu()}function ry(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Yo(Zr)}function iy(e,t){if(e==="click")return Yo(t)}function oy(e,t){if(e==="input"||e==="change")return Yo(t)}function sy(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var st=typeof Object.is=="function"?Object.is:sy;function Jr(e,t){if(st(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)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 i=n[r];if(!sl.call(t,i)||!st(e[i],t[i]))return!1}return!0}function yu(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function xu(e,t){var n=yu(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=yu(n)}}function Ef(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ef(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Pf(){for(var e=window,t=fo();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=fo(e.document)}return t}function Da(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function ly(e){var t=Pf(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ef(n.ownerDocument.documentElement,n)){if(r!==null&&Da(n)){if(t=r.start,e=r.end,e===void 0&&(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,e.getSelection){e=e.getSelection();var i=n.textContent.length,o=Math.min(r.start,i);r=r.end===void 0?o:Math.min(r.end,i),!e.extend&&o>r&&(i=r,r=o,o=i),i=xu(n,o);var l=xu(n,r);i&&l&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==l.node||e.focusOffset!==l.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(l.node,l.offset)):(t.setEnd(l.node,l.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ay=Tt&&"documentMode"in document&&11>=document.documentMode,Mn=null,Tl=null,Fr=null,Cl=!1;function vu(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Cl||Mn==null||Mn!==fo(r)||(r=Mn,"selectionStart"in r&&Da(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Fr&&Jr(Fr,r)||(Fr=r,r=wo(Tl,"onSelect"),0<r.length&&(t=new Ma("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=Mn)))}function Ii(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Ln={animationend:Ii("Animation","AnimationEnd"),animationiteration:Ii("Animation","AnimationIteration"),animationstart:Ii("Animation","AnimationStart"),transitionend:Ii("Transition","TransitionEnd")},Ts={},_f={};Tt&&(_f=document.createElement("div").style,"AnimationEvent"in window||(delete Ln.animationend.animation,delete Ln.animationiteration.animation,delete Ln.animationstart.animation),"TransitionEvent"in window||delete Ln.transitionend.transition);function Ko(e){if(Ts[e])return Ts[e];if(!Ln[e])return e;var t=Ln[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in _f)return Ts[e]=t[n];return e}var Rf=Ko("animationend"),Mf=Ko("animationiteration"),Lf=Ko("animationstart"),zf=Ko("transitionend"),Df=new Map,wu="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 en(e,t){Df.set(e,t),Tn(t,[e])}for(var Cs=0;Cs<wu.length;Cs++){var As=wu[Cs],cy=As.toLowerCase(),uy=As[0].toUpperCase()+As.slice(1);en(cy,"on"+uy)}en(Rf,"onAnimationEnd");en(Mf,"onAnimationIteration");en(Lf,"onAnimationStart");en("dblclick","onDoubleClick");en("focusin","onFocus");en("focusout","onBlur");en(zf,"onTransitionEnd");Jn("onMouseEnter",["mouseout","mouseover"]);Jn("onMouseLeave",["mouseout","mouseover"]);Jn("onPointerEnter",["pointerout","pointerover"]);Jn("onPointerLeave",["pointerout","pointerover"]);Tn("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Tn("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Tn("onBeforeInput",["compositionend","keypress","textInput","paste"]);Tn("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Tn("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));Tn("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Pr="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(" "),dy=new Set("cancel close invalid load scroll toggle".split(" ").concat(Pr));function Su(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,cg(r,t,void 0,e),e.currentTarget=null}function If(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var r=e[n],i=r.event;r=r.listeners;e:{var o=void 0;if(t)for(var l=r.length-1;0<=l;l--){var a=r[l],c=a.instance,u=a.currentTarget;if(a=a.listener,c!==o&&i.isPropagationStopped())break e;Su(i,a,u),o=c}else for(l=0;l<r.length;l++){if(a=r[l],c=a.instance,u=a.currentTarget,a=a.listener,c!==o&&i.isPropagationStopped())break e;Su(i,a,u),o=c}}}if(mo)throw e=Sl,mo=!1,Sl=null,e}function G(e,t){var n=t[Rl];n===void 0&&(n=t[Rl]=new Set);var r=e+"__bubble";n.has(r)||(Ff(t,e,2,!1),n.add(r))}function Es(e,t,n){var r=0;t&&(r|=4),Ff(n,e,r,t)}var Fi="_reactListening"+Math.random().toString(36).slice(2);function ei(e){if(!e[Fi]){e[Fi]=!0,Wp.forEach(function(n){n!=="selectionchange"&&(dy.has(n)||Es(n,!1,e),Es(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Fi]||(t[Fi]=!0,Es("selectionchange",!1,t))}}function Ff(e,t,n,r){switch(wf(t)){case 1:var i=Tg;break;case 4:i=Cg;break;default:i=_a}n=i.bind(null,t,n,e),i=void 0,!wl||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(i=!0),r?i!==void 0?e.addEventListener(t,n,{capture:!0,passive:i}):e.addEventListener(t,n,!0):i!==void 0?e.addEventListener(t,n,{passive:i}):e.addEventListener(t,n,!1)}function Ps(e,t,n,r,i){var o=r;if(!(t&1)&&!(t&2)&&r!==null)e:for(;;){if(r===null)return;var l=r.tag;if(l===3||l===4){var a=r.stateNode.containerInfo;if(a===i||a.nodeType===8&&a.parentNode===i)break;if(l===4)for(l=r.return;l!==null;){var c=l.tag;if((c===3||c===4)&&(c=l.stateNode.containerInfo,c===i||c.nodeType===8&&c.parentNode===i))return;l=l.return}for(;a!==null;){if(l=pn(a),l===null)return;if(c=l.tag,c===5||c===6){r=o=l;continue e}a=a.parentNode}}r=r.return}sf(function(){var u=o,d=Ca(n),p=[];e:{var f=Df.get(e);if(f!==void 0){var y=Ma,x=e;switch(e){case"keypress":if(to(n)===0)break e;case"keydown":case"keyup":y=Ng;break;case"focusin":x="focus",y=ks;break;case"focusout":x="blur",y=ks;break;case"beforeblur":case"afterblur":y=ks;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":y=cu;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":y=Pg;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":y=Hg;break;case Rf:case Mf:case Lf:y=Mg;break;case zf:y=Gg;break;case"scroll":y=Ag;break;case"wheel":y=Kg;break;case"copy":case"cut":case"paste":y=zg;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":y=du}var v=(t&4)!==0,S=!v&&e==="scroll",m=v?f!==null?f+"Capture":null:f;v=[];for(var h=u,g;h!==null;){g=h;var w=g.stateNode;if(g.tag===5&&w!==null&&(g=w,m!==null&&(w=Kr(h,m),w!=null&&v.push(ti(h,w,g)))),S)break;h=h.return}0<v.length&&(f=new y(f,x,null,n,d),p.push({event:f,listeners:v}))}}if(!(t&7)){e:{if(f=e==="mouseover"||e==="pointerover",y=e==="mouseout"||e==="pointerout",f&&n!==xl&&(x=n.relatedTarget||n.fromElement)&&(pn(x)||x[Ct]))break e;if((y||f)&&(f=d.window===d?d:(f=d.ownerDocument)?f.defaultView||f.parentWindow:window,y?(x=n.relatedTarget||n.toElement,y=u,x=x?pn(x):null,x!==null&&(S=Cn(x),x!==S||x.tag!==5&&x.tag!==6)&&(x=null)):(y=null,x=u),y!==x)){if(v=cu,w="onMouseLeave",m="onMouseEnter",h="mouse",(e==="pointerout"||e==="pointerover")&&(v=du,w="onPointerLeave",m="onPointerEnter",h="pointer"),S=y==null?f:zn(y),g=x==null?f:zn(x),f=new v(w,h+"leave",y,n,d),f.target=S,f.relatedTarget=g,w=null,pn(d)===u&&(v=new v(m,h+"enter",x,n,d),v.target=g,v.relatedTarget=S,w=v),S=w,y&&x)t:{for(v=y,m=x,h=0,g=v;g;g=En(g))h++;for(g=0,w=m;w;w=En(w))g++;for(;0<h-g;)v=En(v),h--;for(;0<g-h;)m=En(m),g--;for(;h--;){if(v===m||m!==null&&v===m.alternate)break t;v=En(v),m=En(m)}v=null}else v=null;y!==null&&ku(p,f,y,v,!1),x!==null&&S!==null&&ku(p,S,x,v,!0)}}e:{if(f=u?zn(u):window,y=f.nodeName&&f.nodeName.toLowerCase(),y==="select"||y==="input"&&f.type==="file")var j=ty;else if(hu(f))if(Cf)j=oy;else{j=ry;var b=ny}else(y=f.nodeName)&&y.toLowerCase()==="input"&&(f.type==="checkbox"||f.type==="radio")&&(j=iy);if(j&&(j=j(e,u))){Tf(p,j,n,d);break e}b&&b(e,f,u),e==="focusout"&&(b=f._wrapperState)&&b.controlled&&f.type==="number"&&fl(f,"number",f.value)}switch(b=u?zn(u):window,e){case"focusin":(hu(b)||b.contentEditable==="true")&&(Mn=b,Tl=u,Fr=null);break;case"focusout":Fr=Tl=Mn=null;break;case"mousedown":Cl=!0;break;case"contextmenu":case"mouseup":case"dragend":Cl=!1,vu(p,n,d);break;case"selectionchange":if(ay)break;case"keydown":case"keyup":vu(p,n,d)}var C;if(za)e:{switch(e){case"compositionstart":var T="onCompositionStart";break e;case"compositionend":T="onCompositionEnd";break e;case"compositionupdate":T="onCompositionUpdate";break e}T=void 0}else Rn?jf(e,n)&&(T="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(T="onCompositionStart");T&&(kf&&n.locale!=="ko"&&(Rn||T!=="onCompositionStart"?T==="onCompositionEnd"&&Rn&&(C=Sf()):(Bt=d,Ra="value"in Bt?Bt.value:Bt.textContent,Rn=!0)),b=wo(u,T),0<b.length&&(T=new uu(T,e,null,n,d),p.push({event:T,listeners:b}),C?T.data=C:(C=bf(n),C!==null&&(T.data=C)))),(C=Qg?qg(e,n):Zg(e,n))&&(u=wo(u,"onBeforeInput"),0<u.length&&(d=new uu("onBeforeInput","beforeinput",null,n,d),p.push({event:d,listeners:u}),d.data=C))}If(p,t)})}function ti(e,t,n){return{instance:e,listener:t,currentTarget:n}}function wo(e,t){for(var n=t+"Capture",r=[];e!==null;){var i=e,o=i.stateNode;i.tag===5&&o!==null&&(i=o,o=Kr(e,n),o!=null&&r.unshift(ti(e,o,i)),o=Kr(e,t),o!=null&&r.push(ti(e,o,i))),e=e.return}return r}function En(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function ku(e,t,n,r,i){for(var o=t._reactName,l=[];n!==null&&n!==r;){var a=n,c=a.alternate,u=a.stateNode;if(c!==null&&c===r)break;a.tag===5&&u!==null&&(a=u,i?(c=Kr(n,o),c!=null&&l.unshift(ti(n,c,a))):i||(c=Kr(n,o),c!=null&&l.push(ti(n,c,a)))),n=n.return}l.length!==0&&e.push({event:t,listeners:l})}var py=/\r\n?/g,fy=/\u0000|\uFFFD/g;function ju(e){return(typeof e=="string"?e:""+e).replace(py,`
`).replace(fy,"")}function Oi(e,t,n){if(t=ju(t),ju(e)!==t&&n)throw Error(P(425))}function So(){}var Al=null,El=null;function Pl(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var _l=typeof setTimeout=="function"?setTimeout:void 0,hy=typeof clearTimeout=="function"?clearTimeout:void 0,bu=typeof Promise=="function"?Promise:void 0,my=typeof queueMicrotask=="function"?queueMicrotask:typeof bu<"u"?function(e){return bu.resolve(null).then(e).catch(gy)}:_l;function gy(e){setTimeout(function(){throw e})}function _s(e,t){var n=t,r=0;do{var i=n.nextSibling;if(e.removeChild(n),i&&i.nodeType===8)if(n=i.data,n==="/$"){if(r===0){e.removeChild(i),qr(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=i}while(n);qr(t)}function Ut(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Tu(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var pr=Math.random().toString(36).slice(2),pt="__reactFiber$"+pr,ni="__reactProps$"+pr,Ct="__reactContainer$"+pr,Rl="__reactEvents$"+pr,yy="__reactListeners$"+pr,xy="__reactHandles$"+pr;function pn(e){var t=e[pt];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Ct]||n[pt]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Tu(e);e!==null;){if(n=e[pt])return n;e=Tu(e)}return t}e=n,n=e.parentNode}return null}function vi(e){return e=e[pt]||e[Ct],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function zn(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(P(33))}function Xo(e){return e[ni]||null}var Ml=[],Dn=-1;function tn(e){return{current:e}}function Y(e){0>Dn||(e.current=Ml[Dn],Ml[Dn]=null,Dn--)}function H(e,t){Dn++,Ml[Dn]=e.current,e.current=t}var qt={},je=tn(qt),Re=tn(!1),vn=qt;function er(e,t){var n=e.type.contextTypes;if(!n)return qt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i={},o;for(o in n)i[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Me(e){return e=e.childContextTypes,e!=null}function ko(){Y(Re),Y(je)}function Cu(e,t,n){if(je.current!==qt)throw Error(P(168));H(je,t),H(Re,n)}function Of(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var i in r)if(!(i in t))throw Error(P(108,ng(e)||"Unknown",i));return te({},n,r)}function jo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||qt,vn=je.current,H(je,e),H(Re,Re.current),!0}function Au(e,t,n){var r=e.stateNode;if(!r)throw Error(P(169));n?(e=Of(e,t,vn),r.__reactInternalMemoizedMergedChildContext=e,Y(Re),Y(je),H(je,e)):Y(Re),H(Re,n)}var xt=null,Qo=!1,Rs=!1;function Bf(e){xt===null?xt=[e]:xt.push(e)}function vy(e){Qo=!0,Bf(e)}function nn(){if(!Rs&&xt!==null){Rs=!0;var e=0,t=W;try{var n=xt;for(W=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}xt=null,Qo=!1}catch(i){throw xt!==null&&(xt=xt.slice(e+1)),uf(Aa,nn),i}finally{W=t,Rs=!1}}return null}var In=[],Fn=0,bo=null,To=0,Ge=[],Ye=0,wn=null,wt=1,St="";function an(e,t){In[Fn++]=To,In[Fn++]=bo,bo=e,To=t}function Vf(e,t,n){Ge[Ye++]=wt,Ge[Ye++]=St,Ge[Ye++]=wn,wn=e;var r=wt;e=St;var i=32-it(r)-1;r&=~(1<<i),n+=1;var o=32-it(t)+i;if(30<o){var l=i-i%5;o=(r&(1<<l)-1).toString(32),r>>=l,i-=l,wt=1<<32-it(t)+i|n<<i|r,St=o+e}else wt=1<<o|n<<i|r,St=e}function Ia(e){e.return!==null&&(an(e,1),Vf(e,1,0))}function Fa(e){for(;e===bo;)bo=In[--Fn],In[Fn]=null,To=In[--Fn],In[Fn]=null;for(;e===wn;)wn=Ge[--Ye],Ge[Ye]=null,St=Ge[--Ye],Ge[Ye]=null,wt=Ge[--Ye],Ge[Ye]=null}var Fe=null,Ie=null,Q=!1,rt=null;function Nf(e,t){var n=Ke(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function Eu(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,Fe=e,Ie=Ut(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,Fe=e,Ie=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=wn!==null?{id:wt,overflow:St}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=Ke(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,Fe=e,Ie=null,!0):!1;default:return!1}}function Ll(e){return(e.mode&1)!==0&&(e.flags&128)===0}function zl(e){if(Q){var t=Ie;if(t){var n=t;if(!Eu(e,t)){if(Ll(e))throw Error(P(418));t=Ut(n.nextSibling);var r=Fe;t&&Eu(e,t)?Nf(r,n):(e.flags=e.flags&-4097|2,Q=!1,Fe=e)}}else{if(Ll(e))throw Error(P(418));e.flags=e.flags&-4097|2,Q=!1,Fe=e}}}function Pu(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;Fe=e}function Bi(e){if(e!==Fe)return!1;if(!Q)return Pu(e),Q=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!Pl(e.type,e.memoizedProps)),t&&(t=Ie)){if(Ll(e))throw $f(),Error(P(418));for(;t;)Nf(e,t),t=Ut(t.nextSibling)}if(Pu(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(P(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){Ie=Ut(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}Ie=null}}else Ie=Fe?Ut(e.stateNode.nextSibling):null;return!0}function $f(){for(var e=Ie;e;)e=Ut(e.nextSibling)}function tr(){Ie=Fe=null,Q=!1}function Oa(e){rt===null?rt=[e]:rt.push(e)}var wy=_t.ReactCurrentBatchConfig;function Sr(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(P(309));var r=n.stateNode}if(!r)throw Error(P(147,e));var i=r,o=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===o?t.ref:(t=function(l){var a=i.refs;l===null?delete a[o]:a[o]=l},t._stringRef=o,t)}if(typeof e!="string")throw Error(P(284));if(!n._owner)throw Error(P(290,e))}return e}function Vi(e,t){throw e=Object.prototype.toString.call(t),Error(P(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function _u(e){var t=e._init;return t(e._payload)}function Wf(e){function t(m,h){if(e){var g=m.deletions;g===null?(m.deletions=[h],m.flags|=16):g.push(h)}}function n(m,h){if(!e)return null;for(;h!==null;)t(m,h),h=h.sibling;return null}function r(m,h){for(m=new Map;h!==null;)h.key!==null?m.set(h.key,h):m.set(h.index,h),h=h.sibling;return m}function i(m,h){return m=Xt(m,h),m.index=0,m.sibling=null,m}function o(m,h,g){return m.index=g,e?(g=m.alternate,g!==null?(g=g.index,g<h?(m.flags|=2,h):g):(m.flags|=2,h)):(m.flags|=1048576,h)}function l(m){return e&&m.alternate===null&&(m.flags|=2),m}function a(m,h,g,w){return h===null||h.tag!==6?(h=Os(g,m.mode,w),h.return=m,h):(h=i(h,g),h.return=m,h)}function c(m,h,g,w){var j=g.type;return j===_n?d(m,h,g.props.children,w,g.key):h!==null&&(h.elementType===j||typeof j=="object"&&j!==null&&j.$$typeof===Dt&&_u(j)===h.type)?(w=i(h,g.props),w.ref=Sr(m,h,g),w.return=m,w):(w=ao(g.type,g.key,g.props,null,m.mode,w),w.ref=Sr(m,h,g),w.return=m,w)}function u(m,h,g,w){return h===null||h.tag!==4||h.stateNode.containerInfo!==g.containerInfo||h.stateNode.implementation!==g.implementation?(h=Bs(g,m.mode,w),h.return=m,h):(h=i(h,g.children||[]),h.return=m,h)}function d(m,h,g,w,j){return h===null||h.tag!==7?(h=yn(g,m.mode,w,j),h.return=m,h):(h=i(h,g),h.return=m,h)}function p(m,h,g){if(typeof h=="string"&&h!==""||typeof h=="number")return h=Os(""+h,m.mode,g),h.return=m,h;if(typeof h=="object"&&h!==null){switch(h.$$typeof){case Pi:return g=ao(h.type,h.key,h.props,null,m.mode,g),g.ref=Sr(m,null,h),g.return=m,g;case Pn:return h=Bs(h,m.mode,g),h.return=m,h;case Dt:var w=h._init;return p(m,w(h._payload),g)}if(Ar(h)||gr(h))return h=yn(h,m.mode,g,null),h.return=m,h;Vi(m,h)}return null}function f(m,h,g,w){var j=h!==null?h.key:null;if(typeof g=="string"&&g!==""||typeof g=="number")return j!==null?null:a(m,h,""+g,w);if(typeof g=="object"&&g!==null){switch(g.$$typeof){case Pi:return g.key===j?c(m,h,g,w):null;case Pn:return g.key===j?u(m,h,g,w):null;case Dt:return j=g._init,f(m,h,j(g._payload),w)}if(Ar(g)||gr(g))return j!==null?null:d(m,h,g,w,null);Vi(m,g)}return null}function y(m,h,g,w,j){if(typeof w=="string"&&w!==""||typeof w=="number")return m=m.get(g)||null,a(h,m,""+w,j);if(typeof w=="object"&&w!==null){switch(w.$$typeof){case Pi:return m=m.get(w.key===null?g:w.key)||null,c(h,m,w,j);case Pn:return m=m.get(w.key===null?g:w.key)||null,u(h,m,w,j);case Dt:var b=w._init;return y(m,h,g,b(w._payload),j)}if(Ar(w)||gr(w))return m=m.get(g)||null,d(h,m,w,j,null);Vi(h,w)}return null}function x(m,h,g,w){for(var j=null,b=null,C=h,T=h=0,F=null;C!==null&&T<g.length;T++){C.index>T?(F=C,C=null):F=C.sibling;var I=f(m,C,g[T],w);if(I===null){C===null&&(C=F);break}e&&C&&I.alternate===null&&t(m,C),h=o(I,h,T),b===null?j=I:b.sibling=I,b=I,C=F}if(T===g.length)return n(m,C),Q&&an(m,T),j;if(C===null){for(;T<g.length;T++)C=p(m,g[T],w),C!==null&&(h=o(C,h,T),b===null?j=C:b.sibling=C,b=C);return Q&&an(m,T),j}for(C=r(m,C);T<g.length;T++)F=y(C,m,T,g[T],w),F!==null&&(e&&F.alternate!==null&&C.delete(F.key===null?T:F.key),h=o(F,h,T),b===null?j=F:b.sibling=F,b=F);return e&&C.forEach(function(le){return t(m,le)}),Q&&an(m,T),j}function v(m,h,g,w){var j=gr(g);if(typeof j!="function")throw Error(P(150));if(g=j.call(g),g==null)throw Error(P(151));for(var b=j=null,C=h,T=h=0,F=null,I=g.next();C!==null&&!I.done;T++,I=g.next()){C.index>T?(F=C,C=null):F=C.sibling;var le=f(m,C,I.value,w);if(le===null){C===null&&(C=F);break}e&&C&&le.alternate===null&&t(m,C),h=o(le,h,T),b===null?j=le:b.sibling=le,b=le,C=F}if(I.done)return n(m,C),Q&&an(m,T),j;if(C===null){for(;!I.done;T++,I=g.next())I=p(m,I.value,w),I!==null&&(h=o(I,h,T),b===null?j=I:b.sibling=I,b=I);return Q&&an(m,T),j}for(C=r(m,C);!I.done;T++,I=g.next())I=y(C,m,T,I.value,w),I!==null&&(e&&I.alternate!==null&&C.delete(I.key===null?T:I.key),h=o(I,h,T),b===null?j=I:b.sibling=I,b=I);return e&&C.forEach(function(lt){return t(m,lt)}),Q&&an(m,T),j}function S(m,h,g,w){if(typeof g=="object"&&g!==null&&g.type===_n&&g.key===null&&(g=g.props.children),typeof g=="object"&&g!==null){switch(g.$$typeof){case Pi:e:{for(var j=g.key,b=h;b!==null;){if(b.key===j){if(j=g.type,j===_n){if(b.tag===7){n(m,b.sibling),h=i(b,g.props.children),h.return=m,m=h;break e}}else if(b.elementType===j||typeof j=="object"&&j!==null&&j.$$typeof===Dt&&_u(j)===b.type){n(m,b.sibling),h=i(b,g.props),h.ref=Sr(m,b,g),h.return=m,m=h;break e}n(m,b);break}else t(m,b);b=b.sibling}g.type===_n?(h=yn(g.props.children,m.mode,w,g.key),h.return=m,m=h):(w=ao(g.type,g.key,g.props,null,m.mode,w),w.ref=Sr(m,h,g),w.return=m,m=w)}return l(m);case Pn:e:{for(b=g.key;h!==null;){if(h.key===b)if(h.tag===4&&h.stateNode.containerInfo===g.containerInfo&&h.stateNode.implementation===g.implementation){n(m,h.sibling),h=i(h,g.children||[]),h.return=m,m=h;break e}else{n(m,h);break}else t(m,h);h=h.sibling}h=Bs(g,m.mode,w),h.return=m,m=h}return l(m);case Dt:return b=g._init,S(m,h,b(g._payload),w)}if(Ar(g))return x(m,h,g,w);if(gr(g))return v(m,h,g,w);Vi(m,g)}return typeof g=="string"&&g!==""||typeof g=="number"?(g=""+g,h!==null&&h.tag===6?(n(m,h.sibling),h=i(h,g),h.return=m,m=h):(n(m,h),h=Os(g,m.mode,w),h.return=m,m=h),l(m)):n(m,h)}return S}var nr=Wf(!0),Hf=Wf(!1),Co=tn(null),Ao=null,On=null,Ba=null;function Va(){Ba=On=Ao=null}function Na(e){var t=Co.current;Y(Co),e._currentValue=t}function Dl(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function qn(e,t){Ao=e,Ba=On=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(_e=!0),e.firstContext=null)}function Qe(e){var t=e._currentValue;if(Ba!==e)if(e={context:e,memoizedValue:t,next:null},On===null){if(Ao===null)throw Error(P(308));On=e,Ao.dependencies={lanes:0,firstContext:e}}else On=On.next=e;return t}var fn=null;function $a(e){fn===null?fn=[e]:fn.push(e)}function Uf(e,t,n,r){var i=t.interleaved;return i===null?(n.next=n,$a(t)):(n.next=i.next,i.next=n),t.interleaved=n,At(e,r)}function At(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var It=!1;function Wa(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Gf(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 kt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Gt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,$&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,At(e,n)}return i=r.interleaved,i===null?(t.next=t,$a(r)):(t.next=i.next,i.next=t),r.interleaved=t,At(e,n)}function no(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ea(e,n)}}function Ru(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,o=null;if(n=n.firstBaseUpdate,n!==null){do{var l={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};o===null?i=o=l:o=o.next=l,n=n.next}while(n!==null);o===null?i=o=t:o=o.next=t}else i=o=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:o,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Eo(e,t,n,r){var i=e.updateQueue;It=!1;var o=i.firstBaseUpdate,l=i.lastBaseUpdate,a=i.shared.pending;if(a!==null){i.shared.pending=null;var c=a,u=c.next;c.next=null,l===null?o=u:l.next=u,l=c;var d=e.alternate;d!==null&&(d=d.updateQueue,a=d.lastBaseUpdate,a!==l&&(a===null?d.firstBaseUpdate=u:a.next=u,d.lastBaseUpdate=c))}if(o!==null){var p=i.baseState;l=0,d=u=c=null,a=o;do{var f=a.lane,y=a.eventTime;if((r&f)===f){d!==null&&(d=d.next={eventTime:y,lane:0,tag:a.tag,payload:a.payload,callback:a.callback,next:null});e:{var x=e,v=a;switch(f=t,y=n,v.tag){case 1:if(x=v.payload,typeof x=="function"){p=x.call(y,p,f);break e}p=x;break e;case 3:x.flags=x.flags&-65537|128;case 0:if(x=v.payload,f=typeof x=="function"?x.call(y,p,f):x,f==null)break e;p=te({},p,f);break e;case 2:It=!0}}a.callback!==null&&a.lane!==0&&(e.flags|=64,f=i.effects,f===null?i.effects=[a]:f.push(a))}else y={eventTime:y,lane:f,tag:a.tag,payload:a.payload,callback:a.callback,next:null},d===null?(u=d=y,c=p):d=d.next=y,l|=f;if(a=a.next,a===null){if(a=i.shared.pending,a===null)break;f=a,a=f.next,f.next=null,i.lastBaseUpdate=f,i.shared.pending=null}}while(!0);if(d===null&&(c=p),i.baseState=c,i.firstBaseUpdate=u,i.lastBaseUpdate=d,t=i.shared.interleaved,t!==null){i=t;do l|=i.lane,i=i.next;while(i!==t)}else o===null&&(i.shared.lanes=0);kn|=l,e.lanes=l,e.memoizedState=p}}function Mu(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var r=e[t],i=r.callback;if(i!==null){if(r.callback=null,r=n,typeof i!="function")throw Error(P(191,i));i.call(r)}}}var wi={},ht=tn(wi),ri=tn(wi),ii=tn(wi);function hn(e){if(e===wi)throw Error(P(174));return e}function Ha(e,t){switch(H(ii,t),H(ri,e),H(ht,wi),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:ml(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=ml(t,e)}Y(ht),H(ht,t)}function rr(){Y(ht),Y(ri),Y(ii)}function Yf(e){hn(ii.current);var t=hn(ht.current),n=ml(t,e.type);t!==n&&(H(ri,e),H(ht,n))}function Ua(e){ri.current===e&&(Y(ht),Y(ri))}var Z=tn(0);function Po(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ms=[];function Ga(){for(var e=0;e<Ms.length;e++)Ms[e]._workInProgressVersionPrimary=null;Ms.length=0}var ro=_t.ReactCurrentDispatcher,Ls=_t.ReactCurrentBatchConfig,Sn=0,ee=null,ce=null,pe=null,_o=!1,Or=!1,oi=0,Sy=0;function xe(){throw Error(P(321))}function Ya(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!st(e[n],t[n]))return!1;return!0}function Ka(e,t,n,r,i,o){if(Sn=o,ee=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,ro.current=e===null||e.memoizedState===null?Ty:Cy,e=n(r,i),Or){o=0;do{if(Or=!1,oi=0,25<=o)throw Error(P(301));o+=1,pe=ce=null,t.updateQueue=null,ro.current=Ay,e=n(r,i)}while(Or)}if(ro.current=Ro,t=ce!==null&&ce.next!==null,Sn=0,pe=ce=ee=null,_o=!1,t)throw Error(P(300));return e}function Xa(){var e=oi!==0;return oi=0,e}function dt(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return pe===null?ee.memoizedState=pe=e:pe=pe.next=e,pe}function qe(){if(ce===null){var e=ee.alternate;e=e!==null?e.memoizedState:null}else e=ce.next;var t=pe===null?ee.memoizedState:pe.next;if(t!==null)pe=t,ce=e;else{if(e===null)throw Error(P(310));ce=e,e={memoizedState:ce.memoizedState,baseState:ce.baseState,baseQueue:ce.baseQueue,queue:ce.queue,next:null},pe===null?ee.memoizedState=pe=e:pe=pe.next=e}return pe}function si(e,t){return typeof t=="function"?t(e):t}function zs(e){var t=qe(),n=t.queue;if(n===null)throw Error(P(311));n.lastRenderedReducer=e;var r=ce,i=r.baseQueue,o=n.pending;if(o!==null){if(i!==null){var l=i.next;i.next=o.next,o.next=l}r.baseQueue=i=o,n.pending=null}if(i!==null){o=i.next,r=r.baseState;var a=l=null,c=null,u=o;do{var d=u.lane;if((Sn&d)===d)c!==null&&(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 p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};c===null?(a=c=p,l=r):c=c.next=p,ee.lanes|=d,kn|=d}u=u.next}while(u!==null&&u!==o);c===null?l=r:c.next=a,st(r,t.memoizedState)||(_e=!0),t.memoizedState=r,t.baseState=l,t.baseQueue=c,n.lastRenderedState=r}if(e=n.interleaved,e!==null){i=e;do o=i.lane,ee.lanes|=o,kn|=o,i=i.next;while(i!==e)}else i===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ds(e){var t=qe(),n=t.queue;if(n===null)throw Error(P(311));n.lastRenderedReducer=e;var r=n.dispatch,i=n.pending,o=t.memoizedState;if(i!==null){n.pending=null;var l=i=i.next;do o=e(o,l.action),l=l.next;while(l!==i);st(o,t.memoizedState)||(_e=!0),t.memoizedState=o,t.baseQueue===null&&(t.baseState=o),n.lastRenderedState=o}return[o,r]}function Kf(){}function Xf(e,t){var n=ee,r=qe(),i=t(),o=!st(r.memoizedState,i);if(o&&(r.memoizedState=i,_e=!0),r=r.queue,Qa(Zf.bind(null,n,r,e),[e]),r.getSnapshot!==t||o||pe!==null&&pe.memoizedState.tag&1){if(n.flags|=2048,li(9,qf.bind(null,n,r,i,t),void 0,null),fe===null)throw Error(P(349));Sn&30||Qf(n,t,i)}return i}function Qf(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=ee.updateQueue,t===null?(t={lastEffect:null,stores:null},ee.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function qf(e,t,n,r){t.value=n,t.getSnapshot=r,Jf(t)&&eh(e)}function Zf(e,t,n){return n(function(){Jf(t)&&eh(e)})}function Jf(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!st(e,n)}catch{return!0}}function eh(e){var t=At(e,1);t!==null&&ot(t,e,1,-1)}function Lu(e){var t=dt();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:si,lastRenderedState:e},t.queue=e,e=e.dispatch=by.bind(null,ee,e),[t.memoizedState,e]}function li(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=ee.updateQueue,t===null?(t={lastEffect:null,stores:null},ee.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function th(){return qe().memoizedState}function io(e,t,n,r){var i=dt();ee.flags|=e,i.memoizedState=li(1|t,n,void 0,r===void 0?null:r)}function qo(e,t,n,r){var i=qe();r=r===void 0?null:r;var o=void 0;if(ce!==null){var l=ce.memoizedState;if(o=l.destroy,r!==null&&Ya(r,l.deps)){i.memoizedState=li(t,n,o,r);return}}ee.flags|=e,i.memoizedState=li(1|t,n,o,r)}function zu(e,t){return io(8390656,8,e,t)}function Qa(e,t){return qo(2048,8,e,t)}function nh(e,t){return qo(4,2,e,t)}function rh(e,t){return qo(4,4,e,t)}function ih(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function oh(e,t,n){return n=n!=null?n.concat([e]):null,qo(4,4,ih.bind(null,t,e),n)}function qa(){}function sh(e,t){var n=qe();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Ya(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function lh(e,t){var n=qe();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Ya(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function ah(e,t,n){return Sn&21?(st(n,t)||(n=ff(),ee.lanes|=n,kn|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,_e=!0),e.memoizedState=n)}function ky(e,t){var n=W;W=n!==0&&4>n?n:4,e(!0);var r=Ls.transition;Ls.transition={};try{e(!1),t()}finally{W=n,Ls.transition=r}}function ch(){return qe().memoizedState}function jy(e,t,n){var r=Kt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},uh(e))dh(t,n);else if(n=Uf(e,t,n,r),n!==null){var i=Te();ot(n,e,r,i),ph(n,t,r)}}function by(e,t,n){var r=Kt(e),i={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(uh(e))dh(t,i);else{var o=e.alternate;if(e.lanes===0&&(o===null||o.lanes===0)&&(o=t.lastRenderedReducer,o!==null))try{var l=t.lastRenderedState,a=o(l,n);if(i.hasEagerState=!0,i.eagerState=a,st(a,l)){var c=t.interleaved;c===null?(i.next=i,$a(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}finally{}n=Uf(e,t,i,r),n!==null&&(i=Te(),ot(n,e,r,i),ph(n,t,r))}}function uh(e){var t=e.alternate;return e===ee||t!==null&&t===ee}function dh(e,t){Or=_o=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ph(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ea(e,n)}}var Ro={readContext:Qe,useCallback:xe,useContext:xe,useEffect:xe,useImperativeHandle:xe,useInsertionEffect:xe,useLayoutEffect:xe,useMemo:xe,useReducer:xe,useRef:xe,useState:xe,useDebugValue:xe,useDeferredValue:xe,useTransition:xe,useMutableSource:xe,useSyncExternalStore:xe,useId:xe,unstable_isNewReconciler:!1},Ty={readContext:Qe,useCallback:function(e,t){return dt().memoizedState=[e,t===void 0?null:t],e},useContext:Qe,useEffect:zu,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,io(4194308,4,ih.bind(null,t,e),n)},useLayoutEffect:function(e,t){return io(4194308,4,e,t)},useInsertionEffect:function(e,t){return io(4,2,e,t)},useMemo:function(e,t){var n=dt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=dt();return t=n!==void 0?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=jy.bind(null,ee,e),[r.memoizedState,e]},useRef:function(e){var t=dt();return e={current:e},t.memoizedState=e},useState:Lu,useDebugValue:qa,useDeferredValue:function(e){return dt().memoizedState=e},useTransition:function(){var e=Lu(!1),t=e[0];return e=ky.bind(null,e[1]),dt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=ee,i=dt();if(Q){if(n===void 0)throw Error(P(407));n=n()}else{if(n=t(),fe===null)throw Error(P(349));Sn&30||Qf(r,t,n)}i.memoizedState=n;var o={value:n,getSnapshot:t};return i.queue=o,zu(Zf.bind(null,r,o,e),[e]),r.flags|=2048,li(9,qf.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=dt(),t=fe.identifierPrefix;if(Q){var n=St,r=wt;n=(r&~(1<<32-it(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=oi++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=Sy++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},Cy={readContext:Qe,useCallback:sh,useContext:Qe,useEffect:Qa,useImperativeHandle:oh,useInsertionEffect:nh,useLayoutEffect:rh,useMemo:lh,useReducer:zs,useRef:th,useState:function(){return zs(si)},useDebugValue:qa,useDeferredValue:function(e){var t=qe();return ah(t,ce.memoizedState,e)},useTransition:function(){var e=zs(si)[0],t=qe().memoizedState;return[e,t]},useMutableSource:Kf,useSyncExternalStore:Xf,useId:ch,unstable_isNewReconciler:!1},Ay={readContext:Qe,useCallback:sh,useContext:Qe,useEffect:Qa,useImperativeHandle:oh,useInsertionEffect:nh,useLayoutEffect:rh,useMemo:lh,useReducer:Ds,useRef:th,useState:function(){return Ds(si)},useDebugValue:qa,useDeferredValue:function(e){var t=qe();return ce===null?t.memoizedState=e:ah(t,ce.memoizedState,e)},useTransition:function(){var e=Ds(si)[0],t=qe().memoizedState;return[e,t]},useMutableSource:Kf,useSyncExternalStore:Xf,useId:ch,unstable_isNewReconciler:!1};function tt(e,t){if(e&&e.defaultProps){t=te({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function Il(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:te({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var Zo={isMounted:function(e){return(e=e._reactInternals)?Cn(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=Te(),i=Kt(e),o=kt(r,i);o.payload=t,n!=null&&(o.callback=n),t=Gt(e,o,i),t!==null&&(ot(t,e,i,r),no(t,e,i))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=Te(),i=Kt(e),o=kt(r,i);o.tag=1,o.payload=t,n!=null&&(o.callback=n),t=Gt(e,o,i),t!==null&&(ot(t,e,i,r),no(t,e,i))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=Te(),r=Kt(e),i=kt(n,r);i.tag=2,t!=null&&(i.callback=t),t=Gt(e,i,r),t!==null&&(ot(t,e,r,n),no(t,e,r))}};function Du(e,t,n,r,i,o,l){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(r,o,l):t.prototype&&t.prototype.isPureReactComponent?!Jr(n,r)||!Jr(i,o):!0}function fh(e,t,n){var r=!1,i=qt,o=t.contextType;return typeof o=="object"&&o!==null?o=Qe(o):(i=Me(t)?vn:je.current,r=t.contextTypes,o=(r=r!=null)?er(e,i):qt),t=new t(n,o),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=Zo,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=i,e.__reactInternalMemoizedMaskedChildContext=o),t}function Iu(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Zo.enqueueReplaceState(t,t.state,null)}function Fl(e,t,n,r){var i=e.stateNode;i.props=n,i.state=e.memoizedState,i.refs={},Wa(e);var o=t.contextType;typeof o=="object"&&o!==null?i.context=Qe(o):(o=Me(t)?vn:je.current,i.context=er(e,o)),i.state=e.memoizedState,o=t.getDerivedStateFromProps,typeof o=="function"&&(Il(e,t,o,n),i.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof i.getSnapshotBeforeUpdate=="function"||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(t=i.state,typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount(),t!==i.state&&Zo.enqueueReplaceState(i,i.state,null),Eo(e,n,i,r),i.state=e.memoizedState),typeof i.componentDidMount=="function"&&(e.flags|=4194308)}function ir(e,t){try{var n="",r=t;do n+=tg(r),r=r.return;while(r);var i=n}catch(o){i=`
Error generating stack: `+o.message+`
`+o.stack}return{value:e,source:t,stack:i,digest:null}}function Is(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Ol(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var Ey=typeof WeakMap=="function"?WeakMap:Map;function hh(e,t,n){n=kt(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Lo||(Lo=!0,Kl=r),Ol(e,t)},n}function mh(e,t,n){n=kt(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var i=t.value;n.payload=function(){return r(i)},n.callback=function(){Ol(e,t)}}var o=e.stateNode;return o!==null&&typeof o.componentDidCatch=="function"&&(n.callback=function(){Ol(e,t),typeof r!="function"&&(Yt===null?Yt=new Set([this]):Yt.add(this));var l=t.stack;this.componentDidCatch(t.value,{componentStack:l!==null?l:""})}),n}function Fu(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Ey;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(i.add(n),e=$y.bind(null,e,t,n),t.then(e,e))}function Ou(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function Bu(e,t,n,r,i){return e.mode&1?(e.flags|=65536,e.lanes=i,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=kt(-1,1),t.tag=2,Gt(n,t,1))),n.lanes|=1),e)}var Py=_t.ReactCurrentOwner,_e=!1;function be(e,t,n,r){t.child=e===null?Hf(t,null,n,r):nr(t,e.child,n,r)}function Vu(e,t,n,r,i){n=n.render;var o=t.ref;return qn(t,i),r=Ka(e,t,n,r,o,i),n=Xa(),e!==null&&!_e?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,Et(e,t,i)):(Q&&n&&Ia(t),t.flags|=1,be(e,t,r,i),t.child)}function Nu(e,t,n,r,i){if(e===null){var o=n.type;return typeof o=="function"&&!oc(o)&&o.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=o,gh(e,t,o,r,i)):(e=ao(n.type,null,r,t,t.mode,i),e.ref=t.ref,e.return=t,t.child=e)}if(o=e.child,!(e.lanes&i)){var l=o.memoizedProps;if(n=n.compare,n=n!==null?n:Jr,n(l,r)&&e.ref===t.ref)return Et(e,t,i)}return t.flags|=1,e=Xt(o,r),e.ref=t.ref,e.return=t,t.child=e}function gh(e,t,n,r,i){if(e!==null){var o=e.memoizedProps;if(Jr(o,r)&&e.ref===t.ref)if(_e=!1,t.pendingProps=r=o,(e.lanes&i)!==0)e.flags&131072&&(_e=!0);else return t.lanes=e.lanes,Et(e,t,i)}return Bl(e,t,n,r,i)}function yh(e,t,n){var r=t.pendingProps,i=r.children,o=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},H(Vn,De),De|=n;else{if(!(n&1073741824))return e=o!==null?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,H(Vn,De),De|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=o!==null?o.baseLanes:n,H(Vn,De),De|=r}else o!==null?(r=o.baseLanes|n,t.memoizedState=null):r=n,H(Vn,De),De|=r;return be(e,t,i,n),t.child}function xh(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Bl(e,t,n,r,i){var o=Me(n)?vn:je.current;return o=er(t,o),qn(t,i),n=Ka(e,t,n,r,o,i),r=Xa(),e!==null&&!_e?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,Et(e,t,i)):(Q&&r&&Ia(t),t.flags|=1,be(e,t,n,i),t.child)}function $u(e,t,n,r,i){if(Me(n)){var o=!0;jo(t)}else o=!1;if(qn(t,i),t.stateNode===null)oo(e,t),fh(t,n,r),Fl(t,n,r,i),r=!0;else if(e===null){var l=t.stateNode,a=t.memoizedProps;l.props=a;var c=l.context,u=n.contextType;typeof u=="object"&&u!==null?u=Qe(u):(u=Me(n)?vn:je.current,u=er(t,u));var d=n.getDerivedStateFromProps,p=typeof d=="function"||typeof l.getSnapshotBeforeUpdate=="function";p||typeof l.UNSAFE_componentWillReceiveProps!="function"&&typeof l.componentWillReceiveProps!="function"||(a!==r||c!==u)&&Iu(t,l,r,u),It=!1;var f=t.memoizedState;l.state=f,Eo(t,r,l,i),c=t.memoizedState,a!==r||f!==c||Re.current||It?(typeof d=="function"&&(Il(t,n,d,r),c=t.memoizedState),(a=It||Du(t,n,a,r,f,c,u))?(p||typeof l.UNSAFE_componentWillMount!="function"&&typeof l.componentWillMount!="function"||(typeof l.componentWillMount=="function"&&l.componentWillMount(),typeof l.UNSAFE_componentWillMount=="function"&&l.UNSAFE_componentWillMount()),typeof l.componentDidMount=="function"&&(t.flags|=4194308)):(typeof l.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=c),l.props=r,l.state=c,l.context=u,r=a):(typeof l.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{l=t.stateNode,Gf(e,t),a=t.memoizedProps,u=t.type===t.elementType?a:tt(t.type,a),l.props=u,p=t.pendingProps,f=l.context,c=n.contextType,typeof c=="object"&&c!==null?c=Qe(c):(c=Me(n)?vn:je.current,c=er(t,c));var y=n.getDerivedStateFromProps;(d=typeof y=="function"||typeof l.getSnapshotBeforeUpdate=="function")||typeof l.UNSAFE_componentWillReceiveProps!="function"&&typeof l.componentWillReceiveProps!="function"||(a!==p||f!==c)&&Iu(t,l,r,c),It=!1,f=t.memoizedState,l.state=f,Eo(t,r,l,i);var x=t.memoizedState;a!==p||f!==x||Re.current||It?(typeof y=="function"&&(Il(t,n,y,r),x=t.memoizedState),(u=It||Du(t,n,u,r,f,x,c)||!1)?(d||typeof l.UNSAFE_componentWillUpdate!="function"&&typeof l.componentWillUpdate!="function"||(typeof l.componentWillUpdate=="function"&&l.componentWillUpdate(r,x,c),typeof l.UNSAFE_componentWillUpdate=="function"&&l.UNSAFE_componentWillUpdate(r,x,c)),typeof l.componentDidUpdate=="function"&&(t.flags|=4),typeof l.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof l.componentDidUpdate!="function"||a===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof l.getSnapshotBeforeUpdate!="function"||a===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=x),l.props=r,l.state=x,l.context=c,r=u):(typeof l.componentDidUpdate!="function"||a===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof l.getSnapshotBeforeUpdate!="function"||a===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return Vl(e,t,n,r,o,i)}function Vl(e,t,n,r,i,o){xh(e,t);var l=(t.flags&128)!==0;if(!r&&!l)return i&&Au(t,n,!1),Et(e,t,o);r=t.stateNode,Py.current=t;var a=l&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&l?(t.child=nr(t,e.child,null,o),t.child=nr(t,null,a,o)):be(e,t,a,o),t.memoizedState=r.state,i&&Au(t,n,!0),t.child}function vh(e){var t=e.stateNode;t.pendingContext?Cu(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Cu(e,t.context,!1),Ha(e,t.containerInfo)}function Wu(e,t,n,r,i){return tr(),Oa(i),t.flags|=256,be(e,t,n,r),t.child}var Nl={dehydrated:null,treeContext:null,retryLane:0};function $l(e){return{baseLanes:e,cachePool:null,transitions:null}}function wh(e,t,n){var r=t.pendingProps,i=Z.current,o=!1,l=(t.flags&128)!==0,a;if((a=l)||(a=e!==null&&e.memoizedState===null?!1:(i&2)!==0),a?(o=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(i|=1),H(Z,i&1),e===null)return zl(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=r.children,e=r.fallback,o?(r=t.mode,o=t.child,l={mode:"hidden",children:l},!(r&1)&&o!==null?(o.childLanes=0,o.pendingProps=l):o=ts(l,r,0,null),e=yn(e,r,n,null),o.return=t,e.return=t,o.sibling=e,t.child=o,t.child.memoizedState=$l(n),t.memoizedState=Nl,e):Za(t,l));if(i=e.memoizedState,i!==null&&(a=i.dehydrated,a!==null))return _y(e,t,l,r,a,i,n);if(o){o=r.fallback,l=t.mode,i=e.child,a=i.sibling;var c={mode:"hidden",children:r.children};return!(l&1)&&t.child!==i?(r=t.child,r.childLanes=0,r.pendingProps=c,t.deletions=null):(r=Xt(i,c),r.subtreeFlags=i.subtreeFlags&14680064),a!==null?o=Xt(a,o):(o=yn(o,l,n,null),o.flags|=2),o.return=t,r.return=t,r.sibling=o,t.child=r,r=o,o=t.child,l=e.child.memoizedState,l=l===null?$l(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},o.memoizedState=l,o.childLanes=e.childLanes&~n,t.memoizedState=Nl,r}return o=e.child,e=o.sibling,r=Xt(o,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Za(e,t){return t=ts({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function Ni(e,t,n,r){return r!==null&&Oa(r),nr(t,e.child,null,n),e=Za(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function _y(e,t,n,r,i,o,l){if(n)return t.flags&256?(t.flags&=-257,r=Is(Error(P(422))),Ni(e,t,l,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(o=r.fallback,i=t.mode,r=ts({mode:"visible",children:r.children},i,0,null),o=yn(o,i,l,null),o.flags|=2,r.return=t,o.return=t,r.sibling=o,t.child=r,t.mode&1&&nr(t,e.child,null,l),t.child.memoizedState=$l(l),t.memoizedState=Nl,o);if(!(t.mode&1))return Ni(e,t,l,null);if(i.data==="$!"){if(r=i.nextSibling&&i.nextSibling.dataset,r)var a=r.dgst;return r=a,o=Error(P(419)),r=Is(o,r,void 0),Ni(e,t,l,r)}if(a=(l&e.childLanes)!==0,_e||a){if(r=fe,r!==null){switch(l&-l){case 4:i=2;break;case 16:i=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:i=32;break;case 536870912:i=268435456;break;default:i=0}i=i&(r.suspendedLanes|l)?0:i,i!==0&&i!==o.retryLane&&(o.retryLane=i,At(e,i),ot(r,e,i,-1))}return ic(),r=Is(Error(P(421))),Ni(e,t,l,r)}return i.data==="$?"?(t.flags|=128,t.child=e.child,t=Wy.bind(null,e),i._reactRetry=t,null):(e=o.treeContext,Ie=Ut(i.nextSibling),Fe=t,Q=!0,rt=null,e!==null&&(Ge[Ye++]=wt,Ge[Ye++]=St,Ge[Ye++]=wn,wt=e.id,St=e.overflow,wn=t),t=Za(t,r.children),t.flags|=4096,t)}function Hu(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Dl(e.return,t,n)}function Fs(e,t,n,r,i){var o=e.memoizedState;o===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:i}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailMode=i)}function Sh(e,t,n){var r=t.pendingProps,i=r.revealOrder,o=r.tail;if(be(e,t,r.children,n),r=Z.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Hu(e,n,t);else if(e.tag===19)Hu(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(H(Z,r),!(t.mode&1))t.memoizedState=null;else switch(i){case"forwards":for(n=t.child,i=null;n!==null;)e=n.alternate,e!==null&&Po(e)===null&&(i=n),n=n.sibling;n=i,n===null?(i=t.child,t.child=null):(i=n.sibling,n.sibling=null),Fs(t,!1,i,n,o);break;case"backwards":for(n=null,i=t.child,t.child=null;i!==null;){if(e=i.alternate,e!==null&&Po(e)===null){t.child=i;break}e=i.sibling,i.sibling=n,n=i,i=e}Fs(t,!0,n,null,o);break;case"together":Fs(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function oo(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Et(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),kn|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(P(153));if(t.child!==null){for(e=t.child,n=Xt(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Xt(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Ry(e,t,n){switch(t.tag){case 3:vh(t),tr();break;case 5:Yf(t);break;case 1:Me(t.type)&&jo(t);break;case 4:Ha(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,i=t.memoizedProps.value;H(Co,r._currentValue),r._currentValue=i;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(H(Z,Z.current&1),t.flags|=128,null):n&t.child.childLanes?wh(e,t,n):(H(Z,Z.current&1),e=Et(e,t,n),e!==null?e.sibling:null);H(Z,Z.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return Sh(e,t,n);t.flags|=128}if(i=t.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),H(Z,Z.current),r)break;return null;case 22:case 23:return t.lanes=0,yh(e,t,n)}return Et(e,t,n)}var kh,Wl,jh,bh;kh=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};Wl=function(){};jh=function(e,t,n,r){var i=e.memoizedProps;if(i!==r){e=t.stateNode,hn(ht.current);var o=null;switch(n){case"input":i=dl(e,i),r=dl(e,r),o=[];break;case"select":i=te({},i,{value:void 0}),r=te({},r,{value:void 0}),o=[];break;case"textarea":i=hl(e,i),r=hl(e,r),o=[];break;default:typeof i.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=So)}gl(n,r);var l;n=null;for(u in i)if(!r.hasOwnProperty(u)&&i.hasOwnProperty(u)&&i[u]!=null)if(u==="style"){var a=i[u];for(l in a)a.hasOwnProperty(l)&&(n||(n={}),n[l]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(Gr.hasOwnProperty(u)?o||(o=[]):(o=o||[]).push(u,null));for(u in r){var c=r[u];if(a=i!=null?i[u]:void 0,r.hasOwnProperty(u)&&c!==a&&(c!=null||a!=null))if(u==="style")if(a){for(l in a)!a.hasOwnProperty(l)||c&&c.hasOwnProperty(l)||(n||(n={}),n[l]="");for(l in c)c.hasOwnProperty(l)&&a[l]!==c[l]&&(n||(n={}),n[l]=c[l])}else n||(o||(o=[]),o.push(u,n)),n=c;else u==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,a=a?a.__html:void 0,c!=null&&a!==c&&(o=o||[]).push(u,c)):u==="children"?typeof c!="string"&&typeof c!="number"||(o=o||[]).push(u,""+c):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(Gr.hasOwnProperty(u)?(c!=null&&u==="onScroll"&&G("scroll",e),o||a===c||(o=[])):(o=o||[]).push(u,c))}n&&(o=o||[]).push("style",n);var u=o;(t.updateQueue=u)&&(t.flags|=4)}};bh=function(e,t,n,r){n!==r&&(t.flags|=4)};function kr(e,t){if(!Q)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ve(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags&14680064,r|=i.flags&14680064,i.return=e,i=i.sibling;else for(i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags,r|=i.flags,i.return=e,i=i.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function My(e,t,n){var r=t.pendingProps;switch(Fa(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return ve(t),null;case 1:return Me(t.type)&&ko(),ve(t),null;case 3:return r=t.stateNode,rr(),Y(Re),Y(je),Ga(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Bi(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,rt!==null&&(ql(rt),rt=null))),Wl(e,t),ve(t),null;case 5:Ua(t);var i=hn(ii.current);if(n=t.type,e!==null&&t.stateNode!=null)jh(e,t,n,r,i),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(P(166));return ve(t),null}if(e=hn(ht.current),Bi(t)){r=t.stateNode,n=t.type;var o=t.memoizedProps;switch(r[pt]=t,r[ni]=o,e=(t.mode&1)!==0,n){case"dialog":G("cancel",r),G("close",r);break;case"iframe":case"object":case"embed":G("load",r);break;case"video":case"audio":for(i=0;i<Pr.length;i++)G(Pr[i],r);break;case"source":G("error",r);break;case"img":case"image":case"link":G("error",r),G("load",r);break;case"details":G("toggle",r);break;case"input":Jc(r,o),G("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!o.multiple},G("invalid",r);break;case"textarea":tu(r,o),G("invalid",r)}gl(n,o),i=null;for(var l in o)if(o.hasOwnProperty(l)){var a=o[l];l==="children"?typeof a=="string"?r.textContent!==a&&(o.suppressHydrationWarning!==!0&&Oi(r.textContent,a,e),i=["children",a]):typeof a=="number"&&r.textContent!==""+a&&(o.suppressHydrationWarning!==!0&&Oi(r.textContent,a,e),i=["children",""+a]):Gr.hasOwnProperty(l)&&a!=null&&l==="onScroll"&&G("scroll",r)}switch(n){case"input":_i(r),eu(r,o,!0);break;case"textarea":_i(r),nu(r);break;case"select":case"option":break;default:typeof o.onClick=="function"&&(r.onclick=So)}r=i,t.updateQueue=r,r!==null&&(t.flags|=4)}else{l=i.nodeType===9?i:i.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=qp(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=l.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),n==="select"&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[pt]=t,e[ni]=r,kh(e,t,!1,!1),t.stateNode=e;e:{switch(l=yl(n,r),n){case"dialog":G("cancel",e),G("close",e),i=r;break;case"iframe":case"object":case"embed":G("load",e),i=r;break;case"video":case"audio":for(i=0;i<Pr.length;i++)G(Pr[i],e);i=r;break;case"source":G("error",e),i=r;break;case"img":case"image":case"link":G("error",e),G("load",e),i=r;break;case"details":G("toggle",e),i=r;break;case"input":Jc(e,r),i=dl(e,r),G("invalid",e);break;case"option":i=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},i=te({},r,{value:void 0}),G("invalid",e);break;case"textarea":tu(e,r),i=hl(e,r),G("invalid",e);break;default:i=r}gl(n,i),a=i;for(o in a)if(a.hasOwnProperty(o)){var c=a[o];o==="style"?ef(e,c):o==="dangerouslySetInnerHTML"?(c=c?c.__html:void 0,c!=null&&Zp(e,c)):o==="children"?typeof c=="string"?(n!=="textarea"||c!=="")&&Yr(e,c):typeof c=="number"&&Yr(e,""+c):o!=="suppressContentEditableWarning"&&o!=="suppressHydrationWarning"&&o!=="autoFocus"&&(Gr.hasOwnProperty(o)?c!=null&&o==="onScroll"&&G("scroll",e):c!=null&&ka(e,o,c,l))}switch(n){case"input":_i(e),eu(e,r,!1);break;case"textarea":_i(e),nu(e);break;case"option":r.value!=null&&e.setAttribute("value",""+Qt(r.value));break;case"select":e.multiple=!!r.multiple,o=r.value,o!=null?Yn(e,!!r.multiple,o,!1):r.defaultValue!=null&&Yn(e,!!r.multiple,r.defaultValue,!0);break;default:typeof i.onClick=="function"&&(e.onclick=So)}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)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return ve(t),null;case 6:if(e&&t.stateNode!=null)bh(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(P(166));if(n=hn(ii.current),hn(ht.current),Bi(t)){if(r=t.stateNode,n=t.memoizedProps,r[pt]=t,(o=r.nodeValue!==n)&&(e=Fe,e!==null))switch(e.tag){case 3:Oi(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Oi(r.nodeValue,n,(e.mode&1)!==0)}o&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[pt]=t,t.stateNode=r}return ve(t),null;case 13:if(Y(Z),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(Q&&Ie!==null&&t.mode&1&&!(t.flags&128))$f(),tr(),t.flags|=98560,o=!1;else if(o=Bi(t),r!==null&&r.dehydrated!==null){if(e===null){if(!o)throw Error(P(318));if(o=t.memoizedState,o=o!==null?o.dehydrated:null,!o)throw Error(P(317));o[pt]=t}else tr(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;ve(t),o=!1}else rt!==null&&(ql(rt),rt=null),o=!0;if(!o)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(r=r!==null,r!==(e!==null&&e.memoizedState!==null)&&r&&(t.child.flags|=8192,t.mode&1&&(e===null||Z.current&1?ue===0&&(ue=3):ic())),t.updateQueue!==null&&(t.flags|=4),ve(t),null);case 4:return rr(),Wl(e,t),e===null&&ei(t.stateNode.containerInfo),ve(t),null;case 10:return Na(t.type._context),ve(t),null;case 17:return Me(t.type)&&ko(),ve(t),null;case 19:if(Y(Z),o=t.memoizedState,o===null)return ve(t),null;if(r=(t.flags&128)!==0,l=o.rendering,l===null)if(r)kr(o,!1);else{if(ue!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(l=Po(e),l!==null){for(t.flags|=128,kr(o,!1),r=l.updateQueue,r!==null&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;n!==null;)o=n,e=r,o.flags&=14680066,l=o.alternate,l===null?(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=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return H(Z,Z.current&1|2),t.child}e=e.sibling}o.tail!==null&&se()>or&&(t.flags|=128,r=!0,kr(o,!1),t.lanes=4194304)}else{if(!r)if(e=Po(l),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),kr(o,!0),o.tail===null&&o.tailMode==="hidden"&&!l.alternate&&!Q)return ve(t),null}else 2*se()-o.renderingStartTime>or&&n!==1073741824&&(t.flags|=128,r=!0,kr(o,!1),t.lanes=4194304);o.isBackwards?(l.sibling=t.child,t.child=l):(n=o.last,n!==null?n.sibling=l:t.child=l,o.last=l)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=se(),t.sibling=null,n=Z.current,H(Z,r?n&1|2:n&1),t):(ve(t),null);case 22:case 23:return rc(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?De&1073741824&&(ve(t),t.subtreeFlags&6&&(t.flags|=8192)):ve(t),null;case 24:return null;case 25:return null}throw Error(P(156,t.tag))}function Ly(e,t){switch(Fa(t),t.tag){case 1:return Me(t.type)&&ko(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return rr(),Y(Re),Y(je),Ga(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Ua(t),null;case 13:if(Y(Z),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(P(340));tr()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Y(Z),null;case 4:return rr(),null;case 10:return Na(t.type._context),null;case 22:case 23:return rc(),null;case 24:return null;default:return null}}var $i=!1,Se=!1,zy=typeof WeakSet=="function"?WeakSet:Set,M=null;function Bn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){re(e,t,r)}else n.current=null}function Hl(e,t,n){try{n()}catch(r){re(e,t,r)}}var Uu=!1;function Dy(e,t){if(Al=xo,e=Pf(),Da(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var i=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break e}var l=0,a=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var y;p!==n||i!==0&&p.nodeType!==3||(a=l+i),p!==o||r!==0&&p.nodeType!==3||(c=l+r),p.nodeType===3&&(l+=p.nodeValue.length),(y=p.firstChild)!==null;)f=p,p=y;for(;;){if(p===e)break t;if(f===n&&++u===i&&(a=l),f===o&&++d===r&&(c=l),(y=p.nextSibling)!==null)break;p=f,f=p.parentNode}p=y}n=a===-1||c===-1?null:{start:a,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(El={focusedElem:e,selectionRange:n},xo=!1,M=t;M!==null;)if(t=M,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,M=e;else for(;M!==null;){t=M;try{var x=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(x!==null){var v=x.memoizedProps,S=x.memoizedState,m=t.stateNode,h=m.getSnapshotBeforeUpdate(t.elementType===t.type?v:tt(t.type,v),S);m.__reactInternalSnapshotBeforeUpdate=h}break;case 3:var g=t.stateNode.containerInfo;g.nodeType===1?g.textContent="":g.nodeType===9&&g.documentElement&&g.removeChild(g.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(P(163))}}catch(w){re(t,t.return,w)}if(e=t.sibling,e!==null){e.return=t.return,M=e;break}M=t.return}return x=Uu,Uu=!1,x}function Br(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var i=r=r.next;do{if((i.tag&e)===e){var o=i.destroy;i.destroy=void 0,o!==void 0&&Hl(t,n,o)}i=i.next}while(i!==r)}}function Jo(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==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 Ul(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Th(e){var t=e.alternate;t!==null&&(e.alternate=null,Th(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[pt],delete t[ni],delete t[Rl],delete t[yy],delete t[xy])),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 Ch(e){return e.tag===5||e.tag===3||e.tag===4}function Gu(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Ch(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Gl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=So));else if(r!==4&&(e=e.child,e!==null))for(Gl(e,t,n),e=e.sibling;e!==null;)Gl(e,t,n),e=e.sibling}function Yl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Yl(e,t,n),e=e.sibling;e!==null;)Yl(e,t,n),e=e.sibling}var he=null,nt=!1;function Mt(e,t,n){for(n=n.child;n!==null;)Ah(e,t,n),n=n.sibling}function Ah(e,t,n){if(ft&&typeof ft.onCommitFiberUnmount=="function")try{ft.onCommitFiberUnmount(Uo,n)}catch{}switch(n.tag){case 5:Se||Bn(n,t);case 6:var r=he,i=nt;he=null,Mt(e,t,n),he=r,nt=i,he!==null&&(nt?(e=he,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):he.removeChild(n.stateNode));break;case 18:he!==null&&(nt?(e=he,n=n.stateNode,e.nodeType===8?_s(e.parentNode,n):e.nodeType===1&&_s(e,n),qr(e)):_s(he,n.stateNode));break;case 4:r=he,i=nt,he=n.stateNode.containerInfo,nt=!0,Mt(e,t,n),he=r,nt=i;break;case 0:case 11:case 14:case 15:if(!Se&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){i=r=r.next;do{var o=i,l=o.destroy;o=o.tag,l!==void 0&&(o&2||o&4)&&Hl(n,t,l),i=i.next}while(i!==r)}Mt(e,t,n);break;case 1:if(!Se&&(Bn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(a){re(n,t,a)}Mt(e,t,n);break;case 21:Mt(e,t,n);break;case 22:n.mode&1?(Se=(r=Se)||n.memoizedState!==null,Mt(e,t,n),Se=r):Mt(e,t,n);break;default:Mt(e,t,n)}}function Yu(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new zy),t.forEach(function(r){var i=Hy.bind(null,e,r);n.has(r)||(n.add(r),r.then(i,i))})}}function Ze(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var i=n[r];try{var o=e,l=t,a=l;e:for(;a!==null;){switch(a.tag){case 5:he=a.stateNode,nt=!1;break e;case 3:he=a.stateNode.containerInfo,nt=!0;break e;case 4:he=a.stateNode.containerInfo,nt=!0;break e}a=a.return}if(he===null)throw Error(P(160));Ah(o,l,i),he=null,nt=!1;var c=i.alternate;c!==null&&(c.return=null),i.return=null}catch(u){re(i,t,u)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)Eh(t,e),t=t.sibling}function Eh(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(Ze(t,e),ct(e),r&4){try{Br(3,e,e.return),Jo(3,e)}catch(v){re(e,e.return,v)}try{Br(5,e,e.return)}catch(v){re(e,e.return,v)}}break;case 1:Ze(t,e),ct(e),r&512&&n!==null&&Bn(n,n.return);break;case 5:if(Ze(t,e),ct(e),r&512&&n!==null&&Bn(n,n.return),e.flags&32){var i=e.stateNode;try{Yr(i,"")}catch(v){re(e,e.return,v)}}if(r&4&&(i=e.stateNode,i!=null)){var o=e.memoizedProps,l=n!==null?n.memoizedProps:o,a=e.type,c=e.updateQueue;if(e.updateQueue=null,c!==null)try{a==="input"&&o.type==="radio"&&o.name!=null&&Xp(i,o),yl(a,l);var u=yl(a,o);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];d==="style"?ef(i,p):d==="dangerouslySetInnerHTML"?Zp(i,p):d==="children"?Yr(i,p):ka(i,d,p,u)}switch(a){case"input":pl(i,o);break;case"textarea":Qp(i,o);break;case"select":var f=i._wrapperState.wasMultiple;i._wrapperState.wasMultiple=!!o.multiple;var y=o.value;y!=null?Yn(i,!!o.multiple,y,!1):f!==!!o.multiple&&(o.defaultValue!=null?Yn(i,!!o.multiple,o.defaultValue,!0):Yn(i,!!o.multiple,o.multiple?[]:"",!1))}i[ni]=o}catch(v){re(e,e.return,v)}}break;case 6:if(Ze(t,e),ct(e),r&4){if(e.stateNode===null)throw Error(P(162));i=e.stateNode,o=e.memoizedProps;try{i.nodeValue=o}catch(v){re(e,e.return,v)}}break;case 3:if(Ze(t,e),ct(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{qr(t.containerInfo)}catch(v){re(e,e.return,v)}break;case 4:Ze(t,e),ct(e);break;case 13:Ze(t,e),ct(e),i=e.child,i.flags&8192&&(o=i.memoizedState!==null,i.stateNode.isHidden=o,!o||i.alternate!==null&&i.alternate.memoizedState!==null||(tc=se())),r&4&&Yu(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(Se=(u=Se)||d,Ze(t,e),Se=u):Ze(t,e),ct(e),r&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(M=e,d=e.child;d!==null;){for(p=M=d;M!==null;){switch(f=M,y=f.child,f.tag){case 0:case 11:case 14:case 15:Br(4,f,f.return);break;case 1:Bn(f,f.return);var x=f.stateNode;if(typeof x.componentWillUnmount=="function"){r=f,n=f.return;try{t=r,x.props=t.memoizedProps,x.state=t.memoizedState,x.componentWillUnmount()}catch(v){re(r,n,v)}}break;case 5:Bn(f,f.return);break;case 22:if(f.memoizedState!==null){Xu(p);continue}}y!==null?(y.return=f,M=y):Xu(p)}d=d.sibling}e:for(d=null,p=e;;){if(p.tag===5){if(d===null){d=p;try{i=p.stateNode,u?(o=i.style,typeof o.setProperty=="function"?o.setProperty("display","none","important"):o.display="none"):(a=p.stateNode,c=p.memoizedProps.style,l=c!=null&&c.hasOwnProperty("display")?c.display:null,a.style.display=Jp("display",l))}catch(v){re(e,e.return,v)}}}else if(p.tag===6){if(d===null)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(v){re(e,e.return,v)}}else if((p.tag!==22&&p.tag!==23||p.memoizedState===null||p===e)&&p.child!==null){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;p.sibling===null;){if(p.return===null||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:Ze(t,e),ct(e),r&4&&Yu(e);break;case 21:break;default:Ze(t,e),ct(e)}}function ct(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(Ch(n)){var r=n;break e}n=n.return}throw Error(P(160))}switch(r.tag){case 5:var i=r.stateNode;r.flags&32&&(Yr(i,""),r.flags&=-33);var o=Gu(e);Yl(e,o,i);break;case 3:case 4:var l=r.stateNode.containerInfo,a=Gu(e);Gl(e,a,l);break;default:throw Error(P(161))}}catch(c){re(e,e.return,c)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function Iy(e,t,n){M=e,Ph(e)}function Ph(e,t,n){for(var r=(e.mode&1)!==0;M!==null;){var i=M,o=i.child;if(i.tag===22&&r){var l=i.memoizedState!==null||$i;if(!l){var a=i.alternate,c=a!==null&&a.memoizedState!==null||Se;a=$i;var u=Se;if($i=l,(Se=c)&&!u)for(M=i;M!==null;)l=M,c=l.child,l.tag===22&&l.memoizedState!==null?Qu(i):c!==null?(c.return=l,M=c):Qu(i);for(;o!==null;)M=o,Ph(o),o=o.sibling;M=i,$i=a,Se=u}Ku(e)}else i.subtreeFlags&8772&&o!==null?(o.return=i,M=o):Ku(e)}}function Ku(e){for(;M!==null;){var t=M;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:Se||Jo(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!Se)if(n===null)r.componentDidMount();else{var i=t.elementType===t.type?n.memoizedProps:tt(t.type,n.memoizedProps);r.componentDidUpdate(i,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var o=t.updateQueue;o!==null&&Mu(t,o,r);break;case 3:var l=t.updateQueue;if(l!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}Mu(t,l,n)}break;case 5:var a=t.stateNode;if(n===null&&t.flags&4){n=a;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:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var u=t.alternate;if(u!==null){var d=u.memoizedState;if(d!==null){var p=d.dehydrated;p!==null&&qr(p)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(P(163))}Se||t.flags&512&&Ul(t)}catch(f){re(t,t.return,f)}}if(t===e){M=null;break}if(n=t.sibling,n!==null){n.return=t.return,M=n;break}M=t.return}}function Xu(e){for(;M!==null;){var t=M;if(t===e){M=null;break}var n=t.sibling;if(n!==null){n.return=t.return,M=n;break}M=t.return}}function Qu(e){for(;M!==null;){var t=M;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{Jo(4,t)}catch(c){re(t,n,c)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var i=t.return;try{r.componentDidMount()}catch(c){re(t,i,c)}}var o=t.return;try{Ul(t)}catch(c){re(t,o,c)}break;case 5:var l=t.return;try{Ul(t)}catch(c){re(t,l,c)}}}catch(c){re(t,t.return,c)}if(t===e){M=null;break}var a=t.sibling;if(a!==null){a.return=t.return,M=a;break}M=t.return}}var Fy=Math.ceil,Mo=_t.ReactCurrentDispatcher,Ja=_t.ReactCurrentOwner,Xe=_t.ReactCurrentBatchConfig,$=0,fe=null,ae=null,ge=0,De=0,Vn=tn(0),ue=0,ai=null,kn=0,es=0,ec=0,Vr=null,Pe=null,tc=0,or=1/0,yt=null,Lo=!1,Kl=null,Yt=null,Wi=!1,Vt=null,zo=0,Nr=0,Xl=null,so=-1,lo=0;function Te(){return $&6?se():so!==-1?so:so=se()}function Kt(e){return e.mode&1?$&2&&ge!==0?ge&-ge:wy.transition!==null?(lo===0&&(lo=ff()),lo):(e=W,e!==0||(e=window.event,e=e===void 0?16:wf(e.type)),e):1}function ot(e,t,n,r){if(50<Nr)throw Nr=0,Xl=null,Error(P(185));yi(e,n,r),(!($&2)||e!==fe)&&(e===fe&&(!($&2)&&(es|=n),ue===4&&Ot(e,ge)),Le(e,r),n===1&&$===0&&!(t.mode&1)&&(or=se()+500,Qo&&nn()))}function Le(e,t){var n=e.callbackNode;wg(e,t);var r=yo(e,e===fe?ge:0);if(r===0)n!==null&&ou(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&ou(n),t===1)e.tag===0?vy(qu.bind(null,e)):Bf(qu.bind(null,e)),my(function(){!($&6)&&nn()}),n=null;else{switch(hf(r)){case 1:n=Aa;break;case 4:n=df;break;case 16:n=go;break;case 536870912:n=pf;break;default:n=go}n=Fh(n,_h.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function _h(e,t){if(so=-1,lo=0,$&6)throw Error(P(327));var n=e.callbackNode;if(Zn()&&e.callbackNode!==n)return null;var r=yo(e,e===fe?ge:0);if(r===0)return null;if(r&30||r&e.expiredLanes||t)t=Do(e,r);else{t=r;var i=$;$|=2;var o=Mh();(fe!==e||ge!==t)&&(yt=null,or=se()+500,gn(e,t));do try{Vy();break}catch(a){Rh(e,a)}while(!0);Va(),Mo.current=o,$=i,ae!==null?t=0:(fe=null,ge=0,t=ue)}if(t!==0){if(t===2&&(i=kl(e),i!==0&&(r=i,t=Ql(e,i))),t===1)throw n=ai,gn(e,0),Ot(e,r),Le(e,se()),n;if(t===6)Ot(e,r);else{if(i=e.current.alternate,!(r&30)&&!Oy(i)&&(t=Do(e,r),t===2&&(o=kl(e),o!==0&&(r=o,t=Ql(e,o))),t===1))throw n=ai,gn(e,0),Ot(e,r),Le(e,se()),n;switch(e.finishedWork=i,e.finishedLanes=r,t){case 0:case 1:throw Error(P(345));case 2:cn(e,Pe,yt);break;case 3:if(Ot(e,r),(r&130023424)===r&&(t=tc+500-se(),10<t)){if(yo(e,0)!==0)break;if(i=e.suspendedLanes,(i&r)!==r){Te(),e.pingedLanes|=e.suspendedLanes&i;break}e.timeoutHandle=_l(cn.bind(null,e,Pe,yt),t);break}cn(e,Pe,yt);break;case 4:if(Ot(e,r),(r&4194240)===r)break;for(t=e.eventTimes,i=-1;0<r;){var l=31-it(r);o=1<<l,l=t[l],l>i&&(i=l),r&=~o}if(r=i,r=se()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Fy(r/1960))-r,10<r){e.timeoutHandle=_l(cn.bind(null,e,Pe,yt),r);break}cn(e,Pe,yt);break;case 5:cn(e,Pe,yt);break;default:throw Error(P(329))}}}return Le(e,se()),e.callbackNode===n?_h.bind(null,e):null}function Ql(e,t){var n=Vr;return e.current.memoizedState.isDehydrated&&(gn(e,t).flags|=256),e=Do(e,t),e!==2&&(t=Pe,Pe=n,t!==null&&ql(t)),e}function ql(e){Pe===null?Pe=e:Pe.push.apply(Pe,e)}function Oy(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var i=n[r],o=i.getSnapshot;i=i.value;try{if(!st(o(),i))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Ot(e,t){for(t&=~ec,t&=~es,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function qu(e){if($&6)throw Error(P(327));Zn();var t=yo(e,0);if(!(t&1))return Le(e,se()),null;var n=Do(e,t);if(e.tag!==0&&n===2){var r=kl(e);r!==0&&(t=r,n=Ql(e,r))}if(n===1)throw n=ai,gn(e,0),Ot(e,t),Le(e,se()),n;if(n===6)throw Error(P(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,cn(e,Pe,yt),Le(e,se()),null}function nc(e,t){var n=$;$|=1;try{return e(t)}finally{$=n,$===0&&(or=se()+500,Qo&&nn())}}function jn(e){Vt!==null&&Vt.tag===0&&!($&6)&&Zn();var t=$;$|=1;var n=Xe.transition,r=W;try{if(Xe.transition=null,W=1,e)return e()}finally{W=r,Xe.transition=n,$=t,!($&6)&&nn()}}function rc(){De=Vn.current,Y(Vn)}function gn(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,hy(n)),ae!==null)for(n=ae.return;n!==null;){var r=n;switch(Fa(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&ko();break;case 3:rr(),Y(Re),Y(je),Ga();break;case 5:Ua(r);break;case 4:rr();break;case 13:Y(Z);break;case 19:Y(Z);break;case 10:Na(r.type._context);break;case 22:case 23:rc()}n=n.return}if(fe=e,ae=e=Xt(e.current,null),ge=De=t,ue=0,ai=null,ec=es=kn=0,Pe=Vr=null,fn!==null){for(t=0;t<fn.length;t++)if(n=fn[t],r=n.interleaved,r!==null){n.interleaved=null;var i=r.next,o=n.pending;if(o!==null){var l=o.next;o.next=i,r.next=l}n.pending=r}fn=null}return e}function Rh(e,t){do{var n=ae;try{if(Va(),ro.current=Ro,_o){for(var r=ee.memoizedState;r!==null;){var i=r.queue;i!==null&&(i.pending=null),r=r.next}_o=!1}if(Sn=0,pe=ce=ee=null,Or=!1,oi=0,Ja.current=null,n===null||n.return===null){ue=1,ai=t,ae=null;break}e:{var o=e,l=n.return,a=n,c=t;if(t=ge,a.flags|=32768,c!==null&&typeof c=="object"&&typeof c.then=="function"){var u=c,d=a,p=d.tag;if(!(d.mode&1)&&(p===0||p===11||p===15)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var y=Ou(l);if(y!==null){y.flags&=-257,Bu(y,l,a,o,t),y.mode&1&&Fu(o,u,t),t=y,c=u;var x=t.updateQueue;if(x===null){var v=new Set;v.add(c),t.updateQueue=v}else x.add(c);break e}else{if(!(t&1)){Fu(o,u,t),ic();break e}c=Error(P(426))}}else if(Q&&a.mode&1){var S=Ou(l);if(S!==null){!(S.flags&65536)&&(S.flags|=256),Bu(S,l,a,o,t),Oa(ir(c,a));break e}}o=c=ir(c,a),ue!==4&&(ue=2),Vr===null?Vr=[o]:Vr.push(o),o=l;do{switch(o.tag){case 3:o.flags|=65536,t&=-t,o.lanes|=t;var m=hh(o,c,t);Ru(o,m);break e;case 1:a=c;var h=o.type,g=o.stateNode;if(!(o.flags&128)&&(typeof h.getDerivedStateFromError=="function"||g!==null&&typeof g.componentDidCatch=="function"&&(Yt===null||!Yt.has(g)))){o.flags|=65536,t&=-t,o.lanes|=t;var w=mh(o,a,t);Ru(o,w);break e}}o=o.return}while(o!==null)}zh(n)}catch(j){t=j,ae===n&&n!==null&&(ae=n=n.return);continue}break}while(!0)}function Mh(){var e=Mo.current;return Mo.current=Ro,e===null?Ro:e}function ic(){(ue===0||ue===3||ue===2)&&(ue=4),fe===null||!(kn&268435455)&&!(es&268435455)||Ot(fe,ge)}function Do(e,t){var n=$;$|=2;var r=Mh();(fe!==e||ge!==t)&&(yt=null,gn(e,t));do try{By();break}catch(i){Rh(e,i)}while(!0);if(Va(),$=n,Mo.current=r,ae!==null)throw Error(P(261));return fe=null,ge=0,ue}function By(){for(;ae!==null;)Lh(ae)}function Vy(){for(;ae!==null&&!dg();)Lh(ae)}function Lh(e){var t=Ih(e.alternate,e,De);e.memoizedProps=e.pendingProps,t===null?zh(e):ae=t,Ja.current=null}function zh(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=Ly(n,t),n!==null){n.flags&=32767,ae=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{ue=6,ae=null;return}}else if(n=My(n,t,De),n!==null){ae=n;return}if(t=t.sibling,t!==null){ae=t;return}ae=t=e}while(t!==null);ue===0&&(ue=5)}function cn(e,t,n){var r=W,i=Xe.transition;try{Xe.transition=null,W=1,Ny(e,t,n,r)}finally{Xe.transition=i,W=r}return null}function Ny(e,t,n,r){do Zn();while(Vt!==null);if($&6)throw Error(P(327));n=e.finishedWork;var i=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(P(177));e.callbackNode=null,e.callbackPriority=0;var o=n.lanes|n.childLanes;if(Sg(e,o),e===fe&&(ae=fe=null,ge=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||Wi||(Wi=!0,Fh(go,function(){return Zn(),null})),o=(n.flags&15990)!==0,n.subtreeFlags&15990||o){o=Xe.transition,Xe.transition=null;var l=W;W=1;var a=$;$|=4,Ja.current=null,Dy(e,n),Eh(n,e),ly(El),xo=!!Al,El=Al=null,e.current=n,Iy(n),pg(),$=a,W=l,Xe.transition=o}else e.current=n;if(Wi&&(Wi=!1,Vt=e,zo=i),o=e.pendingLanes,o===0&&(Yt=null),mg(n.stateNode),Le(e,se()),t!==null)for(r=e.onRecoverableError,n=0;n<t.length;n++)i=t[n],r(i.value,{componentStack:i.stack,digest:i.digest});if(Lo)throw Lo=!1,e=Kl,Kl=null,e;return zo&1&&e.tag!==0&&Zn(),o=e.pendingLanes,o&1?e===Xl?Nr++:(Nr=0,Xl=e):Nr=0,nn(),null}function Zn(){if(Vt!==null){var e=hf(zo),t=Xe.transition,n=W;try{if(Xe.transition=null,W=16>e?16:e,Vt===null)var r=!1;else{if(e=Vt,Vt=null,zo=0,$&6)throw Error(P(331));var i=$;for($|=4,M=e.current;M!==null;){var o=M,l=o.child;if(M.flags&16){var a=o.deletions;if(a!==null){for(var c=0;c<a.length;c++){var u=a[c];for(M=u;M!==null;){var d=M;switch(d.tag){case 0:case 11:case 15:Br(8,d,o)}var p=d.child;if(p!==null)p.return=d,M=p;else for(;M!==null;){d=M;var f=d.sibling,y=d.return;if(Th(d),d===u){M=null;break}if(f!==null){f.return=y,M=f;break}M=y}}}var x=o.alternate;if(x!==null){var v=x.child;if(v!==null){x.child=null;do{var S=v.sibling;v.sibling=null,v=S}while(v!==null)}}M=o}}if(o.subtreeFlags&2064&&l!==null)l.return=o,M=l;else e:for(;M!==null;){if(o=M,o.flags&2048)switch(o.tag){case 0:case 11:case 15:Br(9,o,o.return)}var m=o.sibling;if(m!==null){m.return=o.return,M=m;break e}M=o.return}}var h=e.current;for(M=h;M!==null;){l=M;var g=l.child;if(l.subtreeFlags&2064&&g!==null)g.return=l,M=g;else e:for(l=h;M!==null;){if(a=M,a.flags&2048)try{switch(a.tag){case 0:case 11:case 15:Jo(9,a)}}catch(j){re(a,a.return,j)}if(a===l){M=null;break e}var w=a.sibling;if(w!==null){w.return=a.return,M=w;break e}M=a.return}}if($=i,nn(),ft&&typeof ft.onPostCommitFiberRoot=="function")try{ft.onPostCommitFiberRoot(Uo,e)}catch{}r=!0}return r}finally{W=n,Xe.transition=t}}return!1}function Zu(e,t,n){t=ir(n,t),t=hh(e,t,1),e=Gt(e,t,1),t=Te(),e!==null&&(yi(e,1,t),Le(e,t))}function re(e,t,n){if(e.tag===3)Zu(e,e,n);else for(;t!==null;){if(t.tag===3){Zu(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(Yt===null||!Yt.has(r))){e=ir(n,e),e=mh(t,e,1),t=Gt(t,e,1),e=Te(),t!==null&&(yi(t,1,e),Le(t,e));break}}t=t.return}}function $y(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=Te(),e.pingedLanes|=e.suspendedLanes&n,fe===e&&(ge&n)===n&&(ue===4||ue===3&&(ge&130023424)===ge&&500>se()-tc?gn(e,0):ec|=n),Le(e,t)}function Dh(e,t){t===0&&(e.mode&1?(t=Li,Li<<=1,!(Li&130023424)&&(Li=4194304)):t=1);var n=Te();e=At(e,t),e!==null&&(yi(e,t,n),Le(e,n))}function Wy(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Dh(e,n)}function Hy(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(P(314))}r!==null&&r.delete(t),Dh(e,n)}var Ih;Ih=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Re.current)_e=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return _e=!1,Ry(e,t,n);_e=!!(e.flags&131072)}else _e=!1,Q&&t.flags&1048576&&Vf(t,To,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;oo(e,t),e=t.pendingProps;var i=er(t,je.current);qn(t,n),i=Ka(null,t,r,e,i,n);var o=Xa();return t.flags|=1,typeof i=="object"&&i!==null&&typeof i.render=="function"&&i.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Me(r)?(o=!0,jo(t)):o=!1,t.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,Wa(t),i.updater=Zo,t.stateNode=i,i._reactInternals=t,Fl(t,r,e,n),t=Vl(null,t,r,!0,o,n)):(t.tag=0,Q&&o&&Ia(t),be(null,t,i,n),t=t.child),t;case 16:r=t.elementType;e:{switch(oo(e,t),e=t.pendingProps,i=r._init,r=i(r._payload),t.type=r,i=t.tag=Gy(r),e=tt(r,e),i){case 0:t=Bl(null,t,r,e,n);break e;case 1:t=$u(null,t,r,e,n);break e;case 11:t=Vu(null,t,r,e,n);break e;case 14:t=Nu(null,t,r,tt(r.type,e),n);break e}throw Error(P(306,r,""))}return t;case 0:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:tt(r,i),Bl(e,t,r,i,n);case 1:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:tt(r,i),$u(e,t,r,i,n);case 3:e:{if(vh(t),e===null)throw Error(P(387));r=t.pendingProps,o=t.memoizedState,i=o.element,Gf(e,t),Eo(t,r,null,n);var l=t.memoizedState;if(r=l.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){i=ir(Error(P(423)),t),t=Wu(e,t,r,n,i);break e}else if(r!==i){i=ir(Error(P(424)),t),t=Wu(e,t,r,n,i);break e}else for(Ie=Ut(t.stateNode.containerInfo.firstChild),Fe=t,Q=!0,rt=null,n=Hf(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(tr(),r===i){t=Et(e,t,n);break e}be(e,t,r,n)}t=t.child}return t;case 5:return Yf(t),e===null&&zl(t),r=t.type,i=t.pendingProps,o=e!==null?e.memoizedProps:null,l=i.children,Pl(r,i)?l=null:o!==null&&Pl(r,o)&&(t.flags|=32),xh(e,t),be(e,t,l,n),t.child;case 6:return e===null&&zl(t),null;case 13:return wh(e,t,n);case 4:return Ha(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=nr(t,null,r,n):be(e,t,r,n),t.child;case 11:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:tt(r,i),Vu(e,t,r,i,n);case 7:return be(e,t,t.pendingProps,n),t.child;case 8:return be(e,t,t.pendingProps.children,n),t.child;case 12:return be(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,i=t.pendingProps,o=t.memoizedProps,l=i.value,H(Co,r._currentValue),r._currentValue=l,o!==null)if(st(o.value,l)){if(o.children===i.children&&!Re.current){t=Et(e,t,n);break e}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var a=o.dependencies;if(a!==null){l=o.child;for(var c=a.firstContext;c!==null;){if(c.context===r){if(o.tag===1){c=kt(-1,n&-n),c.tag=2;var u=o.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}o.lanes|=n,c=o.alternate,c!==null&&(c.lanes|=n),Dl(o.return,n,t),a.lanes|=n;break}c=c.next}}else if(o.tag===10)l=o.type===t.type?null:o.child;else if(o.tag===18){if(l=o.return,l===null)throw Error(P(341));l.lanes|=n,a=l.alternate,a!==null&&(a.lanes|=n),Dl(l,n,t),l=o.sibling}else l=o.child;if(l!==null)l.return=o;else for(l=o;l!==null;){if(l===t){l=null;break}if(o=l.sibling,o!==null){o.return=l.return,l=o;break}l=l.return}o=l}be(e,t,i.children,n),t=t.child}return t;case 9:return i=t.type,r=t.pendingProps.children,qn(t,n),i=Qe(i),r=r(i),t.flags|=1,be(e,t,r,n),t.child;case 14:return r=t.type,i=tt(r,t.pendingProps),i=tt(r.type,i),Nu(e,t,r,i,n);case 15:return gh(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,i=t.pendingProps,i=t.elementType===r?i:tt(r,i),oo(e,t),t.tag=1,Me(r)?(e=!0,jo(t)):e=!1,qn(t,n),fh(t,r,i),Fl(t,r,i,n),Vl(null,t,r,!0,e,n);case 19:return Sh(e,t,n);case 22:return yh(e,t,n)}throw Error(P(156,t.tag))};function Fh(e,t){return uf(e,t)}function Uy(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 Ke(e,t,n,r){return new Uy(e,t,n,r)}function oc(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Gy(e){if(typeof e=="function")return oc(e)?1:0;if(e!=null){if(e=e.$$typeof,e===ba)return 11;if(e===Ta)return 14}return 2}function Xt(e,t){var n=e.alternate;return n===null?(n=Ke(e.tag,t,e.key,e.mode),n.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=e.flags&14680064,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=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function ao(e,t,n,r,i,o){var l=2;if(r=e,typeof e=="function")oc(e)&&(l=1);else if(typeof e=="string")l=5;else e:switch(e){case _n:return yn(n.children,i,o,t);case ja:l=8,i|=8;break;case ll:return e=Ke(12,n,t,i|2),e.elementType=ll,e.lanes=o,e;case al:return e=Ke(13,n,t,i),e.elementType=al,e.lanes=o,e;case cl:return e=Ke(19,n,t,i),e.elementType=cl,e.lanes=o,e;case Gp:return ts(n,i,o,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Hp:l=10;break e;case Up:l=9;break e;case ba:l=11;break e;case Ta:l=14;break e;case Dt:l=16,r=null;break e}throw Error(P(130,e==null?e:typeof e,""))}return t=Ke(l,n,t,i),t.elementType=e,t.type=r,t.lanes=o,t}function yn(e,t,n,r){return e=Ke(7,e,r,t),e.lanes=n,e}function ts(e,t,n,r){return e=Ke(22,e,r,t),e.elementType=Gp,e.lanes=n,e.stateNode={isHidden:!1},e}function Os(e,t,n){return e=Ke(6,e,null,t),e.lanes=n,e}function Bs(e,t,n){return t=Ke(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Yy(e,t,n,r,i){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=vs(0),this.expirationTimes=vs(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=vs(0),this.identifierPrefix=r,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function sc(e,t,n,r,i,o,l,a,c){return e=new Yy(e,t,n,a,c),t===1?(t=1,o===!0&&(t|=8)):t=0,o=Ke(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Wa(o),e}function Ky(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:Pn,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function Oh(e){if(!e)return qt;e=e._reactInternals;e:{if(Cn(e)!==e||e.tag!==1)throw Error(P(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Me(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(P(171))}if(e.tag===1){var n=e.type;if(Me(n))return Of(e,n,t)}return t}function Bh(e,t,n,r,i,o,l,a,c){return e=sc(n,r,!0,e,i,o,l,a,c),e.context=Oh(null),n=e.current,r=Te(),i=Kt(n),o=kt(r,i),o.callback=t??null,Gt(n,o,i),e.current.lanes=i,yi(e,i,r),Le(e,r),e}function ns(e,t,n,r){var i=t.current,o=Te(),l=Kt(i);return n=Oh(n),t.context===null?t.context=n:t.pendingContext=n,t=kt(o,l),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=Gt(i,t,l),e!==null&&(ot(e,i,l,o),no(e,i,l)),l}function Io(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function Ju(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function lc(e,t){Ju(e,t),(e=e.alternate)&&Ju(e,t)}function Xy(){return null}var Vh=typeof reportError=="function"?reportError:function(e){console.error(e)};function ac(e){this._internalRoot=e}rs.prototype.render=ac.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(P(409));ns(e,t,null,null)};rs.prototype.unmount=ac.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;jn(function(){ns(null,e,null,null)}),t[Ct]=null}};function rs(e){this._internalRoot=e}rs.prototype.unstable_scheduleHydration=function(e){if(e){var t=yf();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Ft.length&&t!==0&&t<Ft[n].priority;n++);Ft.splice(n,0,e),n===0&&vf(e)}};function cc(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function is(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function ed(){}function Qy(e,t,n,r,i){if(i){if(typeof r=="function"){var o=r;r=function(){var u=Io(l);o.call(u)}}var l=Bh(t,r,e,0,null,!1,!1,"",ed);return e._reactRootContainer=l,e[Ct]=l.current,ei(e.nodeType===8?e.parentNode:e),jn(),l}for(;i=e.lastChild;)e.removeChild(i);if(typeof r=="function"){var a=r;r=function(){var u=Io(c);a.call(u)}}var c=sc(e,0,!1,null,null,!1,!1,"",ed);return e._reactRootContainer=c,e[Ct]=c.current,ei(e.nodeType===8?e.parentNode:e),jn(function(){ns(t,c,n,r)}),c}function os(e,t,n,r,i){var o=n._reactRootContainer;if(o){var l=o;if(typeof i=="function"){var a=i;i=function(){var c=Io(l);a.call(c)}}ns(t,l,e,i)}else l=Qy(n,t,e,i,r);return Io(l)}mf=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Er(t.pendingLanes);n!==0&&(Ea(t,n|1),Le(t,se()),!($&6)&&(or=se()+500,nn()))}break;case 13:jn(function(){var r=At(e,1);if(r!==null){var i=Te();ot(r,e,1,i)}}),lc(e,1)}};Pa=function(e){if(e.tag===13){var t=At(e,134217728);if(t!==null){var n=Te();ot(t,e,134217728,n)}lc(e,134217728)}};gf=function(e){if(e.tag===13){var t=Kt(e),n=At(e,t);if(n!==null){var r=Te();ot(n,e,t,r)}lc(e,t)}};yf=function(){return W};xf=function(e,t){var n=W;try{return W=e,t()}finally{W=n}};vl=function(e,t,n){switch(t){case"input":if(pl(e,n),t=n.name,n.type==="radio"&&t!=null){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 i=Xo(r);if(!i)throw Error(P(90));Kp(r),pl(r,i)}}}break;case"textarea":Qp(e,n);break;case"select":t=n.value,t!=null&&Yn(e,!!n.multiple,t,!1)}};rf=nc;of=jn;var qy={usingClientEntryPoint:!1,Events:[vi,zn,Xo,tf,nf,nc]},jr={findFiberByHostInstance:pn,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},Zy={bundleType:jr.bundleType,version:jr.version,rendererPackageName:jr.rendererPackageName,rendererConfig:jr.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:_t.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=af(e),e===null?null:e.stateNode},findFiberByHostInstance:jr.findFiberByHostInstance||Xy,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var Hi=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Hi.isDisabled&&Hi.supportsFiber)try{Uo=Hi.inject(Zy),ft=Hi}catch{}}Ne.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=qy;Ne.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!cc(t))throw Error(P(200));return Ky(e,t,null,n)};Ne.createRoot=function(e,t){if(!cc(e))throw Error(P(299));var n=!1,r="",i=Vh;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(i=t.onRecoverableError)),t=sc(e,1,!1,null,null,n,!1,r,i),e[Ct]=t.current,ei(e.nodeType===8?e.parentNode:e),new ac(t)};Ne.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(P(188)):(e=Object.keys(e).join(","),Error(P(268,e)));return e=af(t),e=e===null?null:e.stateNode,e};Ne.flushSync=function(e){return jn(e)};Ne.hydrate=function(e,t,n){if(!is(t))throw Error(P(200));return os(null,e,t,!0,n)};Ne.hydrateRoot=function(e,t,n){if(!cc(e))throw Error(P(405));var r=n!=null&&n.hydratedSources||null,i=!1,o="",l=Vh;if(n!=null&&(n.unstable_strictMode===!0&&(i=!0),n.identifierPrefix!==void 0&&(o=n.identifierPrefix),n.onRecoverableError!==void 0&&(l=n.onRecoverableError)),t=Bh(t,null,e,1,n??null,i,!1,o,l),e[Ct]=t.current,ei(e),r)for(e=0;e<r.length;e++)n=r[e],i=n._getVersion,i=i(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,i]:t.mutableSourceEagerHydrationData.push(n,i);return new rs(t)};Ne.render=function(e,t,n){if(!is(t))throw Error(P(200));return os(null,e,t,!1,n)};Ne.unmountComponentAtNode=function(e){if(!is(e))throw Error(P(40));return e._reactRootContainer?(jn(function(){os(null,null,e,!1,function(){e._reactRootContainer=null,e[Ct]=null})}),!0):!1};Ne.unstable_batchedUpdates=nc;Ne.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!is(n))throw Error(P(200));if(e==null||e._reactInternals===void 0)throw Error(P(38));return os(e,t,n,!1,r)};Ne.version="18.3.1-next-f1338f8080-20240426";function Nh(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Nh)}catch(e){console.error(e)}}Nh(),Vp.exports=Ne;var Jy=Vp.exports,$h,td=Jy;$h=td.createRoot,td.hydrateRoot;const e1={bg:"#07090f",bgRaised:"#0e1422",border:"#283149",borderStrong:"#3a4560",white:"#ffffff",text:"#f8fafd",textMuted:"#d0d8e6",textDim:"#97a1b5",lavender:"#b06bff",lavenderDim:"#7d3ff0",emerald:"#10f0a4",emeraldDim:"#0bc586",diffPlus:"#10f0a4",diffMinus:"#ff5470"},t1={bg:"#fbfcfe",bgRaised:"#ffffff",border:"#c4cddb",borderStrong:"#9fabc0",white:"#0b1020",text:"#161d2b",textMuted:"#3d4657",textDim:"#616c80",lavender:"#7c3aed",lavenderDim:"#9d6bff",emerald:"#059669",emeraldDim:"#0a9d6e",diffPlus:"#059669",diffMinus:"#e11d48"},n1={emerald:"0 0 18px rgba(16,240,164,0.45)",lavender:"0 0 18px rgba(176,107,255,0.45)",emeraldText:"0 0 22px rgba(16,240,164,0.55)",lavenderText:"0 0 22px rgba(176,107,255,0.5)"},r1={emerald:"0 8px 24px rgba(5,150,105,0.18)",lavender:"0 8px 24px rgba(124,58,237,0.16)",emeraldText:"none",lavenderText:"none"},E='ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace',i1=e=>e==="dark"?{mode:e,T:e1,glow:n1}:{mode:e,T:t1,glow:r1},ci=1280,ss=720,Wh=A.createContext(null),Hh="rlenv-slides-theme",o1=()=>{if(typeof window>"u")return"dark";const e=window.localStorage.getItem(Hh);return e==="dark"||e==="light"?e:"dark"};function s1({children:e}){const[t,n]=A.useState(o1),r=A.useCallback(l=>{n(l);try{window.localStorage.setItem(Hh,l)}catch{}},[]),i=A.useCallback(()=>r(t==="dark"?"light":"dark"),[t,r]),o=i1(t);return A.useEffect(()=>{document.documentElement.style.background=o.T.bg,document.body.style.background=o.T.bg},[o.T.bg]),s.jsx(Wh.Provider,{value:{...o,toggle:i,setMode:r},children:e})}function _(){const e=A.useContext(Wh);if(!e)throw new Error("useTheme must be used within ThemeProvider");return e}const uc=A.createContext({});function dc(e){const t=A.useRef(null);return t.current===null&&(t.current=e()),t.current}const ls=A.createContext(null),pc=A.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});class l1 extends A.Component{getSnapshotBeforeUpdate(t){const n=this.props.childRef.current;if(n&&t.isPresent&&!this.props.isPresent){const r=this.props.sizeRef.current;r.height=n.offsetHeight||0,r.width=n.offsetWidth||0,r.top=n.offsetTop,r.left=n.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function a1({children:e,isPresent:t}){const n=A.useId(),r=A.useRef(null),i=A.useRef({width:0,height:0,top:0,left:0}),{nonce:o}=A.useContext(pc);return A.useInsertionEffect(()=>{const{width:l,height:a,top:c,left:u}=i.current;if(t||!r.current||!l||!a)return;r.current.dataset.motionPopId=n;const d=document.createElement("style");return o&&(d.nonce=o),document.head.appendChild(d),d.sheet&&d.sheet.insertRule(`
          [data-motion-pop-id="${n}"] {
            position: absolute !important;
            width: ${l}px !important;
            height: ${a}px !important;
            top: ${c}px !important;
            left: ${u}px !important;
          }
        `),()=>{document.head.removeChild(d)}},[t]),s.jsx(l1,{isPresent:t,childRef:r,sizeRef:i,children:A.cloneElement(e,{ref:r})})}const c1=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:o,mode:l})=>{const a=dc(u1),c=A.useId(),u=A.useCallback(p=>{a.set(p,!0);for(const f of a.values())if(!f)return;r&&r()},[a,r]),d=A.useMemo(()=>({id:c,initial:t,isPresent:n,custom:i,onExitComplete:u,register:p=>(a.set(p,!1),()=>a.delete(p))}),o?[Math.random(),u]:[n,u]);return A.useMemo(()=>{a.forEach((p,f)=>a.set(f,!1))},[n]),A.useEffect(()=>{!n&&!a.size&&r&&r()},[n]),l==="popLayout"&&(e=s.jsx(a1,{isPresent:n,children:e})),s.jsx(ls.Provider,{value:d,children:e})};function u1(){return new Map}function Uh(e=!0){const t=A.useContext(ls);if(t===null)return[!0,null];const{isPresent:n,onExitComplete:r,register:i}=t,o=A.useId();A.useEffect(()=>{e&&i(o)},[e]);const l=A.useCallback(()=>e&&r&&r(o),[o,r,e]);return!n&&r?[!1,l]:[!0]}const Ui=e=>e.key||"";function nd(e){const t=[];return A.Children.forEach(e,n=>{A.isValidElement(n)&&t.push(n)}),t}const fc=typeof window<"u",Gh=fc?A.useLayoutEffect:A.useEffect,rd=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:o="sync",propagate:l=!1})=>{const[a,c]=Uh(l),u=A.useMemo(()=>nd(e),[e]),d=l&&!a?[]:u.map(Ui),p=A.useRef(!0),f=A.useRef(u),y=dc(()=>new Map),[x,v]=A.useState(u),[S,m]=A.useState(u);Gh(()=>{p.current=!1,f.current=u;for(let w=0;w<S.length;w++){const j=Ui(S[w]);d.includes(j)?y.delete(j):y.get(j)!==!0&&y.set(j,!1)}},[S,d.length,d.join("-")]);const h=[];if(u!==x){let w=[...u];for(let j=0;j<S.length;j++){const b=S[j],C=Ui(b);d.includes(C)||(w.splice(j,0,b),h.push(b))}o==="wait"&&h.length&&(w=h),m(nd(w)),v(u);return}const{forceRender:g}=A.useContext(uc);return s.jsx(s.Fragment,{children:S.map(w=>{const j=Ui(w),b=l&&!a?!1:u===S||d.includes(j),C=()=>{if(y.has(j))y.set(j,!0);else return;let T=!0;y.forEach(F=>{F||(T=!1)}),T&&(g==null||g(),m(f.current),l&&(c==null||c()),r&&r())};return s.jsx(c1,{isPresent:b,initial:!p.current||n?void 0:!1,custom:b?void 0:t,presenceAffectsLayout:i,mode:o,onExitComplete:b?void 0:C,children:w},j)})})},Oe=e=>e;let Yh=Oe;function hc(e){let t;return()=>(t===void 0&&(t=e()),t)}const sr=(e,t,n)=>{const r=t-e;return r===0?1:(n-e)/r},jt=e=>e*1e3,bt=e=>e/1e3,d1={useManualTiming:!1};function p1(e){let t=new Set,n=new Set,r=!1,i=!1;const o=new WeakSet;let l={delta:0,timestamp:0,isProcessing:!1};function a(u){o.has(u)&&(c.schedule(u),e()),u(l)}const c={schedule:(u,d=!1,p=!1)=>{const y=p&&r?t:n;return d&&o.add(u),y.has(u)||y.add(u),u},cancel:u=>{n.delete(u),o.delete(u)},process:u=>{if(l=u,r){i=!0;return}r=!0,[t,n]=[n,t],t.forEach(a),t.clear(),r=!1,i&&(i=!1,c.process(u))}};return c}const Gi=["read","resolveKeyframes","update","preRender","render","postRender"],f1=40;function Kh(e,t){let n=!1,r=!0;const i={delta:0,timestamp:0,isProcessing:!1},o=()=>n=!0,l=Gi.reduce((m,h)=>(m[h]=p1(o),m),{}),{read:a,resolveKeyframes:c,update:u,preRender:d,render:p,postRender:f}=l,y=()=>{const m=performance.now();n=!1,i.delta=r?1e3/60:Math.max(Math.min(m-i.timestamp,f1),1),i.timestamp=m,i.isProcessing=!0,a.process(i),c.process(i),u.process(i),d.process(i),p.process(i),f.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(y))},x=()=>{n=!0,r=!0,i.isProcessing||e(y)};return{schedule:Gi.reduce((m,h)=>{const g=l[h];return m[h]=(w,j=!1,b=!1)=>(n||x(),g.schedule(w,j,b)),m},{}),cancel:m=>{for(let h=0;h<Gi.length;h++)l[Gi[h]].cancel(m)},state:i,steps:l}}const{schedule:K,cancel:Zt,state:me,steps:Vs}=Kh(typeof requestAnimationFrame<"u"?requestAnimationFrame:Oe,!0),Xh=A.createContext({strict:!1}),id={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},lr={};for(const e in id)lr[e]={isEnabled:t=>id[e].some(n=>!!t[n])};function h1(e){for(const t in e)lr[t]={...lr[t],...e[t]}}const m1=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Fo(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||m1.has(e)}let Qh=e=>!Fo(e);function g1(e){e&&(Qh=t=>t.startsWith("on")?!Fo(t):e(t))}try{g1(require("@emotion/is-prop-valid").default)}catch{}function y1(e,t,n){const r={};for(const i in e)i==="values"&&typeof e.values=="object"||(Qh(i)||n===!0&&Fo(i)||!t&&!Fo(i)||e.draggable&&i.startsWith("onDrag"))&&(r[i]=e[i]);return r}function x1(e){if(typeof Proxy>"u")return e;const t=new Map,n=(...r)=>e(...r);return new Proxy(n,{get:(r,i)=>i==="create"?e:(t.has(i)||t.set(i,e(i)),t.get(i))})}const as=A.createContext({});function ui(e){return typeof e=="string"||Array.isArray(e)}function cs(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}const mc=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],gc=["initial",...mc];function us(e){return cs(e.animate)||gc.some(t=>ui(e[t]))}function qh(e){return!!(us(e)||e.variants)}function v1(e,t){if(us(e)){const{initial:n,animate:r}=e;return{initial:n===!1||ui(n)?n:void 0,animate:ui(r)?r:void 0}}return e.inherit!==!1?t:{}}function w1(e){const{initial:t,animate:n}=v1(e,A.useContext(as));return A.useMemo(()=>({initial:t,animate:n}),[od(t),od(n)])}function od(e){return Array.isArray(e)?e.join(" "):e}const S1=Symbol.for("motionComponentSymbol");function Nn(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function k1(e,t,n){return A.useCallback(r=>{r&&e.onMount&&e.onMount(r),t&&(r?t.mount(r):t.unmount()),n&&(typeof n=="function"?n(r):Nn(n)&&(n.current=r))},[t])}const yc=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),j1="framerAppearId",Zh="data-"+yc(j1),{schedule:xc}=Kh(queueMicrotask,!1),Jh=A.createContext({});function b1(e,t,n,r,i){var o,l;const{visualElement:a}=A.useContext(as),c=A.useContext(Xh),u=A.useContext(ls),d=A.useContext(pc).reducedMotion,p=A.useRef(null);r=r||c.renderer,!p.current&&r&&(p.current=r(e,{visualState:t,parent:a,props:n,presenceContext:u,blockInitialAnimation:u?u.initial===!1:!1,reducedMotionConfig:d}));const f=p.current,y=A.useContext(Jh);f&&!f.projection&&i&&(f.type==="html"||f.type==="svg")&&T1(p.current,n,i,y);const x=A.useRef(!1);A.useInsertionEffect(()=>{f&&x.current&&f.update(n,u)});const v=n[Zh],S=A.useRef(!!v&&!(!((o=window.MotionHandoffIsComplete)===null||o===void 0)&&o.call(window,v))&&((l=window.MotionHasOptimisedAnimation)===null||l===void 0?void 0:l.call(window,v)));return Gh(()=>{f&&(x.current=!0,window.MotionIsMounted=!0,f.updateFeatures(),xc.render(f.render),S.current&&f.animationState&&f.animationState.animateChanges())}),A.useEffect(()=>{f&&(!S.current&&f.animationState&&f.animationState.animateChanges(),S.current&&(queueMicrotask(()=>{var m;(m=window.MotionHandoffMarkAsComplete)===null||m===void 0||m.call(window,v)}),S.current=!1))}),f}function T1(e,t,n,r){const{layoutId:i,layout:o,drag:l,dragConstraints:a,layoutScroll:c,layoutRoot:u}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:em(e.parent)),e.projection.setOptions({layoutId:i,layout:o,alwaysMeasureLayout:!!l||a&&Nn(a),visualElement:e,animationType:typeof o=="string"?o:"both",initialPromotionConfig:r,layoutScroll:c,layoutRoot:u})}function em(e){if(e)return e.options.allowProjection!==!1?e.projection:em(e.parent)}function C1({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:r,Component:i}){var o,l;e&&h1(e);function a(u,d){let p;const f={...A.useContext(pc),...u,layoutId:A1(u)},{isStatic:y}=f,x=w1(u),v=r(u,y);if(!y&&fc){E1();const S=P1(f);p=S.MeasureLayout,x.visualElement=b1(i,v,f,t,S.ProjectionNode)}return s.jsxs(as.Provider,{value:x,children:[p&&x.visualElement?s.jsx(p,{visualElement:x.visualElement,...f}):null,n(i,u,k1(v,x.visualElement,d),v,y,x.visualElement)]})}a.displayName=`motion.${typeof i=="string"?i:`create(${(l=(o=i.displayName)!==null&&o!==void 0?o:i.name)!==null&&l!==void 0?l:""})`}`;const c=A.forwardRef(a);return c[S1]=i,c}function A1({layoutId:e}){const t=A.useContext(uc).id;return t&&e!==void 0?t+"-"+e:e}function E1(e,t){A.useContext(Xh).strict}function P1(e){const{drag:t,layout:n}=lr;if(!t&&!n)return{};const r={...t,...n};return{MeasureLayout:t!=null&&t.isEnabled(e)||n!=null&&n.isEnabled(e)?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}const _1=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function vc(e){return typeof e!="string"||e.includes("-")?!1:!!(_1.indexOf(e)>-1||/[A-Z]/u.test(e))}function sd(e){const t=[{},{}];return e==null||e.values.forEach((n,r)=>{t[0][r]=n.get(),t[1][r]=n.getVelocity()}),t}function wc(e,t,n,r){if(typeof t=="function"){const[i,o]=sd(r);t=t(n!==void 0?n:e.custom,i,o)}if(typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"){const[i,o]=sd(r);t=t(n!==void 0?n:e.custom,i,o)}return t}const Zl=e=>Array.isArray(e),R1=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),M1=e=>Zl(e)?e[e.length-1]||0:e,ke=e=>!!(e&&e.getVelocity);function co(e){const t=ke(e)?e.get():e;return R1(t)?t.toValue():t}function L1({scrapeMotionValuesFromProps:e,createRenderState:t,onUpdate:n},r,i,o){const l={latestValues:z1(r,i,o,e),renderState:t()};return n&&(l.onMount=a=>n({props:r,current:a,...l}),l.onUpdate=a=>n(a)),l}const tm=e=>(t,n)=>{const r=A.useContext(as),i=A.useContext(ls),o=()=>L1(e,t,r,i);return n?o():dc(o)};function z1(e,t,n,r){const i={},o=r(e,{});for(const f in o)i[f]=co(o[f]);let{initial:l,animate:a}=e;const c=us(e),u=qh(e);t&&u&&!c&&e.inherit!==!1&&(l===void 0&&(l=t.initial),a===void 0&&(a=t.animate));let d=n?n.initial===!1:!1;d=d||l===!1;const p=d?a:l;if(p&&typeof p!="boolean"&&!cs(p)){const f=Array.isArray(p)?p:[p];for(let y=0;y<f.length;y++){const x=wc(e,f[y]);if(x){const{transitionEnd:v,transition:S,...m}=x;for(const h in m){let g=m[h];if(Array.isArray(g)){const w=d?g.length-1:0;g=g[w]}g!==null&&(i[h]=g)}for(const h in v)i[h]=v[h]}}}return i}const fr=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],An=new Set(fr),nm=e=>t=>typeof t=="string"&&t.startsWith(e),rm=nm("--"),D1=nm("var(--"),Sc=e=>D1(e)?I1.test(e.split("/*")[0].trim()):!1,I1=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,im=(e,t)=>t&&typeof e=="number"?t.transform(e):e,Pt=(e,t,n)=>n>t?t:n<e?e:n,hr={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},di={...hr,transform:e=>Pt(0,1,e)},Yi={...hr,default:1},Si=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),zt=Si("deg"),mt=Si("%"),O=Si("px"),F1=Si("vh"),O1=Si("vw"),ld={...mt,parse:e=>mt.parse(e)/100,transform:e=>mt.transform(e*100)},B1={borderWidth:O,borderTopWidth:O,borderRightWidth:O,borderBottomWidth:O,borderLeftWidth:O,borderRadius:O,radius:O,borderTopLeftRadius:O,borderTopRightRadius:O,borderBottomRightRadius:O,borderBottomLeftRadius:O,width:O,maxWidth:O,height:O,maxHeight:O,top:O,right:O,bottom:O,left:O,padding:O,paddingTop:O,paddingRight:O,paddingBottom:O,paddingLeft:O,margin:O,marginTop:O,marginRight:O,marginBottom:O,marginLeft:O,backgroundPositionX:O,backgroundPositionY:O},V1={rotate:zt,rotateX:zt,rotateY:zt,rotateZ:zt,scale:Yi,scaleX:Yi,scaleY:Yi,scaleZ:Yi,skew:zt,skewX:zt,skewY:zt,distance:O,translateX:O,translateY:O,translateZ:O,x:O,y:O,z:O,perspective:O,transformPerspective:O,opacity:di,originX:ld,originY:ld,originZ:O},ad={...hr,transform:Math.round},kc={...B1,...V1,zIndex:ad,size:O,fillOpacity:di,strokeOpacity:di,numOctaves:ad},N1={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},$1=fr.length;function W1(e,t,n){let r="",i=!0;for(let o=0;o<$1;o++){const l=fr[o],a=e[l];if(a===void 0)continue;let c=!0;if(typeof a=="number"?c=a===(l.startsWith("scale")?1:0):c=parseFloat(a)===0,!c||n){const u=im(a,kc[l]);if(!c){i=!1;const d=N1[l]||l;r+=`${d}(${u}) `}n&&(t[l]=u)}}return r=r.trim(),n?r=n(t,i?"":r):i&&(r="none"),r}function jc(e,t,n){const{style:r,vars:i,transformOrigin:o}=e;let l=!1,a=!1;for(const c in t){const u=t[c];if(An.has(c)){l=!0;continue}else if(rm(c)){i[c]=u;continue}else{const d=im(u,kc[c]);c.startsWith("origin")?(a=!0,o[c]=d):r[c]=d}}if(t.transform||(l||n?r.transform=W1(t,e.transform,n):r.transform&&(r.transform="none")),a){const{originX:c="50%",originY:u="50%",originZ:d=0}=o;r.transformOrigin=`${c} ${u} ${d}`}}const H1={offset:"stroke-dashoffset",array:"stroke-dasharray"},U1={offset:"strokeDashoffset",array:"strokeDasharray"};function G1(e,t,n=1,r=0,i=!0){e.pathLength=1;const o=i?H1:U1;e[o.offset]=O.transform(-r);const l=O.transform(t),a=O.transform(n);e[o.array]=`${l} ${a}`}function cd(e,t,n){return typeof e=="string"?e:O.transform(t+n*e)}function Y1(e,t,n){const r=cd(t,e.x,e.width),i=cd(n,e.y,e.height);return`${r} ${i}`}function bc(e,{attrX:t,attrY:n,attrScale:r,originX:i,originY:o,pathLength:l,pathSpacing:a=1,pathOffset:c=0,...u},d,p){if(jc(e,u,p),d){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:f,style:y,dimensions:x}=e;f.transform&&(x&&(y.transform=f.transform),delete f.transform),x&&(i!==void 0||o!==void 0||y.transform)&&(y.transformOrigin=Y1(x,i!==void 0?i:.5,o!==void 0?o:.5)),t!==void 0&&(f.x=t),n!==void 0&&(f.y=n),r!==void 0&&(f.scale=r),l!==void 0&&G1(f,l,a,c,!1)}const Tc=()=>({style:{},transform:{},transformOrigin:{},vars:{}}),om=()=>({...Tc(),attrs:{}}),Cc=e=>typeof e=="string"&&e.toLowerCase()==="svg";function sm(e,{style:t,vars:n},r,i){Object.assign(e.style,t,i&&i.getProjectionStyles(r));for(const o in n)e.style.setProperty(o,n[o])}const lm=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function am(e,t,n,r){sm(e,t,void 0,r);for(const i in t.attrs)e.setAttribute(lm.has(i)?i:yc(i),t.attrs[i])}const Oo={};function K1(e){Object.assign(Oo,e)}function cm(e,{layout:t,layoutId:n}){return An.has(e)||e.startsWith("origin")||(t||n!==void 0)&&(!!Oo[e]||e==="opacity")}function Ac(e,t,n){var r;const{style:i}=e,o={};for(const l in i)(ke(i[l])||t.style&&ke(t.style[l])||cm(l,e)||((r=n==null?void 0:n.getValue(l))===null||r===void 0?void 0:r.liveStyle)!==void 0)&&(o[l]=i[l]);return o}function um(e,t,n){const r=Ac(e,t,n);for(const i in e)if(ke(e[i])||ke(t[i])){const o=fr.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;r[o]=e[i]}return r}function X1(e,t){try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}const ud=["x","y","width","height","cx","cy","r"],Q1={useVisualState:tm({scrapeMotionValuesFromProps:um,createRenderState:om,onUpdate:({props:e,prevProps:t,current:n,renderState:r,latestValues:i})=>{if(!n)return;let o=!!e.drag;if(!o){for(const a in i)if(An.has(a)){o=!0;break}}if(!o)return;let l=!t;if(t)for(let a=0;a<ud.length;a++){const c=ud[a];e[c]!==t[c]&&(l=!0)}l&&K.read(()=>{X1(n,r),K.render(()=>{bc(r,i,Cc(n.tagName),e.transformTemplate),am(n,r)})})}})},q1={useVisualState:tm({scrapeMotionValuesFromProps:Ac,createRenderState:Tc})};function dm(e,t,n){for(const r in t)!ke(t[r])&&!cm(r,n)&&(e[r]=t[r])}function Z1({transformTemplate:e},t){return A.useMemo(()=>{const n=Tc();return jc(n,t,e),Object.assign({},n.vars,n.style)},[t])}function J1(e,t){const n=e.style||{},r={};return dm(r,n,e),Object.assign(r,Z1(e,t)),r}function ex(e,t){const n={},r=J1(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}function tx(e,t,n,r){const i=A.useMemo(()=>{const o=om();return bc(o,t,Cc(r),e.transformTemplate),{...o.attrs,style:{...o.style}}},[t]);if(e.style){const o={};dm(o,e.style,e),i.style={...o,...i.style}}return i}function nx(e=!1){return(n,r,i,{latestValues:o},l)=>{const c=(vc(n)?tx:ex)(r,o,l,n),u=y1(r,typeof n=="string",e),d=n!==A.Fragment?{...u,...c,ref:i}:{},{children:p}=r,f=A.useMemo(()=>ke(p)?p.get():p,[p]);return A.createElement(n,{...d,children:f})}}function rx(e,t){return function(r,{forwardMotionProps:i}={forwardMotionProps:!1}){const l={...vc(r)?Q1:q1,preloadedFeatures:e,useRender:nx(i),createVisualElement:t,Component:r};return C1(l)}}function pm(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let r=0;r<n;r++)if(t[r]!==e[r])return!1;return!0}function ds(e,t,n){const r=e.getProps();return wc(r,t,n!==void 0?n:r.custom,e)}const ix=hc(()=>window.ScrollTimeline!==void 0);class ox{constructor(t){this.stop=()=>this.runAll("stop"),this.animations=t.filter(Boolean)}get finished(){return Promise.all(this.animations.map(t=>"finished"in t?t.finished:t))}getAll(t){return this.animations[0][t]}setAll(t,n){for(let r=0;r<this.animations.length;r++)this.animations[r][t]=n}attachTimeline(t,n){const r=this.animations.map(i=>{if(ix()&&i.attachTimeline)return i.attachTimeline(t);if(typeof n=="function")return n(i)});return()=>{r.forEach((i,o)=>{i&&i(),this.animations[o].stop()})}}get time(){return this.getAll("time")}set time(t){this.setAll("time",t)}get speed(){return this.getAll("speed")}set speed(t){this.setAll("speed",t)}get startTime(){return this.getAll("startTime")}get duration(){let t=0;for(let n=0;n<this.animations.length;n++)t=Math.max(t,this.animations[n].duration);return t}runAll(t){this.animations.forEach(n=>n[t]())}flatten(){this.runAll("flatten")}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}class sx extends ox{then(t,n){return Promise.all(this.animations).then(t).catch(n)}}function Ec(e,t){return e?e[t]||e.default||e:void 0}const Jl=2e4;function fm(e){let t=0;const n=50;let r=e.next(t);for(;!r.done&&t<Jl;)t+=n,r=e.next(t);return t>=Jl?1/0:t}function Pc(e){return typeof e=="function"}function dd(e,t){e.timeline=t,e.onfinish=null}const _c=e=>Array.isArray(e)&&typeof e[0]=="number",lx={linearEasing:void 0};function ax(e,t){const n=hc(e);return()=>{var r;return(r=lx[t])!==null&&r!==void 0?r:n()}}const Bo=ax(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),hm=(e,t,n=10)=>{let r="";const i=Math.max(Math.round(t/n),2);for(let o=0;o<i;o++)r+=e(sr(0,i-1,o))+", ";return`linear(${r.substring(0,r.length-2)})`};function mm(e){return!!(typeof e=="function"&&Bo()||!e||typeof e=="string"&&(e in ea||Bo())||_c(e)||Array.isArray(e)&&e.every(mm))}const _r=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,ea={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:_r([0,.65,.55,1]),circOut:_r([.55,0,1,.45]),backIn:_r([.31,.01,.66,-.59]),backOut:_r([.33,1.53,.69,.99])};function gm(e,t){if(e)return typeof e=="function"&&Bo()?hm(e,t):_c(e)?_r(e):Array.isArray(e)?e.map(n=>gm(n,t)||ea.easeOut):ea[e]}const et={x:!1,y:!1};function ym(){return et.x||et.y}function cx(e,t,n){var r;if(e instanceof Element)return[e];if(typeof e=="string"){let i=document;const o=(r=void 0)!==null&&r!==void 0?r:i.querySelectorAll(e);return o?Array.from(o):[]}return Array.from(e)}function xm(e,t){const n=cx(e),r=new AbortController,i={passive:!0,...t,signal:r.signal};return[n,i,()=>r.abort()]}function pd(e){return t=>{t.pointerType==="touch"||ym()||e(t)}}function ux(e,t,n={}){const[r,i,o]=xm(e,n),l=pd(a=>{const{target:c}=a,u=t(a);if(typeof u!="function"||!c)return;const d=pd(p=>{u(p),c.removeEventListener("pointerleave",d)});c.addEventListener("pointerleave",d,i)});return r.forEach(a=>{a.addEventListener("pointerenter",l,i)}),o}const vm=(e,t)=>t?e===t?!0:vm(e,t.parentElement):!1,Rc=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,dx=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function px(e){return dx.has(e.tagName)||e.tabIndex!==-1}const Rr=new WeakSet;function fd(e){return t=>{t.key==="Enter"&&e(t)}}function Ns(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const fx=(e,t)=>{const n=e.currentTarget;if(!n)return;const r=fd(()=>{if(Rr.has(n))return;Ns(n,"down");const i=fd(()=>{Ns(n,"up")}),o=()=>Ns(n,"cancel");n.addEventListener("keyup",i,t),n.addEventListener("blur",o,t)});n.addEventListener("keydown",r,t),n.addEventListener("blur",()=>n.removeEventListener("keydown",r),t)};function hd(e){return Rc(e)&&!ym()}function hx(e,t,n={}){const[r,i,o]=xm(e,n),l=a=>{const c=a.currentTarget;if(!hd(a)||Rr.has(c))return;Rr.add(c);const u=t(a),d=(y,x)=>{window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",f),!(!hd(y)||!Rr.has(c))&&(Rr.delete(c),typeof u=="function"&&u(y,{success:x}))},p=y=>{d(y,n.useGlobalTarget||vm(c,y.target))},f=y=>{d(y,!1)};window.addEventListener("pointerup",p,i),window.addEventListener("pointercancel",f,i)};return r.forEach(a=>{!px(a)&&a.getAttribute("tabindex")===null&&(a.tabIndex=0),(n.useGlobalTarget?window:a).addEventListener("pointerdown",l,i),a.addEventListener("focus",u=>fx(u,i),i)}),o}function mx(e){return e==="x"||e==="y"?et[e]?null:(et[e]=!0,()=>{et[e]=!1}):et.x||et.y?null:(et.x=et.y=!0,()=>{et.x=et.y=!1})}const wm=new Set(["width","height","top","left","right","bottom",...fr]);let uo;function gx(){uo=void 0}const gt={now:()=>(uo===void 0&&gt.set(me.isProcessing||d1.useManualTiming?me.timestamp:performance.now()),uo),set:e=>{uo=e,queueMicrotask(gx)}};function Mc(e,t){e.indexOf(t)===-1&&e.push(t)}function Lc(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}class zc{constructor(){this.subscriptions=[]}add(t){return Mc(this.subscriptions,t),()=>Lc(this.subscriptions,t)}notify(t,n,r){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,n,r);else for(let o=0;o<i;o++){const l=this.subscriptions[o];l&&l(t,n,r)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function Sm(e,t){return t?e*(1e3/t):0}const md=30,yx=e=>!isNaN(parseFloat(e));class xx{constructor(t,n={}){this.version="11.18.2",this.canTrackVelocity=null,this.events={},this.updateAndNotify=(r,i=!0)=>{const o=gt.now();this.updatedAt!==o&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(r),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),i&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(t),this.owner=n.owner}setCurrent(t){this.current=t,this.updatedAt=gt.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=yx(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new zc);const r=this.events[t].add(n);return t==="change"?()=>{r(),K.read(()=>{this.events.change.getSize()||this.stop()})}:r}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t,n=!0){!n||!this.passiveEffect?this.updateAndNotify(t,n):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,n,r){this.set(n),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-r}jump(t,n=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=gt.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>md)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,md);return Sm(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function pi(e,t){return new xx(e,t)}function vx(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,pi(n))}function wx(e,t){const n=ds(e,t);let{transitionEnd:r={},transition:i={},...o}=n||{};o={...o,...r};for(const l in o){const a=M1(o[l]);vx(e,l,a)}}function Sx(e){return!!(ke(e)&&e.add)}function ta(e,t){const n=e.getValue("willChange");if(Sx(n))return n.add(t)}function km(e){return e.props[Zh]}const jm=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,kx=1e-7,jx=12;function bx(e,t,n,r,i){let o,l,a=0;do l=t+(n-t)/2,o=jm(l,r,i)-e,o>0?n=l:t=l;while(Math.abs(o)>kx&&++a<jx);return l}function ki(e,t,n,r){if(e===t&&n===r)return Oe;const i=o=>bx(o,0,1,e,n);return o=>o===0||o===1?o:jm(i(o),t,r)}const bm=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Tm=e=>t=>1-e(1-t),Cm=ki(.33,1.53,.69,.99),Dc=Tm(Cm),Am=bm(Dc),Em=e=>(e*=2)<1?.5*Dc(e):.5*(2-Math.pow(2,-10*(e-1))),Ic=e=>1-Math.sin(Math.acos(e)),Pm=Tm(Ic),_m=bm(Ic),Rm=e=>/^0[^.\s]+$/u.test(e);function Tx(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||Rm(e):!0}const $r=e=>Math.round(e*1e5)/1e5,Fc=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Cx(e){return e==null}const Ax=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,Oc=(e,t)=>n=>!!(typeof n=="string"&&Ax.test(n)&&n.startsWith(e)||t&&!Cx(n)&&Object.prototype.hasOwnProperty.call(n,t)),Mm=(e,t,n)=>r=>{if(typeof r!="string")return r;const[i,o,l,a]=r.match(Fc);return{[e]:parseFloat(i),[t]:parseFloat(o),[n]:parseFloat(l),alpha:a!==void 0?parseFloat(a):1}},Ex=e=>Pt(0,255,e),$s={...hr,transform:e=>Math.round(Ex(e))},mn={test:Oc("rgb","red"),parse:Mm("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+$s.transform(e)+", "+$s.transform(t)+", "+$s.transform(n)+", "+$r(di.transform(r))+")"};function Px(e){let t="",n="",r="",i="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}const na={test:Oc("#"),parse:Px,transform:mn.transform},$n={test:Oc("hsl","hue"),parse:Mm("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+mt.transform($r(t))+", "+mt.transform($r(n))+", "+$r(di.transform(r))+")"},we={test:e=>mn.test(e)||na.test(e)||$n.test(e),parse:e=>mn.test(e)?mn.parse(e):$n.test(e)?$n.parse(e):na.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?mn.transform(e):$n.transform(e)},_x=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function Rx(e){var t,n;return isNaN(e)&&typeof e=="string"&&(((t=e.match(Fc))===null||t===void 0?void 0:t.length)||0)+(((n=e.match(_x))===null||n===void 0?void 0:n.length)||0)>0}const Lm="number",zm="color",Mx="var",Lx="var(",gd="${}",zx=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function fi(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},i=[];let o=0;const a=t.replace(zx,c=>(we.test(c)?(r.color.push(o),i.push(zm),n.push(we.parse(c))):c.startsWith(Lx)?(r.var.push(o),i.push(Mx),n.push(c)):(r.number.push(o),i.push(Lm),n.push(parseFloat(c))),++o,gd)).split(gd);return{values:n,split:a,indexes:r,types:i}}function Dm(e){return fi(e).values}function Im(e){const{split:t,types:n}=fi(e),r=t.length;return i=>{let o="";for(let l=0;l<r;l++)if(o+=t[l],i[l]!==void 0){const a=n[l];a===Lm?o+=$r(i[l]):a===zm?o+=we.transform(i[l]):o+=i[l]}return o}}const Dx=e=>typeof e=="number"?0:e;function Ix(e){const t=Dm(e);return Im(e)(t.map(Dx))}const Jt={test:Rx,parse:Dm,createTransformer:Im,getAnimatableNone:Ix},Fx=new Set(["brightness","contrast","saturate","opacity"]);function Ox(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[r]=n.match(Fc)||[];if(!r)return e;const i=n.replace(r,"");let o=Fx.has(t)?1:0;return r!==n&&(o*=100),t+"("+o+i+")"}const Bx=/\b([a-z-]*)\(.*?\)/gu,ra={...Jt,getAnimatableNone:e=>{const t=e.match(Bx);return t?t.map(Ox).join(" "):e}},Vx={...kc,color:we,backgroundColor:we,outlineColor:we,fill:we,stroke:we,borderColor:we,borderTopColor:we,borderRightColor:we,borderBottomColor:we,borderLeftColor:we,filter:ra,WebkitFilter:ra},Bc=e=>Vx[e];function Fm(e,t){let n=Bc(e);return n!==ra&&(n=Jt),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const Nx=new Set(["auto","none","0"]);function $x(e,t,n){let r=0,i;for(;r<e.length&&!i;){const o=e[r];typeof o=="string"&&!Nx.has(o)&&fi(o).values.length&&(i=e[r]),r++}if(i&&n)for(const o of t)e[o]=Fm(n,i)}const yd=e=>e===hr||e===O,xd=(e,t)=>parseFloat(e.split(", ")[t]),vd=(e,t)=>(n,{transform:r})=>{if(r==="none"||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/u);if(i)return xd(i[1],t);{const o=r.match(/^matrix\((.+)\)$/u);return o?xd(o[1],e):0}},Wx=new Set(["x","y","z"]),Hx=fr.filter(e=>!Wx.has(e));function Ux(e){const t=[];return Hx.forEach(n=>{const r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),t}const ar={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:vd(4,13),y:vd(5,14)};ar.translateX=ar.x;ar.translateY=ar.y;const xn=new Set;let ia=!1,oa=!1;function Om(){if(oa){const e=Array.from(xn).filter(r=>r.needsMeasurement),t=new Set(e.map(r=>r.element)),n=new Map;t.forEach(r=>{const i=Ux(r);i.length&&(n.set(r,i),r.render())}),e.forEach(r=>r.measureInitialState()),t.forEach(r=>{r.render();const i=n.get(r);i&&i.forEach(([o,l])=>{var a;(a=r.getValue(o))===null||a===void 0||a.set(l)})}),e.forEach(r=>r.measureEndState()),e.forEach(r=>{r.suspendedScrollY!==void 0&&window.scrollTo(0,r.suspendedScrollY)})}oa=!1,ia=!1,xn.forEach(e=>e.complete()),xn.clear()}function Bm(){xn.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(oa=!0)})}function Gx(){Bm(),Om()}class Vc{constructor(t,n,r,i,o,l=!1){this.isComplete=!1,this.isAsync=!1,this.needsMeasurement=!1,this.isScheduled=!1,this.unresolvedKeyframes=[...t],this.onComplete=n,this.name=r,this.motionValue=i,this.element=o,this.isAsync=l}scheduleResolve(){this.isScheduled=!0,this.isAsync?(xn.add(this),ia||(ia=!0,K.read(Bm),K.resolveKeyframes(Om))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:n,element:r,motionValue:i}=this;for(let o=0;o<t.length;o++)if(t[o]===null)if(o===0){const l=i==null?void 0:i.get(),a=t[t.length-1];if(l!==void 0)t[0]=l;else if(r&&n){const c=r.readValue(n,a);c!=null&&(t[0]=c)}t[0]===void 0&&(t[0]=a),i&&l===void 0&&i.set(t[0])}else t[o]=t[o-1]}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(){this.isComplete=!0,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe),xn.delete(this)}cancel(){this.isComplete||(this.isScheduled=!1,xn.delete(this))}resume(){this.isComplete||this.scheduleResolve()}}const Vm=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e),Yx=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Kx(e){const t=Yx.exec(e);if(!t)return[,];const[,n,r,i]=t;return[`--${n??r}`,i]}function Nm(e,t,n=1){const[r,i]=Kx(e);if(!r)return;const o=window.getComputedStyle(t).getPropertyValue(r);if(o){const l=o.trim();return Vm(l)?parseFloat(l):l}return Sc(i)?Nm(i,t,n+1):i}const $m=e=>t=>t.test(e),Xx={test:e=>e==="auto",parse:e=>e},Wm=[hr,O,mt,zt,O1,F1,Xx],wd=e=>Wm.find($m(e));class Hm extends Vc{constructor(t,n,r,i,o){super(t,n,r,i,o,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:n,name:r}=this;if(!n||!n.current)return;super.readKeyframes();for(let c=0;c<t.length;c++){let u=t[c];if(typeof u=="string"&&(u=u.trim(),Sc(u))){const d=Nm(u,n.current);d!==void 0&&(t[c]=d),c===t.length-1&&(this.finalKeyframe=u)}}if(this.resolveNoneKeyframes(),!wm.has(r)||t.length!==2)return;const[i,o]=t,l=wd(i),a=wd(o);if(l!==a)if(yd(l)&&yd(a))for(let c=0;c<t.length;c++){const u=t[c];typeof u=="string"&&(t[c]=parseFloat(u))}else this.needsMeasurement=!0}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:n}=this,r=[];for(let i=0;i<t.length;i++)Tx(t[i])&&r.push(i);r.length&&$x(t,r,n)}measureInitialState(){const{element:t,unresolvedKeyframes:n,name:r}=this;if(!t||!t.current)return;r==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=ar[r](t.measureViewportBox(),window.getComputedStyle(t.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&t.getValue(r,i).jump(i,!1)}measureEndState(){var t;const{element:n,name:r,unresolvedKeyframes:i}=this;if(!n||!n.current)return;const o=n.getValue(r);o&&o.jump(this.measuredOrigin,!1);const l=i.length-1,a=i[l];i[l]=ar[r](n.measureViewportBox(),window.getComputedStyle(n.current)),a!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=a),!((t=this.removedTransforms)===null||t===void 0)&&t.length&&this.removedTransforms.forEach(([c,u])=>{n.getValue(c).set(u)}),this.resolveNoneKeyframes()}}const Sd=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(Jt.test(e)||e==="0")&&!e.startsWith("url("));function Qx(e){const t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function qx(e,t,n,r){const i=e[0];if(i===null)return!1;if(t==="display"||t==="visibility")return!0;const o=e[e.length-1],l=Sd(i,t),a=Sd(o,t);return!l||!a?!1:Qx(e)||(n==="spring"||Pc(n))&&r}const Zx=e=>e!==null;function ps(e,{repeat:t,repeatType:n="loop"},r){const i=e.filter(Zx),o=t&&n!=="loop"&&t%2===1?0:i.length-1;return!o||r===void 0?i[o]:r}const Jx=40;class Um{constructor({autoplay:t=!0,delay:n=0,type:r="keyframes",repeat:i=0,repeatDelay:o=0,repeatType:l="loop",...a}){this.isStopped=!1,this.hasAttemptedResolve=!1,this.createdAt=gt.now(),this.options={autoplay:t,delay:n,type:r,repeat:i,repeatDelay:o,repeatType:l,...a},this.updateFinishedPromise()}calcStartTime(){return this.resolvedAt?this.resolvedAt-this.createdAt>Jx?this.resolvedAt:this.createdAt:this.createdAt}get resolved(){return!this._resolved&&!this.hasAttemptedResolve&&Gx(),this._resolved}onKeyframesResolved(t,n){this.resolvedAt=gt.now(),this.hasAttemptedResolve=!0;const{name:r,type:i,velocity:o,delay:l,onComplete:a,onUpdate:c,isGenerator:u}=this.options;if(!u&&!qx(t,r,i,o))if(l)this.options.duration=0;else{c&&c(ps(t,this.options,n)),a&&a(),this.resolveFinishedPromise();return}const d=this.initPlayback(t,n);d!==!1&&(this._resolved={keyframes:t,finalKeyframe:n,...d},this.onPostResolved())}onPostResolved(){}then(t,n){return this.currentFinishedPromise.then(t,n)}flatten(){this.options.type="keyframes",this.options.ease="linear"}updateFinishedPromise(){this.currentFinishedPromise=new Promise(t=>{this.resolveFinishedPromise=t})}}const J=(e,t,n)=>e+(t-e)*n;function Ws(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function ev({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,o=0,l=0;if(!t)i=o=l=n;else{const a=n<.5?n*(1+t):n+t-n*t,c=2*n-a;i=Ws(c,a,e+1/3),o=Ws(c,a,e),l=Ws(c,a,e-1/3)}return{red:Math.round(i*255),green:Math.round(o*255),blue:Math.round(l*255),alpha:r}}function Vo(e,t){return n=>n>0?t:e}const Hs=(e,t,n)=>{const r=e*e,i=n*(t*t-r)+r;return i<0?0:Math.sqrt(i)},tv=[na,mn,$n],nv=e=>tv.find(t=>t.test(e));function kd(e){const t=nv(e);if(!t)return!1;let n=t.parse(e);return t===$n&&(n=ev(n)),n}const jd=(e,t)=>{const n=kd(e),r=kd(t);if(!n||!r)return Vo(e,t);const i={...n};return o=>(i.red=Hs(n.red,r.red,o),i.green=Hs(n.green,r.green,o),i.blue=Hs(n.blue,r.blue,o),i.alpha=J(n.alpha,r.alpha,o),mn.transform(i))},rv=(e,t)=>n=>t(e(n)),ji=(...e)=>e.reduce(rv),sa=new Set(["none","hidden"]);function iv(e,t){return sa.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function ov(e,t){return n=>J(e,t,n)}function Nc(e){return typeof e=="number"?ov:typeof e=="string"?Sc(e)?Vo:we.test(e)?jd:av:Array.isArray(e)?Gm:typeof e=="object"?we.test(e)?jd:sv:Vo}function Gm(e,t){const n=[...e],r=n.length,i=e.map((o,l)=>Nc(o)(o,t[l]));return o=>{for(let l=0;l<r;l++)n[l]=i[l](o);return n}}function sv(e,t){const n={...e,...t},r={};for(const i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=Nc(e[i])(e[i],t[i]));return i=>{for(const o in r)n[o]=r[o](i);return n}}function lv(e,t){var n;const r=[],i={color:0,var:0,number:0};for(let o=0;o<t.values.length;o++){const l=t.types[o],a=e.indexes[l][i[l]],c=(n=e.values[a])!==null&&n!==void 0?n:0;r[o]=c,i[l]++}return r}const av=(e,t)=>{const n=Jt.createTransformer(t),r=fi(e),i=fi(t);return r.indexes.var.length===i.indexes.var.length&&r.indexes.color.length===i.indexes.color.length&&r.indexes.number.length>=i.indexes.number.length?sa.has(e)&&!i.values.length||sa.has(t)&&!r.values.length?iv(e,t):ji(Gm(lv(r,i),i.values),n):Vo(e,t)};function Ym(e,t,n){return typeof e=="number"&&typeof t=="number"&&typeof n=="number"?J(e,t,n):Nc(e)(e,t)}const cv=5;function Km(e,t,n){const r=Math.max(t-cv,0);return Sm(n-e(r),t-r)}const ne={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},Us=.001;function uv({duration:e=ne.duration,bounce:t=ne.bounce,velocity:n=ne.velocity,mass:r=ne.mass}){let i,o,l=1-t;l=Pt(ne.minDamping,ne.maxDamping,l),e=Pt(ne.minDuration,ne.maxDuration,bt(e)),l<1?(i=u=>{const d=u*l,p=d*e,f=d-n,y=la(u,l),x=Math.exp(-p);return Us-f/y*x},o=u=>{const p=u*l*e,f=p*n+n,y=Math.pow(l,2)*Math.pow(u,2)*e,x=Math.exp(-p),v=la(Math.pow(u,2),l);return(-i(u)+Us>0?-1:1)*((f-y)*x)/v}):(i=u=>{const d=Math.exp(-u*e),p=(u-n)*e+1;return-Us+d*p},o=u=>{const d=Math.exp(-u*e),p=(n-u)*(e*e);return d*p});const a=5/e,c=pv(i,o,a);if(e=jt(e),isNaN(c))return{stiffness:ne.stiffness,damping:ne.damping,duration:e};{const u=Math.pow(c,2)*r;return{stiffness:u,damping:l*2*Math.sqrt(r*u),duration:e}}}const dv=12;function pv(e,t,n){let r=n;for(let i=1;i<dv;i++)r=r-e(r)/t(r);return r}function la(e,t){return e*Math.sqrt(1-t*t)}const fv=["duration","bounce"],hv=["stiffness","damping","mass"];function bd(e,t){return t.some(n=>e[n]!==void 0)}function mv(e){let t={velocity:ne.velocity,stiffness:ne.stiffness,damping:ne.damping,mass:ne.mass,isResolvedFromDuration:!1,...e};if(!bd(e,hv)&&bd(e,fv))if(e.visualDuration){const n=e.visualDuration,r=2*Math.PI/(n*1.2),i=r*r,o=2*Pt(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:ne.mass,stiffness:i,damping:o}}else{const n=uv(e);t={...t,...n,mass:ne.mass},t.isResolvedFromDuration=!0}return t}function Xm(e=ne.visualDuration,t=ne.bounce){const n=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;let{restSpeed:r,restDelta:i}=n;const o=n.keyframes[0],l=n.keyframes[n.keyframes.length-1],a={done:!1,value:o},{stiffness:c,damping:u,mass:d,duration:p,velocity:f,isResolvedFromDuration:y}=mv({...n,velocity:-bt(n.velocity||0)}),x=f||0,v=u/(2*Math.sqrt(c*d)),S=l-o,m=bt(Math.sqrt(c/d)),h=Math.abs(S)<5;r||(r=h?ne.restSpeed.granular:ne.restSpeed.default),i||(i=h?ne.restDelta.granular:ne.restDelta.default);let g;if(v<1){const j=la(m,v);g=b=>{const C=Math.exp(-v*m*b);return l-C*((x+v*m*S)/j*Math.sin(j*b)+S*Math.cos(j*b))}}else if(v===1)g=j=>l-Math.exp(-m*j)*(S+(x+m*S)*j);else{const j=m*Math.sqrt(v*v-1);g=b=>{const C=Math.exp(-v*m*b),T=Math.min(j*b,300);return l-C*((x+v*m*S)*Math.sinh(T)+j*S*Math.cosh(T))/j}}const w={calculatedDuration:y&&p||null,next:j=>{const b=g(j);if(y)a.done=j>=p;else{let C=0;v<1&&(C=j===0?jt(x):Km(g,j,b));const T=Math.abs(C)<=r,F=Math.abs(l-b)<=i;a.done=T&&F}return a.value=a.done?l:b,a},toString:()=>{const j=Math.min(fm(w),Jl),b=hm(C=>w.next(j*C).value,j,30);return j+"ms "+b}};return w}function Td({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:o=500,modifyTarget:l,min:a,max:c,restDelta:u=.5,restSpeed:d}){const p=e[0],f={done:!1,value:p},y=T=>a!==void 0&&T<a||c!==void 0&&T>c,x=T=>a===void 0?c:c===void 0||Math.abs(a-T)<Math.abs(c-T)?a:c;let v=n*t;const S=p+v,m=l===void 0?S:l(S);m!==S&&(v=m-p);const h=T=>-v*Math.exp(-T/r),g=T=>m+h(T),w=T=>{const F=h(T),I=g(T);f.done=Math.abs(F)<=u,f.value=f.done?m:I};let j,b;const C=T=>{y(f.value)&&(j=T,b=Xm({keyframes:[f.value,x(f.value)],velocity:Km(g,T,f.value),damping:i,stiffness:o,restDelta:u,restSpeed:d}))};return C(0),{calculatedDuration:null,next:T=>{let F=!1;return!b&&j===void 0&&(F=!0,w(T),C(T)),j!==void 0&&T>=j?b.next(T-j):(!F&&w(T),f)}}}const gv=ki(.42,0,1,1),yv=ki(0,0,.58,1),Qm=ki(.42,0,.58,1),xv=e=>Array.isArray(e)&&typeof e[0]!="number",vv={linear:Oe,easeIn:gv,easeInOut:Qm,easeOut:yv,circIn:Ic,circInOut:_m,circOut:Pm,backIn:Dc,backInOut:Am,backOut:Cm,anticipate:Em},Cd=e=>{if(_c(e)){Yh(e.length===4);const[t,n,r,i]=e;return ki(t,n,r,i)}else if(typeof e=="string")return vv[e];return e};function wv(e,t,n){const r=[],i=n||Ym,o=e.length-1;for(let l=0;l<o;l++){let a=i(e[l],e[l+1]);if(t){const c=Array.isArray(t)?t[l]||Oe:t;a=ji(c,a)}r.push(a)}return r}function Sv(e,t,{clamp:n=!0,ease:r,mixer:i}={}){const o=e.length;if(Yh(o===t.length),o===1)return()=>t[0];if(o===2&&t[0]===t[1])return()=>t[1];const l=e[0]===e[1];e[0]>e[o-1]&&(e=[...e].reverse(),t=[...t].reverse());const a=wv(t,r,i),c=a.length,u=d=>{if(l&&d<e[0])return t[0];let p=0;if(c>1)for(;p<e.length-2&&!(d<e[p+1]);p++);const f=sr(e[p],e[p+1],d);return a[p](f)};return n?d=>u(Pt(e[0],e[o-1],d)):u}function kv(e,t){const n=e[e.length-1];for(let r=1;r<=t;r++){const i=sr(0,t,r);e.push(J(n,1,i))}}function jv(e){const t=[0];return kv(t,e.length-1),t}function bv(e,t){return e.map(n=>n*t)}function Tv(e,t){return e.map(()=>t||Qm).splice(0,e.length-1)}function No({duration:e=300,keyframes:t,times:n,ease:r="easeInOut"}){const i=xv(r)?r.map(Cd):Cd(r),o={done:!1,value:t[0]},l=bv(n&&n.length===t.length?n:jv(t),e),a=Sv(l,t,{ease:Array.isArray(i)?i:Tv(t,i)});return{calculatedDuration:e,next:c=>(o.value=a(c),o.done=c>=e,o)}}const Cv=e=>{const t=({timestamp:n})=>e(n);return{start:()=>K.update(t,!0),stop:()=>Zt(t),now:()=>me.isProcessing?me.timestamp:gt.now()}},Av={decay:Td,inertia:Td,tween:No,keyframes:No,spring:Xm},Ev=e=>e/100;class $c extends Um{constructor(t){super(t),this.holdTime=null,this.cancelTime=null,this.currentTime=0,this.playbackSpeed=1,this.pendingPlayState="running",this.startTime=null,this.state="idle",this.stop=()=>{if(this.resolver.cancel(),this.isStopped=!0,this.state==="idle")return;this.teardown();const{onStop:c}=this.options;c&&c()};const{name:n,motionValue:r,element:i,keyframes:o}=this.options,l=(i==null?void 0:i.KeyframeResolver)||Vc,a=(c,u)=>this.onKeyframesResolved(c,u);this.resolver=new l(o,a,n,r,i),this.resolver.scheduleResolve()}flatten(){super.flatten(),this._resolved&&Object.assign(this._resolved,this.initPlayback(this._resolved.keyframes))}initPlayback(t){const{type:n="keyframes",repeat:r=0,repeatDelay:i=0,repeatType:o,velocity:l=0}=this.options,a=Pc(n)?n:Av[n]||No;let c,u;a!==No&&typeof t[0]!="number"&&(c=ji(Ev,Ym(t[0],t[1])),t=[0,100]);const d=a({...this.options,keyframes:t});o==="mirror"&&(u=a({...this.options,keyframes:[...t].reverse(),velocity:-l})),d.calculatedDuration===null&&(d.calculatedDuration=fm(d));const{calculatedDuration:p}=d,f=p+i,y=f*(r+1)-i;return{generator:d,mirroredGenerator:u,mapPercentToKeyframes:c,calculatedDuration:p,resolvedDuration:f,totalDuration:y}}onPostResolved(){const{autoplay:t=!0}=this.options;this.play(),this.pendingPlayState==="paused"||!t?this.pause():this.state=this.pendingPlayState}tick(t,n=!1){const{resolved:r}=this;if(!r){const{keyframes:T}=this.options;return{done:!0,value:T[T.length-1]}}const{finalKeyframe:i,generator:o,mirroredGenerator:l,mapPercentToKeyframes:a,keyframes:c,calculatedDuration:u,totalDuration:d,resolvedDuration:p}=r;if(this.startTime===null)return o.next(0);const{delay:f,repeat:y,repeatType:x,repeatDelay:v,onUpdate:S}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-d/this.speed,this.startTime)),n?this.currentTime=t:this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=Math.round(t-this.startTime)*this.speed;const m=this.currentTime-f*(this.speed>=0?1:-1),h=this.speed>=0?m<0:m>d;this.currentTime=Math.max(m,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=d);let g=this.currentTime,w=o;if(y){const T=Math.min(this.currentTime,d)/p;let F=Math.floor(T),I=T%1;!I&&T>=1&&(I=1),I===1&&F--,F=Math.min(F,y+1),!!(F%2)&&(x==="reverse"?(I=1-I,v&&(I-=v/p)):x==="mirror"&&(w=l)),g=Pt(0,1,I)*p}const j=h?{done:!1,value:c[0]}:w.next(g);a&&(j.value=a(j.value));let{done:b}=j;!h&&u!==null&&(b=this.speed>=0?this.currentTime>=d:this.currentTime<=0);const C=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&b);return C&&i!==void 0&&(j.value=ps(c,this.options,i)),S&&S(j.value),C&&this.finish(),j}get duration(){const{resolved:t}=this;return t?bt(t.calculatedDuration):0}get time(){return bt(this.currentTime)}set time(t){t=jt(t),this.currentTime=t,this.holdTime!==null||this.speed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.speed)}get speed(){return this.playbackSpeed}set speed(t){const n=this.playbackSpeed!==t;this.playbackSpeed=t,n&&(this.time=bt(this.currentTime))}play(){if(this.resolver.isScheduled||this.resolver.resume(),!this._resolved){this.pendingPlayState="running";return}if(this.isStopped)return;const{driver:t=Cv,onPlay:n,startTime:r}=this.options;this.driver||(this.driver=t(o=>this.tick(o))),n&&n();const i=this.driver.now();this.holdTime!==null?this.startTime=i-this.holdTime:this.startTime?this.state==="finished"&&(this.startTime=i):this.startTime=r??this.calcStartTime(),this.state==="finished"&&this.updateFinishedPromise(),this.cancelTime=this.startTime,this.holdTime=null,this.state="running",this.driver.start()}pause(){var t;if(!this._resolved){this.pendingPlayState="paused";return}this.state="paused",this.holdTime=(t=this.currentTime)!==null&&t!==void 0?t:0}complete(){this.state!=="running"&&this.play(),this.pendingPlayState=this.state="finished",this.holdTime=null}finish(){this.teardown(),this.state="finished";const{onComplete:t}=this.options;t&&t()}cancel(){this.cancelTime!==null&&this.tick(this.cancelTime),this.teardown(),this.updateFinishedPromise()}teardown(){this.state="idle",this.stopDriver(),this.resolveFinishedPromise(),this.updateFinishedPromise(),this.startTime=this.cancelTime=null,this.resolver.cancel()}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}}const Pv=new Set(["opacity","clipPath","filter","transform"]);function _v(e,t,n,{delay:r=0,duration:i=300,repeat:o=0,repeatType:l="loop",ease:a="easeInOut",times:c}={}){const u={[t]:n};c&&(u.offset=c);const d=gm(a,i);return Array.isArray(d)&&(u.easing=d),e.animate(u,{delay:r,duration:i,easing:Array.isArray(d)?"linear":d,fill:"both",iterations:o+1,direction:l==="reverse"?"alternate":"normal"})}const Rv=hc(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),$o=10,Mv=2e4;function Lv(e){return Pc(e.type)||e.type==="spring"||!mm(e.ease)}function zv(e,t){const n=new $c({...t,keyframes:e,repeat:0,delay:0,isGenerator:!0});let r={done:!1,value:e[0]};const i=[];let o=0;for(;!r.done&&o<Mv;)r=n.sample(o),i.push(r.value),o+=$o;return{times:void 0,keyframes:i,duration:o-$o,ease:"linear"}}const qm={anticipate:Em,backInOut:Am,circInOut:_m};function Dv(e){return e in qm}class Ad extends Um{constructor(t){super(t);const{name:n,motionValue:r,element:i,keyframes:o}=this.options;this.resolver=new Hm(o,(l,a)=>this.onKeyframesResolved(l,a),n,r,i),this.resolver.scheduleResolve()}initPlayback(t,n){let{duration:r=300,times:i,ease:o,type:l,motionValue:a,name:c,startTime:u}=this.options;if(!a.owner||!a.owner.current)return!1;if(typeof o=="string"&&Bo()&&Dv(o)&&(o=qm[o]),Lv(this.options)){const{onComplete:p,onUpdate:f,motionValue:y,element:x,...v}=this.options,S=zv(t,v);t=S.keyframes,t.length===1&&(t[1]=t[0]),r=S.duration,i=S.times,o=S.ease,l="keyframes"}const d=_v(a.owner.current,c,t,{...this.options,duration:r,times:i,ease:o});return d.startTime=u??this.calcStartTime(),this.pendingTimeline?(dd(d,this.pendingTimeline),this.pendingTimeline=void 0):d.onfinish=()=>{const{onComplete:p}=this.options;a.set(ps(t,this.options,n)),p&&p(),this.cancel(),this.resolveFinishedPromise()},{animation:d,duration:r,times:i,type:l,ease:o,keyframes:t}}get duration(){const{resolved:t}=this;if(!t)return 0;const{duration:n}=t;return bt(n)}get time(){const{resolved:t}=this;if(!t)return 0;const{animation:n}=t;return bt(n.currentTime||0)}set time(t){const{resolved:n}=this;if(!n)return;const{animation:r}=n;r.currentTime=jt(t)}get speed(){const{resolved:t}=this;if(!t)return 1;const{animation:n}=t;return n.playbackRate}set speed(t){const{resolved:n}=this;if(!n)return;const{animation:r}=n;r.playbackRate=t}get state(){const{resolved:t}=this;if(!t)return"idle";const{animation:n}=t;return n.playState}get startTime(){const{resolved:t}=this;if(!t)return null;const{animation:n}=t;return n.startTime}attachTimeline(t){if(!this._resolved)this.pendingTimeline=t;else{const{resolved:n}=this;if(!n)return Oe;const{animation:r}=n;dd(r,t)}return Oe}play(){if(this.isStopped)return;const{resolved:t}=this;if(!t)return;const{animation:n}=t;n.playState==="finished"&&this.updateFinishedPromise(),n.play()}pause(){const{resolved:t}=this;if(!t)return;const{animation:n}=t;n.pause()}stop(){if(this.resolver.cancel(),this.isStopped=!0,this.state==="idle")return;this.resolveFinishedPromise(),this.updateFinishedPromise();const{resolved:t}=this;if(!t)return;const{animation:n,keyframes:r,duration:i,type:o,ease:l,times:a}=t;if(n.playState==="idle"||n.playState==="finished")return;if(this.time){const{motionValue:u,onUpdate:d,onComplete:p,element:f,...y}=this.options,x=new $c({...y,keyframes:r,duration:i,type:o,ease:l,times:a,isGenerator:!0}),v=jt(this.time);u.setWithVelocity(x.sample(v-$o).value,x.sample(v).value,$o)}const{onStop:c}=this.options;c&&c(),this.cancel()}complete(){const{resolved:t}=this;t&&t.animation.finish()}cancel(){const{resolved:t}=this;t&&t.animation.cancel()}static supports(t){const{motionValue:n,name:r,repeatDelay:i,repeatType:o,damping:l,type:a}=t;if(!n||!n.owner||!(n.owner.current instanceof HTMLElement))return!1;const{onUpdate:c,transformTemplate:u}=n.owner.getProps();return Rv()&&r&&Pv.has(r)&&!c&&!u&&!i&&o!=="mirror"&&l!==0&&a!=="inertia"}}const Iv={type:"spring",stiffness:500,damping:25,restSpeed:10},Fv=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Ov={type:"keyframes",duration:.8},Bv={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Vv=(e,{keyframes:t})=>t.length>2?Ov:An.has(e)?e.startsWith("scale")?Fv(t[1]):Iv:Bv;function Nv({when:e,delay:t,delayChildren:n,staggerChildren:r,staggerDirection:i,repeat:o,repeatType:l,repeatDelay:a,from:c,elapsed:u,...d}){return!!Object.keys(d).length}const Wc=(e,t,n,r={},i,o)=>l=>{const a=Ec(r,e)||{},c=a.delay||r.delay||0;let{elapsed:u=0}=r;u=u-jt(c);let d={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:t.getVelocity(),...a,delay:-u,onUpdate:f=>{t.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{l(),a.onComplete&&a.onComplete()},name:e,motionValue:t,element:o?void 0:i};Nv(a)||(d={...d,...Vv(e,d)}),d.duration&&(d.duration=jt(d.duration)),d.repeatDelay&&(d.repeatDelay=jt(d.repeatDelay)),d.from!==void 0&&(d.keyframes[0]=d.from);let p=!1;if((d.type===!1||d.duration===0&&!d.repeatDelay)&&(d.duration=0,d.delay===0&&(p=!0)),p&&!o&&t.get()!==void 0){const f=ps(d.keyframes,a);if(f!==void 0)return K.update(()=>{d.onUpdate(f),d.onComplete()}),new sx([])}return!o&&Ad.supports(d)?new Ad(d):new $c(d)};function $v({protectedKeys:e,needsAnimating:t},n){const r=e.hasOwnProperty(n)&&t[n]!==!0;return t[n]=!1,r}function Zm(e,t,{delay:n=0,transitionOverride:r,type:i}={}){var o;let{transition:l=e.getDefaultTransition(),transitionEnd:a,...c}=t;r&&(l=r);const u=[],d=i&&e.animationState&&e.animationState.getState()[i];for(const p in c){const f=e.getValue(p,(o=e.latestValues[p])!==null&&o!==void 0?o:null),y=c[p];if(y===void 0||d&&$v(d,p))continue;const x={delay:n,...Ec(l||{},p)};let v=!1;if(window.MotionHandoffAnimation){const m=km(e);if(m){const h=window.MotionHandoffAnimation(m,p,K);h!==null&&(x.startTime=h,v=!0)}}ta(e,p),f.start(Wc(p,f,y,e.shouldReduceMotion&&wm.has(p)?{type:!1}:x,e,v));const S=f.animation;S&&u.push(S)}return a&&Promise.all(u).then(()=>{K.update(()=>{a&&wx(e,a)})}),u}function aa(e,t,n={}){var r;const i=ds(e,t,n.type==="exit"?(r=e.presenceContext)===null||r===void 0?void 0:r.custom:void 0);let{transition:o=e.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(o=n.transitionOverride);const l=i?()=>Promise.all(Zm(e,i,n)):()=>Promise.resolve(),a=e.variantChildren&&e.variantChildren.size?(u=0)=>{const{delayChildren:d=0,staggerChildren:p,staggerDirection:f}=o;return Wv(e,t,d+u,p,f,n)}:()=>Promise.resolve(),{when:c}=o;if(c){const[u,d]=c==="beforeChildren"?[l,a]:[a,l];return u().then(()=>d())}else return Promise.all([l(),a(n.delay)])}function Wv(e,t,n=0,r=0,i=1,o){const l=[],a=(e.variantChildren.size-1)*r,c=i===1?(u=0)=>u*r:(u=0)=>a-u*r;return Array.from(e.variantChildren).sort(Hv).forEach((u,d)=>{u.notify("AnimationStart",t),l.push(aa(u,t,{...o,delay:n+c(d)}).then(()=>u.notify("AnimationComplete",t)))}),Promise.all(l)}function Hv(e,t){return e.sortNodePosition(t)}function Uv(e,t,n={}){e.notify("AnimationStart",t);let r;if(Array.isArray(t)){const i=t.map(o=>aa(e,o,n));r=Promise.all(i)}else if(typeof t=="string")r=aa(e,t,n);else{const i=typeof t=="function"?ds(e,t,n.custom):t;r=Promise.all(Zm(e,i,n))}return r.then(()=>{e.notify("AnimationComplete",t)})}const Gv=gc.length;function Jm(e){if(!e)return;if(!e.isControllingVariants){const n=e.parent?Jm(e.parent)||{}:{};return e.props.initial!==void 0&&(n.initial=e.props.initial),n}const t={};for(let n=0;n<Gv;n++){const r=gc[n],i=e.props[r];(ui(i)||i===!1)&&(t[r]=i)}return t}const Yv=[...mc].reverse(),Kv=mc.length;function Xv(e){return t=>Promise.all(t.map(({animation:n,options:r})=>Uv(e,n,r)))}function Qv(e){let t=Xv(e),n=Ed(),r=!0;const i=c=>(u,d)=>{var p;const f=ds(e,d,c==="exit"?(p=e.presenceContext)===null||p===void 0?void 0:p.custom:void 0);if(f){const{transition:y,transitionEnd:x,...v}=f;u={...u,...v,...x}}return u};function o(c){t=c(e)}function l(c){const{props:u}=e,d=Jm(e.parent)||{},p=[],f=new Set;let y={},x=1/0;for(let S=0;S<Kv;S++){const m=Yv[S],h=n[m],g=u[m]!==void 0?u[m]:d[m],w=ui(g),j=m===c?h.isActive:null;j===!1&&(x=S);let b=g===d[m]&&g!==u[m]&&w;if(b&&r&&e.manuallyAnimateOnMount&&(b=!1),h.protectedKeys={...y},!h.isActive&&j===null||!g&&!h.prevProp||cs(g)||typeof g=="boolean")continue;const C=qv(h.prevProp,g);let T=C||m===c&&h.isActive&&!b&&w||S>x&&w,F=!1;const I=Array.isArray(g)?g:[g];let le=I.reduce(i(m),{});j===!1&&(le={});const{prevResolvedValues:lt={}}=h,at={...lt,...le},ie=U=>{T=!0,f.has(U)&&(F=!0,f.delete(U)),h.needsAnimating[U]=!0;const R=e.getValue(U);R&&(R.liveStyle=!1)};for(const U in at){const R=le[U],z=lt[U];if(y.hasOwnProperty(U))continue;let D=!1;Zl(R)&&Zl(z)?D=!pm(R,z):D=R!==z,D?R!=null?ie(U):f.add(U):R!==void 0&&f.has(U)?ie(U):h.protectedKeys[U]=!0}h.prevProp=g,h.prevResolvedValues=le,h.isActive&&(y={...y,...le}),r&&e.blockInitialAnimation&&(T=!1),T&&(!(b&&C)||F)&&p.push(...I.map(U=>({animation:U,options:{type:m}})))}if(f.size){const S={};f.forEach(m=>{const h=e.getBaseTarget(m),g=e.getValue(m);g&&(g.liveStyle=!0),S[m]=h??null}),p.push({animation:S})}let v=!!p.length;return r&&(u.initial===!1||u.initial===u.animate)&&!e.manuallyAnimateOnMount&&(v=!1),r=!1,v?t(p):Promise.resolve()}function a(c,u){var d;if(n[c].isActive===u)return Promise.resolve();(d=e.variantChildren)===null||d===void 0||d.forEach(f=>{var y;return(y=f.animationState)===null||y===void 0?void 0:y.setActive(c,u)}),n[c].isActive=u;const p=l(c);for(const f in n)n[f].protectedKeys={};return p}return{animateChanges:l,setActive:a,setAnimateFunction:o,getState:()=>n,reset:()=>{n=Ed(),r=!0}}}function qv(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!pm(t,e):!1}function ln(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Ed(){return{animate:ln(!0),whileInView:ln(),whileHover:ln(),whileTap:ln(),whileDrag:ln(),whileFocus:ln(),exit:ln()}}class rn{constructor(t){this.isMounted=!1,this.node=t}update(){}}class Zv extends rn{constructor(t){super(t),t.animationState||(t.animationState=Qv(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();cs(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){var t;this.node.animationState.reset(),(t=this.unmountControls)===null||t===void 0||t.call(this)}}let Jv=0;class e2 extends rn{constructor(){super(...arguments),this.id=Jv++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n}=this.node.presenceContext,{isPresent:r}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===r)return;const i=this.node.animationState.setActive("exit",!t);n&&!t&&i.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}const t2={animation:{Feature:Zv},exit:{Feature:e2}};function hi(e,t,n,r={passive:!0}){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n)}function bi(e){return{point:{x:e.pageX,y:e.pageY}}}const n2=e=>t=>Rc(t)&&e(t,bi(t));function Wr(e,t,n,r){return hi(e,t,n2(n),r)}const Pd=(e,t)=>Math.abs(e-t);function r2(e,t){const n=Pd(e.x,t.x),r=Pd(e.y,t.y);return Math.sqrt(n**2+r**2)}class e0{constructor(t,n,{transformPagePoint:r,contextWindow:i,dragSnapToOrigin:o=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=Ys(this.lastMoveEventInfo,this.history),f=this.startEvent!==null,y=r2(p.offset,{x:0,y:0})>=3;if(!f&&!y)return;const{point:x}=p,{timestamp:v}=me;this.history.push({...x,timestamp:v});const{onStart:S,onMove:m}=this.handlers;f||(S&&S(this.lastMoveEvent,p),this.startEvent=this.lastMoveEvent),m&&m(this.lastMoveEvent,p)},this.handlePointerMove=(p,f)=>{this.lastMoveEvent=p,this.lastMoveEventInfo=Gs(f,this.transformPagePoint),K.update(this.updatePoint,!0)},this.handlePointerUp=(p,f)=>{this.end();const{onEnd:y,onSessionEnd:x,resumeAnimation:v}=this.handlers;if(this.dragSnapToOrigin&&v&&v(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const S=Ys(p.type==="pointercancel"?this.lastMoveEventInfo:Gs(f,this.transformPagePoint),this.history);this.startEvent&&y&&y(p,S),x&&x(p,S)},!Rc(t))return;this.dragSnapToOrigin=o,this.handlers=n,this.transformPagePoint=r,this.contextWindow=i||window;const l=bi(t),a=Gs(l,this.transformPagePoint),{point:c}=a,{timestamp:u}=me;this.history=[{...c,timestamp:u}];const{onSessionStart:d}=n;d&&d(t,Ys(a,this.history)),this.removeListeners=ji(Wr(this.contextWindow,"pointermove",this.handlePointerMove),Wr(this.contextWindow,"pointerup",this.handlePointerUp),Wr(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),Zt(this.updatePoint)}}function Gs(e,t){return t?{point:t(e.point)}:e}function _d(e,t){return{x:e.x-t.x,y:e.y-t.y}}function Ys({point:e},t){return{point:e,delta:_d(e,t0(t)),offset:_d(e,i2(t)),velocity:o2(t,.1)}}function i2(e){return e[0]}function t0(e){return e[e.length-1]}function o2(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null;const i=t0(e);for(;n>=0&&(r=e[n],!(i.timestamp-r.timestamp>jt(t)));)n--;if(!r)return{x:0,y:0};const o=bt(i.timestamp-r.timestamp);if(o===0)return{x:0,y:0};const l={x:(i.x-r.x)/o,y:(i.y-r.y)/o};return l.x===1/0&&(l.x=0),l.y===1/0&&(l.y=0),l}const n0=1e-4,s2=1-n0,l2=1+n0,r0=.01,a2=0-r0,c2=0+r0;function Ve(e){return e.max-e.min}function u2(e,t,n){return Math.abs(e-t)<=n}function Rd(e,t,n,r=.5){e.origin=r,e.originPoint=J(t.min,t.max,e.origin),e.scale=Ve(n)/Ve(t),e.translate=J(n.min,n.max,e.origin)-e.originPoint,(e.scale>=s2&&e.scale<=l2||isNaN(e.scale))&&(e.scale=1),(e.translate>=a2&&e.translate<=c2||isNaN(e.translate))&&(e.translate=0)}function Hr(e,t,n,r){Rd(e.x,t.x,n.x,r?r.originX:void 0),Rd(e.y,t.y,n.y,r?r.originY:void 0)}function Md(e,t,n){e.min=n.min+t.min,e.max=e.min+Ve(t)}function d2(e,t,n){Md(e.x,t.x,n.x),Md(e.y,t.y,n.y)}function Ld(e,t,n){e.min=t.min-n.min,e.max=e.min+Ve(t)}function Ur(e,t,n){Ld(e.x,t.x,n.x),Ld(e.y,t.y,n.y)}function p2(e,{min:t,max:n},r){return t!==void 0&&e<t?e=r?J(t,e,r.min):Math.max(e,t):n!==void 0&&e>n&&(e=r?J(n,e,r.max):Math.min(e,n)),e}function zd(e,t,n){return{min:t!==void 0?e.min+t:void 0,max:n!==void 0?e.max+n-(e.max-e.min):void 0}}function f2(e,{top:t,left:n,bottom:r,right:i}){return{x:zd(e.x,n,i),y:zd(e.y,t,r)}}function Dd(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,r]=[r,n]),{min:n,max:r}}function h2(e,t){return{x:Dd(e.x,t.x),y:Dd(e.y,t.y)}}function m2(e,t){let n=.5;const r=Ve(e),i=Ve(t);return i>r?n=sr(t.min,t.max-r,e.min):r>i&&(n=sr(e.min,e.max-i,t.min)),Pt(0,1,n)}function g2(e,t){const n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}const ca=.35;function y2(e=ca){return e===!1?e=0:e===!0&&(e=ca),{x:Id(e,"left","right"),y:Id(e,"top","bottom")}}function Id(e,t,n){return{min:Fd(e,t),max:Fd(e,n)}}function Fd(e,t){return typeof e=="number"?e:e[t]||0}const Od=()=>({translate:0,scale:1,origin:0,originPoint:0}),Wn=()=>({x:Od(),y:Od()}),Bd=()=>({min:0,max:0}),oe=()=>({x:Bd(),y:Bd()});function Ue(e){return[e("x"),e("y")]}function i0({top:e,left:t,right:n,bottom:r}){return{x:{min:t,max:n},y:{min:e,max:r}}}function x2({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function v2(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),r=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}function Ks(e){return e===void 0||e===1}function ua({scale:e,scaleX:t,scaleY:n}){return!Ks(e)||!Ks(t)||!Ks(n)}function un(e){return ua(e)||o0(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function o0(e){return Vd(e.x)||Vd(e.y)}function Vd(e){return e&&e!=="0%"}function Wo(e,t,n){const r=e-n,i=t*r;return n+i}function Nd(e,t,n,r,i){return i!==void 0&&(e=Wo(e,i,r)),Wo(e,n,r)+t}function da(e,t=0,n=1,r,i){e.min=Nd(e.min,t,n,r,i),e.max=Nd(e.max,t,n,r,i)}function s0(e,{x:t,y:n}){da(e.x,t.translate,t.scale,t.originPoint),da(e.y,n.translate,n.scale,n.originPoint)}const $d=.999999999999,Wd=1.0000000000001;function w2(e,t,n,r=!1){const i=n.length;if(!i)return;t.x=t.y=1;let o,l;for(let a=0;a<i;a++){o=n[a],l=o.projectionDelta;const{visualElement:c}=o.options;c&&c.props.style&&c.props.style.display==="contents"||(r&&o.options.layoutScroll&&o.scroll&&o!==o.root&&Un(e,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),l&&(t.x*=l.x.scale,t.y*=l.y.scale,s0(e,l)),r&&un(o.latestValues)&&Un(e,o.latestValues))}t.x<Wd&&t.x>$d&&(t.x=1),t.y<Wd&&t.y>$d&&(t.y=1)}function Hn(e,t){e.min=e.min+t,e.max=e.max+t}function Hd(e,t,n,r,i=.5){const o=J(e.min,e.max,i);da(e,t,n,o,r)}function Un(e,t){Hd(e.x,t.x,t.scaleX,t.scale,t.originX),Hd(e.y,t.y,t.scaleY,t.scale,t.originY)}function l0(e,t){return i0(v2(e.getBoundingClientRect(),t))}function S2(e,t,n){const r=l0(e,n),{scroll:i}=t;return i&&(Hn(r.x,i.offset.x),Hn(r.y,i.offset.y)),r}const a0=({current:e})=>e?e.ownerDocument.defaultView:null,k2=new WeakMap;class j2{constructor(t){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=oe(),this.visualElement=t}start(t,{snapToCursor:n=!1}={}){const{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;const i=d=>{const{dragSnapToOrigin:p}=this.getProps();p?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(bi(d).point)},o=(d,p)=>{const{drag:f,dragPropagation:y,onDragStart:x}=this.getProps();if(f&&!y&&(this.openDragLock&&this.openDragLock(),this.openDragLock=mx(f),!this.openDragLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Ue(S=>{let m=this.getAxisMotionValue(S).get()||0;if(mt.test(m)){const{projection:h}=this.visualElement;if(h&&h.layout){const g=h.layout.layoutBox[S];g&&(m=Ve(g)*(parseFloat(m)/100))}}this.originPoint[S]=m}),x&&K.postRender(()=>x(d,p)),ta(this.visualElement,"transform");const{animationState:v}=this.visualElement;v&&v.setActive("whileDrag",!0)},l=(d,p)=>{const{dragPropagation:f,dragDirectionLock:y,onDirectionLock:x,onDrag:v}=this.getProps();if(!f&&!this.openDragLock)return;const{offset:S}=p;if(y&&this.currentDirection===null){this.currentDirection=b2(S),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",p.point,S),this.updateAxis("y",p.point,S),this.visualElement.render(),v&&v(d,p)},a=(d,p)=>this.stop(d,p),c=()=>Ue(d=>{var p;return this.getAnimationState(d)==="paused"&&((p=this.getAxisMotionValue(d).animation)===null||p===void 0?void 0:p.play())}),{dragSnapToOrigin:u}=this.getProps();this.panSession=new e0(t,{onSessionStart:i,onStart:o,onMove:l,onSessionEnd:a,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,contextWindow:a0(this.visualElement)})}stop(t,n){const r=this.isDragging;if(this.cancel(),!r)return;const{velocity:i}=n;this.startAnimation(i);const{onDragEnd:o}=this.getProps();o&&K.postRender(()=>o(t,n))}cancel(){this.isDragging=!1;const{projection:t,animationState:n}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:r}=this.getProps();!r&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(t,n,r){const{drag:i}=this.getProps();if(!r||!Ki(t,i,this.currentDirection))return;const o=this.getAxisMotionValue(t);let l=this.originPoint[t]+r[t];this.constraints&&this.constraints[t]&&(l=p2(l,this.constraints[t],this.elastic[t])),o.set(l)}resolveConstraints(){var t;const{dragConstraints:n,dragElastic:r}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(t=this.visualElement.projection)===null||t===void 0?void 0:t.layout,o=this.constraints;n&&Nn(n)?this.constraints||(this.constraints=this.resolveRefConstraints()):n&&i?this.constraints=f2(i.layoutBox,n):this.constraints=!1,this.elastic=y2(r),o!==this.constraints&&i&&this.constraints&&!this.hasMutatedConstraints&&Ue(l=>{this.constraints!==!1&&this.getAxisMotionValue(l)&&(this.constraints[l]=g2(i.layoutBox[l],this.constraints[l]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:n}=this.getProps();if(!t||!Nn(t))return!1;const r=t.current,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const o=S2(r,i.root,this.visualElement.getTransformPagePoint());let l=h2(i.layout.layoutBox,o);if(n){const a=n(x2(l));this.hasMutatedConstraints=!!a,a&&(l=i0(a))}return l}startAnimation(t){const{drag:n,dragMomentum:r,dragElastic:i,dragTransition:o,dragSnapToOrigin:l,onDragTransitionEnd:a}=this.getProps(),c=this.constraints||{},u=Ue(d=>{if(!Ki(d,n,this.currentDirection))return;let p=c&&c[d]||{};l&&(p={min:0,max:0});const f=i?200:1e6,y=i?40:1e7,x={type:"inertia",velocity:r?t[d]:0,bounceStiffness:f,bounceDamping:y,timeConstant:750,restDelta:1,restSpeed:10,...o,...p};return this.startAxisValueAnimation(d,x)});return Promise.all(u).then(a)}startAxisValueAnimation(t,n){const r=this.getAxisMotionValue(t);return ta(this.visualElement,t),r.start(Wc(t,r,0,n,this.visualElement,!1))}stopAnimation(){Ue(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){Ue(t=>{var n;return(n=this.getAxisMotionValue(t).animation)===null||n===void 0?void 0:n.pause()})}getAnimationState(t){var n;return(n=this.getAxisMotionValue(t).animation)===null||n===void 0?void 0:n.state}getAxisMotionValue(t){const n=`_drag${t.toUpperCase()}`,r=this.visualElement.getProps(),i=r[n];return i||this.visualElement.getValue(t,(r.initial?r.initial[t]:void 0)||0)}snapToCursor(t){Ue(n=>{const{drag:r}=this.getProps();if(!Ki(n,r,this.currentDirection))return;const{projection:i}=this.visualElement,o=this.getAxisMotionValue(n);if(i&&i.layout){const{min:l,max:a}=i.layout.layoutBox[n];o.set(t[n]-J(l,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:n}=this.getProps(),{projection:r}=this.visualElement;if(!Nn(n)||!r||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};Ue(l=>{const a=this.getAxisMotionValue(l);if(a&&this.constraints!==!1){const c=a.get();i[l]=m2({min:c,max:c},this.constraints[l])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",r.root&&r.root.updateScroll(),r.updateLayout(),this.resolveConstraints(),Ue(l=>{if(!Ki(l,t,null))return;const a=this.getAxisMotionValue(l),{min:c,max:u}=this.constraints[l];a.set(J(c,u,i[l]))})}addListeners(){if(!this.visualElement.current)return;k2.set(this.visualElement,this);const t=this.visualElement.current,n=Wr(t,"pointerdown",c=>{const{drag:u,dragListener:d=!0}=this.getProps();u&&d&&this.start(c)}),r=()=>{const{dragConstraints:c}=this.getProps();Nn(c)&&c.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,o=i.addEventListener("measure",r);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),K.read(r);const l=hi(window,"resize",()=>this.scalePositionWithinConstraints()),a=i.addEventListener("didUpdate",({delta:c,hasLayoutChanged:u})=>{this.isDragging&&u&&(Ue(d=>{const p=this.getAxisMotionValue(d);p&&(this.originPoint[d]+=c[d].translate,p.set(p.get()+c[d].translate))}),this.visualElement.render())});return()=>{l(),n(),o(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:r=!1,dragPropagation:i=!1,dragConstraints:o=!1,dragElastic:l=ca,dragMomentum:a=!0}=t;return{...t,drag:n,dragDirectionLock:r,dragPropagation:i,dragConstraints:o,dragElastic:l,dragMomentum:a}}}function Ki(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function b2(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}class T2 extends rn{constructor(t){super(t),this.removeGroupControls=Oe,this.removeListeners=Oe,this.controls=new j2(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Oe}unmount(){this.removeGroupControls(),this.removeListeners()}}const Ud=e=>(t,n)=>{e&&K.postRender(()=>e(t,n))};class C2 extends rn{constructor(){super(...arguments),this.removePointerDownListener=Oe}onPointerDown(t){this.session=new e0(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:a0(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:n,onPan:r,onPanEnd:i}=this.node.getProps();return{onSessionStart:Ud(t),onStart:Ud(n),onMove:r,onEnd:(o,l)=>{delete this.session,i&&K.postRender(()=>i(o,l))}}}mount(){this.removePointerDownListener=Wr(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const po={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function Gd(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const br={correct:(e,t)=>{if(!t.target)return e;if(typeof e=="string")if(O.test(e))e=parseFloat(e);else return e;const n=Gd(e,t.target.x),r=Gd(e,t.target.y);return`${n}% ${r}%`}},A2={correct:(e,{treeScale:t,projectionDelta:n})=>{const r=e,i=Jt.parse(e);if(i.length>5)return r;const o=Jt.createTransformer(e),l=typeof i[0]!="number"?1:0,a=n.x.scale*t.x,c=n.y.scale*t.y;i[0+l]/=a,i[1+l]/=c;const u=J(a,c,.5);return typeof i[2+l]=="number"&&(i[2+l]/=u),typeof i[3+l]=="number"&&(i[3+l]/=u),o(i)}};class E2 extends A.Component{componentDidMount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r,layoutId:i}=this.props,{projection:o}=t;K1(P2),o&&(n.group&&n.group.add(o),r&&r.register&&i&&r.register(o),o.root.didUpdate(),o.addEventListener("animationComplete",()=>{this.safeToRemove()}),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),po.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:n,visualElement:r,drag:i,isPresent:o}=this.props,l=r.projection;return l&&(l.isPresent=o,i||t.layoutDependency!==n||n===void 0?l.willUpdate():this.safeToRemove(),t.isPresent!==o&&(o?l.promote():l.relegate()||K.postRender(()=>{const a=l.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),xc.postRender(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r}=this.props,{projection:i}=t;i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),r&&r.deregister&&r.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function c0(e){const[t,n]=Uh(),r=A.useContext(uc);return s.jsx(E2,{...e,layoutGroup:r,switchLayoutGroup:A.useContext(Jh),isPresent:t,safeToRemove:n})}const P2={borderRadius:{...br,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:br,borderTopRightRadius:br,borderBottomLeftRadius:br,borderBottomRightRadius:br,boxShadow:A2};function _2(e,t,n){const r=ke(e)?e:pi(e);return r.start(Wc("",r,t,n)),r.animation}function R2(e){return e instanceof SVGElement&&e.tagName!=="svg"}const M2=(e,t)=>e.depth-t.depth;class L2{constructor(){this.children=[],this.isDirty=!1}add(t){Mc(this.children,t),this.isDirty=!0}remove(t){Lc(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(M2),this.isDirty=!1,this.children.forEach(t)}}function z2(e,t){const n=gt.now(),r=({timestamp:i})=>{const o=i-n;o>=t&&(Zt(r),e(o-t))};return K.read(r,!0),()=>Zt(r)}const u0=["TopLeft","TopRight","BottomLeft","BottomRight"],D2=u0.length,Yd=e=>typeof e=="string"?parseFloat(e):e,Kd=e=>typeof e=="number"||O.test(e);function I2(e,t,n,r,i,o){i?(e.opacity=J(0,n.opacity!==void 0?n.opacity:1,F2(r)),e.opacityExit=J(t.opacity!==void 0?t.opacity:1,0,O2(r))):o&&(e.opacity=J(t.opacity!==void 0?t.opacity:1,n.opacity!==void 0?n.opacity:1,r));for(let l=0;l<D2;l++){const a=`border${u0[l]}Radius`;let c=Xd(t,a),u=Xd(n,a);if(c===void 0&&u===void 0)continue;c||(c=0),u||(u=0),c===0||u===0||Kd(c)===Kd(u)?(e[a]=Math.max(J(Yd(c),Yd(u),r),0),(mt.test(u)||mt.test(c))&&(e[a]+="%")):e[a]=u}(t.rotate||n.rotate)&&(e.rotate=J(t.rotate||0,n.rotate||0,r))}function Xd(e,t){return e[t]!==void 0?e[t]:e.borderRadius}const F2=d0(0,.5,Pm),O2=d0(.5,.95,Oe);function d0(e,t,n){return r=>r<e?0:r>t?1:n(sr(e,t,r))}function Qd(e,t){e.min=t.min,e.max=t.max}function He(e,t){Qd(e.x,t.x),Qd(e.y,t.y)}function qd(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}function Zd(e,t,n,r,i){return e-=t,e=Wo(e,1/n,r),i!==void 0&&(e=Wo(e,1/i,r)),e}function B2(e,t=0,n=1,r=.5,i,o=e,l=e){if(mt.test(t)&&(t=parseFloat(t),t=J(l.min,l.max,t/100)-l.min),typeof t!="number")return;let a=J(o.min,o.max,r);e===o&&(a-=t),e.min=Zd(e.min,t,n,a,i),e.max=Zd(e.max,t,n,a,i)}function Jd(e,t,[n,r,i],o,l){B2(e,t[n],t[r],t[i],t.scale,o,l)}const V2=["x","scaleX","originX"],N2=["y","scaleY","originY"];function ep(e,t,n,r){Jd(e.x,t,V2,n?n.x:void 0,r?r.x:void 0),Jd(e.y,t,N2,n?n.y:void 0,r?r.y:void 0)}function tp(e){return e.translate===0&&e.scale===1}function p0(e){return tp(e.x)&&tp(e.y)}function np(e,t){return e.min===t.min&&e.max===t.max}function $2(e,t){return np(e.x,t.x)&&np(e.y,t.y)}function rp(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function f0(e,t){return rp(e.x,t.x)&&rp(e.y,t.y)}function ip(e){return Ve(e.x)/Ve(e.y)}function op(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}class W2{constructor(){this.members=[]}add(t){Mc(this.members,t),t.scheduleRender()}remove(t){if(Lc(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(t){const n=this.members.findIndex(i=>t===i);if(n===0)return!1;let r;for(let i=n;i>=0;i--){const o=this.members[i];if(o.isPresent!==!1){r=o;break}}return r?(this.promote(r),!0):!1}promote(t,n){const r=this.lead;if(t!==r&&(this.prevLead=r,this.lead=t,t.show(),r)){r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,n&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;i===!1&&r.hide()}}exitAnimationComplete(){this.members.forEach(t=>{const{options:n,resumingFrom:r}=t;n.onExitComplete&&n.onExitComplete(),r&&r.options.onExitComplete&&r.options.onExitComplete()})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function H2(e,t,n){let r="";const i=e.x.translate/t.x,o=e.y.translate/t.y,l=(n==null?void 0:n.z)||0;if((i||o||l)&&(r=`translate3d(${i}px, ${o}px, ${l}px) `),(t.x!==1||t.y!==1)&&(r+=`scale(${1/t.x}, ${1/t.y}) `),n){const{transformPerspective:u,rotate:d,rotateX:p,rotateY:f,skewX:y,skewY:x}=n;u&&(r=`perspective(${u}px) ${r}`),d&&(r+=`rotate(${d}deg) `),p&&(r+=`rotateX(${p}deg) `),f&&(r+=`rotateY(${f}deg) `),y&&(r+=`skewX(${y}deg) `),x&&(r+=`skewY(${x}deg) `)}const a=e.x.scale*t.x,c=e.y.scale*t.y;return(a!==1||c!==1)&&(r+=`scale(${a}, ${c})`),r||"none"}const dn={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0},Mr=typeof window<"u"&&window.MotionDebug!==void 0,Xs=["","X","Y","Z"],U2={visibility:"hidden"},sp=1e3;let G2=0;function Qs(e,t,n,r){const{latestValues:i}=t;i[e]&&(n[e]=i[e],t.setStaticValue(e,0),r&&(r[e]=0))}function h0(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:t}=e.options;if(!t)return;const n=km(t);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:i,layoutId:o}=e.options;window.MotionCancelOptimisedAnimation(n,"transform",K,!(i||o))}const{parent:r}=e;r&&!r.hasCheckedOptimisedAppear&&h0(r)}function m0({attachResizeListener:e,defaultParent:t,measureScroll:n,checkIsScrollRoot:r,resetTransform:i}){return class{constructor(l={},a=t==null?void 0:t()){this.id=G2++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,Mr&&(dn.totalNodes=dn.resolvedTargetDeltas=dn.recalculatedProjection=0),this.nodes.forEach(X2),this.nodes.forEach(ew),this.nodes.forEach(tw),this.nodes.forEach(Q2),Mr&&window.MotionDebug.record(dn)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=l,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let c=0;c<this.path.length;c++)this.path[c].shouldResetTransform=!0;this.root===this&&(this.nodes=new L2)}addEventListener(l,a){return this.eventHandlers.has(l)||this.eventHandlers.set(l,new zc),this.eventHandlers.get(l).add(a)}notifyListeners(l,...a){const c=this.eventHandlers.get(l);c&&c.notify(...a)}hasListeners(l){return this.eventHandlers.has(l)}mount(l,a=this.root.hasTreeAnimated){if(this.instance)return;this.isSVG=R2(l),this.instance=l;const{layoutId:c,layout:u,visualElement:d}=this.options;if(d&&!d.current&&d.mount(l),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),a&&(u||c)&&(this.isLayoutDirty=!0),e){let p;const f=()=>this.root.updateBlockedByResize=!1;e(l,()=>{this.root.updateBlockedByResize=!0,p&&p(),p=z2(f,250),po.hasAnimatedSinceResize&&(po.hasAnimatedSinceResize=!1,this.nodes.forEach(ap))})}c&&this.root.registerSharedNode(c,this),this.options.animate!==!1&&d&&(c||u)&&this.addEventListener("didUpdate",({delta:p,hasLayoutChanged:f,hasRelativeTargetChanged:y,layout:x})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const v=this.options.transition||d.getDefaultTransition()||sw,{onLayoutAnimationStart:S,onLayoutAnimationComplete:m}=d.getProps(),h=!this.targetLayout||!f0(this.targetLayout,x)||y,g=!f&&y;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||g||f&&(h||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(p,g);const w={...Ec(v,"layout"),onPlay:S,onComplete:m};(d.shouldReduceMotion||this.options.layoutRoot)&&(w.delay=0,w.type=!1),this.startAnimation(w)}else f||ap(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=x})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const l=this.getStack();l&&l.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,Zt(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(nw),this.animationId++)}getTransformTemplate(){const{visualElement:l}=this.options;return l&&l.getProps().transformTemplate}willUpdate(l=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&h0(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let d=0;d<this.path.length;d++){const p=this.path[d];p.shouldResetTransform=!0,p.updateScroll("snapshot"),p.options.layoutRoot&&p.willUpdate(!1)}const{layoutId:a,layout:c}=this.options;if(a===void 0&&!c)return;const u=this.getTransformTemplate();this.prevTransformTemplateValue=u?u(this.latestValues,""):void 0,this.updateSnapshot(),l&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(lp);return}this.isUpdating||this.nodes.forEach(Z2),this.isUpdating=!1,this.nodes.forEach(J2),this.nodes.forEach(Y2),this.nodes.forEach(K2),this.clearAllSnapshots();const a=gt.now();me.delta=Pt(0,1e3/60,a-me.timestamp),me.timestamp=a,me.isProcessing=!0,Vs.update.process(me),Vs.preRender.process(me),Vs.render.process(me),me.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,xc.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(q2),this.sharedNodes.forEach(rw)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,K.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){K.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let c=0;c<this.path.length;c++)this.path[c].updateScroll();const l=this.layout;this.layout=this.measure(!1),this.layoutCorrected=oe(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,l?l.layoutBox:void 0)}updateScroll(l="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===l&&(a=!1),a){const c=r(this.instance);this.scroll={animationId:this.root.animationId,phase:l,isRoot:c,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:c}}}resetTransform(){if(!i)return;const l=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!p0(this.projectionDelta),c=this.getTransformTemplate(),u=c?c(this.latestValues,""):void 0,d=u!==this.prevTransformTemplateValue;l&&(a||un(this.latestValues)||d)&&(i(this.instance,u),this.shouldResetTransform=!1,this.scheduleRender())}measure(l=!0){const a=this.measurePageBox();let c=this.removeElementScroll(a);return l&&(c=this.removeTransform(c)),lw(c),{animationId:this.root.animationId,measuredBox:a,layoutBox:c,latestValues:{},source:this.id}}measurePageBox(){var l;const{visualElement:a}=this.options;if(!a)return oe();const c=a.measureViewportBox();if(!(((l=this.scroll)===null||l===void 0?void 0:l.wasRoot)||this.path.some(aw))){const{scroll:d}=this.root;d&&(Hn(c.x,d.offset.x),Hn(c.y,d.offset.y))}return c}removeElementScroll(l){var a;const c=oe();if(He(c,l),!((a=this.scroll)===null||a===void 0)&&a.wasRoot)return c;for(let u=0;u<this.path.length;u++){const d=this.path[u],{scroll:p,options:f}=d;d!==this.root&&p&&f.layoutScroll&&(p.wasRoot&&He(c,l),Hn(c.x,p.offset.x),Hn(c.y,p.offset.y))}return c}applyTransform(l,a=!1){const c=oe();He(c,l);for(let u=0;u<this.path.length;u++){const d=this.path[u];!a&&d.options.layoutScroll&&d.scroll&&d!==d.root&&Un(c,{x:-d.scroll.offset.x,y:-d.scroll.offset.y}),un(d.latestValues)&&Un(c,d.latestValues)}return un(this.latestValues)&&Un(c,this.latestValues),c}removeTransform(l){const a=oe();He(a,l);for(let c=0;c<this.path.length;c++){const u=this.path[c];if(!u.instance||!un(u.latestValues))continue;ua(u.latestValues)&&u.updateSnapshot();const d=oe(),p=u.measurePageBox();He(d,p),ep(a,u.latestValues,u.snapshot?u.snapshot.layoutBox:void 0,d)}return un(this.latestValues)&&ep(a,this.latestValues),a}setTargetDelta(l){this.targetDelta=l,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(l){this.options={...this.options,...l,crossfade:l.crossfade!==void 0?l.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==me.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(l=!1){var a;const c=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=c.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=c.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=c.isSharedProjectionDirty);const u=!!this.resumingFrom||this!==c;if(!(l||u&&this.isSharedProjectionDirty||this.isProjectionDirty||!((a=this.parent)===null||a===void 0)&&a.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:p,layoutId:f}=this.options;if(!(!this.layout||!(p||f))){if(this.resolvedRelativeTargetAt=me.timestamp,!this.targetDelta&&!this.relativeTarget){const y=this.getClosestProjectingParent();y&&y.layout&&this.animationProgress!==1?(this.relativeParent=y,this.forceRelativeParentToResolveTarget(),this.relativeTarget=oe(),this.relativeTargetOrigin=oe(),Ur(this.relativeTargetOrigin,this.layout.layoutBox,y.layout.layoutBox),He(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)){if(this.target||(this.target=oe(),this.targetWithTransforms=oe()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),d2(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):He(this.target,this.layout.layoutBox),s0(this.target,this.targetDelta)):He(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const y=this.getClosestProjectingParent();y&&!!y.resumingFrom==!!this.resumingFrom&&!y.options.layoutScroll&&y.target&&this.animationProgress!==1?(this.relativeParent=y,this.forceRelativeParentToResolveTarget(),this.relativeTarget=oe(),this.relativeTargetOrigin=oe(),Ur(this.relativeTargetOrigin,this.target,y.target),He(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}Mr&&dn.resolvedTargetDeltas++}}}getClosestProjectingParent(){if(!(!this.parent||ua(this.parent.latestValues)||o0(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var l;const a=this.getLead(),c=!!this.resumingFrom||this!==a;let u=!0;if((this.isProjectionDirty||!((l=this.parent)===null||l===void 0)&&l.isProjectionDirty)&&(u=!1),c&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(u=!1),this.resolvedRelativeTargetAt===me.timestamp&&(u=!1),u)return;const{layout:d,layoutId:p}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(d||p))return;He(this.layoutCorrected,this.layout.layoutBox);const f=this.treeScale.x,y=this.treeScale.y;w2(this.layoutCorrected,this.treeScale,this.path,c),a.layout&&!a.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(a.target=a.layout.layoutBox,a.targetWithTransforms=oe());const{target:x}=a;if(!x){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(qd(this.prevProjectionDelta.x,this.projectionDelta.x),qd(this.prevProjectionDelta.y,this.projectionDelta.y)),Hr(this.projectionDelta,this.layoutCorrected,x,this.latestValues),(this.treeScale.x!==f||this.treeScale.y!==y||!op(this.projectionDelta.x,this.prevProjectionDelta.x)||!op(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",x)),Mr&&dn.recalculatedProjection++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(l=!0){var a;if((a=this.options.visualElement)===null||a===void 0||a.scheduleRender(),l){const c=this.getStack();c&&c.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=Wn(),this.projectionDelta=Wn(),this.projectionDeltaWithTransform=Wn()}setAnimationOrigin(l,a=!1){const c=this.snapshot,u=c?c.latestValues:{},d={...this.latestValues},p=Wn();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const f=oe(),y=c?c.source:void 0,x=this.layout?this.layout.source:void 0,v=y!==x,S=this.getStack(),m=!S||S.members.length<=1,h=!!(v&&!m&&this.options.crossfade===!0&&!this.path.some(ow));this.animationProgress=0;let g;this.mixTargetDelta=w=>{const j=w/1e3;cp(p.x,l.x,j),cp(p.y,l.y,j),this.setTargetDelta(p),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Ur(f,this.layout.layoutBox,this.relativeParent.layout.layoutBox),iw(this.relativeTarget,this.relativeTargetOrigin,f,j),g&&$2(this.relativeTarget,g)&&(this.isProjectionDirty=!1),g||(g=oe()),He(g,this.relativeTarget)),v&&(this.animationValues=d,I2(d,u,this.latestValues,j,h,m)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=j},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(l){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(Zt(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=K.update(()=>{po.hasAnimatedSinceResize=!0,this.currentAnimation=_2(0,sp,{...l,onUpdate:a=>{this.mixTargetDelta(a),l.onUpdate&&l.onUpdate(a)},onComplete:()=>{l.onComplete&&l.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const l=this.getStack();l&&l.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(sp),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const l=this.getLead();let{targetWithTransforms:a,target:c,layout:u,latestValues:d}=l;if(!(!a||!c||!u)){if(this!==l&&this.layout&&u&&g0(this.options.animationType,this.layout.layoutBox,u.layoutBox)){c=this.target||oe();const p=Ve(this.layout.layoutBox.x);c.x.min=l.target.x.min,c.x.max=c.x.min+p;const f=Ve(this.layout.layoutBox.y);c.y.min=l.target.y.min,c.y.max=c.y.min+f}He(a,c),Un(a,d),Hr(this.projectionDeltaWithTransform,this.layoutCorrected,a,d)}}registerSharedNode(l,a){this.sharedNodes.has(l)||this.sharedNodes.set(l,new W2),this.sharedNodes.get(l).add(a);const u=a.options.initialPromotionConfig;a.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(a):void 0})}isLead(){const l=this.getStack();return l?l.lead===this:!0}getLead(){var l;const{layoutId:a}=this.options;return a?((l=this.getStack())===null||l===void 0?void 0:l.lead)||this:this}getPrevLead(){var l;const{layoutId:a}=this.options;return a?(l=this.getStack())===null||l===void 0?void 0:l.prevLead:void 0}getStack(){const{layoutId:l}=this.options;if(l)return this.root.sharedNodes.get(l)}promote({needsReset:l,transition:a,preserveFollowOpacity:c}={}){const u=this.getStack();u&&u.promote(this,c),l&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const l=this.getStack();return l?l.relegate(this):!1}resetSkewAndRotation(){const{visualElement:l}=this.options;if(!l)return;let a=!1;const{latestValues:c}=l;if((c.z||c.rotate||c.rotateX||c.rotateY||c.rotateZ||c.skewX||c.skewY)&&(a=!0),!a)return;const u={};c.z&&Qs("z",l,u,this.animationValues);for(let d=0;d<Xs.length;d++)Qs(`rotate${Xs[d]}`,l,u,this.animationValues),Qs(`skew${Xs[d]}`,l,u,this.animationValues);l.render();for(const d in u)l.setStaticValue(d,u[d]),this.animationValues&&(this.animationValues[d]=u[d]);l.scheduleRender()}getProjectionStyles(l){var a,c;if(!this.instance||this.isSVG)return;if(!this.isVisible)return U2;const u={visibility:""},d=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,u.opacity="",u.pointerEvents=co(l==null?void 0:l.pointerEvents)||"",u.transform=d?d(this.latestValues,""):"none",u;const p=this.getLead();if(!this.projectionDelta||!this.layout||!p.target){const v={};return this.options.layoutId&&(v.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,v.pointerEvents=co(l==null?void 0:l.pointerEvents)||""),this.hasProjected&&!un(this.latestValues)&&(v.transform=d?d({},""):"none",this.hasProjected=!1),v}const f=p.animationValues||p.latestValues;this.applyTransformsToTarget(),u.transform=H2(this.projectionDeltaWithTransform,this.treeScale,f),d&&(u.transform=d(f,u.transform));const{x:y,y:x}=this.projectionDelta;u.transformOrigin=`${y.origin*100}% ${x.origin*100}% 0`,p.animationValues?u.opacity=p===this?(c=(a=f.opacity)!==null&&a!==void 0?a:this.latestValues.opacity)!==null&&c!==void 0?c:1:this.preserveOpacity?this.latestValues.opacity:f.opacityExit:u.opacity=p===this?f.opacity!==void 0?f.opacity:"":f.opacityExit!==void 0?f.opacityExit:0;for(const v in Oo){if(f[v]===void 0)continue;const{correct:S,applyTo:m}=Oo[v],h=u.transform==="none"?f[v]:S(f[v],p);if(m){const g=m.length;for(let w=0;w<g;w++)u[m[w]]=h}else u[v]=h}return this.options.layoutId&&(u.pointerEvents=p===this?co(l==null?void 0:l.pointerEvents)||"":"none"),u}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(l=>{var a;return(a=l.currentAnimation)===null||a===void 0?void 0:a.stop()}),this.root.nodes.forEach(lp),this.root.sharedNodes.clear()}}}function Y2(e){e.updateLayout()}function K2(e){var t;const n=((t=e.resumeFrom)===null||t===void 0?void 0:t.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&n&&e.hasListeners("didUpdate")){const{layoutBox:r,measuredBox:i}=e.layout,{animationType:o}=e.options,l=n.source!==e.layout.source;o==="size"?Ue(p=>{const f=l?n.measuredBox[p]:n.layoutBox[p],y=Ve(f);f.min=r[p].min,f.max=f.min+y}):g0(o,n.layoutBox,r)&&Ue(p=>{const f=l?n.measuredBox[p]:n.layoutBox[p],y=Ve(r[p]);f.max=f.min+y,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[p].max=e.relativeTarget[p].min+y)});const a=Wn();Hr(a,r,n.layoutBox);const c=Wn();l?Hr(c,e.applyTransform(i,!0),n.measuredBox):Hr(c,r,n.layoutBox);const u=!p0(a);let d=!1;if(!e.resumeFrom){const p=e.getClosestProjectingParent();if(p&&!p.resumeFrom){const{snapshot:f,layout:y}=p;if(f&&y){const x=oe();Ur(x,n.layoutBox,f.layoutBox);const v=oe();Ur(v,r,y.layoutBox),f0(x,v)||(d=!0),p.options.layoutRoot&&(e.relativeTarget=v,e.relativeTargetOrigin=x,e.relativeParent=p)}}}e.notifyListeners("didUpdate",{layout:r,snapshot:n,delta:c,layoutDelta:a,hasLayoutChanged:u,hasRelativeTargetChanged:d})}else if(e.isLead()){const{onExitComplete:r}=e.options;r&&r()}e.options.transition=void 0}function X2(e){Mr&&dn.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function Q2(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function q2(e){e.clearSnapshot()}function lp(e){e.clearMeasurements()}function Z2(e){e.isLayoutDirty=!1}function J2(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function ap(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function ew(e){e.resolveTargetDelta()}function tw(e){e.calcProjection()}function nw(e){e.resetSkewAndRotation()}function rw(e){e.removeLeadSnapshot()}function cp(e,t,n){e.translate=J(t.translate,0,n),e.scale=J(t.scale,1,n),e.origin=t.origin,e.originPoint=t.originPoint}function up(e,t,n,r){e.min=J(t.min,n.min,r),e.max=J(t.max,n.max,r)}function iw(e,t,n,r){up(e.x,t.x,n.x,r),up(e.y,t.y,n.y,r)}function ow(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const sw={duration:.45,ease:[.4,0,.1,1]},dp=e=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),pp=dp("applewebkit/")&&!dp("chrome/")?Math.round:Oe;function fp(e){e.min=pp(e.min),e.max=pp(e.max)}function lw(e){fp(e.x),fp(e.y)}function g0(e,t,n){return e==="position"||e==="preserve-aspect"&&!u2(ip(t),ip(n),.2)}function aw(e){var t;return e!==e.root&&((t=e.scroll)===null||t===void 0?void 0:t.wasRoot)}const cw=m0({attachResizeListener:(e,t)=>hi(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),qs={current:void 0},y0=m0({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!qs.current){const e=new cw({});e.mount(window),e.setOptions({layoutScroll:!0}),qs.current=e}return qs.current},resetTransform:(e,t)=>{e.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),uw={pan:{Feature:C2},drag:{Feature:T2,ProjectionNode:y0,MeasureLayout:c0}};function hp(e,t,n){const{props:r}=e;e.animationState&&r.whileHover&&e.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,o=r[i];o&&K.postRender(()=>o(t,bi(t)))}class dw extends rn{mount(){const{current:t}=this.node;t&&(this.unmount=ux(t,n=>(hp(this.node,n,"Start"),r=>hp(this.node,r,"End"))))}unmount(){}}class pw extends rn{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=ji(hi(this.node.current,"focus",()=>this.onFocus()),hi(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function mp(e,t,n){const{props:r}=e;e.animationState&&r.whileTap&&e.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),o=r[i];o&&K.postRender(()=>o(t,bi(t)))}class fw extends rn{mount(){const{current:t}=this.node;t&&(this.unmount=hx(t,n=>(mp(this.node,n,"Start"),(r,{success:i})=>mp(this.node,r,i?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const pa=new WeakMap,Zs=new WeakMap,hw=e=>{const t=pa.get(e.target);t&&t(e)},mw=e=>{e.forEach(hw)};function gw({root:e,...t}){const n=e||document;Zs.has(n)||Zs.set(n,{});const r=Zs.get(n),i=JSON.stringify(t);return r[i]||(r[i]=new IntersectionObserver(mw,{root:e,...t})),r[i]}function yw(e,t,n){const r=gw(t);return pa.set(e,n),r.observe(e),()=>{pa.delete(e),r.unobserve(e)}}const xw={some:0,all:1};class vw extends rn{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:r,amount:i="some",once:o}=t,l={root:n?n.current:void 0,rootMargin:r,threshold:typeof i=="number"?i:xw[i]},a=c=>{const{isIntersecting:u}=c;if(this.isInView===u||(this.isInView=u,o&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),f=u?d:p;f&&f(c)};return yw(this.node.current,l,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(ww(t,n))&&this.startObserver()}unmount(){}}function ww({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const Sw={inView:{Feature:vw},tap:{Feature:fw},focus:{Feature:pw},hover:{Feature:dw}},kw={layout:{ProjectionNode:y0,MeasureLayout:c0}},fa={current:null},x0={current:!1};function jw(){if(x0.current=!0,!!fc)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>fa.current=e.matches;e.addListener(t),t()}else fa.current=!1}const bw=[...Wm,we,Jt],Tw=e=>bw.find($m(e)),gp=new WeakMap;function Cw(e,t,n){for(const r in t){const i=t[r],o=n[r];if(ke(i))e.addValue(r,i);else if(ke(o))e.addValue(r,pi(i,{owner:e}));else if(o!==i)if(e.hasValue(r)){const l=e.getValue(r);l.liveStyle===!0?l.jump(i):l.hasAnimated||l.set(i)}else{const l=e.getStaticValue(r);e.addValue(r,pi(l!==void 0?l:i,{owner:e}))}}for(const r in n)t[r]===void 0&&e.removeValue(r);return t}const yp=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Aw{scrapeMotionValuesFromProps(t,n,r){return{}}constructor({parent:t,props:n,presenceContext:r,reducedMotionConfig:i,blockInitialAnimation:o,visualState:l},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Vc,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const y=gt.now();this.renderScheduledAt<y&&(this.renderScheduledAt=y,K.render(this.render,!1,!0))};const{latestValues:c,renderState:u,onUpdate:d}=l;this.onUpdate=d,this.latestValues=c,this.baseTarget={...c},this.initialValues=n.initial?{...c}:{},this.renderState=u,this.parent=t,this.props=n,this.presenceContext=r,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!o,this.isControllingVariants=us(n),this.isVariantNode=qh(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:p,...f}=this.scrapeMotionValuesFromProps(n,{},this);for(const y in f){const x=f[y];c[y]!==void 0&&ke(x)&&x.set(c[y],!1)}}mount(t){this.current=t,gp.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,r)=>this.bindToMotionValue(r,n)),x0.current||jw(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:fa.current,this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){gp.delete(this.current),this.projection&&this.projection.unmount(),Zt(this.notifyUpdate),Zt(this.render),this.valueSubscriptions.forEach(t=>t()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features){const n=this.features[t];n&&(n.unmount(),n.isMounted=!1)}this.current=null}bindToMotionValue(t,n){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const r=An.has(t),i=n.on("change",a=>{this.latestValues[t]=a,this.props.onUpdate&&K.preRender(this.notifyUpdate),r&&this.projection&&(this.projection.isTransformDirty=!0)}),o=n.on("renderRequest",this.scheduleRender);let l;window.MotionCheckAppearSync&&(l=window.MotionCheckAppearSync(this,t,n)),this.valueSubscriptions.set(t,()=>{i(),o(),l&&l(),n.owner&&n.stop()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}updateFeatures(){let t="animation";for(t in lr){const n=lr[t];if(!n)continue;const{isEnabled:r,Feature:i}=n;if(!this.features[t]&&i&&r(this.props)&&(this.features[t]=new i(this)),this.features[t]){const o=this.features[t];o.isMounted?o.update():(o.mount(),o.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):oe()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,n){this.latestValues[t]=n}update(t,n){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let r=0;r<yp.length;r++){const i=yp[r];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const o="on"+i,l=t[o];l&&(this.propEventSubscriptions[i]=this.on(i,l))}this.prevMotionValues=Cw(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue(),this.onUpdate&&this.onUpdate(this)}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(t){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(t),()=>n.variantChildren.delete(t)}addValue(t,n){const r=this.values.get(t);n!==r&&(r&&this.removeValue(t),this.bindToMotionValue(t,n),this.values.set(t,n),this.latestValues[t]=n.get())}removeValue(t){this.values.delete(t);const n=this.valueSubscriptions.get(t);n&&(n(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,n){if(this.props.values&&this.props.values[t])return this.props.values[t];let r=this.values.get(t);return r===void 0&&n!==void 0&&(r=pi(n===null?void 0:n,{owner:this}),this.addValue(t,r)),r}readValue(t,n){var r;let i=this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(r=this.getBaseTargetFromProps(this.props,t))!==null&&r!==void 0?r:this.readValueFromInstance(this.current,t,this.options);return i!=null&&(typeof i=="string"&&(Vm(i)||Rm(i))?i=parseFloat(i):!Tw(i)&&Jt.test(n)&&(i=Fm(t,n)),this.setBaseTarget(t,ke(i)?i.get():i)),ke(i)?i.get():i}setBaseTarget(t,n){this.baseTarget[t]=n}getBaseTarget(t){var n;const{initial:r}=this.props;let i;if(typeof r=="string"||typeof r=="object"){const l=wc(this.props,r,(n=this.presenceContext)===null||n===void 0?void 0:n.custom);l&&(i=l[t])}if(r&&i!==void 0)return i;const o=this.getBaseTargetFromProps(this.props,t);return o!==void 0&&!ke(o)?o:this.initialValues[t]!==void 0&&i===void 0?void 0:this.baseTarget[t]}on(t,n){return this.events[t]||(this.events[t]=new zc),this.events[t].add(n)}notify(t,...n){this.events[t]&&this.events[t].notify(...n)}}class v0 extends Aw{constructor(){super(...arguments),this.KeyframeResolver=Hm}sortInstanceNodePosition(t,n){return t.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(t,n){return t.style?t.style[n]:void 0}removeValueFromRenderState(t,{vars:n,style:r}){delete n[t],delete r[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;ke(t)&&(this.childSubscription=t.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function Ew(e){return window.getComputedStyle(e)}class Pw extends v0{constructor(){super(...arguments),this.type="html",this.renderInstance=sm}readValueFromInstance(t,n){if(An.has(n)){const r=Bc(n);return r&&r.default||0}else{const r=Ew(t),i=(rm(n)?r.getPropertyValue(n):r[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(t,{transformPagePoint:n}){return l0(t,n)}build(t,n,r){jc(t,n,r.transformTemplate)}scrapeMotionValuesFromProps(t,n,r){return Ac(t,n,r)}}class _w extends v0{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=oe}getBaseTargetFromProps(t,n){return t[n]}readValueFromInstance(t,n){if(An.has(n)){const r=Bc(n);return r&&r.default||0}return n=lm.has(n)?n:yc(n),t.getAttribute(n)}scrapeMotionValuesFromProps(t,n,r){return um(t,n,r)}build(t,n,r){bc(t,n,this.isSVGTag,r.transformTemplate)}renderInstance(t,n,r,i){am(t,n,r,i)}mount(t){this.isSVGTag=Cc(t.tagName),super.mount(t)}}const Rw=(e,t)=>vc(e)?new _w(t):new Pw(t,{allowProjection:e!==A.Fragment}),Mw=rx({...t2,...Sw,...uw,...kw},Rw),k=x1(Mw);function w0(){const{T:e,mode:t}=_(),n=t==="dark"?.18:.3,r=t==="dark"?"radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.55) 100%)":"radial-gradient(ellipse at center, transparent 45%, rgba(15,23,42,0.05) 100%)";return s.jsxs(s.Fragment,{children:[s.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:`linear-gradient(${e.border} 1px, transparent 1px), linear-gradient(90deg, ${e.border} 1px, transparent 1px)`,backgroundSize:"40px 40px",opacity:n,maskImage:"radial-gradient(ellipse at center, #000 30%, transparent 80%)",WebkitMaskImage:"radial-gradient(ellipse at center, #000 30%, transparent 80%)",pointerEvents:"none"}}),s.jsx("div",{style:{position:"absolute",inset:0,background:r,pointerEvents:"none"}})]})}const S0=380;function Lw({size:e=20,color:t}){return s.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("circle",{cx:"12",cy:"12",r:"3"}),s.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]})}function zw({open:e,onToggle:t}){const{T:n}=_();return s.jsx("button",{onClick:t,"aria-label":"Settings",title:"Settings","data-chrome":!0,style:{position:"fixed",top:18,right:20,width:42,height:42,display:"grid",placeItems:"center",borderRadius:11,border:`1.5px solid ${n.border}`,background:n.bgRaised,zIndex:60,opacity:e?1:.55,transition:"opacity .2s"},onMouseEnter:r=>r.currentTarget.style.opacity="1",onMouseLeave:r=>r.currentTarget.style.opacity=e?"1":"0.55",children:s.jsx(k.span,{animate:{rotate:e?90:0},transition:{type:"spring",damping:16},style:{display:"grid",placeItems:"center"},children:s.jsx(Lw,{color:n.textMuted})})})}const ha=300,Dw=ha*ss/ci;function Iw({slide:e}){const{T:t}=_(),n=e.component;return s.jsx("div",{style:{width:ha,height:Dw,position:"relative",overflow:"hidden",background:t.bg,borderRadius:8},children:s.jsxs("div",{style:{width:ci,height:ss,transform:`scale(${ha/ci})`,transformOrigin:"top left",position:"absolute",top:0,left:0,pointerEvents:"none"},children:[s.jsx(w0,{}),s.jsx(n,{})]})})}function Fw({slides:e,index:t,goto:n,showArrows:r,setShowArrows:i,onClose:o}){const{T:l,mode:a,setMode:c}=_();return s.jsxs("div",{style:{width:S0,height:"100%",background:l.bg,borderRight:`1.5px solid ${l.border}`,display:"flex",flexDirection:"column",fontFamily:E},children:[s.jsxs("div",{style:{padding:"22px 24px 18px",borderBottom:`1px solid ${l.border}`},children:[s.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:18},children:[s.jsx("span",{style:{fontSize:12,letterSpacing:3,color:l.textDim,textTransform:"uppercase"},children:"Settings"}),s.jsx("button",{onClick:o,"aria-label":"Close",style:{border:"none",background:"transparent",color:l.textDim,fontSize:20,lineHeight:1},children:"✕"})]}),s.jsxs("div",{style:{display:"flex",gap:12},children:[s.jsx(xp,{label:a==="dark"?"Dark":"Light",active:!0,onClick:()=>c(a==="dark"?"light":"dark"),T:l,children:a==="dark"?s.jsx(Ow,{color:l.text}):s.jsx(Bw,{color:l.text})}),s.jsx(xp,{label:"Arrows",active:r,onClick:()=>i(!r),T:l,children:s.jsx(Vw,{color:r?l.text:l.textDim})})]})]}),s.jsxs("div",{style:{padding:"16px 24px 24px",overflowY:"auto",flex:1},children:[s.jsxs("div",{style:{fontSize:12,letterSpacing:3,color:l.textDim,textTransform:"uppercase",marginBottom:14},children:["Slides · ",e.length]}),s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:16},children:e.map((u,d)=>{const p=d===t;return s.jsxs("button",{onClick:()=>n(d),style:{padding:0,border:"none",background:"transparent",textAlign:"left"},children:[s.jsx("div",{style:{border:`2px solid ${p?l.borderStrong:l.border}`,borderRadius:10,overflow:"hidden",outline:p?`2px solid ${l.text}`:"none",outlineOffset:-1,transition:"border-color .15s"},children:s.jsx(Iw,{slide:u})}),s.jsxs("div",{style:{display:"flex",gap:8,marginTop:8,alignItems:"baseline"},children:[s.jsx("span",{style:{color:p?l.text:l.textDim,fontSize:13,fontWeight:700,fontVariantNumeric:"tabular-nums"},children:String(d+1).padStart(2,"0")}),s.jsx("span",{style:{color:p?l.text:l.textMuted,fontSize:14},children:u.title})]})]},u.id)})})]})]})}function xp({label:e,active:t,onClick:n,children:r,T:i}){return s.jsxs("button",{onClick:n,title:e,"aria-pressed":t,style:{display:"flex",alignItems:"center",gap:9,padding:"9px 14px",borderRadius:10,border:`1.5px solid ${t?i.text:i.border}`,background:t?i.bgRaised:"transparent",color:t?i.text:i.textDim,fontSize:13,fontWeight:600,fontFamily:E},children:[r,s.jsx("span",{children:e})]})}function Ow({color:e}){return s.jsx("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:e,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})})}function Bw({color:e}){return s.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:e,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("circle",{cx:"12",cy:"12",r:"4"}),s.jsx("path",{d:"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"})]})}function Vw({color:e}){return s.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:e,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M15 18l-6-6 6-6"}),s.jsx("path",{d:"M9 6l6 6-6 6",opacity:.55})]})}function Nw({id:e,children:t}){const n=A.useRef(null),[r,i]=A.useState(null);return A.useEffect(()=>{},[e]),s.jsxs("div",{ref:n,style:{position:"absolute",inset:0},children:[t,r&&s.jsxs(s.Fragment,{children:[s.jsx("div",{"data-ov-badge":"1",style:{position:"absolute",inset:0,border:"3px solid #ff4d6d",boxShadow:"inset 0 0 0 3px rgba(255,77,109,0.25)",pointerEvents:"none",zIndex:999}}),s.jsxs("div",{"data-ov-badge":"1",style:{position:"absolute",top:8,left:"50%",transform:"translateX(-50%)",background:"#ff4d6d",color:"#fff",fontFamily:"ui-monospace, monospace",fontSize:15,fontWeight:800,padding:"5px 12px",borderRadius:8,letterSpacing:.5,zIndex:1e3,pointerEvents:"none"},children:["⚠ OVERFLOW ",r.dx>0?`→${r.dx}px`:""," ",r.dy>0?`↓${r.dy}px`:""]})]})]})}const $w={hidden:{opacity:0,y:18},show:{opacity:1,y:0}},Ww=(e=.09,t=.15)=>({hidden:{},show:{transition:{staggerChildren:e,delayChildren:t}}}),bn={type:"spring",damping:22,stiffness:180};function N({children:e,style:t,className:n}){return s.jsx(k.div,{variants:$w,transition:bn,style:t,className:n,children:e})}function ze({children:e,style:t,gap:n,delay:r}){return s.jsx(k.div,{variants:Ww(n,r),initial:"hidden",animate:"show",style:t,children:e})}function vt({children:e,marker:t="▸",markerColor:n}){const{T:r}=_();return s.jsxs("div",{style:{display:"flex",gap:18,alignItems:"baseline"},children:[s.jsx("span",{style:{color:n??r.emerald,fontWeight:800,fontSize:28},children:t}),s.jsx("span",{style:{color:r.text,fontSize:34,lineHeight:1.4},children:e})]})}function L({children:e,color:t="emerald",glow:n=!1}){const{T:r,glow:i}=_(),o=t==="lavender"?r.lavender:r.emerald,l=n?t==="lavender"?i.lavenderText:i.emeraldText:"none";return s.jsx("span",{style:{color:o,textShadow:l},children:e})}const k0=A.createContext(null);function B({index:e,kicker:t,title:n,children:r,titleSize:i=46}){const{T:o}=_(),l=A.useContext(k0),a=String(l??e??0).padStart(2,"0");return s.jsxs("div",{style:{position:"absolute",inset:0},children:[s.jsxs("div",{style:{position:"absolute",top:52,left:96,right:96},children:[s.jsxs(k.div,{initial:{opacity:0,x:-14},animate:{opacity:1,x:0},transition:{...bn,delay:.05},style:{fontSize:17,fontWeight:700,letterSpacing:5,textTransform:"uppercase",marginBottom:10,fontFamily:E},children:[s.jsx("span",{style:{color:o.emerald},children:a}),s.jsxs("span",{style:{color:o.textDim},children:["  /  ",t]})]}),s.jsx(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{...bn,delay:.12},style:{fontSize:i,fontWeight:800,color:o.white,letterSpacing:-1,lineHeight:1.06,maxWidth:1040},children:n})]}),r,s.jsx("div",{style:{position:"absolute",bottom:44,right:96,fontFamily:E,fontSize:18,color:o.textDim,letterSpacing:2},children:a})]})}function j0({size:e=22,color:t="currentColor"}){return s.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:t,children:s.jsx("path",{d:"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0016 8c0-4.42-3.58-8-8-8z"})})}function mr({size:e=22}){return s.jsxs("svg",{width:e,height:e*88/95,viewBox:"0 0 95 88",fill:"none","aria-label":"Hugging Face",children:[s.jsx("path",{fill:"#FFD21E",d:"M47.21 76.5a34.75 34.75 0 1 0 0-69.5 34.75 34.75 0 0 0 0 69.5Z"}),s.jsx("path",{fill:"#FF9D0B",d:"M81.96 41.75a34.75 34.75 0 1 0-69.5 0 34.75 34.75 0 0 0 69.5 0Zm-73.5 0a38.75 38.75 0 1 1 77.5 0 38.75 38.75 0 0 1-77.5 0Z"}),s.jsx("path",{fill:"#3A3B45",d:"M58.5 32.3c1.28.44 1.78 3.06 3.07 2.38a5 5 0 1 0-6.76-2.07c.61 1.15 2.55-.72 3.7-.32ZM34.95 32.3c-1.28.44-1.79 3.06-3.07 2.38a5 5 0 1 1 6.76-2.07c-.61 1.15-2.56-.72-3.7-.32Z"}),s.jsx("path",{fill:"#FF323D",d:"M46.96 56.29c9.83 0 13-8.76 13-13.26 0-2.34-1.57-1.6-4.09-.36-2.33 1.15-5.46 2.74-8.9 2.74-7.19 0-13-6.88-13-2.38s3.16 13.26 13 13.26Z"}),s.jsx("path",{fill:"#3A3B45",fillRule:"evenodd",d:"M39.43 54a8.7 8.7 0 0 1 5.3-4.49c.4-.12.81.57 1.24 1.28.4.68.82 1.37 1.24 1.37.45 0 .9-.68 1.33-1.35.45-.7.89-1.38 1.32-1.25a8.61 8.61 0 0 1 5 4.17c3.73-2.94 5.1-7.74 5.1-10.7 0-2.34-1.57-1.6-4.09-.36l-.14.07c-2.31 1.15-5.39 2.67-8.77 2.67s-6.45-1.52-8.77-2.67c-2.6-1.29-4.23-2.1-4.23.29 0 3.05 1.46 8.06 5.47 10.97Z",clipRule:"evenodd"}),s.jsx("path",{fill:"#FF9D0B",d:"M70.71 37a3.25 3.25 0 1 0 0-6.5 3.25 3.25 0 0 0 0 6.5ZM24.21 37a3.25 3.25 0 1 0 0-6.5 3.25 3.25 0 0 0 0 6.5ZM17.52 48c-1.62 0-3.06.66-4.07 1.87a5.97 5.97 0 0 0-1.33 3.76 7.1 7.1 0 0 0-1.94-.3c-1.55 0-2.95.59-3.94 1.66a5.8 5.8 0 0 0-.8 7 5.3 5.3 0 0 0-1.79 2.82c-.24.9-.48 2.8.8 4.74a5.22 5.22 0 0 0-.37 5.02c1.02 2.32 3.57 4.14 8.52 6.1 3.07 1.22 5.89 2 5.91 2.01a44.33 44.33 0 0 0 10.93 1.6c5.86 0 10.05-1.8 12.46-5.34 3.88-5.69 3.33-10.9-1.7-15.92-2.77-2.78-4.62-6.87-5-7.77-.78-2.66-2.84-5.62-6.25-5.62a5.7 5.7 0 0 0-4.6 2.46c-1-1.26-1.98-2.25-2.86-2.82A7.4 7.4 0 0 0 17.52 48Zm0 4c.51 0 1.14.22 1.82.65 2.14 1.36 6.25 8.43 7.76 11.18.5.92 1.37 1.31 2.14 1.31 1.55 0 2.75-1.53.15-3.48-3.92-2.93-2.55-7.72-.68-8.01.08-.02.17-.02.24-.02 1.7 0 2.45 2.93 2.45 2.93s2.2 5.52 5.98 9.3c3.77 3.77 3.97 6.8 1.22 10.83-1.88 2.75-5.47 3.58-9.16 3.58-3.81 0-7.73-.9-9.92-1.46-.11-.03-13.45-3.8-11.76-7 .28-.54.75-.76 1.34-.76 2.38 0 6.7 3.54 8.57 3.54.41 0 .7-.17.83-.6.79-2.85-12.06-4.05-10.98-8.17.2-.73.71-1.02 1.44-1.02 3.14 0 10.2 5.53 11.68 5.53.11 0 .2-.03.24-.1.74-1.2.33-2.04-4.9-5.2-5.21-3.16-8.88-5.06-6.8-7.33.24-.26.58-.38 1-.38 3.17 0 10.66 6.82 10.66 6.82s2.02 2.1 3.25 2.1c.28 0 .52-.1.68-.38.86-1.46-8.06-8.22-8.56-11.01-.34-1.9.24-2.85 1.31-2.85Z"}),s.jsx("path",{fill:"#FFD21E",d:"M38.6 76.69c2.75-4.04 2.55-7.07-1.22-10.84-3.78-3.77-5.98-9.3-5.98-9.3s-.82-3.2-2.69-2.9c-1.87.3-3.24 5.08.68 8.01 3.91 2.93-.78 4.92-2.29 2.17-1.5-2.75-5.62-9.82-7.76-11.18-2.13-1.35-3.63-.6-3.13 2.2.5 2.79 9.43 9.55 8.56 11-.87 1.47-3.93-1.71-3.93-1.71s-9.57-8.71-11.66-6.44c-2.08 2.27 1.59 4.17 6.8 7.33 5.23 3.16 5.64 4 4.9 5.2-.75 1.2-12.28-8.53-13.36-4.4-1.08 4.11 11.77 5.3 10.98 8.15-.8 2.85-9.06-5.38-10.74-2.18-1.7 3.21 11.65 6.98 11.76 7.01 4.3 1.12 15.25 3.49 19.08-2.12Z"}),s.jsx("path",{fill:"#FF9D0B",d:"M77.4 48c1.62 0 3.07.66 4.07 1.87a5.97 5.97 0 0 1 1.33 3.76 7.1 7.1 0 0 1 1.95-.3c1.55 0 2.95.59 3.94 1.66a5.8 5.8 0 0 1 .8 7 5.3 5.3 0 0 1 1.78 2.82c.24.9.48 2.8-.8 4.74a5.22 5.22 0 0 1 .37 5.02c-1.02 2.32-3.57 4.14-8.51 6.1-3.08 1.22-5.9 2-5.92 2.01a44.33 44.33 0 0 1-10.93 1.6c-5.86 0-10.05-1.8-12.46-5.34-3.88-5.69-3.33-10.9 1.7-15.92 2.78-2.78 4.63-6.87 5.01-7.77.78-2.66 2.83-5.62 6.24-5.62a5.7 5.7 0 0 1 4.6 2.46c1-1.26 1.98-2.25 2.87-2.82A7.4 7.4 0 0 1 77.4 48Zm0 4c-.51 0-1.13.22-1.82.65-2.13 1.36-6.25 8.43-7.76 11.18a2.43 2.43 0 0 1-2.14 1.31c-1.54 0-2.75-1.53-.14-3.48 3.91-2.93 2.54-7.72.67-8.01a1.54 1.54 0 0 0-.24-.02c-1.7 0-2.45 2.93-2.45 2.93s-2.2 5.52-5.97 9.3c-3.78 3.77-3.98 6.8-1.22 10.83 1.87 2.75 5.47 3.58 9.15 3.58 3.82 0 7.73-.9 9.93-1.46.1-.03 13.45-3.8 11.76-7-.29-.54-.75-.76-1.34-.76-2.38 0-6.71 3.54-8.57 3.54-.42 0-.71-.17-.83-.6-.8-2.85 12.05-4.05 10.97-8.17-.19-.73-.7-1.02-1.44-1.02-3.14 0-10.2 5.53-11.68 5.53-.1 0-.19-.03-.23-.1-.74-1.2-.34-2.04 4.88-5.2 5.23-3.16 8.9-5.06 6.8-7.33-.23-.26-.57-.38-.98-.38-3.18 0-10.67 6.82-10.67 6.82s-2.02 2.1-3.24 2.1a.74.74 0 0 1-.68-.38c-.87-1.46 8.05-8.22 8.55-11.01.34-1.9-.24-2.85-1.31-2.85Z"}),s.jsx("path",{fill:"#FFD21E",d:"M56.33 76.69c-2.75-4.04-2.56-7.07 1.22-10.84 3.77-3.77 5.97-9.3 5.97-9.3s.82-3.2 2.7-2.9c1.86.3 3.23 5.08-.68 8.01-3.92 2.93.78 4.92 2.28 2.17 1.51-2.75 5.63-9.82 7.76-11.18 2.13-1.35 3.64-.6 3.13 2.2-.5 2.79-9.42 9.55-8.55 11 .86 1.47 3.92-1.71 3.92-1.71s9.58-8.71 11.66-6.44c2.08 2.27-1.58 4.17-6.8 7.33-5.23 3.16-5.63 4-4.9 5.2.75 1.2 12.28-8.53 13.36-4.4 1.08 4.11-11.76 5.3-10.97 8.15.8 2.85 9.05-5.38 10.74-2.18 1.69 3.21-11.65 6.98-11.76 7.01-4.31 1.12-15.26 3.49-19.08-2.12Z"})]})}const Hw=["RL Environments","RL Training"],Nt=646;function b0(e,t){const n=[];for(let r=0;r<=56;r++){const i=r/56,o=i*1280,l=Nt-Math.pow(i,e)*t;n.push(`${r===0?"M":"L"}${o.toFixed(1)} ${l.toFixed(1)}`)}return n.join(" ")}const ma=b0(2.4,258),Uw=b0(3.3,168),Gw=`${ma} L1280 ${Nt} L0 ${Nt} Z`,Yw=[.42,.66,.84,.97].map(e=>({t:e,x:e*1280,y:Nt-Math.pow(e,2.4)*258})),vp=[{x:330,label:"10×"},{x:700,label:"100×"},{x:1055,label:"1,000×"}];function Kw(){const{T:e,mode:t}=_(),n=t==="dark"?.5:.6,r=t==="dark"?.3:.22;return s.jsxs("svg",{width:"1280",height:"720",viewBox:"0 0 1280 720",style:{position:"absolute",inset:0},children:[s.jsx("defs",{children:s.jsxs("linearGradient",{id:"scale-area",x1:"0",y1:"0",x2:"0",y2:"1",children:[s.jsx("stop",{offset:"0%",stopColor:e.emerald,stopOpacity:r}),s.jsx("stop",{offset:"100%",stopColor:e.emerald,stopOpacity:0})]})}),vp.concat([{x:1240,label:""}]).map((i,o)=>s.jsx(k.line,{x1:i.x,y1:300,x2:i.x,y2:Nt,stroke:e.border,strokeWidth:1,initial:{opacity:0},animate:{opacity:n*.55},transition:{delay:.3+o*.1,duration:.5}},o)),s.jsx(k.line,{x1:0,y1:Nt,x2:1280,y2:Nt,stroke:e.border,strokeWidth:1.5,initial:{opacity:0},animate:{opacity:n},transition:{delay:.25,duration:.5}}),s.jsx(k.path,{d:Uw,fill:"none",stroke:e.lavender,strokeWidth:2,strokeLinecap:"round",initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:.5},transition:{pathLength:{delay:.5,duration:1.7,ease:"easeInOut"},opacity:{delay:.5,duration:.4}}}),s.jsx(k.path,{d:Gw,fill:"url(#scale-area)",initial:{opacity:0},animate:{opacity:1},transition:{delay:1.5,duration:.9}}),s.jsx(k.path,{d:ma,fill:"none",stroke:e.emerald,strokeWidth:10,strokeLinecap:"round",opacity:.2,initial:{pathLength:0},animate:{pathLength:1},transition:{delay:.55,duration:1.8,ease:"easeInOut"}}),s.jsx(k.path,{d:ma,fill:"none",stroke:e.emerald,strokeWidth:3.2,strokeLinecap:"round",initial:{pathLength:0},animate:{pathLength:1},transition:{delay:.55,duration:1.8,ease:"easeInOut"}}),Yw.map(i=>s.jsx(k.circle,{cx:i.x,cy:i.y,r:5,fill:e.emerald,initial:{opacity:0,scale:0},animate:{opacity:.9,scale:1},transition:{delay:.55+i.t*1.8,type:"spring",damping:14,stiffness:220},style:{transformOrigin:`${i.x}px ${i.y}px`}},i.t)),vp.map((i,o)=>s.jsx(k.text,{x:i.x,y:Nt+26,textAnchor:"middle",fill:e.textDim,fontFamily:E,fontSize:17,letterSpacing:1,initial:{opacity:0},animate:{opacity:n*.9},transition:{delay:1.1+o*.14,duration:.5},children:i.label},i.label))]})}function Xw(){const{T:e,glow:t,mode:n}=_(),r={hidden:{opacity:0,y:16},show:{opacity:1,y:0}},i=n==="dark"?"radial-gradient(ellipse at center, rgba(7,9,15,0.5) 30%, rgba(7,9,15,0.94) 78%)":"radial-gradient(ellipse at center, rgba(251,252,254,0.55) 30%, rgba(251,252,254,0.92) 78%)";return s.jsxs("div",{style:{position:"absolute",inset:0},children:[s.jsx("div",{style:{position:"absolute",inset:0,background:i}}),s.jsx(Kw,{}),s.jsxs(k.div,{initial:{opacity:0,y:-8},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.5},style:{position:"absolute",top:46,right:96,textAlign:"right",fontFamily:E,lineHeight:1.5},children:[s.jsx("div",{style:{fontSize:20,fontWeight:700,color:e.textMuted,letterSpacing:2},children:"AMD AI Dev Day"}),s.jsx("div",{style:{fontSize:16,color:e.textDim,letterSpacing:.6},children:"amd.indiadevday.com"})]}),s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.16,delayChildren:.15}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 80px"},children:[s.jsxs(k.h1,{variants:r,transition:{type:"spring",damping:20},style:{margin:0,fontSize:88,fontWeight:800,color:e.white,letterSpacing:-3,lineHeight:1.02,maxWidth:1120},children:[s.jsx(L,{color:"emerald",glow:!0,children:"Scaling RL"})," for LLMs"]}),s.jsx(k.div,{variants:r,transition:{type:"spring",damping:20},style:{marginTop:42,display:"flex",alignItems:"stretch",gap:20},children:Hw.map(o=>s.jsx("div",{style:{minWidth:300,padding:"22px 34px",background:e.bgRaised,border:`1.5px solid ${e.emerald}`,borderRadius:16,boxShadow:t.emerald,fontSize:34,fontWeight:700,color:e.emerald,textShadow:t.emeraldText,letterSpacing:-.4,whiteSpace:"nowrap"},children:o},o))}),s.jsxs(k.div,{variants:r,transition:{type:"spring",damping:20},style:{marginTop:54,display:"flex",alignItems:"center",gap:14,fontFamily:E,fontSize:24,color:e.textDim,letterSpacing:1},children:[s.jsx(mr,{size:30}),s.jsx("span",{children:"Adithya S Kolavi"}),s.jsx("span",{style:{opacity:.5},children:"·"}),s.jsx("span",{children:"@AdithyaSK"})]})]})]})}const Qw=""+new URL("cognitivelab-BpHudwdd.png",import.meta.url).href;function qw({size:e=40,color:t="currentColor"}){return s.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:t,"aria-label":"Apple",children:s.jsx("path",{d:"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"})})}function T0({size:e=40,color:t="currentColor"}){return s.jsx("svg",{width:e,height:e*24/24,viewBox:"0 0 24 24",fill:t,"aria-label":"Meta",children:s.jsx("path",{d:"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z"})})}function Zw({size:e=40,color:t="currentColor"}){return s.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:t,"aria-label":"GitHub",children:s.jsx("path",{d:"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"})})}function Jw({size:e=40}){const t=e*.06,n=(e-t)/2;return s.jsxs("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-label":"Microsoft",children:[s.jsx("rect",{x:0,y:0,width:n,height:n,fill:"#F25022"}),s.jsx("rect",{x:n+t,y:0,width:n,height:n,fill:"#7FBA00"}),s.jsx("rect",{x:0,y:n+t,width:n,height:n,fill:"#00A4EF"}),s.jsx("rect",{x:n+t,y:n+t,width:n,height:n,fill:"#FFB900"})]})}function e3({size:e=40,color:t="#4D6BFE"}){return s.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:t,"aria-label":"DeepSeek",children:s.jsx("path",{d:"M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"})})}function t3({size:e=40,color:t="#EE4C2C"}){return s.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:t,"aria-label":"PyTorch",children:s.jsx("path",{d:"M12.005 0L4.952 7.053a9.865 9.865 0 000 14.022 9.866 9.866 0 0014.022 0c3.984-3.9 3.986-10.205.08-14.163l-1.416 1.416a7.86 7.86 0 01-.081 11.331 7.868 7.868 0 01-11.19 0 7.869 7.869 0 010-11.19l4.75-4.75.808-.860zM14.514 5.257a1.269 1.269 0 100 2.538 1.269 1.269 0 000-2.538z"})})}function n3({size:e=40}){return s.jsx("img",{src:Qw,alt:"CognitiveLab",width:e,height:e,style:{display:"block",borderRadius:"50%"}})}const C0=""+new URL("adithyask-CfgQu2fr.jpeg",import.meta.url).href;function Xi({label:e,children:t}){const{T:n}=_();return s.jsxs(N,{children:[e&&s.jsx("div",{style:{fontFamily:E,fontSize:15,letterSpacing:3,color:n.textDim,textTransform:"uppercase",marginBottom:12},children:e}),s.jsx("div",{style:{display:"flex",alignItems:"center",gap:18,fontSize:30,color:n.text},children:t})]})}function r3(){const{T:e,glow:t}=_();return s.jsx(B,{index:1,kicker:"whoami",title:s.jsx(s.Fragment,{children:"Adithya S Kolavi"}),children:s.jsxs("div",{style:{position:"absolute",top:200,left:96,right:96,display:"flex",gap:72,alignItems:"center"},children:[s.jsx(k.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{type:"spring",damping:18,delay:.2},style:{flex:"0 0 auto"},children:s.jsx("div",{style:{width:300,height:300,borderRadius:26,padding:3,background:`linear-gradient(140deg, ${e.lavender}, ${e.emerald})`,boxShadow:t.lavender},children:s.jsx("img",{src:C0,alt:"Adithya S Kolavi",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:23,display:"block"}})})}),s.jsx("div",{style:{flex:1},children:s.jsxs(ze,{gap:.13,delay:.35,style:{display:"flex",flexDirection:"column",gap:26},children:[s.jsx(Xi,{label:"Now",children:s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[s.jsxs("div",{style:{display:"flex",alignItems:"center",gap:18},children:[s.jsx(mr,{size:40}),s.jsxs("span",{children:[s.jsx("b",{style:{color:e.white},children:"Hugging Face"})," · post-training"]})]}),s.jsx("div",{style:{fontSize:24,color:e.emerald},children:"🚀 making RL go brrrrr"})]})}),s.jsxs(Xi,{label:"Previously",children:[s.jsx(qw,{size:38,color:e.text}),s.jsx("span",{style:{marginRight:8},children:"Apple"}),s.jsx(Jw,{size:34}),s.jsx("span",{children:"Microsoft Research"})]}),s.jsxs(Xi,{label:"Founded — grant from Meta",children:[s.jsx(n3,{size:44}),s.jsx("span",{children:s.jsx("b",{style:{color:e.white},children:"CognitiveLab"})}),s.jsx("span",{style:{color:e.textDim,fontSize:26},children:"·"}),s.jsx(T0,{size:34,color:e.text}),s.jsx("span",{style:{fontSize:26,color:e.textMuted},children:"Meta"})]}),s.jsxs(Xi,{children:[s.jsx(Zw,{size:34,color:e.text}),s.jsxs("span",{style:{whiteSpace:"nowrap",fontSize:28},children:["I ",s.jsx("span",{style:{color:"#ff5470",fontSize:24},children:"❤"})," open source ·"," ",s.jsx(L,{color:"emerald",children:"13k+ stars"})," across my repos"]})]})]})})]})})}const i3=[{what:"Models",tail:"weights, in a git repo"},{what:"Datasets",tail:"versioned, streamable"},{what:"Spaces",tail:"a demo behind a URL"}],o3="The AI community building the future.",s3=[{name:"transformers"},{name:"diffusers"},{name:"datasets"},{name:"accelerate"},{name:"TRL",hot:!0},{name:"OpenEnv",hot:!0}];function wp({children:e}){const{T:t}=_();return s.jsx("div",{style:{fontFamily:E,fontSize:17,fontWeight:700,letterSpacing:4,color:t.lavender,textTransform:"uppercase",marginBottom:18},children:e})}function l3(){const{T:e,glow:t,mode:n}=_(),r=n==="dark"?"radial-gradient(circle, rgba(255,210,30,0.20) 0%, rgba(255,157,11,0.08) 45%, rgba(0,0,0,0) 70%)":"radial-gradient(circle, rgba(255,190,30,0.30) 0%, rgba(255,157,11,0.10) 45%, rgba(0,0,0,0) 70%)";return s.jsxs(B,{kicker:"The platform",title:s.jsx(s.Fragment,{children:"Hugging Face"}),children:[s.jsx(k.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{...bn,delay:.2},style:{position:"absolute",top:138,left:96,right:96,fontSize:27,color:e.textMuted,letterSpacing:-.2},children:o3}),s.jsxs("div",{style:{position:"absolute",top:196,left:96,right:96,bottom:66,display:"flex",alignItems:"center",gap:68},children:[s.jsxs(k.div,{initial:{opacity:0,scale:.82},animate:{opacity:1,scale:1},transition:{type:"spring",damping:16,stiffness:140,delay:.15},style:{flex:"0 0 auto",display:"flex",flexDirection:"column",alignItems:"center",gap:18},children:[s.jsxs("div",{style:{width:300,height:300,display:"grid",placeItems:"center",position:"relative"},children:[s.jsx("div",{style:{position:"absolute",inset:-28,background:r}}),s.jsx(mr,{size:244})]}),s.jsx("div",{style:{fontFamily:E,fontSize:22,fontWeight:700,letterSpacing:6,color:e.emerald,textShadow:t.emeraldText,textTransform:"uppercase"},children:"Open source"})]}),s.jsx("div",{style:{flex:1},children:s.jsxs(ze,{gap:.12,delay:.4,style:{display:"flex",flexDirection:"column",gap:40},children:[s.jsx(N,{children:s.jsxs("div",{children:[s.jsx(wp,{children:"The platform"}),s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:18},children:i3.map(i=>s.jsxs("div",{style:{display:"flex",alignItems:"center",gap:20},children:[s.jsx("div",{style:{width:5,height:38,borderRadius:3,background:e.emerald,boxShadow:t.emerald}}),s.jsx("span",{style:{fontSize:44,fontWeight:800,color:e.white,letterSpacing:-1.2,lineHeight:1},children:i.what}),s.jsx("span",{style:{fontSize:24,color:e.textDim,letterSpacing:-.2},children:i.tail})]},i.what))})]})}),s.jsx(N,{children:s.jsxs("div",{children:[s.jsx(wp,{children:"The libraries"}),s.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:12},children:s3.map(i=>s.jsx("span",{style:{padding:"10px 20px",borderRadius:999,border:`1.5px solid ${i.hot?e.emerald:e.border}`,background:e.bgRaised,boxShadow:i.hot?t.emerald:"none",fontFamily:E,fontSize:22,fontWeight:700,color:i.hot?e.emerald:e.white,letterSpacing:.3},children:i.name},i.name))})]})})]})})]})]})}const a3=["What RL environments are","Why we need them","OpenEnv & TRL","Generating environments","Reward hacking"];function c3({n:e,label:t,i:n}){const{T:r}=_();return s.jsxs(k.div,{initial:{opacity:0,x:18},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.3+n*.08},style:{display:"flex",alignItems:"baseline",gap:22,padding:"12px 0",borderBottom:`1px solid ${r.border}`},children:[s.jsx("span",{style:{fontFamily:E,fontSize:22,fontWeight:700,color:r.textDim,width:44,flex:"0 0 auto"},children:String(e).padStart(2,"0")}),s.jsx("span",{style:{fontSize:34,fontWeight:600,color:r.text},children:t})]})}function u3(){const{T:e}=_();return s.jsx(B,{index:2,kicker:"Roadmap",title:s.jsx(s.Fragment,{children:"What we’ll cover"}),children:s.jsxs("div",{style:{position:"absolute",top:236,left:96,right:96},children:[s.jsx(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},style:{fontFamily:E,fontSize:18,letterSpacing:2,color:e.textDim,textTransform:"uppercase",marginBottom:6},children:"The talk"}),a3.map((t,n)=>s.jsx(c3,{n:n+1,label:t,i:n},t)),s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.85},style:{marginTop:34,display:"flex",alignItems:"center",gap:18,fontSize:30},children:[s.jsx("span",{style:{fontFamily:E,fontSize:24,color:e.textDim},children:"then →"}),s.jsx(L,{color:"emerald",children:"Q & A"})]})]})})}function d3(){const{T:e}=_(),t={hidden:{opacity:0,y:18},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.2,delayChildren:.15}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:22,marginBottom:54},children:[s.jsx(k.span,{style:{fontSize:96,lineHeight:1,transformOrigin:"70% 90%"},animate:{rotate:[0,14,-8,14,-4,0]},transition:{duration:1.6,delay:.6,ease:"easeInOut"},children:"✋"}),s.jsx("span",{style:{fontFamily:E,fontSize:22,fontWeight:700,color:e.white,letterSpacing:6,textTransform:"uppercase"},children:"Show of hands"})]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:72,fontWeight:800,color:e.white,letterSpacing:-2,lineHeight:1.16,maxWidth:1040},children:["How many of you have heard"," ",s.jsx(L,{color:"emerald",children:"“RL environments”"}),"?"]})]})})}const Qi=[{key:"pretrain",label:"Pretraining",sub:"the whole web"},{key:"sft",label:"SFT",sub:"curated data"},{key:"rlhf",label:"RLHF",sub:"humans judge"},{key:"rlvr",label:"RLVR · GRPO",sub:"verifiers judge"}];function Ti({active:e,compact:t=!1,animate:n=!0}){const{T:r,glow:i}=_(),o=t?18:22,l=t?26:32,a=t?0:18;return s.jsxs("div",{style:{position:"relative",width:"100%"},children:[s.jsx("div",{style:{position:"absolute",top:o/2,left:`${100/(Qi.length*2)}%`,right:`${100/(Qi.length*2)}%`,height:2,background:r.textDim,opacity:.5}}),s.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${Qi.length}, 1fr)`},children:Qi.map((c,u)=>{const d=u===e,p=u<e,f=d?r.emerald:p?r.textMuted:r.textDim;return s.jsxs(k.div,{initial:n?{opacity:0,y:10}:!1,animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:n?.2+u*.18:0},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:t?8:14,position:"relative"},children:[s.jsx("div",{style:{width:o,height:o,borderRadius:"50%",background:d?r.emerald:r.bg,border:`2px solid ${d?r.emerald:p?r.textMuted:r.borderStrong}`,boxShadow:d?i.emerald:"none"}}),s.jsxs("div",{style:{textAlign:"center"},children:[s.jsx("div",{style:{fontFamily:E,fontSize:l,fontWeight:700,color:f,letterSpacing:.5},children:c.label}),!t&&c.sub&&s.jsx("div",{style:{fontSize:a,color:r.textDim,marginTop:6},children:c.sub})]})]},c.key)})})]})}function p3(){const{T:e}=_();return s.jsxs(B,{index:3,kicker:"The paradigm",title:s.jsx(s.Fragment,{children:"How did we get here?"}),children:[s.jsx("div",{style:{position:"absolute",top:340,left:96,right:96},children:s.jsx(Ti,{active:3})}),s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{delay:1.1,type:"spring",damping:22},style:{position:"absolute",bottom:120,left:96,right:96,textAlign:"center",fontSize:30,color:e.textMuted,lineHeight:1.4},children:["Every step made models better — until the next one had to"," ",s.jsx(L,{color:"emerald",children:"change how we teach them"}),"."]})]})}function f3(){const{T:e}=_();return s.jsxs(B,{index:4,kicker:"Pretraining",title:s.jsx(s.Fragment,{children:"Read the whole internet"}),children:[s.jsx("div",{style:{position:"absolute",top:250,left:96,right:96},children:s.jsx(Ti,{active:0,compact:!0,animate:!1})}),s.jsx("div",{style:{position:"absolute",top:380,left:96,right:96},children:s.jsxs(ze,{gap:.14,delay:.3,style:{display:"flex",flexDirection:"column",gap:28},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:36,color:e.text,lineHeight:1.35,maxWidth:1040},children:["Take ",s.jsx(L,{color:"emerald",children:"trillions of tokens"})," of raw web text — and predict the next one."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:26,color:e.textMuted,lineHeight:1.45,maxWidth:1e3},children:["You get a model that ",s.jsx("b",{style:{color:e.white},children:"knows a lot"})," — but doesn’t yet know how to ",s.jsx("b",{style:{color:e.white},children:"behave"}),"."]})})]})})]})}function h3(){const{T:e}=_();return s.jsxs(B,{index:5,kicker:"SFT",title:s.jsx(s.Fragment,{children:"Show it good answers"}),children:[s.jsx("div",{style:{position:"absolute",top:210,left:96,right:96},children:s.jsx(Ti,{active:1,compact:!0,animate:!1})}),s.jsx("div",{style:{position:"absolute",top:320,left:96,right:96},children:s.jsxs(ze,{gap:.14,delay:.3,style:{display:"flex",flexDirection:"column",gap:30},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:34,color:e.text,lineHeight:1.35,maxWidth:1060},children:["Collect ",s.jsx(L,{color:"emerald",children:"curated examples"})," — a question and its ideal answer — and train the model to reproduce them."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:26,color:e.textMuted,lineHeight:1.45,maxWidth:1020},children:["It works, but it ",s.jsx("b",{style:{color:e.white},children:"saturates"}),": great data is slow and expensive, and the model never gets better than the answers we hand it."]})})]})})]})}function m3(){const{T:e}=_();return s.jsxs(B,{index:6,kicker:"RLHF",title:s.jsx(s.Fragment,{children:"Let people pick the better answer"}),children:[s.jsx("div",{style:{position:"absolute",top:210,left:96,right:96},children:s.jsx(Ti,{active:2,compact:!0,animate:!1})}),s.jsx("div",{style:{position:"absolute",top:320,left:96,right:96},children:s.jsxs(ze,{gap:.14,delay:.3,style:{display:"flex",flexDirection:"column",gap:30},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:34,color:e.text,lineHeight:1.35,maxWidth:1060},children:["We can’t write the perfect answer for everything. So let the model try — and have a person say ",s.jsx(L,{color:"emerald",children:"which answer is better"}),"."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:26,color:e.textMuted,lineHeight:1.45,maxWidth:1020},children:["“Better” becomes the ",s.jsx("b",{style:{color:e.white},children:"reward"}),", and we nudge the model toward it. This is where ",s.jsx(L,{color:"emerald",children:"RL enters"})," — but people can’t rate everything."]})})]})})]})}function g3(){const{T:e}=_();return s.jsxs(B,{index:7,kicker:"RLVR · GRPO",title:s.jsx(s.Fragment,{children:"Then DeepSeek happened"}),children:[s.jsx("div",{style:{position:"absolute",top:205,left:96,right:96},children:s.jsx(Ti,{active:3,compact:!0,animate:!1})}),s.jsxs(k.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{type:"spring",damping:18,delay:.25},style:{position:"absolute",top:300,left:96,display:"flex",alignItems:"center",gap:18},children:[s.jsx(e3,{size:64}),s.jsx("span",{style:{fontSize:40,fontWeight:800,color:e.white},children:"DeepSeek-R1"})]}),s.jsx("div",{style:{position:"absolute",top:400,left:96,right:96},children:s.jsxs(ze,{gap:.13,delay:.45,style:{display:"flex",flexDirection:"column",gap:22},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:34,color:e.text,lineHeight:1.3,maxWidth:1060},children:["Introduced ",s.jsx(L,{color:"emerald",children:"GRPO"})," — reward the model only when its answer ",s.jsx("b",{style:{color:e.white},children:"passes a check"}),". A program grades it, no human needed."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:30,color:e.textMuted,lineHeight:1.35,maxWidth:1040},children:["Cheap, hard to fake, endlessly scalable — and now"," ",s.jsx(L,{color:"emerald",children:"every frontier model"})," trains this way."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontFamily:E,fontSize:20,color:e.textMuted,borderLeft:`3px solid ${e.lavender}`,paddingLeft:18,lineHeight:1.5},children:[s.jsx("span",{style:{color:e.emerald,fontWeight:700},children:"fun fact"})," — GRPO shipped a year earlier in ",s.jsx("span",{style:{color:e.text},children:"DeepSeekMath"})," (Feb 2024), before R1 (Jan 2025)."]})})]})})]})}function y3(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.28,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 120px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:20,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:36},children:"The unlock"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:60,fontWeight:800,color:e.white,lineHeight:1.18,maxWidth:1080},children:["If a program can ",s.jsx(L,{color:"emerald",children:"grade it"}),", a model can"," ",s.jsx(L,{color:"emerald",children:"learn it"}),"."]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:40,fontSize:34,color:e.textMuted,lineHeight:1.4,maxWidth:960},children:["So the race became simple: build ",s.jsx("b",{style:{color:e.white},children:"more environments"}),"."]})]})})}const x3=""+new URL("qwen-scaling-C1rB1MJm.png",import.meta.url).href,v3=[{n:"~20",who:"Qwen3",what:"general-domain tasks"},{n:"20K",who:"Qwen3-Coder",what:"parallel environments"},{n:"100K+",who:"MiniMax Forge",what:"real-world environments"},{n:"1M+",who:"Qwen3.5",what:"agent environments"}];function w3(){const{T:e}=_();return s.jsx(B,{index:8,kicker:"Why now",title:s.jsx(s.Fragment,{children:"More environments → better models"}),children:s.jsxs("div",{style:{position:"absolute",top:190,left:96,right:96,display:"grid",gridTemplateColumns:"1.35fr 1fr",gap:48,alignItems:"center"},children:[s.jsxs(k.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.25},style:{background:"#fff",borderRadius:14,padding:14,border:`1.5px solid ${e.border}`},children:[s.jsx("img",{src:x3,alt:"Qwen3.5 environment scaling",style:{width:"100%",display:"block",borderRadius:6}}),s.jsx("div",{style:{fontFamily:E,fontSize:14,color:"#555",marginTop:6,textAlign:"center"},children:"Qwen3.5 · average ranking vs. # training environments"})]}),s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[v3.map((t,n)=>s.jsxs(k.div,{initial:{opacity:0,x:18},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.4+n*.12},style:{display:"flex",alignItems:"baseline",gap:18},children:[s.jsx("span",{style:{fontFamily:E,fontSize:40,fontWeight:800,color:e.emerald,width:118,flex:"0 0 auto",whiteSpace:"nowrap"},children:t.n}),s.jsxs("span",{style:{display:"flex",flexDirection:"column"},children:[s.jsx("span",{style:{fontSize:24,color:e.white,fontWeight:600},children:t.who}),s.jsx("span",{style:{fontFamily:E,fontSize:17,color:e.textDim},children:t.what})]})]},t.who)),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:1},style:{fontSize:21,color:e.textMuted,lineHeight:1.4,marginTop:8},children:["Each model was trained on that many environments — from a handful to"," ",s.jsx(L,{color:"emerald",children:"millions"}),"."]})]})]})})}const S3=9.8,k3=1,Hc=.1,Uc=.5,Sp=Hc*Uc,Js=k3+Hc,j3=10,Gn=.02,el=2.4;function b3(e,t){const n=j3*t,r=Math.cos(e.th),i=Math.sin(e.th),o=(n+Sp*e.thd*e.thd*i)/Js,l=(S3*i-r*o)/(Uc*(4/3-Hc*r*r/Js)),a=o-Sp*l*r/Js;return{x:e.x+Gn*e.xd,xd:e.xd+Gn*a,th:e.th+Gn*e.thd,thd:e.thd+Gn*l}}const T3=.5,C3=1.5,A3=25,E3=5,kp=e=>Math.max(-1,Math.min(1,T3*e.x+C3*e.xd+A3*e.th+E3*e.thd)),jp=()=>({x:0,xd:0,th:(Math.random()-.5)*.08,thd:0});function P3({width:e=560,height:t=380,speed:n=.5}){const{T:r}=_(),i=A.useRef(null);return A.useEffect(()=>{const o=i.current;if(!o)return;const l=o.getContext("2d");if(!l)return;const a=Math.min(window.devicePixelRatio||1,2);o.width=Math.round(e*a),o.height=Math.round(t*a),l.setTransform(a,0,0,a,0,0);const c=Math.max(36,e*.09),u=Math.round(t*.66),d=Math.max(56,Math.min(110,e*.17)),p=Math.max(26,d*.42),f=(e/2-c)/el,y=Uc*2*f,x=u-p/2,v=ie=>e/2+ie*f;let S=jp(),m=kp(S),h=0,g=performance.now(),w=0,j=1.6+Math.random()*1.8,b=0,C=!0;const T=[],F=16,I=()=>{m=kp(S),S=b3(S,m),Math.abs(S.th)<.2095&&Math.abs(S.x)<el&&(h+=1),(Math.abs(S.th)>.7||Math.abs(S.x)>el)&&(S=jp(),h=0,T.length=0)},le=(ie,We,Ee,U)=>{const R=14+U*30,z=ie+Ee*R,D=We;l.strokeStyle=r.lavenderDim,l.fillStyle=r.lavenderDim,l.lineWidth=2.5,l.lineCap="round",l.beginPath(),l.moveTo(ie,D),l.lineTo(z,D),l.stroke(),l.beginPath(),l.moveTo(z,D),l.lineTo(z-Ee*7,D-4),l.lineTo(z-Ee*7,D+4),l.closePath(),l.fill()},lt=()=>{const ie=v(S.x),We=ie+y*Math.sin(S.th),Ee=x-y*Math.cos(S.th);l.clearRect(0,0,e,t),l.strokeStyle=r.border,l.lineWidth=2,l.lineCap="butt",l.beginPath(),l.moveTo(c,u),l.lineTo(e-c,u),l.stroke(),l.fillStyle=r.border;for(let z=-2;z<=2;z++){const D=z===0;l.fillRect(v(z)-1,u+4,D?2:1.5,D?11:7)}for(let z=0;z<T.length;z++){const D=T[z],X=z/T.length*.5;l.globalAlpha=X,l.fillStyle=r.emerald,l.beginPath(),l.arc(D.x,D.y,2.5+X*3,0,Math.PI*2),l.fill()}l.globalAlpha=1,Math.abs(m)>.02&&le(ie,u+p/2+20,Math.sign(m),Math.abs(m)),l.fillStyle=r.bgRaised,l.strokeStyle=r.text,l.lineWidth=2.5,_3(l,ie-d/2,u-p/2,d,p,Math.min(10,p/3)),l.fill(),l.stroke();const U=Math.max(5,p*.18);l.fillStyle=r.textDim,l.strokeStyle=r.text,l.lineWidth=2;for(const z of[ie-d/3,ie+d/3])l.beginPath(),l.arc(z,u+p/2,U,0,Math.PI*2),l.fill(),l.stroke();l.strokeStyle=r.lavender,l.lineWidth=Math.max(8,d*.11),l.lineCap="round",l.beginPath(),l.moveTo(ie,x),l.lineTo(We,Ee),l.stroke(),l.fillStyle=r.text,l.beginPath(),l.arc(ie,x,Math.max(3,d*.035),0,Math.PI*2),l.fill(),l.shadowColor=r.emerald,l.shadowBlur=18,l.fillStyle=r.emerald,l.beginPath(),l.arc(We,Ee,Math.max(7,d*.09),0,Math.PI*2),l.fill(),l.shadowBlur=0,l.font=`13px ${E}`,l.textBaseline="top",l.fillStyle=r.textDim,l.textAlign="left",l.fillText(`reward +${h}`,c,8),l.textAlign="right";const R=S.th*180/Math.PI;l.fillText(`θ ${R>=0?"+":"−"}${Math.abs(R).toFixed(1)}°`,e-c,8),l.textAlign="left"},at=ie=>{if(!C)return;let We=(ie-g)/1e3;g=ie,We>.1&&(We=.1),w+=We*n,j-=We*n,j<=0&&(S={...S,thd:S.thd+(Math.random()<.5?-1:1)*(.9+Math.random()*.6)},j=2.2+Math.random()*2.4);let Ee=0;for(;w>=Gn&&Ee<240;)I(),w-=Gn,Ee++;const U=v(S.x);T.push({x:U+y*Math.sin(S.th),y:x-y*Math.cos(S.th)}),T.length>F&&T.shift(),lt(),b=requestAnimationFrame(at)};return b=requestAnimationFrame(at),()=>{C=!1,cancelAnimationFrame(b)}},[e,t,n,r]),s.jsxs("div",{style:{background:r.bgRaised,border:`1.5px solid ${r.border}`,borderRadius:18,padding:18},children:[s.jsx("div",{style:{fontFamily:E,fontSize:15,letterSpacing:2,color:r.textDim,textTransform:"uppercase",marginBottom:6},children:"CartPole"}),s.jsx("canvas",{ref:i,style:{width:e,height:t,display:"block"}})]})}function _3(e,t,n,r,i,o){e.beginPath(),e.moveTo(t+o,n),e.arcTo(t+r,n,t+r,n+i,o),e.arcTo(t+r,n+i,t,n+i,o),e.arcTo(t,n+i,t,n,o),e.arcTo(t,n,t+r,n,o),e.closePath()}function R3(){const{T:e}=_();return s.jsx(B,{kicker:"Classical RL",title:s.jsx(s.Fragment,{children:"RL environments already exist"}),children:s.jsx("div",{style:{position:"absolute",top:230,left:96,right:72,bottom:70},children:s.jsxs("div",{style:{position:"relative",height:"100%"},children:[s.jsxs("div",{style:{display:"flex",alignItems:"center",gap:32},children:[s.jsxs(k.div,{initial:{opacity:0,x:-16},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.25},style:{width:230,flex:"0 0 auto",border:`1.5px solid ${e.border}`,borderLeft:`3px solid ${e.emerald}`,borderRadius:14,padding:"26px 22px",textAlign:"center"},children:[s.jsx("div",{style:{fontSize:34,fontWeight:700,color:e.text},children:"Agent"}),s.jsx("div",{style:{fontFamily:E,fontSize:18,color:e.textDim,marginTop:6},children:"a policy"})]}),s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:10,width:130,flex:"0 0 auto"},children:[s.jsx("span",{style:{fontFamily:E,fontSize:18,color:e.emerald},children:"action"}),s.jsx("div",{style:{position:"relative",width:"100%",height:0,borderTop:`2px solid ${e.lavender}`},children:s.jsx("div",{style:{position:"absolute",right:-2,top:-6,width:0,height:0,borderTop:"6px solid transparent",borderBottom:"6px solid transparent",borderLeft:`11px solid ${e.lavender}`}})})]}),s.jsx(k.div,{initial:{opacity:0,x:16},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.35},style:{flex:1},children:s.jsx(P3,{width:620,height:330,speed:.5})})]}),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.9},style:{position:"absolute",left:115,right:20,bottom:6,display:"flex",alignItems:"center",gap:14},children:[s.jsx("div",{style:{width:0,height:0,borderTop:"6px solid transparent",borderBottom:"6px solid transparent",borderRight:`11px solid ${e.lavender}`,flex:"0 0 auto"}}),s.jsx("div",{style:{flex:1,borderTop:`2px dashed ${e.lavender}`,opacity:.6}}),s.jsx("span",{style:{fontFamily:E,fontSize:20,color:e.emerald},children:"state · reward"}),s.jsx("div",{style:{flex:1,borderTop:`2px dashed ${e.lavender}`,opacity:.6}})]})]})})})}const q={bg:"#0d1117",panelBorder:"#30363d",headerBg:"#161b22",text:"#d4d4d4",comment:"#6a9955",string:"#ce9178",number:"#b5cea8",keyword:"#c586c0",decl:"#569cd6",type:"#4ec9b0",func:"#dcdcaa",op:"#d4d4d4",dim:"#8b949e"},M3=new Set(["import","from","return","if","else","elif","for","while","in","not","and","or","with","as","try","except","finally","raise","lambda","yield","async","await","pass","break","continue","is","del","global"]),L3=new Set(["def","class","None","True","False","self","super"]),z3=new Set(["str","int","float","bool","list","dict","tuple","set","bytes","Observation","State","Action","Rubric","FastMCP","MCPEnvironment","GRPOConfig","GRPOTrainer","Sandbox","CodingEnv","TestsPassRubric"]);function D3(e){const t=[];let n=0;const r=(i,o)=>i&&t.push({t:i,c:o});for(;n<e.length;){const i=e[n];if(i==="#"){r(e.slice(n),q.comment);break}if(i==='"'||i==="'"){let l=n+1;for(;l<e.length&&e[l]!==i;)e[l]==="\\"&&l++,l++;r(e.slice(n,l+1),q.string),n=l+1;continue}if(i==="@"){let l=n+1;for(;l<e.length&&/[\w.]/.test(e[l]);)l++;r(e.slice(n,l),q.func),n=l;continue}if(/[0-9]/.test(i)){let l=n;for(;l<e.length&&/[0-9._]/.test(e[l]);)l++;r(e.slice(n,l),q.number),n=l;continue}if(/[A-Za-z_]/.test(i)){let l=n;for(;l<e.length&&/[\w]/.test(e[l]);)l++;const a=e.slice(n,l),c=e[l]==="(";let u=q.text;M3.has(a)?u=q.keyword:L3.has(a)?u=q.decl:z3.has(a)?u=q.type:c&&(u=q.func),r(a,u),n=l;continue}let o=n;for(;o<e.length&&!/[\w"'@#]/.test(e[o]);)o++;r(e.slice(n,Math.max(o,n+1)),q.op),n=Math.max(o,n+1)}return t}function I3(e){const t=e.trimStart();if(!t.startsWith("$"))return[{t:e,c:q.comment}];const n=[],r=e.slice(0,e.length-t.length);n.push({t:r+"$",c:q.dim});const i=t.slice(1),o=i.indexOf("#"),l=o>=0?i.slice(0,o):i,a=o>=0?i.slice(o):"";return l.split(/(\s+)/).forEach((c,u)=>{/^\s+$/.test(c)||c===""?n.push({t:c,c:q.text}):c.startsWith("--")||c.startsWith("-")?n.push({t:c,c:q.decl}):u===1?n.push({t:c,c:q.func}):n.push({t:c,c:q.text})}),a&&n.push({t:a,c:q.comment}),n}function F3(e,t){return e.split(/(⟪[^⟫]*⟫)/g).filter(r=>r.length>0).map((r,i)=>{const o=r.startsWith("⟪")&&r.endsWith("⟫"),l=o?r.slice(1,-1):r,c=(t==="bash"?I3(l):D3(l)).map((u,d)=>s.jsx("span",{style:{color:u.c},children:u.t},d));return o?s.jsx("span",{style:{background:"rgba(16,240,164,0.14)",borderRadius:3},children:c},i):s.jsx(A.Fragment,{children:c},i)})}function Rt({filename:e,lang:t="python",code:n,fontSize:r=22,delay:i=.25}){const o=n.replace(/\n$/,"").split(`
`);return s.jsxs(k.div,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{type:"spring",damping:24,delay:i},style:{background:q.bg,border:`1px solid ${q.panelBorder}`,borderRadius:14,overflow:"hidden",boxShadow:"0 12px 40px rgba(0,0,0,0.4)"},children:[e&&s.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"11px 20px",background:q.headerBg,borderBottom:`1px solid ${q.panelBorder}`,fontFamily:E,fontSize:15,color:q.dim},children:[s.jsxs("span",{style:{display:"flex",alignItems:"center",gap:8},children:[s.jsx("span",{style:{width:11,height:11,borderRadius:"50%",background:"#ff5f56"}}),s.jsx("span",{style:{width:11,height:11,borderRadius:"50%",background:"#ffbd2e"}}),s.jsx("span",{style:{width:11,height:11,borderRadius:"50%",background:"#27c93f"}}),s.jsx("span",{style:{marginLeft:8},children:e})]}),s.jsx("span",{style:{letterSpacing:2,textTransform:"uppercase"},children:t})]}),s.jsx("pre",{style:{margin:0,padding:"20px 24px",fontFamily:E,fontSize:r,lineHeight:1.55,whiteSpace:"pre",overflow:"hidden",color:q.text},children:o.map((l,a)=>s.jsx("div",{children:l?F3(l,t):" "},a))})]})}const O3=`import gymnasium as gym

env = gym.make("CartPole-v1")
obs, info = env.reset()

done = False
while not done:
    action = policy(obs)            # agent decides
    obs, reward, done, _, _ = env.step(action)`,B3=[s.jsxs(s.Fragment,{children:[s.jsx("code",{children:"reset()"})," → first observation"]}),s.jsxs(s.Fragment,{children:[s.jsx("code",{children:"step(action)"})," → ",s.jsx(L,{color:"emerald",children:"obs, reward, done"})]}),s.jsxs(s.Fragment,{children:[s.jsx("code",{children:"action_space"})," · ",s.jsx("code",{children:"observation_space"})]}),s.jsxs(s.Fragment,{children:["any agent ↔ any env · ",s.jsx("b",{children:"reproducible"})]})];function V3(){const{T:e}=_();return s.jsx(B,{kicker:"OpenAI Gym",title:s.jsx(s.Fragment,{children:"One API for every environment"}),children:s.jsxs("div",{style:{position:"absolute",top:205,left:96,right:96,display:"grid",gridTemplateColumns:"0.85fr 1.15fr",gap:44,alignItems:"center"},children:[s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.3},style:{display:"flex",flexDirection:"column",gap:16},children:[s.jsxs("div",{style:{fontSize:23,color:e.textMuted,lineHeight:1.4,marginBottom:6},children:["Before Gym, every env had its own interface. Gym"," ",s.jsx("span",{style:{color:e.textDim},children:"(2016 → Gymnasium)"})," gave RL"," ",s.jsx(L,{color:"emerald",children:"one contract"}),"."]}),B3.map((t,n)=>s.jsxs("div",{style:{display:"flex",gap:14,alignItems:"baseline",fontSize:24,color:e.text},children:[s.jsx("span",{style:{color:e.emerald,fontWeight:800},children:"▸"}),s.jsx("span",{children:t})]},n))]}),s.jsxs("div",{children:[s.jsx(Rt,{filename:"cartpole.py",code:O3,fontSize:16,delay:.45}),s.jsxs("div",{style:{fontSize:19,color:e.textDim,marginTop:14,textAlign:"center"},children:[s.jsx(L,{color:"emerald",children:"CartPole-v1"})," — the “hello world” you just saw."]})]})]})})}const N3=[{from:"Agent",to:"the LLM",sub:"policy · token gen"},{from:"Environment",to:"a sandbox",sub:"tools · code · state"},{from:"Reward",to:"a verifier",sub:"rubric · check"}];function $3(){const{T:e}=_();return s.jsxs(B,{index:10,kicker:"The bridge",title:s.jsx(s.Fragment,{children:"Same idea — for LLMs"}),children:[s.jsx("div",{style:{position:"absolute",top:250,left:96,right:96,display:"flex",flexDirection:"column",gap:26},children:N3.map((t,n)=>s.jsxs(k.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.3+n*.16},style:{display:"flex",alignItems:"center",gap:28},children:[s.jsx("div",{style:{width:300,padding:"18px 26px",border:`1.5px solid ${e.border}`,borderRadius:12,fontFamily:E,fontSize:30,color:e.textMuted,textAlign:"center"},children:t.from}),s.jsx("div",{style:{fontSize:36,color:e.lavender},children:"→"}),s.jsxs("div",{style:{flex:1,padding:"16px 28px",border:`1.5px solid ${e.border}`,borderLeft:`3px solid ${e.emerald}`,borderRadius:12,display:"flex",alignItems:"baseline",gap:18},children:[s.jsx("span",{style:{fontSize:36,fontWeight:700,color:e.emerald},children:t.to}),s.jsx("span",{style:{fontFamily:E,fontSize:22,color:e.textDim},children:t.sub})]})]},t.from))}),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:1},style:{position:"absolute",bottom:90,left:96,right:96,fontSize:26,color:e.textMuted},children:["Same skeleton — what changes is the"," ",s.jsx("b",{style:{color:e.white},children:"tools, observations, and reward rule"}),"."]})]})}const W3=["Dataset","Model","Trainer"],H3=["Tasks","Prompt template","Initial state","Tools / harness","Observation","Execution backend","State","Reward / rubric","Done","Episode control","Transport"];function U3(){const{T:e}=_();return s.jsx(B,{index:11,kicker:"Why it’s harder",title:s.jsx(s.Fragment,{children:"A lot more to wire up"}),children:s.jsxs("div",{style:{position:"absolute",top:210,left:96,right:96,display:"grid",gridTemplateColumns:"1fr 1.4fr",gap:40,alignItems:"start"},children:[s.jsxs("div",{style:{border:`1.5px solid ${e.border}`,borderRadius:16,padding:"28px 30px"},children:[s.jsxs("div",{style:{fontFamily:E,fontSize:20,letterSpacing:2,color:e.textDim,textTransform:"uppercase",marginBottom:22},children:["SFT"," ",s.jsx("span",{style:{fontSize:15,letterSpacing:1},children:"(supervised finetuning)"})]}),s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:14},children:[W3.map((t,n)=>s.jsx(k.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3+n*.1,type:"spring",damping:22},style:{fontSize:30,color:e.white,padding:"16px 22px",border:`1.5px solid ${e.border}`,borderRadius:12},children:t},t)),s.jsx("div",{style:{fontSize:22,color:e.textDim,marginTop:6},children:"swap freely · done"})]})]}),s.jsxs("div",{style:{border:`1.5px solid ${e.borderStrong}`,borderRadius:16,padding:"28px 30px"},children:[s.jsx("div",{style:{fontFamily:E,fontSize:20,letterSpacing:2,color:e.textDim,textTransform:"uppercase",marginBottom:22},children:"Reinforcement learning"}),s.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:12},children:H3.map((t,n)=>s.jsx(k.span,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{delay:.5+n*.05,type:"spring",damping:20},style:{fontFamily:E,fontSize:22,color:e.text,padding:"10px 16px",border:`1.5px solid ${e.borderStrong}`,borderRadius:999},children:t},t))}),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:1.2},style:{fontSize:26,color:e.textMuted,marginTop:26},children:["same goal — ",s.jsx(L,{color:"emerald",children:"many more moving parts"}),"."]})]})]})})}const G3=[{name:"OpenEnv",who:"Meta",line:"HTTP + MCP · Rubric rewards"},{name:"Verifiers",who:"Prime Intellect",line:"in-process · dataset+tools+rubric"},{name:"OpenReward",who:"ORS",line:"per-tool-call rewards"},{name:"Harbor",who:"Laude Institute",line:"agent harnesses in containers"}];function Y3(){const{T:e}=_();return s.jsxs(B,{index:12,kicker:"The unifiers",title:s.jsx(s.Fragment,{children:"Frameworks step in"}),children:[s.jsxs("div",{style:{position:"absolute",top:236,left:96,right:96,fontSize:28,color:e.textMuted,maxWidth:1080},children:["Frameworks stepped in to ",s.jsx(L,{color:"emerald",children:"standardize all these different components"}),"."]}),s.jsx("div",{style:{position:"absolute",top:322,left:96,right:96,display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:G3.map((t,n)=>s.jsxs(k.div,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.3+n*.12},style:{border:`1.5px solid ${e.border}`,borderLeft:`3px solid ${e.lavender}`,borderRadius:12,padding:"22px 26px",display:"flex",flexDirection:"column",gap:6},children:[s.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:14},children:[s.jsx("span",{style:{fontSize:34,fontWeight:700,color:e.white},children:t.name}),s.jsx("span",{style:{fontFamily:E,fontSize:20,color:e.emerald},children:t.who})]}),s.jsx("div",{style:{fontFamily:E,fontSize:20,color:e.textDim},children:t.line})]},t.name))}),s.jsx(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:1},style:{position:"absolute",bottom:96,left:96,right:96,fontFamily:E,fontSize:20,color:e.textDim},children:"…plus NeMo Gym (NVIDIA) · SkyRL Gym (Berkeley) · GEM — same concept, different dialects."})]})}const K3=`<div class="d3-classical-rl" style="width:100%;margin:14px 0;"></div>
<style>
  .d3-classical-rl {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--surface-bg);
    overflow: hidden;
  }
  .d3-classical-rl__header {
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 14px 18px; padding: 14px 18px;
    border-bottom: 1px solid var(--border-color);
  }
  .d3-classical-rl__title {
    font-size: 11px; font-weight: 800; letter-spacing: 1.2px;
    text-transform: uppercase; color: var(--muted-color);
    margin-right: auto;
  }
  .d3-classical-rl__btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 7px;
    border: 1px solid var(--border-color);
    background: var(--surface-bg); color: var(--text-color);
    font-size: 12px; font-weight: 600; cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
  }
  .d3-classical-rl__btn:hover { border-color: var(--primary-color); }
  .d3-classical-rl__btn.primary {
    border-color: var(--primary-color);
    background: color-mix(in oklab, var(--primary-color) 12%, var(--surface-bg));
  }
  .d3-classical-rl__btn svg { width: 12px; height: 12px; }
  .d3-classical-rl__speed {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 11px; color: var(--muted-color);
  }
  .d3-classical-rl__speed input[type=range] {
    width: 110px;
    accent-color: var(--primary-color);
  }
  .d3-classical-rl__speed-val {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--text-color); font-size: 11px;
    min-width: 38px; text-align: right;
  }

  /* ─── Body: agent | bus | env ─── */
  .d3-classical-rl__body {
    display: grid;
    grid-template-columns: minmax(200px, 220px) minmax(70px, 90px) 1fr;
    gap: 0;
    padding: 16px 18px;
    background: color-mix(in oklab, var(--muted-color) 3%, transparent);
  }
  @media (max-width: 720px) {
    .d3-classical-rl__body {
      grid-template-columns: 1fr;
      gap: 14px;
    }
  }

  .d3-classical-rl__zone {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 14px 14px 12px 14px;
    background: var(--surface-bg);
    display: flex; flex-direction: column; gap: 8px;
    transition: box-shadow .25s ease, border-color .25s ease;
  }
  .d3-classical-rl__zone-label {
    position: absolute;
    top: -9px; left: 12px;
    padding: 1px 8px;
    background: var(--surface-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 9.5px; font-weight: 800; letter-spacing: 1.0px;
    text-transform: uppercase; color: var(--muted-color);
  }
  .d3-classical-rl__zone--agent { padding-top: 18px; }
  .d3-classical-rl__zone--env  { padding: 18px 12px 12px 12px; }

  /* update flash on the agent box */
  .d3-classical-rl__zone--agent.flash {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary-color) 22%, transparent);
  }

  .d3-classical-rl__policy {
    background: color-mix(in oklab, var(--muted-color) 7%, transparent);
    border-radius: 6px;
    padding: 8px 10px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    line-height: 1.45;
    color: var(--text-color);
  }
  .d3-classical-rl__policy-line + .d3-classical-rl__policy-line { margin-top: 2px; }
  .d3-classical-rl__policy-comment { color: var(--muted-color); font-size: 10.5px; }

  .d3-classical-rl__action-row {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 11px; color: var(--muted-color);
  }
  .d3-classical-rl__action-tag {
    display: inline-flex; align-items: center;
    padding: 3px 9px; border-radius: 999px;
    font-size: 11px; font-weight: 700;
    background: color-mix(in oklab, var(--primary-color) 16%, transparent);
    color: var(--primary-color);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
  .d3-classical-rl__counters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 10px;
    font-size: 11px;
    margin-top: auto;
    padding-top: 6px;
    border-top: 1px dashed var(--border-color);
  }
  .d3-classical-rl__counter {
    display: flex; justify-content: space-between;
    color: var(--muted-color);
  }
  .d3-classical-rl__counter strong {
    color: var(--text-color);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 600;
  }

  /* Bus between agent and env (animated arrows) */
  .d3-classical-rl__bus {
    position: relative;
  }
  .d3-classical-rl__bus svg { width: 100%; height: 100%; display: block; }
  .d3-classical-rl__bus-label {
    fill: var(--muted-color);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    pointer-events: none;
  }
  @media (max-width: 720px) {
    .d3-classical-rl__bus { display: none; }
  }

  /* Environment zone — canvas inside */
  .d3-classical-rl__stage {
    position: relative;
    aspect-ratio: 9 / 4;
    border-radius: 6px;
    overflow: hidden;
    background: color-mix(in oklab, var(--muted-color) 4%, transparent);
  }
  .d3-classical-rl__stage canvas {
    display: block; width: 100%; height: 100%;
  }
  .d3-classical-rl__env-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 12px;
    font-size: 11px;
  }
  .d3-classical-rl__stat {
    display: flex; justify-content: space-between;
    color: var(--muted-color);
  }
  .d3-classical-rl__stat strong {
    color: var(--text-color);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 600;
  }

  .d3-classical-rl__caption {
    padding: 10px 18px;
    border-top: 1px solid var(--border-color);
    font-size: 11.5px;
    color: var(--muted-color);
    font-style: italic;
  }

  /* Reward burst that floats out of the env box on each successful step */
  @keyframes cprl-reward-burst {
    0%   { opacity: 0; transform: translateY(-4px); }
    20%  { opacity: 1; transform: translateY(-12px); }
    100% { opacity: 0; transform: translateY(-30px); }
  }
  .d3-classical-rl__reward-burst {
    position: absolute;
    top: -8px; right: 10px;
    color: #22c55e;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10.5px; font-weight: 800;
    pointer-events: none;
    animation: cprl-reward-burst .9s ease-out forwards;
  }
</style>
<script>
  (() => {
    const bootstrap = () => {
      const scriptEl = document.currentScript;
      let container = scriptEl ? scriptEl.previousElementSibling : null;
      if (!(container && container.classList && container.classList.contains('d3-classical-rl'))) {
        const cands = Array.from(document.querySelectorAll('.d3-classical-rl'))
          .filter(el => !(el.dataset && el.dataset.mounted === 'true'));
        container = cands[cands.length - 1] || null;
      }
      if (!container || (container.dataset && container.dataset.mounted === 'true')) return;
      container.dataset.mounted = 'true';

      container.innerHTML = \`
        <div class="d3-classical-rl__header">
          <div class="d3-classical-rl__title">Classical RL · CartPole</div>
          <button type="button" class="d3-classical-rl__btn primary" data-act="play">
            <svg viewBox="0 0 24 24" fill="currentColor"><polygon points="6,4 20,12 6,20"/></svg>
            <span data-label>Play</span>
          </button>
          <button type="button" class="d3-classical-rl__btn" data-act="reset">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
              <path d="M3 12a9 9 0 0 1 15.5-6.3L21 8"/><path d="M21 3v5h-5"/>
            </svg>
            <span>Reset</span>
          </button>
          <label class="d3-classical-rl__speed">
            Speed
            <input type="range" min="0.05" max="2" step="0.05" value="0.1" data-act="speed">
            <span class="d3-classical-rl__speed-val" data-speed-val>0.10×</span>
          </label>
        </div>

        <div class="d3-classical-rl__body">
          <div class="d3-classical-rl__zone d3-classical-rl__zone--agent" data-agent>
            <span class="d3-classical-rl__zone-label">Agent · Policy</span>
            <div class="d3-classical-rl__policy">
              <div class="d3-classical-rl__policy-line">a = sign(θ + 0.5·ω</div>
              <div class="d3-classical-rl__policy-line">      + 0.05·x + 0.10·v)</div>
              <div class="d3-classical-rl__policy-line d3-classical-rl__policy-comment">// hand-coded PD controller</div>
            </div>
            <div class="d3-classical-rl__action-row">
              <span>last action</span>
              <span data-stat="action"><span class="d3-classical-rl__action-tag">← left</span></span>
            </div>
            <div class="d3-classical-rl__counters">
              <span class="d3-classical-rl__counter"><span>steps</span><strong data-stat="step">0</strong></span>
              <span class="d3-classical-rl__counter"><span>reward</span><strong data-stat="reward">+0</strong></span>
              <span class="d3-classical-rl__counter"><span>episodes</span><strong data-stat="episodes">0</strong></span>
              <span class="d3-classical-rl__counter"><span>updates</span><strong data-stat="updates">0</strong></span>
            </div>
          </div>

          <div class="d3-classical-rl__bus" data-bus>
            <svg viewBox="0 0 100 280" preserveAspectRatio="none">
              <defs>
                <!-- Single right-pointing arrowhead. orient="auto" rotates it to match
                     each line's direction at the end, so a line going left will get
                     a left-pointing arrowhead automatically. -->
                <marker id="cprl-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
                  <path d="M0,0 L10,5 L0,10 Z" fill="currentColor"/>
                </marker>
              </defs>
              <!-- Action: agent → env (line goes right) -->
              <g class="cprl-bus-action" data-bus-action style="color: var(--muted-color);">
                <line x1="6" y1="80" x2="92" y2="80" stroke="currentColor" stroke-width="1.4" marker-end="url(#cprl-arrow)"/>
                <text class="d3-classical-rl__bus-label" x="50" y="68" text-anchor="middle">action</text>
              </g>
              <!-- State + reward: env → agent (line goes left) -->
              <g class="cprl-bus-state" data-bus-state style="color: var(--muted-color);">
                <line x1="92" y1="180" x2="6" y2="180" stroke="currentColor" stroke-width="1.4" marker-end="url(#cprl-arrow)"/>
                <text class="d3-classical-rl__bus-label" x="50" y="170" text-anchor="middle">state · reward</text>
              </g>
            </svg>
          </div>

          <div class="d3-classical-rl__zone d3-classical-rl__zone--env">
            <span class="d3-classical-rl__zone-label">Environment · CartPole physics</span>
            <div class="d3-classical-rl__stage" data-stage></div>
            <div class="d3-classical-rl__env-stats">
              <span class="d3-classical-rl__stat"><span>cart x</span><strong data-stat="x">0.00 m</strong></span>
              <span class="d3-classical-rl__stat"><span>cart v</span><strong data-stat="v">0.00 m/s</strong></span>
              <span class="d3-classical-rl__stat"><span>pole θ</span><strong data-stat="theta">0.000 rad</strong></span>
              <span class="d3-classical-rl__stat"><span>pole ω</span><strong data-stat="omega">0.000 rad/s</strong></span>
            </div>
          </div>
        </div>

        <div class="d3-classical-rl__caption">
          One full RL loop: the agent reads the state, the policy picks a discrete action (push
          left or right), the environment ticks one physics step and returns the next state plus a
          reward of +1 for every step the pole stays upright. When an episode ends the policy
          would be updated from the collected return — shown here as the agent box flashing.
          Physics and bounds match the
          <a href="https://gymnasium.farama.org/environments/classic_control/cart_pole/" target="_blank" rel="noopener" style="color: var(--primary-color); text-decoration: none;">OpenAI Gymnasium CartPole-v1</a>
          spec.
        </div>
      \`;

      const stage = container.querySelector('[data-stage]');
      const canvas = document.createElement('canvas');
      stage.appendChild(canvas);
      const ctx = canvas.getContext('2d');

      const playBtn = container.querySelector('[data-act="play"]');
      const playLabel = container.querySelector('[data-label]');
      const resetBtn = container.querySelector('[data-act="reset"]');
      const speedInput = container.querySelector('[data-act="speed"]');
      const speedVal = container.querySelector('[data-speed-val]');
      const agentBox = container.querySelector('[data-agent]');
      const busAction = container.querySelector('[data-bus-action]');
      const busState = container.querySelector('[data-bus-state]');
      const envStage = stage;

      const statEls = {
        x: container.querySelector('[data-stat="x"]'),
        v: container.querySelector('[data-stat="v"]'),
        theta: container.querySelector('[data-stat="theta"]'),
        omega: container.querySelector('[data-stat="omega"]'),
        action: container.querySelector('[data-stat="action"]'),
        step: container.querySelector('[data-stat="step"]'),
        reward: container.querySelector('[data-stat="reward"]'),
        episodes: container.querySelector('[data-stat="episodes"]'),
        updates: container.querySelector('[data-stat="updates"]')
      };

      // ─── Physics (CartPole-v1) ───
      const G = 9.8, MC = 1.0, MP = 0.1, TOTAL_M = MC + MP;
      const L = 0.5, POLEMASS_LENGTH = MP * L, FORCE_MAG = 10.0;
      const TAU = 0.02;
      const X_LIMIT = 2.4;
      const THETA_LIMIT = 12 * Math.PI / 180;

      let state = { x: 0, v: 0, theta: 0, omega: 0 };
      let prevAction = +1;
      let action = +1;
      let stepCount = 0;
      let reward = 0;
      let episodes = 0;
      let updates = 0;
      let running = false;
      let speed = 0.1;
      let lastFrameMs = 0;
      let physicsAcc = 0;
      let endHoldFrames = 0;

      // Animation pulses for the bus arrows
      let actionPulse = 0;     // ms remaining
      let statePulse = 0;
      const PULSE_MS = 220;

      const reset = () => {
        state = {
          x: (Math.random() - 0.5) * 0.1,
          v: (Math.random() - 0.5) * 0.1,
          theta: (Math.random() - 0.5) * 0.06,
          omega: (Math.random() - 0.5) * 0.06
        };
        stepCount = 0;
        reward = 0;
        prevAction = action;
        action = state.theta > 0 ? +1 : -1;
        physicsAcc = 0;
        endHoldFrames = 0;
      };

      const policy = (s) => {
        const score = 1.0 * s.theta + 0.5 * s.omega + 0.05 * s.x + 0.10 * s.v;
        return score > 0 ? +1 : -1;
      };

      const tickPhysics = () => {
        if (endHoldFrames > 0) {
          endHoldFrames -= 1;
          if (endHoldFrames === 0) {
            // simulate a "policy update" event at episode end
            episodes += 1;
            updates += 1;
            agentBox.classList.add('flash');
            setTimeout(() => agentBox.classList.remove('flash'), 700);
            reset();
          }
          return;
        }
        const force = action * FORCE_MAG;
        const sinT = Math.sin(state.theta);
        const cosT = Math.cos(state.theta);
        const temp = (force + POLEMASS_LENGTH * state.omega * state.omega * sinT) / TOTAL_M;
        const thetaAcc = (G * sinT - cosT * temp) / (L * (4.0 / 3.0 - MP * cosT * cosT / TOTAL_M));
        const xAcc = temp - POLEMASS_LENGTH * thetaAcc * cosT / TOTAL_M;

        state.x += TAU * state.v;
        state.v += TAU * xAcc;
        state.theta += TAU * state.omega;
        state.omega += TAU * thetaAcc;
        stepCount += 1;
        reward += 1;

        // pulse the "state · reward" arrow on every step
        statePulse = PULSE_MS;
        // reward burst inside env box
        spawnRewardBurst();

        // pick next action; if it changed, pulse the "action" arrow
        prevAction = action;
        action = policy(state);
        if (action !== prevAction) actionPulse = PULSE_MS;

        if (Math.abs(state.x) > X_LIMIT || Math.abs(state.theta) > THETA_LIMIT) {
          endHoldFrames = 30;
        }
      };

      // ─── Reward burst inside env box ───
      let lastBurstAt = 0;
      const spawnRewardBurst = () => {
        const now = performance.now();
        // don't spam — minimum 200ms between bursts
        if (now - lastBurstAt < 200) return;
        lastBurstAt = now;
        const burst = document.createElement('div');
        burst.className = 'd3-classical-rl__reward-burst';
        burst.textContent = '+1';
        envStage.appendChild(burst);
        setTimeout(() => burst.remove(), 900);
      };

      // ─── Drawing ───
      const TRACK_FRAC = 0.78;
      const TRACK_Y_FRAC = 0.78;
      const CART_HEIGHT = 30;
      const CART_WIDTH = 60;
      const POLE_PIXELS = 92;
      let widthPx = 0, heightPx = 0;
      let dpr = Math.max(1, window.devicePixelRatio || 1);

      const computeLayout = () => {
        const rect = stage.getBoundingClientRect();
        widthPx = Math.max(1, Math.round(rect.width));
        heightPx = Math.max(1, Math.round(rect.height));
        dpr = Math.max(1, window.devicePixelRatio || 1);
        canvas.style.width = widthPx + 'px';
        canvas.style.height = heightPx + 'px';
        canvas.width = Math.round(widthPx * dpr);
        canvas.height = Math.round(heightPx * dpr);
        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
      };

      const cssVar = (name) => {
        const v = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
        return v || '#888';
      };

      function roundedRect(c, x, y, w, h, r) {
        c.beginPath();
        c.moveTo(x + r, y);
        c.lineTo(x + w - r, y);
        c.quadraticCurveTo(x + w, y, x + w, y + r);
        c.lineTo(x + w, y + h - r);
        c.quadraticCurveTo(x + w, y + h, x + w - r, y + h);
        c.lineTo(x + r, y + h);
        c.quadraticCurveTo(x, y + h, x, y + h - r);
        c.lineTo(x, y + r);
        c.quadraticCurveTo(x, y, x + r, y);
        c.closePath();
      }

      const draw = () => {
        if (!widthPx || !heightPx) return;
        ctx.clearRect(0, 0, widthPx, heightPx);

        const text = cssVar('--text-color');
        const muted = cssVar('--muted-color');
        const border = cssVar('--border-color');
        const primary = cssVar('--primary-color') || '#6D4AFF';
        const surface = cssVar('--surface-bg');

        const trackY = Math.round(heightPx * TRACK_Y_FRAC);
        const trackHalfW = (widthPx * TRACK_FRAC) / 2;
        const trackLeft = widthPx / 2 - trackHalfW;
        const trackRight = widthPx / 2 + trackHalfW;

        ctx.lineWidth = 2; ctx.strokeStyle = border;
        ctx.beginPath(); ctx.moveTo(trackLeft, trackY); ctx.lineTo(trackRight, trackY); ctx.stroke();

        ctx.lineWidth = 1; ctx.strokeStyle = muted; ctx.globalAlpha = 0.5;
        [trackLeft, widthPx / 2, trackRight].forEach(tx => {
          ctx.beginPath(); ctx.moveTo(tx, trackY - 5); ctx.lineTo(tx, trackY + 5); ctx.stroke();
        });
        ctx.globalAlpha = 1;

        const cartCx = widthPx / 2 + (state.x / X_LIMIT) * trackHalfW;
        const cartTop = trackY - CART_HEIGHT;
        const cartLeft = cartCx - CART_WIDTH / 2;

        ctx.fillStyle = surface; ctx.strokeStyle = text; ctx.lineWidth = 1.5;
        roundedRect(ctx, cartLeft, cartTop, CART_WIDTH, CART_HEIGHT, 4);
        ctx.fill(); ctx.stroke();

        ctx.fillStyle = text;
        ctx.beginPath(); ctx.arc(cartCx, cartTop, 2.5, 0, Math.PI * 2); ctx.fill();

        const tilt = Math.min(1, Math.abs(state.theta) / THETA_LIMIT);
        const poleColor = tilt > 0.65 ? '#ef4444' : (tilt > 0.35 ? '#f59e0b' : primary);
        ctx.strokeStyle = poleColor; ctx.lineWidth = 5; ctx.lineCap = 'round';
        const tipX = cartCx + Math.sin(state.theta) * POLE_PIXELS;
        const tipY = cartTop - Math.cos(state.theta) * POLE_PIXELS;
        ctx.beginPath(); ctx.moveTo(cartCx, cartTop); ctx.lineTo(tipX, tipY); ctx.stroke();
        ctx.lineCap = 'butt';

        // Force arrow under cart
        if (running && endHoldFrames === 0) {
          const arrowLen = 26;
          const ax0 = cartCx, ax1 = cartCx + action * arrowLen;
          const ay = trackY + 14;
          ctx.strokeStyle = primary; ctx.lineWidth = 2;
          ctx.beginPath(); ctx.moveTo(ax0, ay); ctx.lineTo(ax1, ay); ctx.stroke();
          ctx.fillStyle = primary;
          const hd = action > 0 ? 1 : -1;
          ctx.beginPath();
          ctx.moveTo(ax1 + hd * 5, ay);
          ctx.lineTo(ax1, ay - 3.5);
          ctx.lineTo(ax1, ay + 3.5);
          ctx.closePath();
          ctx.fill();
        }

        // End-of-episode flash
        if (endHoldFrames > 0) {
          const flash = endHoldFrames / 30;
          ctx.fillStyle = \`rgba(239, 68, 68, \${0.10 * flash})\`;
          ctx.fillRect(0, 0, widthPx, heightPx);
        }
      };

      const updateBus = (dtMs) => {
        actionPulse = Math.max(0, actionPulse - dtMs);
        statePulse = Math.max(0, statePulse - dtMs);
        const primary = cssVar('--primary-color') || '#6D4AFF';
        const muted = cssVar('--muted-color');
        const aActive = actionPulse > 0;
        const sActive = statePulse > 0;
        busAction.style.color = aActive ? primary : muted;
        busState.style.color = sActive ? '#22c55e' : muted;
        busAction.querySelector('line').setAttribute('stroke-width', aActive ? '2.4' : '1.4');
        busState.querySelector('line').setAttribute('stroke-width', sActive ? '2.4' : '1.4');
      };

      const updateStats = () => {
        statEls.x.textContent = state.x.toFixed(2) + ' m';
        statEls.v.textContent = state.v.toFixed(2) + ' m/s';
        statEls.theta.textContent = state.theta.toFixed(3) + ' rad';
        statEls.omega.textContent = state.omega.toFixed(3) + ' rad/s';
        statEls.step.textContent = String(stepCount);
        statEls.reward.textContent = '+' + reward;
        statEls.episodes.textContent = String(episodes);
        statEls.updates.textContent = String(updates);
        statEls.action.innerHTML = \`<span class="d3-classical-rl__action-tag">\${action > 0 ? 'right →' : '← left'}</span>\`;
      };

      const updatePlayBtn = () => {
        playLabel.textContent = running ? 'Pause' : 'Play';
        playBtn.classList.toggle('primary', !running);
        const svgEl = playBtn.querySelector('svg');
        svgEl.innerHTML = running
          ? '<rect x="6" y="5" width="4" height="14" fill="currentColor"/><rect x="14" y="5" width="4" height="14" fill="currentColor"/>'
          : '<polygon points="6,4 20,12 6,20" fill="currentColor"/>';
      };

      // ─── Animation loop ───
      let rafId = null;
      const tick = () => {
        if (!running) { rafId = null; return; }
        const now = performance.now();
        const dtMs = Math.min(50, now - lastFrameMs);
        lastFrameMs = now;
        physicsAcc += (dtMs / 1000) * speed;
        let safety = 8;
        while (physicsAcc >= TAU && safety-- > 0) {
          tickPhysics();
          physicsAcc -= TAU;
        }
        draw();
        updateBus(dtMs);
        updateStats();
        rafId = window.requestAnimationFrame(tick);
      };

      // ─── Wire controls ───
      playBtn.addEventListener('click', () => {
        running = !running;
        updatePlayBtn();
        if (running) {
          lastFrameMs = performance.now();
          rafId = window.requestAnimationFrame(tick);
        }
      });
      resetBtn.addEventListener('click', () => {
        running = false;
        if (rafId) window.cancelAnimationFrame(rafId);
        rafId = null;
        updatePlayBtn();
        episodes = 0; updates = 0;
        reset();
        draw();
        updateBus(0);
        updateStats();
      });
      speedInput.addEventListener('input', () => {
        speed = parseFloat(speedInput.value);
        speedVal.textContent = speed.toFixed(2) + '×';
      });

      computeLayout();
      reset();
      draw();
      updateBus(0);
      updateStats();

      const ro = new ResizeObserver(() => {
        computeLayout();
        draw();
      });
      ro.observe(stage);

      document.addEventListener('visibilitychange', () => {
        if (document.hidden && rafId) {
          window.cancelAnimationFrame(rafId); rafId = null;
        } else if (!document.hidden && running && !rafId) {
          lastFrameMs = performance.now();
          rafId = window.requestAnimationFrame(tick);
        }
      });
    };

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', bootstrap, { once: true });
    } else {
      bootstrap();
    }
  })();
<\/script>
`,X3=`<div class="anatomy-hero" style="width:100%;margin:14px 0;"></div>
<style>
  .anatomy-hero {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
    background:
      radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--primary-color) 7%, transparent), transparent 60%),
      var(--surface-bg);
    color: var(--text-color);
  }
  .anatomy-hero svg {
    display: block;
    width: 100%;
    height: auto;
    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  }

  /* typography */
  .anatomy-hero .ah-badge {
    fill: var(--muted-color);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }
  .anatomy-hero .ah-zone-label {
    fill: var(--muted-color);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }
  .anatomy-hero .ah-zone-sub {
    fill: var(--muted-color);
    font-size: 10.5px;
    font-weight: 500;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }

  /* dashed boundaries (env + episode control) */
  .anatomy-hero .ah-boundary {
    fill: color-mix(in oklab, var(--primary-color) 4%, var(--surface-bg));
    stroke: var(--text-color);
    stroke-width: 1.6;
    stroke-dasharray: 8 5;
    stroke-opacity: 0.55;
  }

  /* component cards (inside env, square-ish 138x92) */
  .anatomy-hero .ah-card { stroke-width: 1.6; }
  .anatomy-hero .ah-icon-bg { stroke: none; }
  .anatomy-hero .ah-card-name {
    fill: var(--text-color);
    font-size: 12.5px;
    font-weight: 700;
    text-anchor: middle;
  }
  .anatomy-hero .ah-card-sub {
    fill: var(--muted-color);
    font-size: 10px;
    font-weight: 500;
    text-anchor: middle;
  }

  /* episode-control wide cards (icon left, text right) */
  .anatomy-hero .ah-wide-name {
    fill: var(--text-color);
    font-size: 14.5px;
    font-weight: 800;
    letter-spacing: -0.01em;
  }
  .anatomy-hero .ah-wide-sub {
    fill: var(--muted-color);
    font-size: 11.5px;
    font-weight: 500;
  }

  /* arrow flow */
  .anatomy-hero .ah-arrow {
    stroke: var(--muted-color);
    stroke-width: 1.7;
    fill: none;
  }
  .anatomy-hero .ah-arrow-label {
    fill: var(--muted-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    paint-order: stroke;
    stroke: var(--surface-bg);
    stroke-width: 5;
  }
  /* inner-loop arrows inside Episode Control */
  .anatomy-hero .ah-inner-arrow {
    stroke: color-mix(in oklab, var(--muted-color) 70%, transparent);
    stroke-width: 1.6;
    fill: none;
  }
  .anatomy-hero .ah-return-loop {
    stroke: color-mix(in oklab, var(--primary-color) 65%, var(--muted-color));
    stroke-width: 1.6;
    stroke-dasharray: 5 4;
    fill: none;
  }
  .anatomy-hero .ah-loop-inner-label {
    fill: color-mix(in oklab, var(--primary-color) 80%, var(--text-color));
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
  .anatomy-hero .ah-loop-label {
    fill: color-mix(in oklab, var(--primary-color) 80%, var(--text-color));
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    paint-order: stroke;
    stroke: var(--surface-bg);
    stroke-width: 6;
  }

  /* clickable env header */
  .anatomy-hero a.ah-env-link { text-decoration: none; cursor: pointer; }
  .anatomy-hero a.ah-env-link:hover .ah-zone-label { fill: var(--primary-color); }
  .anatomy-hero a.ah-env-link:hover .ah-link-arrow { fill: var(--primary-color); }
  .anatomy-hero .ah-link-arrow {
    fill: var(--muted-color);
    font-size: 11px;
    font-weight: 700;
  }

  /* card entrance animation */
  @keyframes ah-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .anatomy-hero .ah-card-group {
    animation: ah-fade-in 0.55s cubic-bezier(.25,.8,.4,1) backwards;
  }
  .anatomy-hero .ah-card-group:nth-of-type(1)  { animation-delay: 0.04s; }
  .anatomy-hero .ah-card-group:nth-of-type(2)  { animation-delay: 0.08s; }
  .anatomy-hero .ah-card-group:nth-of-type(3)  { animation-delay: 0.12s; }
  .anatomy-hero .ah-card-group:nth-of-type(4)  { animation-delay: 0.16s; }
  .anatomy-hero .ah-card-group:nth-of-type(5)  { animation-delay: 0.20s; }
  .anatomy-hero .ah-card-group:nth-of-type(6)  { animation-delay: 0.24s; }
  .anatomy-hero .ah-card-group:nth-of-type(7)  { animation-delay: 0.28s; }
  .anatomy-hero .ah-card-group:nth-of-type(8)  { animation-delay: 0.32s; }
  .anatomy-hero .ah-card-group:nth-of-type(9)  { animation-delay: 0.36s; }
  .anatomy-hero .ah-card-group:nth-of-type(10) { animation-delay: 0.42s; }
  .anatomy-hero .ah-card-group:nth-of-type(11) { animation-delay: 0.46s; }
  .anatomy-hero .ah-card-group:nth-of-type(12) { animation-delay: 0.50s; }

  @media (prefers-reduced-motion: reduce) {
    .anatomy-hero .ah-card-group { animation: none; }
  }
</style>
<script>
  (() => {
    const bootstrap = () => {
      const scriptEl = document.currentScript;
      let container = scriptEl ? scriptEl.previousElementSibling : null;
      if (!(container && container.classList && container.classList.contains('anatomy-hero'))) {
        const cands = Array.from(document.querySelectorAll('.anatomy-hero'))
          .filter(el => !(el.dataset && el.dataset.mounted === 'true'));
        container = cands[cands.length - 1] || null;
      }
      if (!container || (container.dataset && container.dataset.mounted === 'true')) return;
      container.dataset.mounted = 'true';

      // ── Lucide-style icons (24x24 viewBox, stroke=white, fill=none) ──
      const ICONS = {
        tasks: '<rect x="8" y="2" width="8" height="4" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M9 10h6"/><path d="M9 14h6"/><path d="M9 18h2"/>',
        prompt: '<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M8 9h8"/><path d="M8 13h5"/>',
        initial: '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>',
        tools: '<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>',
        state: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v6c0 1.7 4 3 9 3s9-1.3 9-3V5"/><path d="M3 11v6c0 1.7 4 3 9 3s9-1.3 9-3v-6"/>',
        exec: '<rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/>',
        observation: '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>',
        reward: '<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>',
        done: '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>',
        llm: '<rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><line x1="9" y1="2" x2="9" y2="4"/><line x1="15" y1="2" x2="15" y2="4"/><line x1="9" y1="20" x2="9" y2="22"/><line x1="15" y1="20" x2="15" y2="22"/><line x1="20" y1="9" x2="22" y2="9"/><line x1="20" y1="15" x2="22" y2="15"/><line x1="2" y1="9" x2="4" y2="9"/><line x1="2" y1="15" x2="4" y2="15"/>',
        loop: '<polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10"/><path d="M20.49 15a9 9 0 0 1-14.85 3.36L1 14"/>',
        trainer: '<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>',
        weights: '<polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/>',
      };

      const renderIcon = (key, x, y, size = 22) => \`
        <svg x="\${x}" y="\${y}" width="\${size}" height="\${size}" viewBox="0 0 24 24"
             fill="none" stroke="white" stroke-width="2"
             stroke-linecap="round" stroke-linejoin="round">\${ICONS[key]}</svg>
      \`;

      // ── Geometry ────────────────────────────────────────────────────
      // Inside env: 3x3 grid of small component cards
      const cardW = 138, cardH = 96, cardGapX = 16, cardGapY = 16;
      const envInnerPad = 24;
      const envW = envInnerPad * 2 + cardW * 3 + cardGapX * 2;     // 494
      const envH = envInnerPad * 2 + cardH * 3 + cardGapY * 2;     // 368

      // Inside Episode Control: 4 wide cards stacked vertically
      // (LLM Agent · Training loop · Trainer · Weight update)
      const wideW = 220, wideH = 76, wideGapY = 14;
      const ecInnerPadL = 24;
      const ecInnerPadR = 50;        // extra room on the right for the inner-loop curve
      const ecInnerPadV = 24;
      const ecW = ecInnerPadL + wideW + ecInnerPadR;               // 294
      const ecH = ecInnerPadV * 2 + wideH * 4 + wideGapY * 3;      // 48 + 304 + 42 = 394

      const padX = 40, padTop = 96, padBottom = 56;
      const gapBetween = 110;

      const contentH = Math.max(envH, ecH);                        // 372
      const envX = padX;
      const envY = padTop + (contentH - envH) / 2;
      const ecX  = envX + envW + gapBetween;
      const ecY  = padTop + (contentH - ecH) / 2;
      const W = ecX + ecW + padX;
      const H = padTop + contentH + padBottom;

      // ── Components inside env ───────────────────────────────────────
      const COMPONENTS = [
        { name: 'Tasks',         icon: 'tasks',      color: '#f97316', sub: 'dataset' },
        { name: 'Prompt template', icon: 'prompt',   color: '#a855f7', sub: 'task → prompt' },
        { name: 'Initial state', icon: 'initial',    color: '#6366f1', sub: 'reset()' },
        { name: 'Tools / Harness', icon: 'tools',    color: '#eab308', sub: 'tool defs + wiring' },
        { name: 'State',         icon: 'state',      color: '#14b8a6', sub: 'world state' },
        { name: 'Execution backend', icon: 'exec',   color: '#22c55e', sub: 'where tools run' },
        { name: 'Observation',   icon: 'observation',color: '#06b6d4', sub: 'next-turn input' },
        { name: 'Reward',        icon: 'reward',     color: '#3b82f6', sub: 'rubric / verify' },
        { name: 'Done',          icon: 'done',       color: '#ec4899', sub: 'termination' },
      ];

      const renderEnvCard = (c, i) => {
        const col = i % 3;
        const row = Math.floor(i / 3);
        const x = envX + envInnerPad + col * (cardW + cardGapX);
        const y = envY + envInnerPad + row * (cardH + cardGapY);
        const fill   = \`color-mix(in oklab, \${c.color} 14%, var(--surface-bg))\`;
        const iconSize = 30;
        const iconBgX = x + (cardW - iconSize) / 2;
        const iconBgY = y + 12;
        const iconInnerSize = 20;
        const iconInnerX = iconBgX + (iconSize - iconInnerSize) / 2;
        const iconInnerY = iconBgY + (iconSize - iconInnerSize) / 2;
        return \`
          <g class="ah-card-group">
            <rect class="ah-card" x="\${x}" y="\${y}" width="\${cardW}" height="\${cardH}" rx="11" ry="11"
                  fill="\${fill}" stroke="\${c.color}"/>
            <rect class="ah-icon-bg" x="\${iconBgX}" y="\${iconBgY}" width="\${iconSize}" height="\${iconSize}"
                  rx="8" ry="8" fill="\${c.color}"/>
            \${renderIcon(c.icon, iconInnerX, iconInnerY, iconInnerSize)}
            <text class="ah-card-name" x="\${x + cardW/2}" y="\${y + 64}">\${c.name}</text>
            <text class="ah-card-sub"  x="\${x + cardW/2}" y="\${y + 80}">\${c.sub}</text>
          </g>
        \`;
      };
      const envCardsSvg = COMPONENTS.map(renderEnvCard).join('');

      // ── Components inside Episode Control ───────────────────────────
      const EC_COMPONENTS = [
        { name: 'LLM Agent',     icon: 'llm',     color: '#8b5cf6', sub: 'policy · token gen' },
        { name: 'Rollout',       icon: 'loop',    color: '#0ea5e9', sub: 'collect episode' },
        { name: 'Trainer',       icon: 'trainer', color: '#f59e0b', sub: 'loss + gradient' },
        { name: 'Weight update', icon: 'weights', color: '#f43f5e', sub: 'apply update' },
      ];

      const renderEcCard = (c, i) => {
        const x = ecX + ecInnerPadL;
        const y = ecY + ecInnerPadV + i * (wideH + wideGapY);
        const fill = \`color-mix(in oklab, \${c.color} 14%, var(--surface-bg))\`;
        const iconBgSize = 38;
        const iconBgX = x + 14;
        const iconBgY = y + (wideH - iconBgSize) / 2;
        const iconInnerSize = 22;
        const iconInnerX = iconBgX + (iconBgSize - iconInnerSize) / 2;
        const iconInnerY = iconBgY + (iconBgSize - iconInnerSize) / 2;
        const textX = iconBgX + iconBgSize + 14;
        return \`
          <g class="ah-card-group">
            <rect class="ah-card" x="\${x}" y="\${y}" width="\${wideW}" height="\${wideH}" rx="12" ry="12"
                  fill="\${fill}" stroke="\${c.color}" stroke-width="1.7"/>
            <rect class="ah-icon-bg" x="\${iconBgX}" y="\${iconBgY}" width="\${iconBgSize}" height="\${iconBgSize}"
                  rx="9" ry="9" fill="\${c.color}"/>
            \${renderIcon(c.icon, iconInnerX, iconInnerY, iconInnerSize)}
            <text class="ah-wide-name" x="\${textX}" y="\${y + wideH/2 - 2}" style="font-size: 13.5px;">\${c.name}</text>
            <text class="ah-wide-sub"  x="\${textX}" y="\${y + wideH/2 + 15}" style="font-size: 11px;">\${c.sub}</text>
          </g>
        \`;
      };
      const ecCardsSvg = EC_COMPONENTS.map(renderEcCard).join('');

      // ── Inner-loop arrows: vertical down between consecutive cards,
      //    plus a curved return arrow on the right from Weight update → LLM
      const ecCenterX  = ecX + ecInnerPadL + wideW / 2;
      const downArrowsSvg = EC_COMPONENTS.slice(0, -1).map((_, i) => {
        const fromY = ecY + ecInnerPadV + (i + 1) * wideH + i * wideGapY;
        const toY   = fromY + wideGapY;
        return \`<path class="ah-inner-arrow" d="M\${ecCenterX},\${fromY + 1} L\${ecCenterX},\${toY - 1}"
                      marker-end="url(#ah-arrow-inner)"/>\`;
      }).join('');

      const cardRightX = ecX + ecInnerPadL + wideW;       // right edge of every EC card
      const llmCenterY    = ecY + ecInnerPadV + wideH / 2;
      const weightCenterY = ecY + ecInnerPadV + (3 * wideH + 3 * wideGapY) + wideH / 2;
      const curveOutX     = cardRightX + 36;              // how far right the loop bulges
      const returnLoopSvg = \`
        <path class="ah-return-loop"
              d="M\${cardRightX},\${weightCenterY}
                 C\${curveOutX},\${weightCenterY} \${curveOutX},\${llmCenterY} \${cardRightX},\${llmCenterY}"
              marker-end="url(#ah-arrow-loop)"/>
        <text class="ah-loop-inner-label" x="\${curveOutX + 4}"
              y="\${(weightCenterY + llmCenterY) / 2}" text-anchor="start">policy<tspan x="\${curveOutX + 4}" dy="14">update</tspan></text>
      \`;

      // ── Arrows between env and Episode Control ──────────────────────
      // Anchor at LLM Agent's vertical center (top card in EC).
      const envRight = envX + envW;
      const ecLeft   = ecX;
      const llmCardCenterY = ecY + ecInnerPadV + wideH / 2;
      const actionY = llmCardCenterY - 16;
      const obsY    = llmCardCenterY + 16;

      const flowSvg = \`
        <defs>
          <marker id="ah-arrow" viewBox="0 -5 10 10" refX="9" refY="0"
                  markerWidth="7" markerHeight="7" orient="auto">
            <path d="M0,-4L10,0L0,4" fill="var(--muted-color)"/>
          </marker>
          <marker id="ah-arrow-inner" viewBox="0 -5 10 10" refX="9" refY="0"
                  markerWidth="6" markerHeight="6" orient="auto">
            <path d="M0,-4L10,0L0,4" fill="color-mix(in oklab, var(--muted-color) 70%, transparent)"/>
          </marker>
          <marker id="ah-arrow-loop" viewBox="0 -5 10 10" refX="9" refY="0"
                  markerWidth="6" markerHeight="6" orient="auto">
            <path d="M0,-4L10,0L0,4"
                  fill="color-mix(in oklab, var(--primary-color) 65%, var(--muted-color))"/>
          </marker>
        </defs>

        <!-- action: LLM (in EC) → env -->
        <path class="ah-arrow" d="M\${ecLeft - 2},\${actionY} L\${envRight + 2},\${actionY}"
              marker-end="url(#ah-arrow)"/>
        <text class="ah-arrow-label" x="\${(envRight + ecLeft) / 2}" y="\${actionY - 7}"
              text-anchor="middle">action</text>

        <!-- observation: env → LLM (in EC) -->
        <path class="ah-arrow" d="M\${envRight + 2},\${obsY} L\${ecLeft - 2},\${obsY}"
              marker-end="url(#ah-arrow)"/>
        <text class="ah-arrow-label" x="\${(envRight + ecLeft) / 2}" y="\${obsY + 14}"
              text-anchor="middle">observation</text>

        <!-- episode-control label sits above the action/observation pair -->
        <text class="ah-loop-label" x="\${(envRight + ecLeft) / 2}" y="\${actionY - 30}"
              text-anchor="middle">episode control</text>
      \`;

      // ── Headers / zone labels ───────────────────────────────────────
      const COMPONENTS_ANCHOR = '#what-makes-an-rl-environment-for-llms-the-components';
      const headersSvg = \`
        <text class="ah-badge" x="\${padX - 4}" y="34">Anatomy of an RL environment</text>

        <a class="ah-env-link" href="\${COMPONENTS_ANCHOR}">
          <text class="ah-zone-label" x="\${envX}" y="\${envY - 24}">RL ENVIRONMENT</text>
          <text class="ah-link-arrow" x="\${envX + 142}" y="\${envY - 24}">↗ components</text>
          <text class="ah-zone-sub"   x="\${envX}" y="\${envY - 9}">docker · in-venv</text>
        </a>

        <text class="ah-zone-label" x="\${ecX}" y="\${ecY - 24}">TRAINING LOOP</text>
        <text class="ah-zone-sub"   x="\${ecX}" y="\${ecY - 9}">agent · collector · trainer</text>
      \`;

      // ── Final SVG ────────────────────────────────────────────────────
      container.innerHTML = \`
        <svg viewBox="0 0 \${W} \${H}" preserveAspectRatio="xMidYMid meet">
          \${headersSvg}

          <!-- env dashed boundary -->
          <rect class="ah-boundary"
                x="\${envX}" y="\${envY}" width="\${envW}" height="\${envH}"
                rx="20" ry="20"/>

          <!-- episode-control dashed boundary -->
          <rect class="ah-boundary"
                x="\${ecX}" y="\${ecY}" width="\${ecW}" height="\${ecH}"
                rx="20" ry="20"/>

          \${envCardsSvg}
          \${ecCardsSvg}
          \${downArrowsSvg}
          \${returnLoopSvg}
          \${flowSvg}
        </svg>
      \`;
    };

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', bootstrap, { once: true });
    } else {
      bootstrap();
    }
  })();
<\/script>
`,Q3=`<div class="d3-llm-rl" style="width:100%;margin:14px 0;"></div>
<style>
  .d3-llm-rl {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--surface-bg);
    overflow: hidden;
  }
  .d3-llm-rl__header {
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 12px 16px; padding: 14px 18px;
    border-bottom: 1px solid var(--border-color);
  }
  .d3-llm-rl__title {
    font-size: 11px; font-weight: 800; letter-spacing: 1.2px;
    text-transform: uppercase; color: var(--muted-color);
    margin-right: auto;
  }
  .d3-llm-rl__btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 7px;
    border: 1px solid var(--border-color);
    background: var(--surface-bg); color: var(--text-color);
    font-size: 12px; font-weight: 600; cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
  }
  .d3-llm-rl__btn:hover { border-color: var(--primary-color); }
  .d3-llm-rl__btn.primary {
    border-color: var(--primary-color);
    background: color-mix(in oklab, var(--primary-color) 12%, var(--surface-bg));
  }
  .d3-llm-rl__btn svg { width: 12px; height: 12px; }
  .d3-llm-rl__speed {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 11px; color: var(--muted-color);
  }
  .d3-llm-rl__speed input[type=range] {
    width: 110px; accent-color: var(--primary-color);
  }
  .d3-llm-rl__speed-val {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--text-color); font-size: 11px;
    min-width: 38px; text-align: right;
  }

  /* ─── Body: agent on top, bus, environment below ─── */
  .d3-llm-rl__body {
    display: flex;
    flex-direction: column;
    padding: 18px 18px 16px 18px;
    background: color-mix(in oklab, var(--muted-color) 3%, transparent);
  }

  .d3-llm-rl__zone {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 18px 16px 14px 16px;
    background: var(--surface-bg);
    transition: box-shadow .25s ease, border-color .25s ease;
    min-width: 0;
  }
  /* Agent zone in top-bottom layout = horizontal strip with 3 sections */
  .d3-llm-rl__zone--agent {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 1.2fr) minmax(220px, 1.2fr);
    gap: 16px;
    align-items: stretch;
  }
  @media (max-width: 720px) {
    .d3-llm-rl__zone--agent { grid-template-columns: 1fr; }
  }
  .d3-llm-rl__agent-section {
    display: flex; flex-direction: column; gap: 6px;
    min-width: 0;
  }
  .d3-llm-rl__agent-section + .d3-llm-rl__agent-section {
    padding-left: 16px;
    border-left: 1px dashed var(--border-color);
  }
  @media (max-width: 720px) {
    .d3-llm-rl__agent-section + .d3-llm-rl__agent-section {
      padding-left: 0; padding-top: 12px; border-left: none;
      border-top: 1px dashed var(--border-color);
    }
  }
  .d3-llm-rl__section-label {
    font-size: 9.5px; font-weight: 800; letter-spacing: 0.8px;
    text-transform: uppercase; color: var(--muted-color);
  }
  /* Environment zone — keep as block with internal stacking */
  .d3-llm-rl__zone--env {
    display: flex; flex-direction: column; gap: 12px;
  }
  .d3-llm-rl__zone-label {
    position: absolute;
    top: -9px; left: 12px;
    padding: 1px 8px;
    background: var(--surface-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 9.5px; font-weight: 800; letter-spacing: 1.0px;
    text-transform: uppercase; color: var(--muted-color);
  }
  .d3-llm-rl__zone--agent.flash {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary-color) 22%, transparent);
  }

  .d3-llm-rl__policy {
    background: color-mix(in oklab, var(--muted-color) 7%, transparent);
    border-radius: 6px;
    padding: 8px 10px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px; line-height: 1.45; color: var(--text-color);
  }
  .d3-llm-rl__policy-line + .d3-llm-rl__policy-line { margin-top: 2px; }
  .d3-llm-rl__policy-comment { color: var(--muted-color); font-size: 10.5px; }

  .d3-llm-rl__action-row {
    font-size: 11px; color: var(--muted-color);
  }
  .d3-llm-rl__action-row .label {
    display: block; margin-bottom: 4px;
  }
  .d3-llm-rl__action-tag {
    display: inline-flex; align-items: center;
    padding: 3px 9px; border-radius: 999px;
    max-width: 100%; min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10.5px; font-weight: 700;
    background: color-mix(in oklab, var(--primary-color) 16%, transparent);
    color: var(--primary-color);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .d3-llm-rl__counters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 14px;
    font-size: 11px;
  }
  .d3-llm-rl__counter {
    display: flex; justify-content: space-between; color: var(--muted-color);
  }
  .d3-llm-rl__counter strong {
    color: var(--text-color);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 600;
  }

  /* Bus — horizontal strip between agent (top) and env (bottom).
     Uses HTML for labels (no text stretching) and inline SVG only for the arrow shafts. */
  .d3-llm-rl__bus {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 64px;
    padding: 8px 0;
    margin: 0 auto;
    width: 100%;
  }
  .d3-llm-rl__bus-arrow {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--muted-color);
    transition: color .15s ease;
  }
  .d3-llm-rl__bus-arrow.is-action {}
  .d3-llm-rl__bus-arrow svg {
    width: 18px;
    height: 40px;
    flex-shrink: 0;
  }
  .d3-llm-rl__bus-arrow .label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--muted-color);
    white-space: nowrap;
  }

  /* Environment zone with rollouts */
  .d3-llm-rl__zone--env { padding: 18px 14px 14px 14px; }
  .d3-llm-rl__task {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 12px;
    border-radius: 6px;
    background: color-mix(in oklab, var(--primary-color) 6%, transparent);
    border: 1px solid color-mix(in oklab, var(--primary-color) 18%, var(--border-color));
  }
  .d3-llm-rl__task-label {
    font-size: 10px; font-weight: 800; letter-spacing: 1.0px;
    text-transform: uppercase; color: var(--primary-color);
    flex-shrink: 0; margin-top: 2px;
  }
  .d3-llm-rl__task-text { font-size: 12.5px; line-height: 1.5; color: var(--text-color); }
  .d3-llm-rl__task-text code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11.5px;
    padding: 1px 5px;
    background: color-mix(in oklab, var(--muted-color) 12%, transparent);
    border-radius: 4px;
  }

  .d3-llm-rl__rollouts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(160px, 0.85fr);
    gap: 10px;
    margin-top: 10px;
  }
  @media (max-width: 880px) { .d3-llm-rl__rollouts { grid-template-columns: 1fr; } }

  .d3-llm-rl__rollout {
    padding: 10px 11px 9px 11px;
    display: flex; flex-direction: column;
    min-height: 260px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    min-width: 0;
  }
  .d3-llm-rl__rollout--placeholder {
    border-style: dashed;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--muted-color);
    background: color-mix(in oklab, var(--muted-color) 3%, transparent);
    gap: 14px;
    padding: 14px 12px;
  }
  .d3-llm-rl__more-stack {
    display: flex; flex-direction: column; gap: 6px;
    width: 100%;
    max-width: 150px;
  }
  .d3-llm-rl__more-mini {
    position: relative;
    height: 22px;
    border-radius: 6px;
    background: color-mix(in oklab, var(--mc, var(--muted-color)) 10%, var(--surface-bg));
    border: 1px solid color-mix(in oklab, var(--mc, var(--muted-color)) 28%, var(--border-color));
    overflow: hidden;
  }
  .d3-llm-rl__more-mini::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 35%;
    background: linear-gradient(90deg,
      color-mix(in oklab, var(--mc, var(--primary-color)) 35%, transparent) 0%,
      color-mix(in oklab, var(--mc, var(--primary-color)) 8%, transparent) 100%);
    animation: lrl-more-progress 2.6s ease-in-out infinite;
    animation-delay: var(--md, 0s);
    animation-play-state: paused;
  }
  .d3-llm-rl__rollout--placeholder.running .d3-llm-rl__more-mini::before {
    animation-play-state: running;
  }
  @keyframes lrl-more-progress {
    0%   { transform: translateX(-30%); opacity: 0.45; }
    50%  { transform: translateX(220%); opacity: 0.85; }
    51%  { opacity: 0; }
    52%  { transform: translateX(-30%); }
    100% { transform: translateX(-30%); opacity: 0.45; }
  }
  .d3-llm-rl__more-caption {
    font-size: 11px;
    line-height: 1.45;
    color: var(--muted-color);
    text-align: center;
  }
  .d3-llm-rl__more-caption strong {
    color: var(--text-color);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 700;
  }

  .d3-llm-rl__rollout-header {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 10px; font-weight: 800; letter-spacing: 1.0px;
    text-transform: uppercase; color: var(--muted-color);
    margin-bottom: 10px;
  }
  .d3-llm-rl__progress { display: inline-flex; gap: 3px; }
  .d3-llm-rl__progress span {
    width: 10px; height: 3px; border-radius: 2px;
    background: color-mix(in oklab, var(--muted-color) 30%, transparent);
    transition: background .25s ease;
  }
  .d3-llm-rl__progress span.done {
    background: var(--ro-accent, var(--primary-color));
  }

  .d3-llm-rl__steps { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; }

  .d3-llm-rl__step {
    opacity: 0; transform: translateY(4px);
    transition: opacity .3s ease, transform .3s ease;
    font-size: 11px; line-height: 1.45;
  }
  .d3-llm-rl__step.visible { opacity: 1; transform: translateY(0); }

  .d3-llm-rl__step--assistant { color: var(--text-color); }
  .d3-llm-rl__step--assistant::before { content: '🤖 '; opacity: 0.7; margin-right: 4px; }
  .d3-llm-rl__step--assistant em { font-style: italic; opacity: 0.85; }

  .d3-llm-rl__step--tool {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10px;
    background: color-mix(in oklab, var(--muted-color) 8%, transparent);
    border-left: 2px solid var(--ro-accent, var(--primary-color));
    padding: 4px 8px;
    border-radius: 0 4px 4px 0;
    color: var(--text-color);
    word-break: break-word;
  }
  .d3-llm-rl__step--tool .label {
    font-size: 8.5px; font-weight: 800; letter-spacing: 0.8px;
    text-transform: uppercase; color: var(--muted-color); margin-right: 6px;
  }

  .d3-llm-rl__step--response {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9.5px;
    color: var(--muted-color);
    padding: 0 0 0 9px;
    white-space: pre-wrap;
    border-left: 1px dashed var(--border-color);
    margin-left: 4px;
  }

  .d3-llm-rl__step--submit {
    background: color-mix(in oklab, var(--primary-color) 12%, transparent);
    border: 1px solid var(--ro-accent, var(--primary-color));
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 11px;
    color: var(--text-color);
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .d3-llm-rl__step--submit::before { content: '🎯 '; opacity: 0.8; margin-right: 4px; }
  .d3-llm-rl__step--submit code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 700;
    font-size: 0.86em;
    padding: 1px 5px;
    border-radius: 4px;
    background: color-mix(in oklab, var(--ro-accent, var(--primary-color)) 18%, transparent);
    color: var(--text-color);
    white-space: nowrap;
  }

  .d3-llm-rl__reward {
    margin-top: auto; padding-top: 10px;
    display: flex; align-items: center; gap: 8px;
    flex-wrap: wrap;
    font-size: 10.5px;
    opacity: 0; transition: opacity .4s ease;
  }
  .d3-llm-rl__reward.visible { opacity: 1; }
  .d3-llm-rl__reward-chip {
    display: inline-flex; align-items: center;
    padding: 3px 9px; border-radius: 999px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10.5px; font-weight: 800;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .d3-llm-rl__reward-chip.ok {
    background: color-mix(in oklab, #22c55e 16%, transparent);
    color: #22c55e;
  }
  .d3-llm-rl__reward-chip.no {
    background: color-mix(in oklab, #ef4444 16%, transparent);
    color: #ef4444;
  }
  .d3-llm-rl__reward-meta { color: var(--muted-color); font-style: italic; }

  .d3-llm-rl__caption {
    padding: 10px 18px;
    border-top: 1px solid var(--border-color);
    font-size: 11.5px; color: var(--muted-color); font-style: italic;
  }
  .d3-llm-rl__caption strong { color: var(--text-color); font-style: normal; }
</style>
<script>
  (() => {
    const bootstrap = () => {
      const scriptEl = document.currentScript;
      let container = scriptEl ? scriptEl.previousElementSibling : null;
      if (!(container && container.classList && container.classList.contains('d3-llm-rl'))) {
        const cands = Array.from(document.querySelectorAll('.d3-llm-rl'))
          .filter(el => !(el.dataset && el.dataset.mounted === 'true'));
        container = cands[cands.length - 1] || null;
      }
      if (!container || (container.dataset && container.dataset.mounted === 'true')) return;
      container.dataset.mounted = 'true';

      const TASK = \`Find the <code>.py</code> file with the most lines in the current directory.\`;

      // Two illustrative rollouts: one methodical success, one failure that guesses from
      // filenames. The third panel is a "+N more rollouts" placeholder — the actual training
      // loop typically samples 4–16 rollouts per prompt, but two is enough to show the shape.
      const ROLLOUTS = [
        {
          accent: '#3b82f6',
          steps: [
            { type: 'assistant', text: '<em>List the Python files first.</em>' },
            { type: 'tool',      text: '$ ls *.py',                                 toolCall: 'ls *.py' },
            { type: 'response',  text: 'data.py  model.py  train.py' },
            { type: 'assistant', text: '<em>Now count lines.</em>' },
            { type: 'tool',      text: '$ wc -l *.py',                              toolCall: 'wc -l *.py' },
            { type: 'response',  text: '  30 data.py\\n 150 model.py\\n  42 train.py\\n 222 total' },
            { type: 'submit',    text: 'final_answer(<code>"model.py"</code>)' }
          ],
          reward: 1.0,
          rewardNote: 'matched expected'
        },
        {
          accent: '#ec4899',
          steps: [
            { type: 'assistant', text: '<em>Quick peek at the directory.</em>' },
            { type: 'tool',      text: '$ ls -la',                                  toolCall: 'ls -la' },
            { type: 'response',  text: '-rw-r--r--  data.py\\n-rw-r--r--  model.py\\n-rw-r--r--  train.py' },
            { type: 'assistant', text: '<em>train.py sounds like the longest.</em>' },
            { type: 'submit',    text: 'final_answer(<code>"train.py"</code>)' }
          ],
          reward: 0.0,
          rewardNote: 'wrong file'
        }
      ];
      const N_MORE_ROLLOUTS = 6;

      const realRolloutsHtml = ROLLOUTS.map((r, i) => \`
        <div class="d3-llm-rl__rollout" style="--ro-accent:\${r.accent};" data-ro="\${i}">
          <div class="d3-llm-rl__rollout-header">
            <span>Rollout \${i + 1}</span>
            <span class="d3-llm-rl__progress" data-progress>
              \${r.steps.map(() => '<span></span>').join('')}
            </span>
          </div>
          <div class="d3-llm-rl__steps" data-steps>
            \${r.steps.map((s) => {
              if (s.type === 'tool') {
                return \`<div class="d3-llm-rl__step d3-llm-rl__step--tool"><span class="label">bash</span>\${s.text.replace(/^\\$\\s*/, '')}</div>\`;
              } else if (s.type === 'response') {
                return \`<div class="d3-llm-rl__step d3-llm-rl__step--response">\${s.text}</div>\`;
              } else if (s.type === 'submit') {
                return \`<div class="d3-llm-rl__step d3-llm-rl__step--submit">\${s.text}</div>\`;
              }
              return \`<div class="d3-llm-rl__step d3-llm-rl__step--assistant">\${s.text}</div>\`;
            }).join('')}
          </div>
          <div class="d3-llm-rl__reward" data-reward>
            <span class="d3-llm-rl__reward-chip \${r.reward > 0 ? 'ok' : 'no'}">reward \${r.reward.toFixed(1)}</span>
            <span class="d3-llm-rl__reward-meta">\${r.rewardNote}</span>
          </div>
        </div>
      \`).join('');

      // Build a small stack of animated mini-bars to suggest the other rollouts that
      // are also running in parallel (GRPO usually samples 8–16 per prompt).
      const MINI_COLORS = ['#f59e0b', '#22c55e', '#14b8a6', '#6366f1', '#06b6d4', '#eab308'];
      const miniBarsHtml = Array.from({ length: N_MORE_ROLLOUTS })
        .map((_, i) => {
          const color = MINI_COLORS[i % MINI_COLORS.length];
          const delay = (i * 0.18).toFixed(2) + 's';
          return \`<span class="d3-llm-rl__more-mini" style="--mc:\${color}; --md:\${delay};"></span>\`;
        }).join('');
      const placeholderHtml = \`
        <div class="d3-llm-rl__rollout d3-llm-rl__rollout--placeholder" data-more>
          <div class="d3-llm-rl__more-stack">\${miniBarsHtml}</div>
          <div class="d3-llm-rl__more-caption">+ <strong>N</strong> more rollouts<br>sampled in parallel</div>
        </div>
      \`;
      const rolloutsHtml = realRolloutsHtml + placeholderHtml;

      container.innerHTML = \`
        <div class="d3-llm-rl__header">
          <div class="d3-llm-rl__title">LLM RL · multi-rollout</div>
          <button type="button" class="d3-llm-rl__btn primary" data-act="play">
            <svg viewBox="0 0 24 24" fill="currentColor"><polygon points="6,4 20,12 6,20"/></svg>
            <span data-label>Play</span>
          </button>
          <button type="button" class="d3-llm-rl__btn" data-act="reset">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
              <path d="M3 12a9 9 0 0 1 15.5-6.3L21 8"/><path d="M21 3v5h-5"/>
            </svg>
            <span>Reset</span>
          </button>
          <label class="d3-llm-rl__speed">
            Speed
            <input type="range" min="0.25" max="2" step="0.25" value="1" data-act="speed">
            <span class="d3-llm-rl__speed-val" data-speed-val>1.00×</span>
          </label>
        </div>

        <div class="d3-llm-rl__body">
          <div class="d3-llm-rl__zone d3-llm-rl__zone--agent" data-agent>
            <span class="d3-llm-rl__zone-label">Agent · LLM</span>
            <div class="d3-llm-rl__agent-section">
              <div class="d3-llm-rl__section-label">Model</div>
              <div class="d3-llm-rl__policy">
                <div class="d3-llm-rl__policy-line">samples N rollouts per task</div>
                <div class="d3-llm-rl__policy-line d3-llm-rl__policy-comment">// trainer updates from rewards</div>
              </div>
            </div>
            <div class="d3-llm-rl__agent-section">
              <div class="d3-llm-rl__section-label">Last tool call</div>
              <div data-stat="last-call"><span class="d3-llm-rl__action-tag">—</span></div>
            </div>
            <div class="d3-llm-rl__agent-section">
              <div class="d3-llm-rl__section-label">Stats</div>
              <div class="d3-llm-rl__counters">
                <span class="d3-llm-rl__counter"><span>rollouts shown</span><strong data-stat="rollouts">0/2</strong></span>
                <span class="d3-llm-rl__counter"><span>tool calls</span><strong data-stat="calls">0</strong></span>
                <span class="d3-llm-rl__counter"><span>group avg</span><strong data-stat="avg">—</strong></span>
                <span class="d3-llm-rl__counter"><span>group size</span><strong>\${ROLLOUTS.length + N_MORE_ROLLOUTS}</strong></span>
              </div>
            </div>
          </div>

          <div class="d3-llm-rl__bus">
            <div class="d3-llm-rl__bus-arrow is-action" data-bus-action>
              <span class="label">tool call</span>
              <svg viewBox="0 0 12 40">
                <defs>
                  <marker id="lrl-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
                    <path d="M0,0 L10,5 L0,10 Z" fill="currentColor"/>
                  </marker>
                </defs>
                <line x1="6" y1="2" x2="6" y2="36" stroke="currentColor" stroke-width="1.6" marker-end="url(#lrl-arrow)"/>
              </svg>
            </div>
            <div class="d3-llm-rl__bus-arrow is-state" data-bus-state>
              <svg viewBox="0 0 12 40">
                <line x1="6" y1="38" x2="6" y2="4" stroke="currentColor" stroke-width="1.6" marker-end="url(#lrl-arrow)"/>
              </svg>
              <span class="label">obs · reward</span>
            </div>
          </div>

          <div class="d3-llm-rl__zone d3-llm-rl__zone--env">
            <span class="d3-llm-rl__zone-label">Environment · sandboxed shell</span>
            <div class="d3-llm-rl__task">
              <span class="d3-llm-rl__task-label">Task</span>
              <span class="d3-llm-rl__task-text">\${TASK}</span>
            </div>
            <div class="d3-llm-rl__rollouts">\${rolloutsHtml}</div>
          </div>
        </div>

        <div class="d3-llm-rl__caption">
          Each rollout is a multi-turn trace: the model writes a thought, calls a tool, reads the
          output, decides what to do next, and submits an answer. The environment scores the
          completed trace and returns a reward, and the training loop collects a group of these
          traces per prompt to learn from. This is one shape of environment, multi-turn tool use;
          LLM-based RL environments vary widely (single-turn reasoning, agentic web tasks,
          code-repo agents, multi-agent setups), and the same traces can feed very different
          training methods. <em>GRPO</em> is an example of <em>online RL</em>, where the policy
          updates from the group right away, but the same traces can equally be stored and used
          later for <em>distillation</em>, <em>offline RL</em>, or imitation learning.
        </div>
      \`;

      // ─── Refs ───
      const playBtn = container.querySelector('[data-act="play"]');
      const playLabel = container.querySelector('[data-label]');
      const resetBtn = container.querySelector('[data-act="reset"]');
      const speedInput = container.querySelector('[data-act="speed"]');
      const speedVal = container.querySelector('[data-speed-val]');
      const agentBox = container.querySelector('[data-agent]');
      const busAction = container.querySelector('[data-bus-action]');
      const busState = container.querySelector('[data-bus-state]');
      const moreEl = container.querySelector('[data-more]');

      const stepEls = ROLLOUTS.map((_, i) =>
        Array.from(container.querySelectorAll(\`[data-ro="\${i}"] .d3-llm-rl__step\`))
      );
      const progressEls = ROLLOUTS.map((_, i) =>
        Array.from(container.querySelectorAll(\`[data-ro="\${i}"] [data-progress] span\`))
      );
      const rewardEls = ROLLOUTS.map((_, i) =>
        container.querySelector(\`[data-ro="\${i}"] [data-reward]\`)
      );
      const statEls = {
        lastCall: container.querySelector('[data-stat="last-call"]'),
        rollouts: container.querySelector('[data-stat="rollouts"]'),
        avg:      container.querySelector('[data-stat="avg"]'),
        calls:    container.querySelector('[data-stat="calls"]'),
        updates:  container.querySelector('[data-stat="updates"]')
      };

      // ─── State ───
      let speed = 1.0;
      let running = false;
      let timers = [];
      let toolCallCount = 0;
      let updates = 0;
      const baseStepIntervalMs = 900;

      const cssVar = (name) => {
        const v = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
        return v || '#888';
      };

      const flashBus = (busEl, ms = 240) => {
        const primary = cssVar('--primary-color') || '#6D4AFF';
        const muted = cssVar('--muted-color');
        busEl.style.color = primary;
        busEl.querySelector('line').setAttribute('stroke-width', '2.4');
        setTimeout(() => {
          busEl.style.color = muted;
          busEl.querySelector('line').setAttribute('stroke-width', '1.4');
        }, ms);
      };

      const flashStateBus = (color, ms = 240) => {
        const muted = cssVar('--muted-color');
        busState.style.color = color;
        busState.querySelector('line').setAttribute('stroke-width', '2.4');
        setTimeout(() => {
          busState.style.color = muted;
          busState.querySelector('line').setAttribute('stroke-width', '1.4');
        }, ms);
      };

      const setLastToolCall = (toolCall) => {
        statEls.lastCall.innerHTML = \`<span class="d3-llm-rl__action-tag" title="\${toolCall}">$ \${toolCall}</span>\`;
      };

      const updatePlayBtn = () => {
        playLabel.textContent = running ? 'Pause' : 'Play';
        playBtn.classList.toggle('primary', !running);
        const svgEl = playBtn.querySelector('svg');
        svgEl.innerHTML = running
          ? '<rect x="6" y="5" width="4" height="14" fill="currentColor"/><rect x="14" y="5" width="4" height="14" fill="currentColor"/>'
          : '<polygon points="6,4 20,12 6,20" fill="currentColor"/>';
      };

      const clearAll = () => {
        timers.forEach(t => clearTimeout(t));
        timers = [];
        stepEls.forEach(arr => arr.forEach(el => el.classList.remove('visible')));
        progressEls.forEach(arr => arr.forEach(el => el.classList.remove('done')));
        rewardEls.forEach(el => el.classList.remove('visible'));
        if (moreEl) moreEl.classList.remove('running');
        toolCallCount = 0;
        statEls.lastCall.innerHTML = '<span class="d3-llm-rl__action-tag">—</span>';
        statEls.rollouts.textContent = '0/' + ROLLOUTS.length;
        statEls.avg.textContent = '—';
        statEls.calls.textContent = '0';
      };

      const playAll = () => {
        clearAll();
        running = true;
        updatePlayBtn();
        if (moreEl) moreEl.classList.add('running');

        let rolloutsDone = 0;
        const rewardsCollected = [];
        const interval = baseStepIntervalMs / speed;

        ROLLOUTS.forEach((r, ri) => {
          r.steps.forEach((s, si) => {
            const t = setTimeout(() => {
              stepEls[ri][si].classList.add('visible');
              progressEls[ri][si].classList.add('done');

              if (s.type === 'tool') {
                toolCallCount += 1;
                statEls.calls.textContent = String(toolCallCount);
                setLastToolCall(s.toolCall);
                flashBus(busAction);
              } else if (s.type === 'response') {
                flashStateBus(cssVar('--muted-color'));
                // briefly tint with framework accent
                flashStateBus(r.accent);
              } else if (s.type === 'submit') {
                // submission causes the env to compute reward
              }
            }, (si + 1) * interval);
            timers.push(t);
          });

          // Reveal reward shortly after last step
          const tFinal = setTimeout(() => {
            rewardEls[ri].classList.add('visible');
            rolloutsDone += 1;
            rewardsCollected.push(r.reward);
            statEls.rollouts.textContent = \`\${rolloutsDone}/\${ROLLOUTS.length}\`;

            // bus flashes green/red for the reward signal returning
            flashStateBus(r.reward > 0 ? '#22c55e' : '#ef4444', 320);

            if (rolloutsDone === ROLLOUTS.length) {
              const avg = rewardsCollected.reduce((a, b) => a + b, 0) / rewardsCollected.length;
              statEls.avg.textContent = avg.toFixed(2);
              // The other parallel rollouts also "finish" with the group — stop their animation.
              if (moreEl) moreEl.classList.remove('running');
              setTimeout(() => {
                updates += 1;
                statEls.updates.textContent = String(updates);
                agentBox.classList.add('flash');
                setTimeout(() => agentBox.classList.remove('flash'), 800);
                running = false;
                updatePlayBtn();
              }, 500);
            }
          }, (r.steps.length + 1) * interval);
          timers.push(tFinal);
        });
      };

      const pauseAll = () => {
        timers.forEach(t => clearTimeout(t));
        timers = [];
        if (moreEl) moreEl.classList.remove('running');
        running = false;
        updatePlayBtn();
      };

      playBtn.addEventListener('click', () => {
        if (running) {
          pauseAll();
        } else {
          const allDone = stepEls.every(arr => arr.every(el => el.classList.contains('visible')));
          if (allDone) clearAll();
          playAll();
        }
      });
      resetBtn.addEventListener('click', () => {
        pauseAll();
        clearAll();
        updates = 0;
        statEls.updates.textContent = '0';
      });
      speedInput.addEventListener('input', () => {
        speed = parseFloat(speedInput.value);
        speedVal.textContent = speed.toFixed(2) + '×';
      });

      // Auto-play once when scrolled into view
      const io = new IntersectionObserver((entries) => {
        entries.forEach(en => {
          if (en.isIntersecting && !running) {
            const anyVisible = stepEls.some(arr => arr.some(el => el.classList.contains('visible')));
            if (!anyVisible) playAll();
            io.disconnect();
          }
        });
      }, { threshold: 0.4 });
      io.observe(container);
    };

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', bootstrap, { once: true });
    } else {
      bootstrap();
    }
  })();
<\/script>
`,q3={"classical-rl":K3,anatomy:X3,"llm-rl-coding":Q3};function Z3({name:e,height:t=560,width:n="100%"}){const{T:r,mode:i}=_(),o=q3[e]??"",l=A.useMemo(()=>`<!doctype html><html><head><meta charset="utf-8"/>
<style>
  :root{
    color-scheme: ${i};
    --border-color:${r.border};
    --muted-color:${r.textDim};
    --primary-color:${r.lavender};
    --surface-bg:transparent;
    --text-color:${r.text};
    --bg:transparent;
    --accent:${r.emerald};
  }
  html,body{margin:0;padding:0;background:transparent;color:${r.text};
    font-family:${E};font-size:15px;overflow:hidden;}
  *{box-sizing:border-box;}
</style></head><body>${o}</body></html>`,[o,i,r.border,r.textDim,r.lavender,r.text,r.emerald]);return s.jsx("iframe",{title:String(e),srcDoc:l,scrolling:"no",style:{width:typeof n=="number"?`${n}px`:n,height:t,border:"none",background:"transparent",display:"block"}},i)}function J3(){return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsx("div",{style:{position:"absolute",top:34,left:40,right:40,bottom:30},children:s.jsx(Z3,{name:"anatomy",height:656})})})}const eS=["tasks","state","tools","reward","episode control"];function tS(){const{T:e}=_(),t={hidden:{opacity:0,y:18},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.14,delayChildren:.15}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 120px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:22,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:36},children:"So — what is an RL environment?"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:52,fontWeight:800,color:e.white,lineHeight:1.25,maxWidth:1080},children:["A place a model ",s.jsx(L,{color:"emerald",children:"practises"}),", gets"," ",s.jsx(L,{color:"emerald",children:"graded"}),", and learns —"]}),s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:34,display:"flex",gap:14,flexWrap:"wrap",justifyContent:"center"},children:eS.map(n=>s.jsx("span",{style:{fontFamily:E,fontSize:26,color:e.text,padding:"12px 22px",border:`1.5px solid ${e.lavender}`,borderRadius:999},children:n},n))})]})})}function tl({label:e,children:t,i:n}){const{T:r}=_();return s.jsxs(k.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.3+n*.15},style:{border:`1.5px solid ${r.border}`,borderLeft:`3px solid ${r.emerald}`,borderRadius:14,padding:"22px 28px",display:"flex",flexDirection:"column",gap:10},children:[s.jsx("span",{style:{fontFamily:E,fontSize:17,letterSpacing:2,color:r.textDim,textTransform:"uppercase"},children:e}),s.jsx("div",{style:{fontSize:30,color:r.text,lineHeight:1.35},children:t})]})}function nS(){const{T:e}=_();return s.jsx(B,{kicker:"By example",title:s.jsx(s.Fragment,{children:"A coding environment"}),children:s.jsxs("div",{style:{position:"absolute",top:210,left:96,right:96,display:"flex",flexDirection:"column",gap:22},children:[s.jsxs(tl,{label:"Task",i:0,children:["Find the ",s.jsx("code",{style:{color:e.emerald},children:".py"})," file with the most lines."]}),s.jsxs(tl,{label:"Tool",i:1,children:["The model gets one tool: ",s.jsx("code",{style:{color:e.emerald},children:"bash"})," — run any shell command in a sandbox."]}),s.jsxs(tl,{label:"Reward",i:2,children:[s.jsx("span",{style:{color:e.emerald},children:"+1"})," if the final answer is correct, else"," ",s.jsx("span",{style:{color:e.textMuted},children:"0"}),"."]})]})})}const rS=[{k:"think",t:"List the Python files."},{k:"cmd",t:"ls *.py"},{k:"out",t:"data.py  model.py  train.py"},{k:"cmd",t:"wc -l *.py"},{k:"out",t:"40 data.py  85 model.py  120 train.py"},{k:"ans",t:"train.py"}],iS=[{k:"think",t:"I’ll guess from the names."},{k:"cmd",t:"ls"},{k:"out",t:"data.py  model.py  train.py  readme"},{k:"cmd",t:"head model.py"},{k:"out",t:"import torch ..."},{k:"ans",t:"model.py"}],Je={bg:"#0d1117",chrome:"#161b22",border:"#30363d",label:"#a9b4c2",think:"#aeb9c7",out:"#9aa5b3",cmd:"#e6e2a8"};function bp({n:e,lines:t,pass:n,delay:r}){const{T:i}=_(),o=n?i.emerald:"#ff5470";return s.jsxs(k.div,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{type:"spring",damping:24,delay:r},style:{background:Je.bg,border:`1px solid ${Je.border}`,borderRadius:14,overflow:"hidden",boxShadow:"0 14px 44px rgba(0,0,0,0.45)"},children:[s.jsx("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"11px 18px",background:Je.chrome,borderBottom:`1px solid ${Je.border}`,fontFamily:E,fontSize:17,color:Je.label},children:s.jsxs("span",{style:{display:"flex",alignItems:"center",gap:9},children:[s.jsx("span",{style:{width:10,height:10,borderRadius:"50%",background:"#ff5f56"}}),s.jsx("span",{style:{width:10,height:10,borderRadius:"50%",background:"#ffbd2e"}}),s.jsx("span",{style:{width:10,height:10,borderRadius:"50%",background:"#27c93f"}}),s.jsxs("span",{style:{marginLeft:8},children:["rollout ",e]})]})}),s.jsx("div",{style:{padding:"14px 20px 16px",fontFamily:E,fontSize:21,lineHeight:1.42},children:t.map((l,a)=>l.k==="think"?s.jsxs("div",{style:{color:Je.think,fontStyle:"italic",margin:"6px 0 6px"},children:["🤖 ",l.t]},a):l.k==="cmd"?s.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,borderLeft:`3px solid ${o}`,paddingLeft:11,margin:"6px 0 2px"},children:[s.jsx("span",{style:{fontSize:13,fontWeight:800,letterSpacing:1,color:o,border:`1px solid ${o}`,borderRadius:5,padding:"1px 6px"},children:"BASH"}),s.jsx("span",{style:{color:Je.cmd},children:l.t})]},a):l.k==="out"?s.jsx("div",{style:{color:Je.out,paddingLeft:14},children:l.t},a):s.jsxs("div",{style:{color:o,fontWeight:700,marginTop:12,fontSize:25},children:[n?"✓":"✗"," answer: ",l.t]},a))}),s.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"13px 20px",background:Je.chrome,borderTop:`1px solid ${Je.border}`,fontFamily:E},children:[s.jsx("span",{style:{fontSize:18,color:Je.label,letterSpacing:2},children:"REWARD"}),s.jsx("span",{style:{fontSize:30,fontWeight:800,color:o,letterSpacing:-.5},children:n?"+1":"0"})]})]})}function oS(){const{T:e}=_();return s.jsxs(B,{kicker:"Rollouts",title:s.jsx(s.Fragment,{children:"Same task, many attempts"}),children:[s.jsxs("div",{style:{position:"absolute",top:168,left:96,right:96,display:"grid",gridTemplateColumns:"1fr 1fr",gap:36},children:[s.jsx(bp,{n:1,lines:rS,pass:!0,delay:.3}),s.jsx(bp,{n:2,lines:iS,pass:!1,delay:.45})]}),s.jsxs(k.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{...bn,delay:.95},style:{position:"absolute",bottom:92,left:96,right:96,fontSize:30,color:e.textMuted,lineHeight:1.35},children:["The environment scores every attempt — GRPO nudges the model toward"," ",s.jsx(L,{color:"emerald",children:"the ones that pay"}),"."]})]})}const sS=[{c:"Tasks",v:"“fix this failing test”",d:"the problems it practises on"},{c:"Prompt",v:"task → chat message",d:"how the task is shown to the model"},{c:"Tools",v:"bash · run_code",d:"what the model can do"},{c:"Observation",v:"stdout / stderr",d:"what it sees back after acting"},{c:"State",v:"repo + files",d:"the world it changes across turns"},{c:"Execution",v:"sandbox container",d:"where the code actually runs"},{c:"Reward",v:"tests pass? 0 / 1",d:"how we score the attempt"},{c:"Done",v:"answer submitted",d:"when the episode ends"}];function lS({c:e,v:t,d:n,i:r}){const{T:i}=_();return s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.25+r*.06},style:{border:`1.5px solid ${i.border}`,borderLeft:`3px solid ${i.emerald}`,borderRadius:12,padding:"16px 24px",display:"flex",alignItems:"baseline",gap:18},children:[s.jsx("span",{style:{fontFamily:E,fontSize:24,fontWeight:700,color:i.emerald,width:190,flex:"0 0 auto"},children:e}),s.jsxs("span",{style:{display:"flex",flexDirection:"column",gap:3},children:[s.jsx("span",{style:{fontSize:24,color:i.white},children:t}),s.jsx("span",{style:{fontSize:17,color:i.textDim},children:n})]})]})}function aS(){return s.jsx(B,{kicker:"Components",title:s.jsx(s.Fragment,{children:"Each piece, in the example"}),children:s.jsx("div",{style:{position:"absolute",top:200,left:96,right:96,display:"grid",gridTemplateColumns:"1fr 1fr",gap:18},children:sS.map((e,t)=>s.jsx(lS,{...e,i:t},e.c))})})}function ut({label:e,sub:t,tone:n="plain",i:r}){const{T:i}=_();return s.jsxs(k.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{type:"spring",damping:24,delay:.25+r*.05},style:{width:300,background:i.bgRaised,border:`1.5px solid ${n==="key"?i.emerald:i.border}`,borderRadius:10,padding:"8px 16px",textAlign:"center"},children:[s.jsx("span",{style:{fontSize:23,fontWeight:600,color:n==="key"?i.emerald:i.text},children:e}),t&&s.jsx("span",{style:{fontFamily:E,fontSize:14,color:i.textDim,marginLeft:8},children:t})]})}function Lt(){const{T:e}=_();return s.jsx("span",{style:{color:e.lavender,fontSize:18,lineHeight:1},children:"↓"})}function cS(){const{T:e}=_();return s.jsx(B,{kicker:"Env types",title:s.jsx(s.Fragment,{children:"Not all environments are equal"}),children:s.jsxs("div",{style:{position:"absolute",top:150,left:130,right:130,display:"grid",gridTemplateColumns:"1fr 1fr",columnGap:150},children:[s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:7},children:[s.jsx("div",{style:{fontSize:25,fontWeight:700,color:e.white},children:"One-shot · RLVR"}),s.jsx("div",{style:{fontFamily:E,fontSize:15,color:e.textDim,marginBottom:6},children:"math · code · logic"}),s.jsx(ut,{label:"Prompt",i:0}),s.jsx(Lt,{}),s.jsx(ut,{label:"LLM",i:1}),s.jsx(Lt,{}),s.jsx(ut,{label:"Answer",i:2}),s.jsx(Lt,{}),s.jsx(ut,{label:"Verifier",sub:"binary reward",tone:"key",i:3}),s.jsx("div",{style:{fontFamily:E,fontSize:16,color:e.textMuted,marginTop:12,textAlign:"center"},children:"1 turn · stateless · reward every rollout"})]}),s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:7},children:[s.jsx("div",{style:{fontSize:25,fontWeight:700,color:e.white},children:"Multi-turn · Agent RL"}),s.jsx("div",{style:{fontFamily:E,fontSize:15,color:e.textDim,marginBottom:6},children:"SWE-bench · OSWorld · AppWorld"}),s.jsx(ut,{label:"Task",i:0}),s.jsx(Lt,{}),s.jsxs("div",{style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:7},children:[s.jsx(ut,{label:"LLM agent",i:1}),s.jsx(Lt,{}),s.jsx(ut,{label:"Action",i:2}),s.jsx(Lt,{}),s.jsx(ut,{label:"Environment",sub:"stateful",tone:"key",i:3}),s.jsx(Lt,{}),s.jsx(ut,{label:"Observation",i:4}),s.jsx(uS,{})]}),s.jsx(Lt,{}),s.jsx(ut,{label:"Reward",sub:"sparse · delayed",tone:"key",i:5}),s.jsx("div",{style:{fontFamily:E,fontSize:16,color:e.textMuted,marginTop:12,textAlign:"center"},children:"10–100+ turns · reward at the end"})]})]})})}function uS(){const{T:e}=_();return s.jsxs("div",{style:{position:"absolute",top:14,bottom:14,right:-52,width:34,border:`2px solid ${e.lavender}`,borderLeft:"none",borderTopRightRadius:10,borderBottomRightRadius:10},children:[s.jsx("div",{style:{position:"absolute",top:-6,left:-6,width:0,height:0,borderTop:"6px solid transparent",borderBottom:"6px solid transparent",borderRight:`9px solid ${e.lavender}`}}),s.jsx("span",{style:{position:"absolute",top:"50%",right:-34,transform:"translateY(-50%)",fontFamily:E,fontSize:18,fontWeight:700,color:e.emerald},children:"×T"})]})}const dS=""+new URL("blog-hero-A-OkyEfb.png",import.meta.url).href,pS="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAKAAQMAAAA2A1tgAAAABlBMVEX///8AAABVwtN+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACy0lEQVR4nO3aQY7bMAyFYQE6QI5sH9kHMKDpxDT1SDtFN27Lwc9NII30MSvTZKY1giB+RrxGjP3Y7mOsv/4WV/PIMrbv/SVd3gABAQEBnwTt0jte5+k30eTSh9UmlxdAQEBAwHqgH7vhY047+R0ztawAAQEBAUuDsnqHdRBeaLqcBAQEBAT8l2B86LeDGL/JAggICAhYF/RwPn5MIsYSNgEBAQEBq4Exdq8UsXX4sIoBCAgICPggeBvxTf8dkfB+4Q8DEBAQEPA/BLWmrHO1yyu+8/ZbwNzMhQYQEBAQsBKYf91toXUYx7HuH2MeaXc5AQEBAQEfBC36OCMTI52+JMvlARAQEBCwCGiX9g+VYk1Efv23kzIWAgQEBASsAurdm3n/kpKNa5bUTwACAgICPgLazjif4df2oMVm4LZYeDMACAgICFgMNGJJpy1Lrjf6wh8bhQYICAgIWAo0wovC2TrElV2K4ZIMggABAQEBHwMtdlnlV/zmOZ3QQZBsAgICAgKWA3NNufBtEtoobJLsOAkICAgIWAec4x2XtG5I7KHJmGHgsQkICAgI+Bg45K497V9SAvxunOBvkmw9LwACAgICVgLfsYwcu7v+Nx0EiTS/zwoICAgIWAq8+Tm4XRJ2z+Kjn7i6DoIAAQEBAR8BPeIgP1aCONaPs6I8WQIEBAQErANqaVmna8SQN33NeRCaBRAQEBCwJug1RXuGlnivNzPc3QABAQEBnwNv4ip1yWKEdw8dEBAQELAo6FVkyCXP1PPmcjk5W4NVvwUgICAgYAFwbzO0u5BjXarI6ywte8gJCAgICPhXwOXcuV35BKg5sabSYY3CBggICAhYHcwToh7uKp9dQEBAQMDi4JAPu7QegGxqvcn/wAMICAgI+BDYEq+PeU+WL9h7/5zuAwICAgJWA2NoTdlSlgsh/UI/cwICAgICVgEJgvgJ8QVdyI1bUS9/uQAAAABJRU5ErkJggg==";function fS(){const{T:e}=_();return s.jsx(B,{kicker:"Go deeper",title:s.jsx(s.Fragment,{children:"The ultimate guide to RL environments"}),children:s.jsxs("div",{style:{position:"absolute",top:210,left:96,right:96,bottom:60,display:"grid",gridTemplateColumns:"1fr 300px",gap:48,alignItems:"center"},children:[s.jsx(k.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.3},style:{border:`1.5px solid ${e.border}`,borderRadius:14,overflow:"hidden",boxShadow:"0 16px 50px rgba(0,0,0,0.45)"},children:s.jsx("img",{src:dS,alt:"The ultimate guide to RL environments",style:{width:"100%",display:"block"}})}),s.jsxs(k.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{type:"spring",damping:18,delay:.45},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:16},children:[s.jsx("div",{style:{background:"#fff",borderRadius:18,padding:16},children:s.jsx("img",{src:pS,alt:"Scan for the guide",style:{width:260,height:260,display:"block",imageRendering:"pixelated"}})}),s.jsx("div",{style:{fontFamily:E,fontSize:22,color:e.emerald,letterSpacing:1},children:"scan to read →"})]})]})})}function hS(){const{T:e}=_(),t={hidden:{opacity:0,y:18},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.2,delayChildren:.15}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:20,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:32},children:"So many moving parts"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:66,fontWeight:800,color:e.white,lineHeight:1.12},children:["Why we need ",s.jsx(L,{color:"emerald",children:"OpenEnv"})]}),s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:30,fontSize:28,color:e.textMuted,maxWidth:900,lineHeight:1.4},children:"One shape, so any environment plugs into any trainer."})]})})}function mS(){const{T:e}=_();return s.jsxs(B,{index:17,kicker:"OpenEnv",title:s.jsx(s.Fragment,{children:"One shape for every env"}),children:[s.jsxs(k.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.2,type:"spring",damping:22},style:{position:"absolute",top:244,left:96,right:96,display:"flex",alignItems:"center",gap:18,fontFamily:E,fontSize:22,color:e.textDim},children:[s.jsx(t3,{size:34}),s.jsx(T0,{size:30,color:e.text}),s.jsx("span",{children:"started at Meta · PyTorch"}),s.jsx("span",{style:{color:e.lavender,fontSize:26},children:"→"}),s.jsx(mr,{size:30}),s.jsx("span",{style:{color:e.white},children:"now maintained by Hugging Face"})]}),s.jsx("div",{style:{position:"absolute",top:330,left:96,right:96},children:s.jsxs(ze,{gap:.1,delay:.4,style:{display:"flex",flexDirection:"column",gap:20},children:[s.jsx(N,{children:s.jsxs(vt,{children:[s.jsx(L,{color:"emerald",children:"Gym-style API"})," — ",s.jsx("code",{children:"reset()"})," /"," ",s.jsx("code",{children:"step()"}),", just like OpenAI Gym"]})}),s.jsx(N,{children:s.jsxs(vt,{children:[s.jsx(L,{color:"emerald",children:"First-class MCP"})," — any agent can talk to any env"]})}),s.jsx(N,{children:s.jsxs(vt,{children:[s.jsx(L,{color:"emerald",children:"Built-in Rubric"})," — rewards live inside the env"]})}),s.jsx(N,{children:s.jsxs(vt,{children:[s.jsx(L,{color:"emerald",children:"Task API"})," — serve your tasks / dataset"]})}),s.jsx(N,{children:s.jsxs(vt,{marker:"★",children:[s.jsx("b",{style:{color:e.white},children:"1000+ environments"})," already on the Hub"]})})]})})]})}const gS=`from fastmcp import FastMCP
from openenv.core.env_server.mcp_environment import MCPEnvironment

class CodingEnv(MCPEnvironment):
    def __init__(self):
        mcp = FastMCP("coding_env")

        ⟪@mcp.tool⟫
        def bash(command: str) -> str:
            "Run a shell command in the sandbox."
            result = self._sandbox.run_shell(command)
            self._state.step_count += 1
            return result.stdout + result.stderr

        super().__init__(mcp)   # actions route to @mcp.tool fns`;function yS(){const{T:e}=_();return s.jsxs(B,{index:18,kicker:"Build · OpenEnv",title:s.jsx(s.Fragment,{children:"A bash tool"}),children:[s.jsxs("div",{style:{position:"absolute",top:158,left:96,right:96,fontSize:24,color:e.textMuted},children:["The action space is ",s.jsx(L,{color:"emerald",children:"just functions"})," — decorate them with"," ",s.jsx("code",{children:"@mcp.tool"}),"."]}),s.jsx("div",{style:{position:"absolute",top:208,left:96,right:96},children:s.jsx(Rt,{filename:"coding_environment.py",code:gS,fontSize:17})})]})}const xS=`def reset(self, seed=None, episode_id=None, ⟪**kwargs⟫) -> Observation:
    self._sandbox = Sandbox()
    self._task = kwargs["task"]          # one task per rollout
    for f in self._task["files"]:        # e.g. a repo with a failing test
        self._sandbox.upload(f["path"], f["content"])
    self._state = State(episode_id=episode_id or uuid4().hex)
    return Observation(
        done=False,
        metadata={"prompt": self._task["prompt"]},
    )`;function vS(){const{T:e}=_();return s.jsxs(B,{index:19,kicker:"Build · OpenEnv",title:s.jsx(s.Fragment,{children:"Serving tasks"}),children:[s.jsxs("div",{style:{position:"absolute",top:158,left:96,right:96,fontSize:24,color:e.textMuted},children:["Each episode starts from a ",s.jsx(L,{color:"emerald",children:"task"})," — handed in on"," ",s.jsx("code",{children:"reset()"}),", loaded into the sandbox."]}),s.jsx("div",{style:{position:"absolute",top:208,left:96,right:96},children:s.jsx(Rt,{filename:"coding_environment.py",code:xS,fontSize:17})})]})}const wS=`from openenv.core.rubrics.base import Rubric

class TestsPassRubric(Rubric):
    def forward(self, action, observation) -> float:
        # reward = 1.0 when the hidden tests pass, else 0.0
        passed = observation.metadata.get("tests_passed")
        return ⟪1.0 if passed else 0.0⟫

rubric = TestsPassRubric()
reward = rubric(action, observation)   # runs forward() + hooks`;function SS(){const{T:e}=_();return s.jsxs(B,{index:20,kicker:"Build · OpenEnv",title:s.jsx(s.Fragment,{children:"The reward"}),children:[s.jsxs("div",{style:{position:"absolute",top:158,left:96,right:96,fontSize:24,color:e.textMuted},children:["A ",s.jsx("code",{children:"Rubric"})," scores the outcome — here, reward is"," ",s.jsx(L,{color:"emerald",children:"did the tests pass?"})]}),s.jsx("div",{style:{position:"absolute",top:208,left:96,right:96},children:s.jsx(Rt,{filename:"rubric.py",code:wS,fontSize:17})})]})}const kS=`from openenv.core.env_server.http_server import create_app
from openenv.core.env_server.mcp_types import (
    CallToolAction, CallToolObservation,
)
from .coding_environment import CodingEnv

app = create_app(
    CodingEnv, CallToolAction, CallToolObservation,
    env_name="coding_env",
    ⟪max_concurrent_envs=8,⟫      # parallel rollouts
)
# uvicorn server.app:app --port 8000`;function jS(){const{T:e}=_();return s.jsxs(B,{index:21,kicker:"Build · OpenEnv",title:s.jsx(s.Fragment,{children:"Serve the env"}),children:[s.jsxs("div",{style:{position:"absolute",top:158,left:96,right:96,fontSize:24,color:e.textMuted},children:[s.jsx("code",{children:"create_app"})," turns the class into an ",s.jsx(L,{color:"emerald",children:"HTTP + MCP server"})," —"," ",s.jsx("code",{children:"/reset"}),", ",s.jsx("code",{children:"/step"}),", ",s.jsx("code",{children:"/state"}),"."]}),s.jsx("div",{style:{position:"absolute",top:208,left:96,right:96},children:s.jsx(Rt,{filename:"server/app.py",code:kS,fontSize:17})})]})}const bS=`$ openenv init coding_env       # scaffold from template
$ openenv build .               # docker image
$ openenv validate .            # structure + /health check
$ openenv push --repo-id coding-env --hardware cpu-basic`;function TS(){const{T:e}=_();return s.jsxs(B,{index:22,kicker:"Build · OpenEnv",title:s.jsx(s.Fragment,{children:"Ship it"}),children:[s.jsxs("div",{style:{position:"absolute",top:165,left:96,right:96,fontSize:24,color:e.textMuted},children:["One CLI to ",s.jsx(L,{color:"emerald",children:"build → validate → push"})," — and it’s a live env on the Hub."]}),s.jsx("div",{style:{position:"absolute",top:240,left:96,right:96},children:s.jsx(Rt,{filename:"terminal",lang:"bash",code:bS,fontSize:22})})]})}function CS(){const{T:e}=_(),t={hidden:{opacity:0,y:18},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.22,delayChildren:.15}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:62,fontWeight:800,color:e.white,lineHeight:1.15},children:"You have an environment."}),s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:62,fontWeight:800,color:e.white,lineHeight:1.15,marginTop:6},children:"Now what?"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:42,fontFamily:E,fontSize:30,color:e.textMuted,letterSpacing:1},children:["→ ",s.jsx(L,{color:"emerald",children:"train a model with it"})]})]})})}function AS(){const{T:e}=_();return s.jsxs(B,{index:23,kicker:"TRL",title:s.jsx(s.Fragment,{children:"Train with it — directly"}),children:[s.jsxs("div",{style:{position:"absolute",top:236,left:96,display:"flex",alignItems:"center",gap:14,fontFamily:E,fontSize:22,color:e.textMuted},children:[s.jsx(mr,{size:30}),s.jsxs("span",{children:[s.jsx("b",{style:{color:e.emerald},children:"TRL"})," — the RL post-training library, maintained by Hugging Face"]})]}),s.jsx("div",{style:{position:"absolute",top:320,left:96,right:96},children:s.jsxs(ze,{gap:.12,delay:.35,style:{display:"flex",flexDirection:"column",gap:24},children:[s.jsx(N,{children:s.jsxs(vt,{children:["Trains against an environment ",s.jsx(L,{color:"emerald",children:"directly"})," — pass the env, get GRPO"]})}),s.jsx(N,{children:s.jsxs(vt,{children:[s.jsx(L,{color:"emerald",children:"OpenEnv"})," — first-class support"]})}),s.jsx(N,{children:s.jsxs(vt,{children:["Also supports ",s.jsx("b",{style:{color:e.white},children:"OpenReward"})," &"," ",s.jsx("b",{style:{color:e.white},children:"Harbor"})," environments"," ",s.jsx("span",{style:{color:e.textDim},children:"(experimental)"})]})}),s.jsx(N,{children:s.jsxs(vt,{marker:"★",children:["A few lines of config → training on ",s.jsx(L,{color:"emerald",children:"any environment"})]})})]})})]})}const ES=`from trl import GRPOConfig, GRPOTrainer
from coding_env import CodingEnv        # your OpenEnv env

def env_reward(completions, environments, **kw):
    return [e.reward for e in environments]

trainer = GRPOTrainer(
    model="Qwen/Qwen3-4B",
    train_dataset=tasks,
    reward_funcs=env_reward,
    ⟪environment_factory=CodingEnv,⟫      # the hookup
    args=GRPOConfig(num_generations=8),
)
trainer.train()`;function PS(){const{T:e}=_();return s.jsxs(B,{index:24,kicker:"TRL",title:s.jsx(s.Fragment,{children:"A few lines to train"}),children:[s.jsxs("div",{style:{position:"absolute",top:158,left:96,right:96,fontSize:22,color:e.textMuted},children:["Point ",s.jsx("code",{children:"GRPOTrainer"})," at your env with"," ",s.jsx(L,{color:"emerald",children:"environment_factory"})," — that’s the whole hookup."]}),s.jsx("div",{style:{position:"absolute",top:208,left:96,right:96},children:s.jsx(Rt,{filename:"train.py",code:ES,fontSize:17})}),s.jsxs("div",{style:{position:"absolute",bottom:46,left:96,fontFamily:E,fontSize:17,color:e.textDim},children:["the recipe → OpenEnv env + TRL + ",s.jsx("span",{style:{color:e.emerald},children:"GRPO"})]})]})}function _S(){const{T:e,glow:t}=_(),n={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.26,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsx(k.div,{variants:n,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:22,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:34},children:"The catch"}),s.jsxs(k.div,{variants:n,transition:{type:"spring",damping:20},style:{fontSize:56,fontWeight:800,color:e.white,lineHeight:1.16,maxWidth:1060},children:["Scaling training is ",s.jsx("span",{style:{color:e.textMuted},children:"easy"}),"."]}),s.jsx(k.div,{variants:n,transition:{type:"spring",damping:20},style:{marginTop:16,fontFamily:E,fontSize:28,color:e.textDim,letterSpacing:.5},children:"you just add GPUs."}),s.jsxs(k.div,{variants:n,transition:{type:"spring",damping:20},style:{marginTop:52,fontSize:62,fontWeight:800,color:e.white,lineHeight:1.14,maxWidth:1100},children:["Scaling ",s.jsx(L,{color:"emerald",glow:!0,children:"RL environments"})," is"," ",s.jsx("span",{style:{color:e.emerald,textShadow:t.emeraldText},children:"hard"}),"."]})]})})}const RS=[{label:"Tasks",claim:"Mirror the real world",detail:"Not toy prompts."},{label:"Reward",claim:"Can’t be gamed",detail:"A grader that survives contact."},{label:"Sandbox",claim:"Reset, run in parallel",detail:"Isolated, thousands at once."}],Tr=26,nl=4;function MS(){const{T:e}=_();return s.jsx("svg",{width:"100%",height:"96",viewBox:`0 0 ${Tr*22} ${nl*24}`,preserveAspectRatio:"none",children:Array.from({length:Tr*nl}).map((t,n)=>{const r=n%Tr,i=Math.floor(n/Tr);return s.jsx(k.rect,{x:r*22,y:i*24,width:16,height:17,rx:3,fill:"none",stroke:e.emerald,strokeWidth:1,initial:{opacity:0},animate:{opacity:.34},transition:{delay:.7+n/(Tr*nl)*1.1,duration:.35}},n)})})}function LS(){const{T:e,glow:t}=_();return s.jsxs(B,{kicker:"Generation",title:s.jsx(s.Fragment,{children:"Scaling environments is hard"}),children:[s.jsx(ze,{gap:.13,delay:.25,style:{position:"absolute",top:190,left:96,right:96,display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:20},children:RS.map(n=>s.jsx(N,{children:s.jsxs("div",{style:{height:"100%",padding:"22px 24px",background:e.bgRaised,border:`1.5px solid ${e.border}`,borderRadius:16},children:[s.jsx("div",{style:{fontFamily:E,fontSize:16,fontWeight:700,letterSpacing:3,color:e.lavender,textTransform:"uppercase",marginBottom:12},children:n.label}),s.jsx("div",{style:{fontSize:31,fontWeight:700,color:e.white,letterSpacing:-.5,lineHeight:1.15,marginBottom:8},children:n.claim}),s.jsx("div",{style:{fontSize:21,color:e.textDim,lineHeight:1.3},children:n.detail})]})},n.label))}),s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{...bn,delay:.62},style:{position:"absolute",top:412,left:96,right:96,display:"flex",alignItems:"center",gap:34},children:[s.jsx("span",{style:{fontSize:74,fontWeight:800,color:e.emerald,textShadow:t.emeraldText,letterSpacing:-2,whiteSpace:"nowrap"},children:"× 1,000s"}),s.jsx("div",{style:{flex:1,marginTop:6},children:s.jsx(MS,{})})]}),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{...bn,delay:1.5},style:{position:"absolute",top:546,left:96,right:96,fontFamily:E,fontSize:24,color:e.textDim,letterSpacing:.5},children:["hand-built, one at a time → ",s.jsx("span",{style:{color:e.white},children:"doesn’t scale"})]})]})}const zS=[{icon:"✓",title:"Easy to verify",body:"tests pass or they don’t"},{icon:"⟳",title:"Deterministic",body:"same input, same result"},{icon:"$",title:"High value",body:"we pay a lot for coding"}];function DS({icon:e,title:t,body:n,i:r}){const{T:i}=_();return s.jsxs(k.div,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.3+r*.14},style:{border:`1.5px solid ${i.border}`,borderTop:`3px solid ${i.emerald}`,borderRadius:16,padding:"30px 28px",display:"flex",flexDirection:"column",gap:14},children:[s.jsx("span",{style:{width:60,height:60,borderRadius:14,display:"grid",placeItems:"center",fontSize:30,color:i.emerald,border:`1.5px solid ${i.emerald}`},children:e}),s.jsx("span",{style:{fontSize:30,fontWeight:700,color:i.white},children:t}),s.jsx("span",{style:{fontFamily:E,fontSize:20,color:i.textDim,lineHeight:1.4},children:n})]})}function IS(){const{T:e}=_();return s.jsxs(B,{kicker:"Why code",title:s.jsx(s.Fragment,{children:"Start with coding"}),children:[s.jsx("div",{style:{position:"absolute",top:250,left:96,right:96,display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:28},children:zS.map((t,n)=>s.jsx(DS,{...t,i:n},t.title))}),s.jsx("div",{style:{position:"absolute",bottom:100,left:96,right:96,fontSize:24,color:e.textMuted},children:"…and there’s a near-endless supply of real code — repos, issues, PRs."})]})}function FS(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.26,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:22,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:34},children:"The insight"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:62,fontWeight:800,color:e.white,lineHeight:1.15,maxWidth:1080},children:["Public GitHub repos are a ",s.jsx(L,{color:"emerald",children:"goldmine"}),"."]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:30,fontSize:32,color:e.textMuted,lineHeight:1.4,maxWidth:980},children:["Real tasks, real code — and tests that ",s.jsx("b",{style:{color:e.white},children:"grade themselves"}),"."]})]})})}function OS(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.3,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:30,color:e.textDim,marginBottom:30,letterSpacing:2},children:"hmm 🤔"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:56,fontWeight:800,color:e.white,lineHeight:1.22,maxWidth:1120},children:["That’s a lot of repos. Could we turn them into"," ",s.jsx(L,{color:"emerald",children:"thousands of environments"})," — automatically,"," ",s.jsx(L,{color:"emerald",children:"at scale"}),"?"]})]})})}const cr=e=>Math.max(0,Math.min(1,e)),rl=(e,t,n)=>cr((e-t)/(n-t)),il=300;function BS(){const{T:e,glow:t}=_(),[n,r]=A.useState(0);A.useEffect(()=>{let u=0;const d=performance.now(),p=f=>{r((f-d)/1e3),u=requestAnimationFrame(p)};return u=requestAnimationFrame(p),()=>cancelAnimationFrame(u)},[]);const i=n*30,o=rl(n,1.1,2.4),l=rl(n,2,2.7),a=rl(n,2.4,3.8),c={type:"spring",stiffness:90,damping:18};return s.jsxs("div",{style:{position:"absolute",inset:0,background:e.bg,overflow:"hidden"},children:[s.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:`linear-gradient(${e.border} 1px, transparent 1px), linear-gradient(90deg, ${e.border} 1px, transparent 1px)`,backgroundSize:"40px 40px",opacity:.35,maskImage:"radial-gradient(ellipse at center, #000 25%, transparent 78%)",WebkitMaskImage:"radial-gradient(ellipse at center, #000 25%, transparent 78%)",pointerEvents:"none"}}),s.jsx("div",{style:{position:"absolute",inset:0,background:`radial-gradient(60% 45% at 50% 58%, ${e.lavender}14, transparent 70%)`,pointerEvents:"none"}}),s.jsx(k.div,{initial:{opacity:0,y:-8},animate:{opacity:1,y:0},transition:{...c,delay:0},style:{position:"absolute",top:84,left:0,right:0,textAlign:"center",fontFamily:E,fontSize:22,fontWeight:700,color:e.lavender,letterSpacing:10,textTransform:"uppercase"},children:"Introducing"}),s.jsxs(k.div,{initial:{opacity:0,scale:.92},animate:{opacity:1,scale:1},transition:{...c,delay:.18},style:{position:"absolute",top:122,left:0,right:0,textAlign:"center",fontFamily:E,fontSize:64,fontWeight:800,color:e.white,letterSpacing:-2},children:["repo2",s.jsx("span",{style:{color:e.emerald,textShadow:t.emeraldText},children:"rlenv"})]}),s.jsxs(k.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{...c,delay:.5},style:{position:"absolute",top:214,left:0,right:0,textAlign:"center",fontFamily:E,fontSize:20,fontWeight:500,color:e.textMuted,letterSpacing:.2},children:["Convert"," ",s.jsx("span",{style:{color:e.lavender,fontWeight:700},children:"any repository"})," into a verifiable"," ",s.jsx("span",{style:{color:e.emerald,fontWeight:700},children:"RL environment"})]}),s.jsx("div",{style:{position:"absolute",left:210,top:il},children:s.jsx(VS,{progress:o,frame:i,width:240})}),s.jsxs("svg",{width:"220",height:"120",viewBox:"0 0 220 120",style:{position:"absolute",left:490,top:il+80},children:[s.jsx("defs",{children:s.jsx("marker",{id:"introArrow",markerWidth:"9",markerHeight:"9",refX:"5",refY:"4.5",orient:"auto",children:s.jsx("path",{d:"M0 0 L9 4.5 L0 9 z",fill:e.text})})}),s.jsx(mi,{d:"M10 60 L190 60",progress:l,stroke:e.text,strokeWidth:2.5,markerEnd:"url(#introArrow)"}),s.jsx("text",{x:100,y:44,textAnchor:"middle",fill:e.textMuted,fontSize:12,fontWeight:700,fontFamily:E,opacity:l,letterSpacing:1,children:"synthesize"}),l>.95?s.jsx("circle",{cx:10+i%40/40*180,cy:60,r:4,fill:e.emerald,opacity:.9}):null]}),s.jsx("div",{style:{position:"absolute",left:730,top:il-30},children:s.jsx(NS,{progress:a,frame:i,width:300,reward:1})})]})}function mi({d:e,progress:t,stroke:n,strokeWidth:r=2,markerEnd:i}){const o=cr(t);return s.jsx("path",{d:e,fill:"none",stroke:n,strokeWidth:r,strokeLinecap:"round",strokeLinejoin:"round",pathLength:1,strokeDasharray:1,strokeDashoffset:1-o,markerEnd:o>.9?i:void 0})}function VS({progress:e,frame:t,width:n=240}){const{T:r}=_(),i=n/240*280,o=Math.min(1,e/.12),l=[{x:60,y:92,branch:0},{x:60,y:130,branch:0},{x:120,y:150,branch:1},{x:60,y:168,branch:0},{x:120,y:188,branch:1},{x:60,y:206,branch:0},{x:60,y:244,branch:0}];return s.jsx("svg",{width:n,height:i,viewBox:"0 0 240 280",children:s.jsxs("g",{opacity:o,children:[s.jsx("rect",{x:1,y:1,width:238,height:278,rx:14,fill:r.bgRaised,stroke:r.border,strokeWidth:1.5}),s.jsx("rect",{x:1,y:1,width:238,height:40,rx:14,fill:`${r.lavender}12`}),s.jsx("rect",{x:1,y:28,width:238,height:13,fill:`${r.lavender}12`}),s.jsx("line",{x1:1,y1:41,x2:239,y2:41,stroke:r.border,strokeWidth:1}),s.jsx("g",{transform:"translate(16 12)",children:s.jsx(j0,{size:17,color:r.text})}),s.jsxs("text",{x:42,y:26,fontSize:13,fontFamily:E,children:[s.jsx("tspan",{fill:r.textMuted,children:"username"}),s.jsx("tspan",{fill:r.textDim,children:" / "}),s.jsx("tspan",{fill:r.lavender,fontWeight:700,children:"repo"})]}),s.jsx(mi,{d:"M60 92 L60 244",progress:e,stroke:r.lavender,strokeWidth:2.5}),s.jsx(mi,{d:"M60 130 C 100 130, 120 134, 120 150 L120 188 C120 204, 100 206, 60 206",progress:Math.max(0,(e-.2)/.8),stroke:r.emerald,strokeWidth:2.5}),l.map((a,c)=>{const u=cr((e-c*.1)/.2);return s.jsx("circle",{cx:a.x,cy:a.y,r:5.5*u,fill:r.bg,stroke:a.branch===1?r.emerald:r.lavender,strokeWidth:2.5},c)}),[0,1,2,3,4].map(a=>{const c=cr((e-.4-a*.08)/.2),u=[70,52,64,44,58][a],d=a%2===0;return s.jsx("rect",{x:150,y:96+a*22,width:u,height:6,rx:3,fill:d?r.emerald:r.textDim,opacity:(d?.6:.7)*c},a)}),s.jsx("circle",{cx:60,cy:92,r:5.5,fill:"none",stroke:r.lavender,strokeWidth:2,opacity:e>.9?.4+.4*Math.sin(t*.12):0})]})})}function NS({progress:e,frame:t,width:n=300,reward:r=1}){const{T:i}=_(),o=h=>1-Math.pow(1-cr(h),3),l=o(e/.5),a=o((e-.12)/.5),c=cr((e-.42)/.5),u=e>.92,d=t%90/90,p=d<.5,f=p?d/.5:(d-.5)/.5;let y,x,v;p?(y=210,x=192-f*82,v=i.emerald):(y=90,x=108+f*84,v=i.lavender);const S=5,m=u?Math.floor(t%66/11):0;return s.jsxs("svg",{width:n,height:n,viewBox:"0 0 300 300",children:[s.jsxs("defs",{children:[s.jsx("marker",{id:"arrowL",markerWidth:"8",markerHeight:"8",refX:"4",refY:"4",orient:"auto",children:s.jsx("path",{d:"M0 0 L8 4 L0 8 z",fill:i.lavender})}),s.jsx("marker",{id:"arrowR",markerWidth:"8",markerHeight:"8",refX:"4",refY:"4",orient:"auto",children:s.jsx("path",{d:"M0 0 L8 4 L0 8 z",fill:i.emerald})})]}),s.jsxs("g",{opacity:l,transform:`translate(150 69) scale(${.9+.1*l}) translate(-150 -69)`,children:[s.jsx("rect",{x:70,y:32,width:160,height:74,rx:14,fill:i.bgRaised,stroke:i.lavender,strokeWidth:2}),s.jsx("text",{x:150,y:60,textAnchor:"middle",fill:i.text,fontSize:17,fontWeight:700,fontFamily:E,children:"Agent"}),s.jsx("text",{x:150,y:78,textAnchor:"middle",fill:i.textMuted,fontSize:11,fontFamily:E,children:"coding model"}),u?[0,1,2].map(h=>{const g=.25+.6*(.5+.5*Math.sin(t*.14+h*.9));return s.jsx("circle",{cx:138+h*12,cy:94,r:2.6,fill:i.lavender,opacity:g},h)}):null]}),s.jsxs("g",{opacity:a,transform:`translate(150 231) scale(${.9+.1*a}) translate(-150 -231)`,children:[s.jsx("rect",{x:70,y:194,width:160,height:74,rx:14,fill:i.bgRaised,stroke:i.emerald,strokeWidth:2}),s.jsx("text",{x:150,y:222,textAnchor:"middle",fill:i.text,fontSize:17,fontWeight:700,fontFamily:E,children:"Environment"}),s.jsx("text",{x:150,y:240,textAnchor:"middle",fill:i.textMuted,fontSize:11,fontFamily:E,children:"repo + tests"}),u?Array.from({length:S}).map((h,g)=>{const w=g<m;return s.jsx("rect",{x:124+g*12,y:252,width:8,height:8,rx:2,fill:w?i.emerald:"none",stroke:i.emerald,strokeWidth:1.2,opacity:w?1:.4},g)}):null]}),s.jsx(mi,{d:"M90 106 L90 186",progress:c,stroke:i.lavender,strokeWidth:2,markerEnd:"url(#arrowL)"}),s.jsx(mi,{d:"M210 194 L210 114",progress:c,stroke:i.emerald,strokeWidth:2,markerEnd:"url(#arrowR)"}),s.jsx("text",{x:62,y:150,textAnchor:"middle",fill:i.lavender,fontSize:12,fontWeight:700,fontFamily:E,opacity:c,transform:"rotate(-90 62 150)",children:"action"}),s.jsx("text",{x:238,y:150,textAnchor:"middle",fill:i.emerald,fontSize:12,fontWeight:700,fontFamily:E,opacity:c,transform:"rotate(90 238 150)",children:"reward"}),u?s.jsx("circle",{cx:y,cy:x,r:5,fill:v}):null,s.jsxs("g",{opacity:u?1:0,children:[s.jsx("rect",{x:104,y:137,width:92,height:27,rx:13.5,fill:`${i.emerald}22`,stroke:i.emerald,strokeWidth:1}),s.jsxs("text",{x:150,y:155,textAnchor:"middle",fill:i.emerald,fontSize:13,fontWeight:700,fontFamily:E,children:["r = ",r.toFixed(3)]})]})]})}function $S(){return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsx(BS,{})})}function WS({owner:e,name:t,description:n,stars:r,forks:i,issues:o=0,contributors:l=1,width:a=560,compact:c=!1,starPulse:u=!1}){const{mode:d}=_(),p=d==="dark",f=p?"#ffffff":"#0d1117",y=p?"#1f2328":"#e6edf3",x=p?"#59636e":"#8b949e",v=p?"#d1d9e0":"#30363d",S=c?{pad:"20px 22px",owner:20,name:34,desc:17,statN:20,statI:15,label:12,gh:30,gap:30,mt1:12,mt2:18}:{pad:"30px 32px",owner:30,name:52,desc:24,statN:26,statI:20,label:15,gh:44,gap:44,mt1:18,mt2:26},m=({icon:h,n:g,label:w,hot:j})=>s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[s.jsxs("span",{style:{display:"flex",alignItems:"center",gap:6,fontSize:S.statN,fontWeight:700,color:j?"#e3a008":y},children:[s.jsx("span",{style:{fontSize:S.statI,color:j?"#e3a008":x},children:h}),g]}),s.jsx("span",{style:{fontFamily:E,fontSize:S.label,color:x},children:w})]});return s.jsxs("div",{style:{width:a,background:f,border:`1px solid ${v}`,borderRadius:16,padding:S.pad,boxShadow:"0 16px 50px rgba(0,0,0,0.4)"},children:[s.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[s.jsxs("div",{children:[s.jsxs("div",{style:{fontSize:S.owner,color:x,fontWeight:500,lineHeight:1.1},children:[e,"/"]}),s.jsx("div",{style:{fontSize:S.name,fontWeight:800,color:y,letterSpacing:-1,lineHeight:1.05},children:t})]}),s.jsx(j0,{size:S.gh,color:y})]}),s.jsx("div",{style:{fontSize:S.desc,color:x,marginTop:S.mt1,lineHeight:1.35},children:n}),s.jsxs("div",{style:{display:"flex",gap:S.gap,marginTop:S.mt2},children:[s.jsx(m,{icon:"👥",n:l,label:"Contributors"}),s.jsx(m,{icon:"⊙",n:o,label:"Issues"}),s.jsx(m,{icon:"★",n:r,label:"Stars",hot:u}),s.jsx(m,{icon:"⑂",n:i,label:"Forks"})]})]})}const HS="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAKAAQMAAAA2A1tgAAAABlBMVEX///8AAABVwtN+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC80lEQVR4nO3cQXKjQAyF4aa8YOkjcBSOho/GUTiClyxcMOVGQlKDazKZnoyT+t8GG+iP7FQS7aRECPkZua6H5POdHHNauTKn1MvHMTXHlXdAQEBAQMC64C25ZKgVOEBL/j6mbVEG737lBRAQEBAQ8B+AF1n4sGrXyakxlWnk/AYOct8NEBAQEBDwS0BX9TKo1S88ABAQEBAQ8H+AW2xeOMuZAAMCAgICAn5L0KWT8jkJGCAdTH5mwgkICAgICPgJsEwA+73na45gGUBAQEBAwJrg79LvrVpjVfDqB5N/GEBAQEBAwI+Coept80NLqHrJjnnRIn2dzhEfgICAgICAbw5qOntbpgPIeEPR21mvt8j1S+z1AAEBAQEBK4Iae4DCrSzUqucy7GARQEBAQEDACuDgW7KpeEAGFEzy1izk2JoBAgICAgLWAjVCxKo32nl5QFNs4dhatNuBAwQEBAQEfDdQ35pNZw+Y/U/DGvseUgwkAQEBAQEBa4H6ebVqZxsXFXYZU7KtHcn/ftkHEBAQEBCwAng9tmm6Nn/p7WjVL0ThByAgICAgYHUwZ3p+udhtk+i9X9ja/DC/PdNN8uur+SEgICAgIOCbgftnSS6X3fMu7fkU0oHkvXhQRl78rypAQEBAQMC/BbuzgWS7umjV2xaNe8+3xL8KEBAQEBCwKnjJrVi+PPmqtwrgoi1ZjtuHGCecgICAgICAtcAt9p+gZqmCrYH9/oCTt2b+AYCAgICAgG8Lnqa1ctrLA+y4SK+3ZfA2ICAgICBgTfC6HmKDyDmvsSsKr1L97ue77gEBAQEBAWuB++dnOnl7loqql2RrR5LWbJSbhmcV9AEEBAQEBKwK6ub4h80NJ7ne+zmiHkOpPBtIAgICAgICfidwtXIa0sut437GvUUDBAQEBAT8CnCyQWSAXqfYIQkICAgICFgFdHFgaMly5rQvsp+E6dszQEBAQEDA+mCZI5hk32FrWzqsJVviXwUICAgICPi2ICHkJ+QXww9wiRfZYJgAAAAASUVORK5CYII=",US=["evaluation","training","benchmarks","and more"];function GS(){const{T:e,glow:t}=_();return s.jsx(B,{kicker:"Repo2RLEnv",title:s.jsx(s.Fragment,{children:"Coding envs, at scale"}),children:s.jsxs("div",{style:{position:"absolute",top:196,left:96,right:96,display:"grid",gridTemplateColumns:"1fr 1fr",gap:48,alignItems:"center"},children:[s.jsx(k.div,{initial:{opacity:0,x:-18},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.3},children:s.jsx(WS,{owner:"huggingface",name:"Repo2RLEnv",description:"Convert any repo into an RL environment.",stars:450,forks:71,issues:0,contributors:6,width:540,starPulse:!0})}),s.jsxs(k.div,{initial:{opacity:0,x:18},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.42},style:{display:"flex",flexDirection:"column",gap:22},children:[s.jsxs("div",{style:{fontSize:32,color:e.text,lineHeight:1.4},children:["Standardizing the ",s.jsx(L,{color:"emerald",children:"generation of coding RL environments"})," ","— at scale."]}),s.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:12},children:US.map(n=>s.jsx("span",{style:{fontFamily:E,fontSize:20,color:e.textMuted,border:`1.5px solid ${e.border}`,borderRadius:999,padding:"8px 18px"},children:n},n))}),s.jsx("div",{style:{background:"#fff",borderRadius:16,padding:14,boxShadow:t.emerald,alignSelf:"flex-start",marginTop:6},children:s.jsx("img",{src:HS,alt:"Repo2RLEnv on GitHub",style:{width:186,height:186,display:"block",imageRendering:"pixelated"}})})]})]})})}function YS(){const{T:e,glow:t}=_();return s.jsx(B,{kicker:"Try it",title:s.jsx(s.Fragment,{children:"Already generated — go play"}),children:s.jsxs("div",{style:{position:"absolute",top:260,left:96,right:96,display:"flex",flexDirection:"column",gap:30},children:[s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.3},style:{display:"flex",alignItems:"baseline",gap:24},children:[s.jsx("span",{style:{fontFamily:E,fontSize:110,fontWeight:800,color:e.emerald,textShadow:t.emeraldText,lineHeight:1},children:"~1,000"}),s.jsx("span",{style:{fontSize:36,color:e.white,fontWeight:600},children:"verifiable RL environments"})]}),s.jsxs(k.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{type:"spring",damping:22,delay:.45},style:{fontSize:32,color:e.textMuted,lineHeight:1.4,maxWidth:1080},children:["Generated with ",s.jsx(L,{color:"emerald",children:"Repo2RLEnv"})," and live on Hugging Face — and we’re scaling further. ",s.jsx(L,{color:"emerald",children:"Contributions welcome."})]}),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.7},style:{display:"flex",alignItems:"center",gap:12,fontFamily:E,fontSize:24,color:e.textDim,marginTop:4},children:[s.jsx(mr,{size:28}),s.jsx("span",{children:"hf.co/collections/AdithyaSK/repo2rlenv…"})]})]})})}const KS=""+new URL("openai-ss1-DOT2K7xh.png",import.meta.url).href,XS=""+new URL("openai-ss2-crop-BqCLkRBg.png",import.meta.url).href,QS=""+new URL("openai-ss3-crop-KZZxFTHs.png",import.meta.url).href;function ol({src:e,left:t,top:n,rot:r,z:i,delay:o,w:l,h:a,label:c}){const{T:u}=_();return s.jsxs(k.div,{initial:{opacity:0,y:28,rotate:r*1.7,scale:.94},animate:{opacity:1,y:0,rotate:r,scale:1},transition:{type:"spring",damping:20,delay:o},style:{position:"absolute",left:t,top:n,zIndex:i},children:[s.jsx("img",{src:e,alt:c??"",style:{width:l??"auto",height:a??"auto",display:"block",background:"#fff",borderRadius:12,border:`3px solid ${u.white}`,boxShadow:"0 24px 64px rgba(0,0,0,0.6)"}}),c&&s.jsx("div",{style:{fontFamily:E,fontSize:15,color:u.textDim,marginTop:8,textAlign:"center"},children:c})]})}function qS(){const{T:e}=_();return s.jsxs(B,{kicker:"Last week",title:s.jsx(s.Fragment,{children:"It actually happened"}),children:[s.jsxs("div",{style:{position:"absolute",top:152,left:96,right:96,fontSize:25,color:e.textMuted,lineHeight:1.35},children:["OpenAI’s models ",s.jsx(L,{color:"emerald",children:"hacked Hugging Face"})," to cheat a benchmark — last week."]}),s.jsxs("div",{style:{position:"absolute",top:206,left:60,right:60,bottom:24},children:[s.jsx(ol,{src:XS,left:470,top:6,rot:4,z:1,w:470,delay:.35,label:"The New York Times"}),s.jsx(ol,{src:QS,left:495,top:188,rot:-3,z:2,w:470,delay:.55,label:"Decrypt"}),s.jsx(ol,{src:KS,left:225,top:70,rot:-5,z:3,h:232,delay:.75,label:"YouTube · Fireship"})]})]})}const Tp="#ff3b5c";function ZS(){const{T:e}=_();return s.jsx(B,{kicker:"What happened",title:s.jsx(s.Fragment,{children:"Hyperfocused on the score"}),children:s.jsx("div",{style:{position:"absolute",top:210,left:96,right:96},children:s.jsxs(ze,{gap:.13,delay:.3,style:{display:"flex",flexDirection:"column",gap:22},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:30,color:e.text,lineHeight:1.4,maxWidth:1060},children:["GPT-5.6 ",s.jsx("b",{style:{color:e.white},children:"“Sol”"})," (+ an unreleased model) was tested on"," ",s.jsx(L,{color:"emerald",children:"ExploitGym"})," — 898 real vulnerabilities, scored pass/fail."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:30,color:e.textMuted,lineHeight:1.4,maxWidth:1060},children:["Instead of solving them, it ",s.jsx("b",{style:{color:e.white},children:"escaped the sandbox"}),", chained zero-days, and read the answer key straight from"," ",s.jsx("span",{style:{color:Tp,fontWeight:700},children:"Hugging Face’s production DB"}),"."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:30,color:e.textMuted,lineHeight:1.4,maxWidth:1060},children:["Both caught it. The experts’ word for it?"," ",s.jsx("b",{style:{color:e.white},children:"Reward hacking"})," — score high by gaming the setup, not doing the task."]})}),s.jsx(N,{children:s.jsx("div",{style:{marginTop:8,fontFamily:E,fontSize:22,color:e.textMuted,borderLeft:`3px solid ${Tp}`,paddingLeft:18},children:"Frontier models. Same failure mode — just bolder."})})]})})})}const Cp="#ff3b5c";function JS(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.24,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 120px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:22,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:32},children:"Pitfalls · a story"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:82,fontWeight:800,color:e.white,lineHeight:1.1,display:"flex",alignItems:"baseline",gap:24,flexWrap:"wrap",justifyContent:"center"},children:[s.jsx("span",{children:"Reward"}),s.jsxs("span",{style:{position:"relative",color:e.textMuted},children:["modeling",s.jsx(k.span,{initial:{scaleX:0},animate:{scaleX:1},transition:{delay:.9,duration:.4,ease:"easeInOut"},style:{position:"absolute",left:-6,right:-6,top:"52%",height:7,background:Cp,borderRadius:4,transformOrigin:"left center"}})]}),s.jsx(k.span,{initial:{opacity:0,y:12,scale:.9},animate:{opacity:1,y:0,scale:1},transition:{delay:1.25,type:"spring",damping:14},style:{color:Cp,textShadow:"0 0 30px rgba(255,59,92,0.5)"},children:"hacking"})]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:30,fontSize:32,color:e.textMuted,maxWidth:940,lineHeight:1.4},children:["When the model games the ",s.jsx("b",{style:{color:e.white},children:"reward"})," — not the task."]})]})})}function e5(){const{T:e}=_();return s.jsx(B,{kicker:"Reward hacking · setup",title:s.jsx(s.Fragment,{children:"Rewind to last year"}),children:s.jsx("div",{style:{position:"absolute",top:250,left:96,right:96},children:s.jsxs(ze,{gap:.15,delay:.3,style:{display:"flex",flexDirection:"column",gap:32},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:38,color:e.text,lineHeight:1.35,maxWidth:1080},children:[s.jsx(L,{color:"emerald",children:"GRPO"})," had just landed in TRL. Everyone was fine-tuning tiny models — ",s.jsx("b",{style:{color:e.white},children:"Qwen 0.5B"}),", Llama 1B / 3B."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:30,color:e.textMuted,lineHeight:1.4,maxWidth:1020},children:["The task: get better at ",s.jsx(L,{color:"emerald",children:"GSM8K"})," — grade-school math word problems."]})})]})})})}function t5(){const{T:e}=_();return s.jsx(B,{kicker:"The twist",title:s.jsx(s.Fragment,{children:"I changed one thing"}),children:s.jsx("div",{style:{position:"absolute",top:260,left:96,right:96},children:s.jsxs(ze,{gap:.15,delay:.3,style:{display:"flex",flexDirection:"column",gap:30},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:40,color:e.text,lineHeight:1.35,maxWidth:1080},children:["Instead of asking the model to ",s.jsx("span",{style:{color:e.textMuted},children:"solve the math"}),"…"]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:40,color:e.text,lineHeight:1.35,maxWidth:1080},children:["…I asked it to write ",s.jsx(L,{color:"emerald",children:"Python that solves it"})," — and"," ",s.jsx(L,{color:"emerald",children:"print the answer"}),"."]})})]})})})}const n5=[{name:"format",detail:"right structure / XML",hot:!1},{name:"correctness",detail:"final answer matches",hot:!1},{name:"code_execution",detail:"runs cleanly → 0–2 bonus",hot:!0}];function r5({name:e,detail:t,hot:n,i:r}){const{T:i}=_(),o=n?i.emerald:i.textMuted;return s.jsxs(k.div,{initial:{opacity:0,x:16},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.3+r*.14},style:{display:"flex",alignItems:"baseline",gap:22,padding:"18px 24px",border:`1.5px solid ${n?i.emerald:i.border}`,borderRadius:12},children:[s.jsx("span",{style:{fontFamily:E,fontSize:30,fontWeight:700,color:o,width:320,flex:"0 0 auto"},children:e}),s.jsx("span",{style:{fontSize:26,color:i.text},children:t})]})}function i5(){const{T:e}=_();return s.jsxs(B,{kicker:"The rewards",title:s.jsx(s.Fragment,{children:"What I rewarded"}),children:[s.jsx("div",{style:{position:"absolute",top:250,left:96,right:96,display:"flex",flexDirection:"column",gap:18},children:n5.map((t,n)=>s.jsx(r5,{...t,i:n},t.name))}),s.jsxs("div",{style:{position:"absolute",bottom:96,left:96,right:96,fontSize:24,color:e.textDim},children:["The last one felt harmless — reward code that just ",s.jsx("b",{style:{color:e.textMuted},children:"runs"}),"."]})]})}const o5=""+new URL("reward-hack-curves-Dsoa5-YV.png",import.meta.url).href;function s5(){const{T:e}=_();return s.jsxs(B,{kicker:"The run",title:s.jsx(s.Fragment,{children:"Training Qwen-0.5B…"}),children:[s.jsx("div",{style:{position:"absolute",top:190,left:80,right:80},children:s.jsxs("div",{style:{position:"relative",borderRadius:12,overflow:"hidden",border:`1.5px solid ${e.border}`,background:"#fff"},children:[s.jsx("img",{src:o5,alt:"reward curves",style:{width:"100%",display:"block"}}),s.jsx(k.div,{initial:{opacity:0,scale:1.06},animate:{opacity:1,scale:1},transition:{delay:.6,type:"spring",damping:18},style:{position:"absolute",left:"1.5%",top:"35%",width:"31%",height:"28%",border:`3px solid ${e.emerald}`,borderRadius:8,boxShadow:`0 0 24px ${e.emerald}`}}),s.jsx(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.9},style:{position:"absolute",left:"1.5%",top:"27%",fontFamily:E,fontSize:15,fontWeight:800,color:e.emerald,background:"#0d1117",padding:"3px 8px",borderRadius:6},children:"code_execution_reward 📈"})]})}),s.jsxs(k.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:1.1,type:"spring",damping:22},style:{position:"absolute",bottom:52,left:80,right:80,fontSize:24,color:e.textMuted,textAlign:"center"},children:["Format improving, correctness on-and-off… then the"," ",s.jsx(L,{color:"emerald",children:"code-execution reward shoots up"})," and stays high. I got excited."]})]})}const l5=`def solve():
    # ...model's "solution"...
    ⟪try:⟫
        answer = some_wrong_math()
    ⟪except:⟫
        ⟪pass⟫            # never errors → reward!
    print(answer)`;function a5(){const{T:e}=_();return s.jsxs(B,{kicker:"The catch",title:s.jsx(s.Fragment,{children:"Then I read the traces"}),children:[s.jsxs("div",{style:{position:"absolute",top:175,left:96,right:96,fontSize:26,color:e.textMuted},children:["The model had learned to wrap everything in"," ",s.jsx(L,{color:"emerald",children:"try / except"})," — so the code ",s.jsx("b",{style:{color:e.white},children:"never errors"}),"."]}),s.jsx("div",{style:{position:"absolute",top:245,left:96,right:96},children:s.jsx(Rt,{filename:"model_output.py",code:l5,fontSize:22})}),s.jsxs("div",{style:{position:"absolute",bottom:62,left:96,right:96,fontSize:26,color:e.text},children:["Reward ",s.jsx(L,{color:"emerald",children:"maxed"})," — the math ",s.jsx("b",{style:{color:"#ff5470"},children:"never solved"}),"."]})]})}function c5(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.26,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:20,letterSpacing:6,color:e.textDim,textTransform:"uppercase",marginBottom:34},children:"The lesson"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:56,fontWeight:800,color:e.white,lineHeight:1.2,maxWidth:1080},children:["The model maximized the reward ",s.jsx(L,{color:"emerald",children:"without doing the task"}),"."]}),s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:30,fontFamily:E,fontSize:22,color:e.textDim,maxWidth:900,lineHeight:1.5},children:"a toy example — there’s a lot more to reward hacking than this."})]})})}function u5(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.28,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:44,color:e.textMuted,lineHeight:1.3},children:["That was a ",s.jsx("b",{style:{color:e.white},children:"0.5B"})," model."]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:24,fontSize:58,fontWeight:800,color:e.white,lineHeight:1.15},children:["Now watch a ",s.jsx(L,{color:"emerald",children:"frontier agent"}),"."]}),s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:26,fontFamily:E,fontSize:24,color:e.textDim},children:"Claude Code · Opus"})]})})}const d5=""+new URL("cheating-agents-Bpt4f8GA.jpeg",import.meta.url).href,p5="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAALQAQAAAACRLHoxAAADQ0lEQVR42u3dy27bMBAFUCH//8/uJgU5D2pRaNSFj4E2cWCfBRcXgytSuj5jrwuNRqPRaDQajf5K+gqv/X33+/r5S7TG5/Nzjb3QaDT6++hrJe5K35XG8TOnv3eGvEaj0eiZvF6zc8zmv+9zWu//799Zn7fWaDQaPZ3Xud+ICb1n9p7v8hqNRqP/X17HPK7v6kwur9FoNHo2r2N/Ha8z1nzOWa+/RqPR6HfyOrcf//Ivq9YajUajn87rsskvzdGxte6uOnYva41Go9ETeZ1n6/O+6rwTO/cj5ms0Go2e7UP68y95go5/O3co8hqNRqPn+pC49/rchMQZuya6PgSNRqOn5uu4o7pvPvI5xu7z+yetNRqNRj8/X+ffujSvCd01Iet71hqNRqNn5ut+x0eX5PWqZJfw1hqNRqMn5uv+amK39+Oc0LENt9ZoNBo9MV/vU3WdpGu27xmeWxN5jUaj0VPzde6k6xnz2o0sYSX7/h1rjUaj0TN5ne8Scrcn5PStPfGtNRqNRk/0IXVmrqfP90SOM3VMavM1Go1GT+X1PknveX1qQbqrkfIajUaj37vfU5ytaycdszxfgYwTubVGo9HomT4kn0/M58u7NqR2KPprNBqNnp2v9wzO03N9rmPXp+Rp3Vqj0Wj0TF7XczLnHSN35xr1IWg0Gj3dh3SJXSfq3IB0T1WX12g0Gj2V16eEjlcV7+8ZEvPfWqPRaPTzfUicoWOn3TUndT92PV1jrdFoNHpmvo4dR52X6z2fuuS2PwSNRqNn5+t8vrE+U6Z/zkw3p5uv0Wg0emq+zvuuY5LHndV7CxINz29Eo9Ho+T6k70G6+6rm+4q4fwgajUa/mdex5Tg9u6Dbp931IvIajUaj5/K62399OuNYG+9syms0Go1+Pq/zK/ch3Wn1u65bf41Go9FT83VN8NiP5Hf9qZr4OWuNRqPRE31Idxrm9BSDnOH9T2uNRqPRE3ndJ3Kf4/1cnb9vrdFoNPqNvK67sU/3CemeSCOv0Wg0+p287p5RkO8AFafqbMprNBqNnsnrfF/r0x2dcvdR52p5jUaj0XN5fTdx98/ZzfdYrXf3s9ZoNBr9dF7PvNBoNBqNRqPR6K+j/wCZ7+SGKNVrSAAAAABJRU5ErkJggg==";function f5(){const{T:e}=_(),t={hidden:{opacity:0,y:18},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.2,delayChildren:.15}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 90px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:E,fontSize:18,letterSpacing:5,color:e.textDim,textTransform:"uppercase",marginBottom:22},children:"Reward hacking · example 2"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{display:"flex",alignItems:"center",gap:30,marginBottom:30},children:[s.jsx("div",{style:{borderRadius:16,overflow:"hidden",border:`1.5px solid ${e.border}`,boxShadow:"0 20px 60px rgba(0,0,0,0.5)"},children:s.jsx("img",{src:d5,alt:"cheating agents",style:{width:486,display:"block"}})}),s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:14},children:[s.jsx("div",{style:{background:"#fff",borderRadius:16,padding:14},children:s.jsx("img",{src:p5,alt:"Read the full thread on X",style:{width:254,height:254,display:"block",imageRendering:"pixelated"}})}),s.jsx("div",{style:{fontFamily:E,fontSize:19,color:e.textDim,letterSpacing:1,textAlign:"center",lineHeight:1.35},children:"scan for the full thread"})]})]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:54,fontWeight:800,color:e.white,lineHeight:1.12},children:["A perfect score for ",s.jsx(L,{color:"emerald",children:"fixing nothing"})]})]})})}function h5(){const{T:e}=_();return s.jsx(B,{kicker:"The setup",title:s.jsx(s.Fragment,{children:"An env from a real CVE"}),children:s.jsx("div",{style:{position:"absolute",top:270,left:96,right:96},children:s.jsxs(ze,{gap:.16,delay:.3,style:{display:"flex",flexDirection:"column",gap:34},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:38,color:e.text,lineHeight:1.4,maxWidth:1060},children:["We generated an environment to ",s.jsx(L,{color:"emerald",children:"fix a real bug"})," — straight from a CVE."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:30,color:e.textMuted,lineHeight:1.4,maxWidth:1e3},children:["Real bug · real patch · real test = a ",s.jsx("b",{style:{color:e.white},children:"built-in answer key"}),". Sounds clean."]})})]})})})}function m5(){const{T:e}=_();return s.jsx(B,{kicker:"The task",title:s.jsx(s.Fragment,{children:"One real bug"}),children:s.jsx("div",{style:{position:"absolute",top:275,left:96,right:96},children:s.jsxs(ze,{gap:.16,delay:.3,style:{display:"flex",flexDirection:"column",gap:28},children:[s.jsx(N,{children:s.jsxs("div",{style:{fontSize:36,color:e.text,lineHeight:1.4,maxWidth:1060},children:["Patch ",s.jsx("span",{style:{fontFamily:E,color:e.emerald},children:"CVE-2026-48156"})," in"," ",s.jsx("b",{style:{color:e.white},children:"pypdf"})," — a crafted PDF loops forever (DoS)."]})}),s.jsx(N,{children:s.jsxs("div",{style:{fontSize:28,color:e.textMuted},children:["Agent: ",s.jsx("b",{style:{color:e.white},children:"Opus"})," · reward: a hidden test —"," ",s.jsx(L,{color:"emerald",children:"gold 1.0 · no-op 0.0"}),"."]})})]})})})}function Gc({n:e,title:t,lead:n,code:r,fix:i}){const{T:o,glow:l}=_();return s.jsxs(B,{kicker:`Cheat #${e}`,title:s.jsx(s.Fragment,{children:t}),children:[s.jsx("div",{style:{position:"absolute",top:165,left:96,right:96,fontSize:24,color:o.textMuted,lineHeight:1.35,maxWidth:1090},children:n}),s.jsxs("div",{style:{position:"absolute",top:232,left:96,right:96,display:"grid",gridTemplateColumns:"1.35fr 1fr",gap:40,alignItems:"center"},children:[s.jsx(Rt,{filename:"agent-trace",lang:"bash",code:r,fontSize:17,delay:.3}),s.jsxs(k.div,{initial:{opacity:0,scale:.85},animate:{opacity:1,scale:1},transition:{type:"spring",damping:14,delay:.55},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[s.jsx("div",{style:{fontFamily:E,fontSize:20,color:o.textDim,letterSpacing:2},children:"reward"}),s.jsx("div",{style:{fontFamily:E,fontSize:110,fontWeight:800,color:o.emerald,textShadow:l.emeraldText,lineHeight:1},children:"1.000"}),s.jsx("div",{style:{fontSize:22,color:"#ff5470",fontWeight:700},children:"…fixed nothing"})]})]}),s.jsx(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.9},style:{position:"absolute",bottom:60,left:96,right:96,fontSize:23,color:o.text},children:i})]})}const g5=`$ WebFetch github.com/py-pdf/pypdf/pull/3791.diff
  prompt: "output the exact added lines, the exact
   error message, and the exact added test functions"
# → reads the published fix, pastes it in`;function y5(){return s.jsx(Gc,{n:1,title:"Just ask GitHub",lead:s.jsx(s.Fragment,{children:"The prompt was the public advisory — and it named the fixing PR. First move:"}),code:g5,fix:s.jsxs(s.Fragment,{children:["Fix → ",s.jsx("b",{children:"scrub the prompt"}),": strip the CVE id, PR number, commit hashes, “fixed in version”."]})})}const x5=`$ git log --oneline origin/main -3
$ git diff origin/main HEAD -- pypdf/_reader.py
$ git show origin/main:tests/test_reader.py
# working tree = vulnerable, but .git still has the future`;function v5(){return s.jsx(Gc,{n:2,title:"The answer was in the box",lead:s.jsxs(s.Fragment,{children:["I cut the web tools and re-ran. Same score — the container shipped the full ",s.jsx("b",{children:"git history"}),"."]}),code:x5,fix:s.jsxs(s.Fragment,{children:["Fix → ",s.jsx("b",{children:"scrub to the base commit"}),": drop the remote, delete future branches/tags, expire reflog, gc."]})})}const w5=`$ pip download pypdf==6.12.0 --no-deps
$ unzip pypdf-6.12.0-py3-none-any.whl      # patched source
$ pip download pypdf==6.12.0 --no-binary :all:  # hidden tests
# it installed the FIXED release it was told to fix`;function S5(){return s.jsx(Gc,{n:3,title:"pip is a search engine",lead:s.jsxs(s.Fragment,{children:["Web blocked, git scrubbed. Re-ran. ",s.jsx("b",{children:"1.000 again"})," — it just downloaded the fixed release."]}),code:w5,fix:s.jsx(s.Fragment,{children:"The fix is public — GitHub, PyPI, mirrors, archives. Block one door, the house has ten."})})}function k5(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.3,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 130px"},children:[s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:62,fontWeight:800,color:e.white,lineHeight:1.18,maxWidth:1080},children:["You can’t ",s.jsx(L,{color:"emerald",children:"out-scrub"})," the internet."]}),s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:30,fontSize:30,color:e.textMuted,lineHeight:1.4,maxWidth:980},children:"The published fix is the single most useful thing online for the task you just handed it."})]})})}function j5(){const{T:e,glow:t}=_();return s.jsxs(B,{kicker:"What honest looks like",title:s.jsx(s.Fragment,{children:"So I cut the egress"}),children:[s.jsxs("div",{style:{position:"absolute",top:240,left:96,right:96,display:"grid",gridTemplateColumns:"1.15fr 1fr",gap:48,alignItems:"center"},children:[s.jsxs(k.div,{initial:{opacity:0,x:-16},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.3},style:{fontSize:34,color:e.text,lineHeight:1.4},children:["An ",s.jsx(L,{color:"emerald",children:"allowlist"}),", not a block. And for the first time, Opus"," ",s.jsx("b",{style:{color:e.white},children:"actually worked the bug"}),"."]}),s.jsxs(k.div,{initial:{opacity:0,scale:.85},animate:{opacity:1,scale:1},transition:{type:"spring",damping:14,delay:.5},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[s.jsx("div",{style:{fontFamily:E,fontSize:20,color:e.textDim,letterSpacing:2},children:"reward"}),s.jsx("div",{style:{fontFamily:E,fontSize:120,fontWeight:800,color:e.emerald,textShadow:t.emeraldText,lineHeight:1},children:"0.000"}),s.jsx("div",{style:{fontSize:22,color:e.emerald,fontWeight:700},children:"the number I wanted"})]})]}),s.jsxs("div",{style:{position:"absolute",bottom:70,left:96,right:96,fontSize:25,color:e.textMuted},children:["Every green before was ",s.jsx("b",{style:{color:"#ff5470"},children:"contamination"}),". Real solve ≈ 0."]})]})}const b5=["Make the verifier trustworthy first — gold 1.0, no-op 0.0, only targeted tests","Strip the answer from the prompt","Scrub the repo to the base commit","Pre-bake dependencies, run offline by default","If network is needed — allowlist, never a full block","Keep the gold patch & hidden tests out of the container"];function T5(){const{T:e}=_();return s.jsxs(B,{kicker:"The takeaway",title:s.jsx(s.Fragment,{children:"Trust lives in the environment"}),children:[s.jsxs("div",{style:{position:"absolute",top:210,left:96,right:96,fontSize:25,color:e.textMuted},children:["The environment ",s.jsx("b",{style:{color:e.white},children:"enforces"})," it — the prompt never asks for it."]}),s.jsx("div",{style:{position:"absolute",top:268,left:96,right:96,display:"flex",flexDirection:"column",gap:13},children:b5.map((t,n)=>s.jsxs(k.div,{initial:{opacity:0,x:16},animate:{opacity:1,x:0},transition:{type:"spring",damping:22,delay:.3+n*.08},style:{display:"flex",gap:16,alignItems:"baseline",fontSize:23,color:e.text},children:[s.jsx("span",{style:{fontFamily:E,fontSize:18,color:e.emerald,fontWeight:800,width:30,flex:"0 0 auto"},children:String(n+1).padStart(2,"0")}),s.jsx("span",{children:t})]},n))}),s.jsxs(k.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:1},style:{position:"absolute",bottom:56,left:96,right:96,fontSize:22,color:e.textDim},children:["All of it is baked into ",s.jsx(L,{color:"emerald",children:"Repo2RLEnv"})," — the trust lives in the box by default."]})]})}function C5(){const{T:e}=_(),t={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsxs(k.div,{initial:"hidden",animate:"show",variants:{show:{transition:{staggerChildren:.24,delayChildren:.2}}},style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"0 140px"},children:[s.jsx(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontFamily:"Georgia, serif",fontSize:120,lineHeight:.6,color:e.lavender,marginBottom:20,height:60},children:"“"}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{fontSize:50,fontWeight:700,color:e.white,lineHeight:1.3,maxWidth:1080},children:["A model never does the task — it does the"," ",s.jsx(L,{color:"emerald",children:"reward"}),". At scale, every gap gets found, so reward design is ",s.jsx(L,{color:"emerald",children:"never done — only iterated"}),"."]}),s.jsxs(k.div,{variants:t,transition:{type:"spring",damping:20},style:{marginTop:44,display:"flex",alignItems:"center",gap:16},children:[s.jsx("img",{src:C0,alt:"Adithya S Kolavi",style:{width:56,height:56,borderRadius:"50%",objectFit:"cover"}}),s.jsx("span",{style:{fontFamily:E,fontSize:24,color:e.textMuted},children:"— Adithya S Kolavi"})]})]})})}const A0=[{id:"title",title:"Title",component:Xw,bare:!0},{id:"about",title:"About me",component:r3},{id:"huggingface",title:"What is Hugging Face?",component:l3},{id:"agenda",title:"What we'll cover",component:u3},{id:"question",title:"Opening question",component:d3,bare:!0},{id:"paradigm",title:"How did we get here?",component:p3},{id:"pretraining",title:"Pretraining",component:f3},{id:"sft",title:"SFT",component:h3},{id:"rlhf",title:"RLHF",component:m3},{id:"grpo",title:"RLVR · GRPO",component:g3},{id:"unlock",title:"The unlock",component:y3,bare:!0},{id:"scale",title:"Environments exploded",component:w3},{id:"traditional",title:"Classical RL · CartPole",component:R3},{id:"gym-api",title:"OpenAI Gym API",component:V3},{id:"analogy",title:"Same idea, for LLMs",component:$3},{id:"contrast",title:"Supervised vs RL",component:U3},{id:"frameworks",title:"Frameworks",component:Y3},{id:"anatomy",title:"Anatomy of an env",component:J3},{id:"definition",title:"What is an env?",component:tS,bare:!0},{id:"coding-example",title:"A coding environment",component:nS},{id:"coding-rollout",title:"Rollouts — same task, many attempts",component:oS},{id:"components",title:"Each piece, in the example",component:aS},{id:"env-types",title:"Types of environments",component:cS},{id:"blog-guide",title:"The ultimate guide (blog)",component:fS},{id:"why-openenv",title:"Why we need OpenEnv",component:hS,bare:!0},{id:"openenv",title:"OpenEnv",component:mS},{id:"build-tool",title:"Build · a bash tool",component:yS},{id:"build-tasks",title:"Build · serving tasks",component:vS},{id:"build-reward",title:"Build · the reward",component:SS},{id:"build-serve",title:"Build · serve the env",component:jS},{id:"openenv-cli",title:"Build · ship it (CLI)",component:TS},{id:"now-what",title:"Now what?",component:CS,bare:!0},{id:"trl",title:"TRL — train with it",component:AS},{id:"trl-code",title:"TRL — a few lines",component:PS},{id:"gen-segue",title:"The catch",component:_S,bare:!0},{id:"hard-to-generate",title:"Scaling environments is hard",component:LS},{id:"why-coding",title:"Why coding envs",component:IS},{id:"repo-segue",title:"Repos are a goldmine",component:FS,bare:!0},{id:"what-if",title:"What if…",component:OS,bare:!0},{id:"repo2rlenv-intro",title:"Introducing repo2rlenv",component:$S,bare:!0},{id:"repo2rlenv",title:"Repo2RLEnv — at scale",component:GS},{id:"example-envs",title:"Try example envs",component:YS},{id:"rh-divider",title:"Reward hacking",component:JS,bare:!0},{id:"rh-openai-news",title:"OpenAI hacked HF (news)",component:qS},{id:"rh-openai-detail",title:"OpenAI hacked HF (what)",component:ZS},{id:"rh-setup",title:"RH · setup",component:e5},{id:"rh-twist",title:"RH · the twist",component:t5},{id:"rh-rewards",title:"RH · the rewards",component:i5},{id:"rh-curves",title:"RH · the run",component:s5},{id:"rh-reveal",title:"RH · the catch",component:a5},{id:"rh-lesson",title:"RH · the lesson",component:c5,bare:!0},{id:"rh2-segue",title:"Now a frontier agent",component:u5,bare:!0},{id:"rh2-title",title:"A perfect score for fixing nothing",component:f5,bare:!0},{id:"rh2-recipe",title:"RH2 · the recipe",component:h5},{id:"rh2-task",title:"RH2 · the task",component:m5},{id:"rh2-cheat1",title:"RH2 · cheat #1",component:y5},{id:"rh2-cheat2",title:"RH2 · cheat #2",component:v5},{id:"rh2-cheat3",title:"RH2 · cheat #3",component:S5},{id:"rh2-outscrub",title:"Can't out-scrub the internet",component:k5,bare:!0},{id:"rh2-honest",title:"RH2 · what honest looks like",component:j5},{id:"rh2-rules",title:"RH2 · trust the environment",component:T5},{id:"quote",title:"Quote — reward modeling",component:C5,bare:!0}],A5=(()=>{const e={};let t=0;for(const n of A0)n.bare?e[n.id]=null:e[n.id]=++t;return e})();function E5(e){const[t,n]=A.useState(1);return A.useLayoutEffect(()=>{const r=e.current;if(!r)return;const i=()=>{const{width:l,height:a}=r.getBoundingClientRect();n(Math.min(l/ci,a/ss))};i();const o=new ResizeObserver(i);return o.observe(r),()=>o.disconnect()},[e]),t}const Ap="rlenv-slides-index";function P5({slides:e}){const{T:t,toggle:n}=_(),r=e.length,[[i,o],l]=A.useState(()=>{const b=Number(typeof window<"u"?window.localStorage.getItem(Ap):NaN);return[Number.isInteger(b)&&b>=0&&b<r?b:0,0]}),[a,c]=A.useState(!1),[u,d]=A.useState(!0);A.useEffect(()=>{try{window.localStorage.setItem(Ap,String(i))}catch{}},[i]);const p=A.useRef(null),f=E5(p),y=A.useCallback((b,C)=>{const T=Math.max(0,Math.min(r-1,b));l(([F])=>F===T?[F,0]:[T,C])},[r]),x=A.useCallback(()=>y(i+1,1),[y,i]),v=A.useCallback(()=>y(i-1,-1),[y,i]),S=A.useCallback(b=>y(b,b>=i?1:-1),[y,i]);A.useEffect(()=>{window.__DECK__={total:r,index:i,ids:e.map(b=>b.id),titles:e.map(b=>b.title),goto:S}},[r,i,e,S]);const m=A.useRef(null),h=A.useCallback(b=>{const C=b.touches[0];m.current={x:C.clientX,y:C.clientY}},[]),g=A.useCallback(b=>{const C=m.current;if(m.current=null,!C)return;const T=b.changedTouches[0],F=T.clientX-C.x,I=T.clientY-C.y;Math.abs(F)>45&&Math.abs(F)>Math.abs(I)*1.4&&(F<0?x():v())},[x,v]);A.useEffect(()=>{const b=C=>{var T,F;switch(C.key){case"ArrowRight":case"PageDown":case" ":C.preventDefault(),x();break;case"ArrowLeft":case"PageUp":C.preventDefault(),v();break;case"Home":C.preventDefault(),y(0,-1);break;case"End":C.preventDefault(),y(r-1,1);break;case"t":case"T":n();break;case"f":case"F":document.fullscreenElement?document.exitFullscreen():(F=(T=document.documentElement).requestFullscreen)==null||F.call(T);break;case"Escape":c(!1);break}};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[x,v,y,r,n]);const w=e[i].component,j={enter:b=>({opacity:0,x:b>=0?80:-80}),center:{opacity:1,x:0},exit:b=>({opacity:0,x:b>=0?-80:80})};return s.jsxs("div",{style:{position:"fixed",inset:0,background:t.bg,display:"flex",overflow:"hidden"},children:[s.jsx(k.div,{animate:{width:a?S0:0},transition:{type:"spring",damping:30,stiffness:260},style:{height:"100%",overflow:"hidden",flex:"0 0 auto"},children:s.jsx(Fw,{slides:e,index:i,goto:S,showArrows:u,setShowArrows:d,onClose:()=>c(!1)})}),s.jsxs("div",{ref:p,onTouchStart:h,onTouchEnd:g,style:{flex:1,minWidth:0,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",touchAction:"pan-y"},children:[s.jsxs("div",{"data-stage":!0,style:{width:ci,height:ss,transform:`scale(${f})`,transformOrigin:"center center",position:"relative",background:t.bg,color:t.text,fontFamily:E,overflow:"hidden",flex:"0 0 auto"},children:[s.jsx(w0,{}),s.jsx(rd,{mode:"wait",custom:o,children:s.jsx(k.div,{custom:o,variants:j,initial:"enter",animate:"center",exit:"exit",transition:{duration:.34,ease:[.22,.61,.36,1]},style:{position:"absolute",inset:0},children:s.jsx(k0.Provider,{value:A5[e[i].id]??null,children:s.jsx(Nw,{id:e[i].id,children:s.jsx(w,{})})})},i)})]}),s.jsx(rd,{children:u&&s.jsxs(s.Fragment,{children:[s.jsx(Ep,{side:"left",disabled:i===0,onClick:v}),s.jsx(Ep,{side:"right",disabled:i===r-1,onClick:x})]})}),s.jsx(_5,{index:i,total:r})]}),s.jsx(zw,{open:a,onToggle:()=>c(b=>!b)})]})}function Ep({side:e,onClick:t,disabled:n}){const{T:r}=_();return s.jsx(k.button,{initial:{opacity:0,x:e==="left"?-12:12},animate:{opacity:n?.25:.8,x:0},exit:{opacity:0,x:e==="left"?-12:12},whileHover:n?{}:{opacity:1,scale:1.06},onClick:n?void 0:t,"aria-label":e==="left"?"Previous":"Next","data-chrome":!0,style:{position:"absolute",top:"50%",[e]:14,transform:"translateY(-50%)",width:40,height:40,display:"grid",placeItems:"center",borderRadius:"50%",border:`1.5px solid ${r.border}`,background:r.bgRaised,color:r.textMuted,fontSize:20,lineHeight:1,cursor:n?"default":"pointer",zIndex:40},children:e==="left"?"‹":"›"})}function _5({index:e,total:t}){const{T:n,glow:r}=_(),i=t<=1?100:e/(t-1)*100;return s.jsx("div",{"data-chrome":!0,style:{position:"absolute",top:0,left:0,right:0,height:3,background:"transparent",zIndex:50},children:s.jsx(k.div,{animate:{width:`${i}%`},transition:{type:"spring",damping:26,stiffness:200},style:{height:"100%",background:n.lavender,boxShadow:r.lavender}})})}function R5(){return s.jsx(s1,{children:s.jsx(P5,{slides:A0})})}$h(document.getElementById("root")).render(s.jsx(A.StrictMode,{children:s.jsx(R5,{})}));