1174 lines
204 KiB
JavaScript
1174 lines
204 KiB
JavaScript
module.exports=[53521,a=>{"use strict";var b=a.i(87924),c=a.i(72131);function d({from:a,to:e,duration:f=2e3,decimals:g=0,suffix:h=""}){let[i,j]=(0,c.useState)(a);return(0,c.useEffect)(()=>{let b=null,c=d=>{b||(b=d);let g=Math.min((d-b)/f,1);j(g*(e-a)+a),g<1&&window.requestAnimationFrame(c)};window.requestAnimationFrame(c)},[a,e,f]),(0,b.jsxs)(b.Fragment,{children:[i.toFixed(g),h]})}a.s(["default",0,function(){let[a,e]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{requestAnimationFrame(()=>e(!0))},[]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
/* ── Hero wrapper: column layout, zero gap between hero + stats ── */
|
||
.miletruth-hero .elementor-element-86f3204 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0;
|
||
margin: 0;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
/* ── Hero slider card ── */
|
||
.miletruth-hero-container {
|
||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.3) 100%), url('/images/miletruth-bg.png') !important;
|
||
background-size: cover !important;
|
||
background-position: center !important;
|
||
background-repeat: no-repeat !important;
|
||
/* Match the home page hero card (800px) so MileTruth has the same visual
|
||
presence on large desktop, MacBook M1/Pro, and standard laptops. */
|
||
min-height: 800px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
border-radius: 25px 25px 0 0;
|
||
margin-top: 20px;
|
||
padding: 100px 40px;
|
||
}
|
||
.miletruth-hero-container::before {
|
||
display: none !important;
|
||
}
|
||
.miletruth-content {
|
||
position: relative;
|
||
z-index: 2;
|
||
width: 100%;
|
||
padding: 0 40px !important;
|
||
box-sizing: border-box;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
color: rgba(255, 255, 255, 0.96) !important;
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(34px, 5.5vw, 72px) !important;
|
||
font-weight: 850 !important;
|
||
line-height: 1.05 !important;
|
||
letter-spacing: -1.5px !important;
|
||
text-transform: uppercase !important;
|
||
text-align: center !important;
|
||
display: block;
|
||
}
|
||
.miletruth-hero .content-slider-item-text {
|
||
margin-top: 22px !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text p {
|
||
color: rgba(255, 255, 255, 0.72) !important;
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(16px, 1.8vw, 20px) !important;
|
||
font-weight: 500 !important;
|
||
line-height: 1.6 !important;
|
||
margin: 0 auto !important;
|
||
max-width: 800px;
|
||
}
|
||
.miletruth-hero .slide-content {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
padding: 0 40px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
.miletruth-hero .slide-content-inner {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
text-align: center !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
max-width: 1000px !important;
|
||
width: 100% !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
text-align: center !important;
|
||
display: block !important;
|
||
width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text {
|
||
display: flex !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin-top: 23px !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .text-content {
|
||
text-align: center !important;
|
||
max-width: 800px !important;
|
||
margin: 0 auto !important;
|
||
}
|
||
/* The "logico" slider reveal animation leaves these at opacity:0 until
|
||
its JS runs (absent in this rebuild), hiding the heading + subtitle.
|
||
Force them visible. */
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-text,
|
||
.miletruth-hero .logico-content-wrapper-1,
|
||
.miletruth-hero .logico-content-wrapper-2 {
|
||
opacity: 1 !important;
|
||
transform: none !important;
|
||
visibility: visible !important;
|
||
}
|
||
|
||
/* ══════════════════════════════════════════════════════════════════
|
||
Stats bar — dark rounded card overlapping the hero bottom
|
||
══════════════════════════════════════════════════════════════════ */
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin: -25px 0 0 0 !important;
|
||
background-color: #1F1F1F !important;
|
||
border-radius: 25px !important;
|
||
padding: 40px 0 !important;
|
||
position: relative !important;
|
||
z-index: 1 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e > .e-con-inner {
|
||
width: 100% !important;
|
||
max-width: 1440px !important;
|
||
height: auto !important;
|
||
margin: 0 auto !important;
|
||
padding: 0 40px !important;
|
||
flex-grow: 0 !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
/* 4-col grid for counter widgets — rows size to content (not 1fr of the
|
||
container) so the counters aren't parked at the top of a tall row. */
|
||
.miletruth-hero .elementor-element-628123a {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(4, 1fr) !important;
|
||
grid-template-rows: auto !important;
|
||
height: auto !important;
|
||
gap: 40px !important;
|
||
width: 100% !important;
|
||
justify-items: start !important;
|
||
align-items: start !important;
|
||
align-content: start !important;
|
||
}
|
||
|
||
/* Counter: title on top, number below, left-aligned */
|
||
.miletruth-hero .elementor-counter {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: flex-start !important;
|
||
text-align: left !important;
|
||
}
|
||
|
||
/* Counter title — above the number */
|
||
.miletruth-hero .elementor-counter-title {
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: 20px !important;
|
||
font-weight: 600 !important;
|
||
line-height: 1.3em !important;
|
||
color: #FFFFFF !important;
|
||
margin-bottom: 12px !important;
|
||
text-transform: none !important;
|
||
}
|
||
|
||
/* Counter number wrapper — centered */
|
||
.miletruth-hero .elementor-counter-number-wrapper {
|
||
font-family: var(--font-space-grotesk), "Space Grotesk", var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(48px, 6.5vw, 100px) !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1em !important;
|
||
color: #C01227 !important;
|
||
letter-spacing: -0.03em !important;
|
||
display: flex !important;
|
||
align-items: baseline !important;
|
||
justify-content: flex-start !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number {
|
||
color: #C01227 !important;
|
||
font-size: inherit !important;
|
||
font-weight: inherit !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number-suffix {
|
||
color: #C01227 !important;
|
||
font-size: inherit !important;
|
||
font-weight: inherit !important;
|
||
letter-spacing: -0.03em !important;
|
||
}
|
||
|
||
/* ── Responsive ── */
|
||
@media (max-width: 1200px) {
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 60px !important;
|
||
}
|
||
}
|
||
@media (max-width: 1024px) {
|
||
.miletruth-hero-container {
|
||
min-height: 600px;
|
||
padding: 120px 0;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 40px 0 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: repeat(2, 1fr) !important;
|
||
gap: 50px 40px !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 50px !important;
|
||
line-height: 1.1 !important;
|
||
}
|
||
}
|
||
@media (max-width: 768px) {
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 40px !important;
|
||
line-height: 1.12 !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text p {
|
||
font-size: 16px !important;
|
||
}
|
||
}
|
||
@media (max-width: 580px) {
|
||
.miletruth-hero-container {
|
||
min-height: 500px;
|
||
padding: 100px 0;
|
||
}
|
||
.miletruth-hero .elementor-element-86f3204 {
|
||
padding: 0 12px;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 30px 0 !important;
|
||
border-radius: 20px !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: 1fr !important;
|
||
gap: 36px !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 32px !important;
|
||
}
|
||
}
|
||
`}}),(0,b.jsx)("div",{className:"elementor-63 miletruth-hero",children:(0,b.jsxs)("div",{className:"elementor-element elementor-element-86f3204 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"86f3204","data-element_type":"container","data-e-type":"container",children:[(0,b.jsx)("div",{className:"miletruth-hero-container",children:(0,b.jsx)("div",{className:"e-con-inner miletruth-content",children:(0,b.jsx)("div",{className:"logico-content-slider-widget",children:(0,b.jsx)("div",{className:"content-slider-wrapper",children:(0,b.jsx)("div",{className:"content-slider-container",children:(0,b.jsx)("div",{className:"content-slider owl-carousel owl-theme",children:(0,b.jsx)("div",{className:"content-item slider-item elementor-repeater-item-6867061 slide-style-standard",children:(0,b.jsx)("div",{className:"slide-content",style:{paddingLeft:0,paddingRight:0},children:(0,b.jsxs)("div",{className:"slide-content-inner",children:[(0,b.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,b.jsxs)("span",{className:"heading-content",children:["The Only AI Built",(0,b.jsx)("br",{}),"Exclusively for Logistics"]})}),(0,b.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,b.jsx)("div",{className:"text-content",children:(0,b.jsx)("p",{children:"Optimizes every stage of the delivery journey for maximum efficiency."})})})]})})})})})})})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-8e5c81e e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"8e5c81e","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,b.jsx)("div",{className:"e-con-inner",children:(0,b.jsxs)("div",{className:"elementor-element elementor-element-628123a e-con-full e-grid cut-corner-no sticky-container-off e-con e-child","data-id":"628123a","data-element_type":"container","data-e-type":"container",children:[(0,b.jsx)("div",{className:"elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter","data-id":"1da88b5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"counter.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsxs)("div",{className:"elementor-counter",children:[(0,b.jsx)("div",{className:"elementor-counter-title",children:"SLA Compliance"}),(0,b.jsxs)("div",{className:"elementor-counter-number-wrapper",children:[(0,b.jsx)("span",{className:"elementor-counter-number",children:a?(0,b.jsx)(d,{from:1,to:99.9,decimals:1,suffix:""}):"1"}),(0,b.jsx)("span",{className:"elementor-counter-number-suffix",children:" %"})]})]})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter","data-id":"1da88b5-2","data-element_type":"widget","data-e-type":"widget","data-widget_type":"counter.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsxs)("div",{className:"elementor-counter",children:[(0,b.jsx)("div",{className:"elementor-counter-title",children:"Distance Saved"}),(0,b.jsxs)("div",{className:"elementor-counter-number-wrapper",children:[(0,b.jsx)("span",{className:"elementor-counter-number",children:a?(0,b.jsx)(d,{from:1,to:42,decimals:0,suffix:""}):"1"}),(0,b.jsx)("span",{className:"elementor-counter-number-suffix",children:" %"})]})]})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter","data-id":"1da88b5-3","data-element_type":"widget","data-e-type":"widget","data-widget_type":"counter.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsxs)("div",{className:"elementor-counter",children:[(0,b.jsx)("div",{className:"elementor-counter-title",children:"Fewer Vehicles"}),(0,b.jsxs)("div",{className:"elementor-counter-number-wrapper",children:[(0,b.jsx)("span",{className:"elementor-counter-number",children:a?(0,b.jsx)(d,{from:1,to:37,decimals:0,suffix:""}):"1"}),(0,b.jsx)("span",{className:"elementor-counter-number-suffix",children:" %"})]})]})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-a1cf3d4 elementor-widget elementor-widget-counter","data-id":"a1cf3d4","data-element_type":"widget","data-e-type":"widget","data-widget_type":"counter.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsxs)("div",{className:"elementor-counter",children:[(0,b.jsx)("div",{className:"elementor-counter-title",children:"Dispatch Latency"}),(0,b.jsxs)("div",{className:"elementor-counter-number-wrapper",children:[(0,b.jsx)("span",{className:"elementor-counter-number",children:a?(0,b.jsx)(d,{from:1,to:45,decimals:0,suffix:""}):"45"}),(0,b.jsx)("span",{className:"elementor-counter-number-suffix",children:"ms"})]})]})})})]})})})]})})]})}])},32245,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"BailoutToCSR",{enumerable:!0,get:function(){return e}});let d=a.r(41997);function e({reason:a,children:b}){throw Object.defineProperty(new d.BailoutToCSRError(a),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0})}},7773,(a,b,c)=>{"use strict";function d(a){return a.split("/").map(a=>encodeURIComponent(a)).join("/")}Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"encodeURIPath",{enumerable:!0,get:function(){return d}})},97458,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"PreloadChunks",{enumerable:!0,get:function(){return i}});let d=a.r(87924),e=a.r(35112),f=a.r(56704),g=a.r(7773),h=a.r(68063);function i({moduleIds:a}){let b=f.workAsyncStorage.getStore();if(void 0===b)return null;let c=[];if(b.reactLoadableManifest&&a){let d=b.reactLoadableManifest;for(let b of a){if(!d[b])continue;let a=d[b].files;c.push(...a)}}if(0===c.length)return null;let j=(0,h.getAssetTokenQuery)();return(0,d.jsx)(d.Fragment,{children:c.map(a=>{let c=`${b.assetPrefix}/_next/${(0,g.encodeURIPath)(a)}${j}`;return a.endsWith(".css")?(0,d.jsx)("link",{precedence:"dynamic",href:c,rel:"stylesheet",as:"style",nonce:b.nonce},a):((0,e.preload)(c,{as:"script",fetchPriority:"low",nonce:b.nonce}),null)})})}},69853,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"default",{enumerable:!0,get:function(){return j}});let d=a.r(87924),e=a.r(72131),f=a.r(32245),g=a.r(97458);function h(a){return{default:a&&"default"in a?a.default:a}}let i={loader:()=>Promise.resolve(h(()=>null)),loading:null,ssr:!0},j=function(a){let b={...i,...a},c=(0,e.lazy)(()=>b.loader().then(h)),j=b.loading;function k(a){let h=j?(0,d.jsx)(j,{isLoading:!0,pastDelay:!0,error:null}):null,i=!b.ssr||!!b.loading,k=i?e.Suspense:e.Fragment,l=b.ssr?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(g.PreloadChunks,{moduleIds:b.modules}),(0,d.jsx)(c,{...a})]}):(0,d.jsx)(f.BailoutToCSR,{reason:"next/dynamic",children:(0,d.jsx)(c,{...a})});return(0,d.jsx)(k,{...i?{fallback:h}:{},children:l})}return k.displayName="LoadableComponent",k}},19721,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"default",{enumerable:!0,get:function(){return e}});let d=a.r(33354)._(a.r(69853));function e(a,b){let c={};"function"==typeof a&&(c.loader=a);let e={...c,...b};return(0,d.default)({...e,modules:e.loadableGenerated?.modules})}("function"==typeof c.default||"object"==typeof c.default&&null!==c.default)&&void 0===c.default.__esModule&&(Object.defineProperty(c.default,"__esModule",{value:!0}),Object.assign(c.default,c),b.exports=c.default)},46271,62036,21520,1299,a=>{"use strict";let b,c,d,e=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],f=new Set([...e,"pathRotation"]),g=(a,b,c)=>c>b?b:c<a?a:c,h={test:a=>"number"==typeof a,parse:parseFloat,transform:a=>a},i={...h,transform:a=>g(0,1,a)},j={...h,default:1},k=a=>Math.round(1e5*a)/1e5,l=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu,m=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,n=(a,b)=>c=>!!("string"==typeof c&&m.test(c)&&c.startsWith(a)||b&&null!=c&&Object.prototype.hasOwnProperty.call(c,b)),o=(a,b,c)=>d=>{if("string"!=typeof d)return d;let[e,f,g,h]=d.match(l);return{[a]:parseFloat(e),[b]:parseFloat(f),[c]:parseFloat(g),alpha:void 0!==h?parseFloat(h):1}},p={...h,transform:a=>Math.round(g(0,255,a))},q={test:n("rgb","red"),parse:o("red","green","blue"),transform:({red:a,green:b,blue:c,alpha:d=1})=>"rgba("+p.transform(a)+", "+p.transform(b)+", "+p.transform(c)+", "+k(i.transform(d))+")"},r={test:n("#"),parse:function(a){let b="",c="",d="",e="";return a.length>5?(b=a.substring(1,3),c=a.substring(3,5),d=a.substring(5,7),e=a.substring(7,9)):(b=a.substring(1,2),c=a.substring(2,3),d=a.substring(3,4),e=a.substring(4,5),b+=b,c+=c,d+=d,e+=e),{red:parseInt(b,16),green:parseInt(c,16),blue:parseInt(d,16),alpha:e?parseInt(e,16)/255:1}},transform:q.transform},s=a=>({test:b=>"string"==typeof b&&b.endsWith(a)&&1===b.split(" ").length,parse:parseFloat,transform:b=>`${b}${a}`}),t=s("deg"),u=s("%"),v=s("px"),w=s("vh"),x=s("vw"),y={...u,parse:a=>u.parse(a)/100,transform:a=>u.transform(100*a)},z={test:n("hsl","hue"),parse:o("hue","saturation","lightness"),transform:({hue:a,saturation:b,lightness:c,alpha:d=1})=>"hsla("+Math.round(a)+", "+u.transform(k(b))+", "+u.transform(k(c))+", "+k(i.transform(d))+")"},A={test:a=>q.test(a)||r.test(a)||z.test(a),parse:a=>q.test(a)?q.parse(a):z.test(a)?z.parse(a):r.parse(a),transform:a=>"string"==typeof a?a:a.hasOwnProperty("red")?q.transform(a):z.transform(a),getAnimatableNone:a=>{let b=A.parse(a);return b.alpha=0,A.transform(b)}},B=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu,C="number",D="color",E=/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 F(a){let b=a.toString(),c=[],d={color:[],number:[],var:[]},e=[],f=0,g=b.replace(E,a=>(A.test(a)?(d.color.push(f),e.push(D),c.push(A.parse(a))):a.startsWith("var(")?(d.var.push(f),e.push("var"),c.push(a)):(d.number.push(f),e.push(C),c.push(parseFloat(a))),++f,"${}")).split("${}");return{values:c,split:g,indexes:d,types:e}}function G({split:a,types:b}){let c=a.length;return d=>{let e="";for(let f=0;f<c;f++)if(e+=a[f],void 0!==d[f]){let a=b[f];a===C?e+=k(d[f]):a===D?e+=A.transform(d[f]):e+=d[f]}return e}}let H={test:function(a){return isNaN(a)&&"string"==typeof a&&(a.match(l)?.length||0)+(a.match(B)?.length||0)>0},parse:function(a){return F(a).values},createTransformer:function(a){return G(F(a))},getAnimatableNone:function(a){let b=F(a);return G(b)(b.values.map((a,c)=>((a,b)=>"number"==typeof a?b?.trim().endsWith("/")?a:0:"number"==typeof a?0:A.test(a)?A.getAnimatableNone(a):a)(a,b.split[c])))}},I=new Set(["brightness","contrast","saturate","opacity"]);function J(a){let[b,c]=a.slice(0,-1).split("(");if("drop-shadow"===b)return a;let[d]=c.match(l)||[];if(!d)return a;let e=c.replace(d,""),f=+!!I.has(b);return d!==c&&(f*=100),b+"("+f+e+")"}let K=/\b([a-z-]*)\(.*?\)/gu,L={...H,getAnimatableNone:a=>{let b=a.match(K);return b?b.map(J).join(" "):a}},M={...H,getAnimatableNone:a=>{let b=H.parse(a);return H.createTransformer(a)(b.map(a=>"number"==typeof a?0:"object"==typeof a?{...a,alpha:1}:a))}},N={...h,transform:Math.round},O={borderWidth:v,borderTopWidth:v,borderRightWidth:v,borderBottomWidth:v,borderLeftWidth:v,borderRadius:v,borderTopLeftRadius:v,borderTopRightRadius:v,borderBottomRightRadius:v,borderBottomLeftRadius:v,width:v,maxWidth:v,height:v,maxHeight:v,top:v,right:v,bottom:v,left:v,inset:v,insetBlock:v,insetBlockStart:v,insetBlockEnd:v,insetInline:v,insetInlineStart:v,insetInlineEnd:v,padding:v,paddingTop:v,paddingRight:v,paddingBottom:v,paddingLeft:v,paddingBlock:v,paddingBlockStart:v,paddingBlockEnd:v,paddingInline:v,paddingInlineStart:v,paddingInlineEnd:v,margin:v,marginTop:v,marginRight:v,marginBottom:v,marginLeft:v,marginBlock:v,marginBlockStart:v,marginBlockEnd:v,marginInline:v,marginInlineStart:v,marginInlineEnd:v,fontSize:v,backgroundPositionX:v,backgroundPositionY:v,rotate:t,pathRotation:t,rotateX:t,rotateY:t,rotateZ:t,scale:j,scaleX:j,scaleY:j,scaleZ:j,skew:t,skewX:t,skewY:t,distance:v,translateX:v,translateY:v,translateZ:v,x:v,y:v,z:v,perspective:v,transformPerspective:v,opacity:i,originX:y,originY:y,originZ:v,zIndex:N,fillOpacity:i,strokeOpacity:i,numOctaves:N},P={...O,color:A,backgroundColor:A,outlineColor:A,fill:A,stroke:A,borderColor:A,borderTopColor:A,borderRightColor:A,borderBottomColor:A,borderLeftColor:A,filter:L,WebkitFilter:L,mask:M,WebkitMask:M},Q=a=>P[a],R=()=>({translate:0,scale:1,origin:0,originPoint:0}),S=()=>({x:R(),y:R()}),T=()=>({min:0,max:0}),U=()=>({x:T(),y:T()}),V=a=>!!(a&&a.getVelocity),W=new Set(["width","height","top","left","right","bottom",...e]),X=a=>b=>b.test(a),Y=[h,v,u,t,x,w,{test:a=>"auto"===a,parse:a=>a}],Z=a=>Y.find(X(a)),$=()=>{},_=()=>{},aa=a=>b=>"string"==typeof b&&b.startsWith(a),ab=aa("--"),ac=aa("var(--"),ad=a=>!!ac(a)&&ae.test(a.split("/*")[0].trim()),ae=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function af(a){return"string"==typeof a&&a.split("/*")[0].includes("var(--")}let ag=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u,ah=a=>180*a/Math.PI,ai=a=>ak(ah(Math.atan2(a[1],a[0]))),aj={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:a=>(Math.abs(a[0])+Math.abs(a[3]))/2,rotate:ai,rotateZ:ai,skewX:a=>ah(Math.atan(a[1])),skewY:a=>ah(Math.atan(a[2])),skew:a=>(Math.abs(a[1])+Math.abs(a[2]))/2},ak=a=>((a%=360)<0&&(a+=360),a),al=a=>Math.sqrt(a[0]*a[0]+a[1]*a[1]),am=a=>Math.sqrt(a[4]*a[4]+a[5]*a[5]),an={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:al,scaleY:am,scale:a=>(al(a)+am(a))/2,rotateX:a=>ak(ah(Math.atan2(a[6],a[5]))),rotateY:a=>ak(ah(Math.atan2(-a[2],a[0]))),rotateZ:ai,rotate:ai,skewX:a=>ah(Math.atan(a[4])),skewY:a=>ah(Math.atan(a[1])),skew:a=>(Math.abs(a[1])+Math.abs(a[4]))/2};function ao(a){return+!!a.includes("scale")}function ap(a,b){let c,d;if(!a||"none"===a)return ao(b);let e=a.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);if(e)c=an,d=e;else{let b=a.match(/^matrix\(([-\d.e\s,]+)\)$/u);c=aj,d=b}if(!d)return ao(b);let f=c[b],g=d[1].split(",").map(aq);return"function"==typeof f?f(g):g[f]}function aq(a){return parseFloat(a.trim())}let ar=a=>a===h||a===v,as=new Set(["x","y","z"]),at=e.filter(a=>!as.has(a)),au={width:({x:a},{paddingLeft:b="0",paddingRight:c="0",boxSizing:d})=>{let e=a.max-a.min;return"border-box"===d?e:e-parseFloat(b)-parseFloat(c)},height:({y:a},{paddingTop:b="0",paddingBottom:c="0",boxSizing:d})=>{let e=a.max-a.min;return"border-box"===d?e:e-parseFloat(b)-parseFloat(c)},top:(a,{top:b})=>parseFloat(b),left:(a,{left:b})=>parseFloat(b),bottom:({y:a},{top:b})=>parseFloat(b)+(a.max-a.min),right:({x:a},{left:b})=>parseFloat(b)+(a.max-a.min),x:(a,{transform:b})=>ap(b,"x"),y:(a,{transform:b})=>ap(b,"y")};au.translateX=au.x,au.translateY=au.y;let av=a=>a,aw={},ax=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ay(a,b){let c=!1,d=!0,e={delta:0,timestamp:0,isProcessing:!1},f=()=>c=!0,g=ax.reduce((a,c)=>(a[c]=function(a,b){let c=new Set,d=new Set,e=!1,f=!1,g=new WeakSet,h={delta:0,timestamp:0,isProcessing:!1},i=0;function j(b){g.has(b)&&(k.schedule(b),a()),i++,b(h)}let k={schedule:(a,b=!1,f=!1)=>{let h=f&&e?c:d;return b&&g.add(a),h.add(a),a},cancel:a=>{d.delete(a),g.delete(a)},process:a=>{if(h=a,e){f=!0;return}e=!0;let g=c;c=d,d=g,c.forEach(j),b,i=0,c.clear(),e=!1,f&&(f=!1,k.process(a))}};return k}(f,b?c:void 0),a),{}),{setup:h,read:i,resolveKeyframes:j,preUpdate:k,update:l,preRender:m,render:n,postRender:o}=g,p=()=>{let f=aw.useManualTiming,g=f?e.timestamp:performance.now();c=!1,f||(e.delta=d?1e3/60:Math.max(Math.min(g-e.timestamp,40),1)),e.timestamp=g,e.isProcessing=!0,h.process(e),i.process(e),j.process(e),k.process(e),l.process(e),m.process(e),n.process(e),o.process(e),e.isProcessing=!1,c&&b&&(d=!1,a(p))};return{schedule:ax.reduce((b,f)=>{let h=g[f];return b[f]=(b,f=!1,g=!1)=>(!c&&(c=!0,d=!0,e.isProcessing||a(p)),h.schedule(b,f,g)),b},{}),cancel:a=>{for(let b=0;b<ax.length;b++)g[ax[b]].cancel(a)},state:e,steps:g}}let{schedule:az,cancel:aA,state:aB,steps:aC}=ay("u">typeof requestAnimationFrame?requestAnimationFrame:av,!0),aD=new Set,aE=!1,aF=!1,aG=!1;function aH(){if(aF){let a=Array.from(aD).filter(a=>a.needsMeasurement),b=new Set(a.map(a=>a.element)),c=new Map;b.forEach(a=>{let b,d=(b=[],at.forEach(c=>{let d=a.getValue(c);void 0!==d&&(b.push([c,d.get()]),d.set(+!!c.startsWith("scale")))}),b);d.length&&(c.set(a,d),a.render())}),a.forEach(a=>a.measureInitialState()),b.forEach(a=>{a.render();let b=c.get(a);b&&b.forEach(([b,c])=>{a.getValue(b)?.set(c)})}),a.forEach(a=>a.measureEndState()),a.forEach(a=>{void 0!==a.suspendedScrollY&&window.scrollTo(0,a.suspendedScrollY)})}aF=!1,aE=!1,aD.forEach(a=>a.complete(aG)),aD.clear()}function aI(){aD.forEach(a=>{a.readKeyframes(),a.needsMeasurement&&(aF=!0)})}class aJ{constructor(a,b,c,d,e,f=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...a],this.onComplete=b,this.name=c,this.motionValue=d,this.element=e,this.isAsync=f}scheduleResolve(){this.state="scheduled",this.isAsync?(aD.add(this),aE||(aE=!0,az.read(aI),az.resolveKeyframes(aH))):(this.readKeyframes(),this.complete())}readKeyframes(){let{unresolvedKeyframes:a,name:b,element:c,motionValue:d}=this;if(null===a[0]){let e=d?.get(),f=a[a.length-1];if(void 0!==e)a[0]=e;else if(c&&b){let d=c.readValue(b,f);null!=d&&(a[0]=d)}void 0===a[0]&&(a[0]=f),d&&void 0===e&&d.set(a[0])}for(let b=1;b<a.length;b++)a[b]??(a[b]=a[b-1])}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(a=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,a),aD.delete(this)}cancel(){"scheduled"===this.state&&(aD.delete(this),this.state="pending")}resume(){"pending"===this.state&&this.scheduleResolve()}}let aK=new Set([L,M]);function aL(a,b){let c=Q(a);return aK.has(c)||(c=H),c.getAnimatableNone?c.getAnimatableNone(b):void 0}let aM=new Set(["auto","none","0"]);class aN extends aJ{constructor(a,b,c,d,e){super(a,b,c,d,e,!0)}readKeyframes(){let{unresolvedKeyframes:a,element:b,name:c}=this;if(!b||!b.current)return;super.readKeyframes();for(let c=0;c<a.length;c++){let d=a[c];if("string"==typeof d&&ad(d=d.trim())){let e=function a(b,c,d=1){_(d<=4,`Max CSS variable fallback depth detected in property "${b}". This may indicate a circular fallback dependency.`,"max-css-var-depth");let[e,f]=function(a){let b=ag.exec(a);if(!b)return[,];let[,c,d,e]=b;return[`--${c??d}`,e]}(b);if(!e)return;let g=window.getComputedStyle(c).getPropertyValue(e);if(g){let a=g.trim();return/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(a)?parseFloat(a):a}return ad(f)?a(f,c,d+1):f}(d,b.current);void 0!==e&&(a[c]=e),c===a.length-1&&(this.finalKeyframe=d)}}if(this.resolveNoneKeyframes(),!W.has(c)||2!==a.length)return;let[d,e]=a,f=Z(d),g=Z(e);if(af(d)!==af(e)&&au[c]){this.needsMeasurement=!0;return}if(f!==g)if(ar(f)&&ar(g))for(let b=0;b<a.length;b++){let c=a[b];"string"==typeof c&&(a[b]=parseFloat(c))}else au[c]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){let{unresolvedKeyframes:a,name:b}=this,c=[];for(let b=0;b<a.length;b++)(null===a[b]||function(a){if("number"==typeof a)return 0===a;if(null===a)return!0;return"none"===a||"0"===a||/^0[^.\s]+$/u.test(a)}(a[b]))&&c.push(b);c.length&&function(a,b,c){let d,e=0;for(;e<a.length&&!d;){let b=a[e];"string"==typeof b&&!aM.has(b)&&F(b).values.length&&(d=a[e]),e++}if(d&&c)for(let e of b)a[e]=aL(c,d)}(a,c,b)}measureInitialState(){let{element:a,unresolvedKeyframes:b,name:c}=this;if(!a||!a.current)return;"height"===c&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=au[c](a.measureViewportBox(),window.getComputedStyle(a.current)),b[0]=this.measuredOrigin;let d=b[b.length-1];void 0!==d&&a.getValue(c,d).jump(d,!1)}measureEndState(){let{element:a,name:b,unresolvedKeyframes:c}=this;if(!a||!a.current)return;let d=a.getValue(b);d&&d.jump(this.measuredOrigin,!1);let e=c.length-1,f=c[e];c[e]=au[b](a.measureViewportBox(),window.getComputedStyle(a.current)),null!==f&&void 0===this.finalKeyframe&&(this.finalKeyframe=f),this.removedTransforms?.length&&this.removedTransforms.forEach(([b,c])=>{a.getValue(b).set(c)}),this.resolveNoneKeyframes()}}let aO=a=>1e3*a;function aP(a,b){-1===a.indexOf(b)&&a.push(b)}function aQ(a,b){let c=a.indexOf(b);c>-1&&a.splice(c,1)}class aR{constructor(){this.subscriptions=[]}add(a){return aP(this.subscriptions,a),()=>aQ(this.subscriptions,a)}notify(a,b,c){let d=this.subscriptions.length;if(d)if(1===d)this.subscriptions[0](a,b,c);else for(let e=0;e<d;e++){let d=this.subscriptions[e];d&&d(a,b,c)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function aS(a,b,c){b.startsWith("--")?a.style.setProperty(b,c):a.style[b]=c}function aT(a){let b;return()=>(void 0===b&&(b=a()),b)}let aU={};function aV(a,b){let c=aT(a);return()=>aU[b]??c()}let aW=aV(()=>void 0!==window.ScrollTimeline,"scrollTimeline"),aX=a=>null!==a;function aY(a,{repeat:b,repeatType:c="loop"},d,e=1){let f=a.filter(aX),g=e<0||b&&"loop"!==c&&b%2==1?0:f.length-1;return g&&void 0!==d?d:f[g]}class aZ{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(a=>{this.resolve=a})}notifyFinished(){this.resolve()}then(a,b){return this.finished.then(a,b)}}let a$={layout:0,mainThread:0,waapi:0},a_=a=>Array.isArray(a)&&"number"==typeof a[0],a0=aV(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch(a){return!1}return!0},"linearEasing"),a1=(a,b,c=10)=>{let d="",e=Math.max(Math.round(b/c),2);for(let b=0;b<e;b++)d+=Math.round(1e4*a(b/(e-1)))/1e4+", ";return`linear(${d.substring(0,d.length-2)})`},a2=([a,b,c,d])=>`cubic-bezier(${a}, ${b}, ${c}, ${d})`,a3={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:a2([0,.65,.55,1]),circOut:a2([.55,0,1,.45]),backIn:a2([.31,.01,.66,-.59]),backOut:a2([.33,1.53,.69,.99])};function a4(a){return"function"==typeof a&&"applyToOptions"in a}class a5 extends aZ{constructor(a){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!a)return;const{element:b,name:c,keyframes:d,pseudoElement:e,allowFlatten:f=!1,finalKeyframe:g,onComplete:h}=a;this.isPseudoElement=!!e,this.allowFlatten=f,this.options=a,_("string"!=typeof a.type,'Mini animate() doesn\'t support "type" as a string.',"mini-spring");const i=function({type:a,...b}){return a4(a)&&a0()?a.applyToOptions(b):(b.duration??(b.duration=300),b.ease??(b.ease="easeOut"),b)}(a);this.animation=function(a,b,c,{delay:d=0,duration:e=300,repeat:f=0,repeatType:g="loop",ease:h="easeOut",times:i}={},j){let k={[b]:c};i&&(k.offset=i);let l=function a(b,c){if(b)return"function"==typeof b?a0()?a1(b,c):"ease-out":a_(b)?a2(b):Array.isArray(b)?b.map(b=>a(b,c)||a3.easeOut):a3[b]}(h,e);Array.isArray(l)&&(k.easing=l);let m={delay:d,duration:e,easing:Array.isArray(l)?"linear":l,fill:"both",iterations:f+1,direction:"reverse"===g?"alternate":"normal"};j&&(m.pseudoElement=j);let n=a.animate(k,m);return n}(b,c,d,i,e),!1===i.autoplay&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!e){let a=aY(d,this.options,g,this.speed);this.updateMotionValue&&this.updateMotionValue(a),aS(b,c,a),this.animation.cancel()}h?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),"finished"===this.state&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch(a){}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state:a}=this;"idle"!==a&&"finished"!==a&&(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){let a=this.options?.element;!this.isPseudoElement&&a?.isConnected&&this.animation.commitStyles?.()}get duration(){return Number(this.animation.effect?.getComputedTiming?.().duration||0)/1e3}get iterationDuration(){let{delay:a=0}=this.options||{};return this.duration+a/1e3}get time(){return(Number(this.animation.currentTime)||0)/1e3}set time(a){let b=null!==this.finishedTime;this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=aO(a),b&&this.animation.pause()}get speed(){return this.animation.playbackRate}set speed(a){a<0&&(this.finishedTime=null),this.animation.playbackRate=a}get state(){return null!==this.finishedTime?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(a){this.manualStartTime=this.animation.startTime=a}attachTimeline({timeline:a,rangeStart:b,rangeEnd:c,observe:d}){return(this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,a&&aW())?(this.animation.timeline=a,b&&(this.animation.rangeStart=b),c&&(this.animation.rangeEnd=c),av):d(this)}}let a6=new Set(["opacity","clipPath","filter","transform"]),{schedule:a7}=ay(queueMicrotask,!1);function a8(){b=void 0}let a9={now:()=>(void 0===b&&a9.set(aB.isProcessing||aw.useManualTiming?aB.timestamp:performance.now()),b),set:a=>{b=a,queueMicrotask(a8)}},ba=(a,b)=>b?1e3/b*a:0,bb={current:void 0};class bc{constructor(a,b={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=a=>{let b=a9.now();if(this.updatedAt!==b&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(a),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let a of this.dependents)a.dirty()},this.hasAnimated=!1,this.setCurrent(a),this.owner=b.owner}setCurrent(a){this.current=a,this.updatedAt=a9.now(),null===this.canTrackVelocity&&void 0!==a&&(this.canTrackVelocity=!isNaN(parseFloat(this.current)))}setPrevFrameValue(a=this.current){this.prevFrameValue=a,this.prevUpdatedAt=this.updatedAt}onChange(a){return this.on("change",a)}on(a,b){this.events[a]||(this.events[a]=new aR);let c=this.events[a].add(b);return"change"===a?()=>{c(),az.read(()=>{this.events.change.getSize()||this.stop()})}:c}clearListeners(){for(let a in this.events)this.events[a].clear()}attach(a,b){this.passiveEffect=a,this.stopPassiveEffect=b}set(a){this.passiveEffect?this.passiveEffect(a,this.updateAndNotify):this.updateAndNotify(a)}setWithVelocity(a,b,c){this.set(b),this.prev=void 0,this.prevFrameValue=a,this.prevUpdatedAt=this.updatedAt-c}jump(a,b=!0){this.updateAndNotify(a),this.prev=a,this.prevUpdatedAt=this.prevFrameValue=void 0,b&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(a){this.dependents||(this.dependents=new Set),this.dependents.add(a)}removeDependent(a){this.dependents&&this.dependents.delete(a)}get(){return bb.current&&bb.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let a=a9.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||a-this.updatedAt>30)return 0;let b=Math.min(this.updatedAt-this.prevUpdatedAt,30);return ba(parseFloat(this.current)-parseFloat(this.prevFrameValue),b)}start(a){return this.stop(),new Promise(b=>{this.hasAnimated=!0,this.animation=a(b),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.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function bd(a,b){return new bc(a,b)}let be=[...Y,A,H],bf=new WeakMap;function bg(a){return null!==a&&"object"==typeof a&&"function"==typeof a.start}function bh(a){return"string"==typeof a||Array.isArray(a)}let bi=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],bj=["initial",...bi];function bk(a){return bg(a.animate)||bj.some(b=>bh(a[b]))}function bl(a){return!!(bk(a)||a.variants)}let bm={current:!1};function bn(a){let b=[{},{}];return a?.values.forEach((a,c)=>{b[0][c]=a.get(),b[1][c]=a.getVelocity()}),b}function bo(a,b,c,d){if("function"==typeof b){let[e,f]=bn(d);b=b(void 0!==c?c:a.custom,e,f)}if("string"==typeof b&&(b=a.variants&&a.variants[b]),"function"==typeof b){let[e,f]=bn(d);b=b(void 0!==c?c:a.custom,e,f)}return b}let bp=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],bq={};class br{scrapeMotionValuesFromProps(a,b,c){return{}}constructor({parent:a,props:b,presenceContext:c,reducedMotionConfig:d,skipAnimations:e,blockInitialAnimation:f,visualState:g},h={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.shouldSkipAnimations=!1,this.values=new Map,this.KeyframeResolver=aJ,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.hasBeenMounted=!1,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=()=>{let a=a9.now();this.renderScheduledAt<a&&(this.renderScheduledAt=a,az.render(this.render,!1,!0))};const{latestValues:i,renderState:j}=g;this.latestValues=i,this.baseTarget={...i},this.initialValues=b.initial?{...i}:{},this.renderState=j,this.parent=a,this.props=b,this.presenceContext=c,this.depth=a?a.depth+1:0,this.reducedMotionConfig=d,this.skipAnimationsConfig=e,this.options=h,this.blockInitialAnimation=!!f,this.isControllingVariants=bk(b),this.isVariantNode=bl(b),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(a&&a.current);const{willChange:k,...l}=this.scrapeMotionValuesFromProps(b,{},this);for(const a in l){const b=l[a];void 0!==i[a]&&V(b)&&b.set(i[a])}}mount(a){if(this.hasBeenMounted)for(let a in this.initialValues)this.values.get(a)?.jump(this.initialValues[a]),this.latestValues[a]=this.initialValues[a];this.current=a,bf.set(a,this),this.projection&&!this.projection.instance&&this.projection.mount(a),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((a,b)=>this.bindToMotionValue(b,a)),"never"===this.reducedMotionConfig?this.shouldReduceMotion=!1:"always"===this.reducedMotionConfig?this.shouldReduceMotion=!0:(bm.current||(bm.current=!0),this.shouldReduceMotion=null),this.shouldSkipAnimations=this.skipAnimationsConfig??!1,this.parent?.addChild(this),this.update(this.props,this.presenceContext),this.hasBeenMounted=!0}unmount(){for(let a in this.projection&&this.projection.unmount(),aA(this.notifyUpdate),aA(this.render),this.valueSubscriptions.forEach(a=>a()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this),this.events)this.events[a].clear();for(let a in this.features){let b=this.features[a];b&&(b.unmount(),b.isMounted=!1)}this.current=null}addChild(a){this.children.add(a),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(a)}removeChild(a){this.children.delete(a),this.enteringChildren&&this.enteringChildren.delete(a)}bindToMotionValue(a,b){let c;if(this.valueSubscriptions.has(a)&&this.valueSubscriptions.get(a)(),b.accelerate&&a6.has(a)&&this.current instanceof HTMLElement){let{factory:c,keyframes:d,times:e,ease:f,duration:g}=b.accelerate,h=new a5({element:this.current,name:a,keyframes:d,times:e,ease:f,duration:aO(g)}),i=c(h);this.valueSubscriptions.set(a,()=>{i(),h.cancel()});return}let d=f.has(a);d&&this.onBindTransform&&this.onBindTransform();let e=b.on("change",b=>{this.latestValues[a]=b,this.props.onUpdate&&az.preRender(this.notifyUpdate),d&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});this.valueSubscriptions.set(a,()=>{e(),c&&c()})}sortNodePosition(a){return this.current&&this.sortInstanceNodePosition&&this.type===a.type?this.sortInstanceNodePosition(this.current,a.current):0}updateFeatures(){let a="animation";for(a in bq){let b=bq[a];if(!b)continue;let{isEnabled:c,Feature:d}=b;if(!this.features[a]&&d&&c(this.props)&&(this.features[a]=new d(this)),this.features[a]){let b=this.features[a];b.isMounted?b.update():(b.mount(),b.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):U()}getStaticValue(a){return this.latestValues[a]}setStaticValue(a,b){this.latestValues[a]=b}update(a,b){(a.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=a,this.prevPresenceContext=this.presenceContext,this.presenceContext=b;for(let b=0;b<bp.length;b++){let c=bp[b];this.propEventSubscriptions[c]&&(this.propEventSubscriptions[c](),delete this.propEventSubscriptions[c]);let d=a["on"+c];d&&(this.propEventSubscriptions[c]=this.on(c,d))}this.prevMotionValues=function(a,b,c){for(let d in b){let e=b[d],f=c[d];if(V(e))a.addValue(d,e);else if(V(f))a.addValue(d,bd(e,{owner:a}));else if(f!==e)if(a.hasValue(d)){let b=a.getValue(d);!0===b.liveStyle?b.jump(e):b.hasAnimated||b.set(e)}else{let b=a.getStaticValue(d);a.addValue(d,bd(void 0!==b?b:e,{owner:a}))}}for(let d in c)void 0===b[d]&&a.removeValue(d);return b}(this,this.scrapeMotionValuesFromProps(a,this.prevProps||{},this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(a){return this.props.variants?this.props.variants[a]: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(a){let b=this.getClosestVariantNode();if(b)return b.variantChildren&&b.variantChildren.add(a),()=>b.variantChildren.delete(a)}addValue(a,b){let c=this.values.get(a);b!==c&&(c&&this.removeValue(a),this.bindToMotionValue(a,b),this.values.set(a,b),this.latestValues[a]=b.get())}removeValue(a){this.values.delete(a);let b=this.valueSubscriptions.get(a);b&&(b(),this.valueSubscriptions.delete(a)),delete this.latestValues[a],this.removeValueFromRenderState(a,this.renderState)}hasValue(a){return this.values.has(a)}getValue(a,b){if(this.props.values&&this.props.values[a])return this.props.values[a];let c=this.values.get(a);return void 0===c&&void 0!==b&&(c=bd(null===b?void 0:b,{owner:this}),this.addValue(a,c)),c}readValue(a,b){let c=void 0===this.latestValues[a]&&this.current?this.getBaseTargetFromProps(this.props,a)??this.readValueFromInstance(this.current,a,this.options):this.latestValues[a];if(null!=c){let d,e;if("string"==typeof c&&(d=c,/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(d)||(e=c,/^0[^.\s]+$/u.test(e))))c=parseFloat(c);else{let d;d=c,!be.find(X(d))&&H.test(b)&&(c=aL(a,b))}this.setBaseTarget(a,V(c)?c.get():c)}return V(c)?c.get():c}setBaseTarget(a,b){this.baseTarget[a]=b}getBaseTarget(a){let b,{initial:c}=this.props;if("string"==typeof c||"object"==typeof c){let d=bo(this.props,c,this.presenceContext?.custom);d&&(b=d[a])}if(c&&void 0!==b)return b;let d=this.getBaseTargetFromProps(this.props,a);return void 0===d||V(d)?void 0!==this.initialValues[a]&&void 0===b?void 0:this.baseTarget[a]:d}on(a,b){return this.events[a]||(this.events[a]=new aR),this.events[a].add(b)}notify(a,...b){this.events[a]&&this.events[a].notify(...b)}scheduleRenderMicrotask(){a7.render(this.render)}}class bs extends br{constructor(){super(...arguments),this.KeyframeResolver=aN}sortInstanceNodePosition(a,b){return 2&a.compareDocumentPosition(b)?1:-1}getBaseTargetFromProps(a,b){let c=a.style;return c?c[b]:void 0}removeValueFromRenderState(a,{vars:b,style:c}){delete b[a],delete c[a]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);let{children:a}=this.props;V(a)&&(this.childSubscription=a.on("change",a=>{this.current&&(this.current.textContent=`${a}`)}))}}function bt(a){return a.replace(/([A-Z])/g,a=>`-${a.toLowerCase()}`)}let bu=(a,b)=>b&&"number"==typeof a?b.transform(a):a,bv={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},bw=e.length;function bx(a,b,c){let{style:d,vars:g,transformOrigin:h}=a,i=!1,j=!1;for(let a in b){let c=b[a];if(f.has(a)){i=!0;continue}if(ab(a)){g[a]=c;continue}{let b=bu(c,O[a]);a.startsWith("origin")?(j=!0,h[a]=b):d[a]=b}}if(!b.transform&&(i||c?d.transform=function(a,b,c){let d="",f=!0;for(let g=0;g<bw;g++){let h=e[g],i=a[h];if(void 0===i)continue;let j=!0;if("number"==typeof i)j=i===+!!h.startsWith("scale");else{let a=parseFloat(i);j=h.startsWith("scale")?1===a:0===a}if(!j||c){let a=bu(i,O[h]);if(!j){f=!1;let b=bv[h]||h;d+=`${b}(${a}) `}c&&(b[h]=a)}}let g=a.pathRotation;return g&&(f=!1,d+=`rotate(${bu(g,O.pathRotation)}) `),d=d.trim(),c?d=c(b,f?"":d):f&&(d="none"),d}(b,a.transform,c):d.transform&&(d.transform="none")),j){let{originX:a="50%",originY:b="50%",originZ:c=0}=h;d.transformOrigin=`${a} ${b} ${c}`}}let by={offset:"stroke-dashoffset",array:"stroke-dasharray"},bz={offset:"strokeDashoffset",array:"strokeDasharray"},bA=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function bB(a,{attrX:b,attrY:c,attrScale:d,pathLength:e,pathSpacing:f=1,pathOffset:g=0,...h},i,j,k){if(bx(a,h,j),i){a.style.viewBox&&(a.attrs.viewBox=a.style.viewBox);return}a.attrs=a.style,a.style={};let{attrs:l,style:m}=a;for(let a of(l.transform&&(m.transform=l.transform,delete l.transform),(m.transform||l.transformOrigin)&&(m.transformOrigin=l.transformOrigin??"50% 50%",delete l.transformOrigin),m.transform&&(m.transformBox=k?.transformBox??"fill-box",delete l.transformBox),bA))void 0!==l[a]&&(m[a]=l[a],delete l[a]);void 0!==b&&(l.x=b),void 0!==c&&(l.y=c),void 0!==d&&(l.scale=d),void 0!==e&&function(a,b,c=1,d=0,e=!0){a.pathLength=1;let f=e?by:bz;a[f.offset]=`${-d}`,a[f.array]=`${b} ${c}`}(l,e,f,g,!1)}let bC=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"]),bD=a=>"string"==typeof a&&"svg"===a.toLowerCase();function bE(a,{style:b,vars:c},d,e){let f,g=a.style;for(f in b)g[f]=b[f];for(f in e?.applyProjectionStyles(g,d),c)g.setProperty(f,c[f])}function bF(a,b){return b.max===b.min?0:a/(b.max-b.min)*100}let bG={correct:(a,b)=>{if(!b.target)return a;if("string"==typeof a)if(!v.test(a))return a;else a=parseFloat(a);let c=bF(a,b.target.x),d=bF(a,b.target.y);return`${c}% ${d}%`}},bH=(a,b,c)=>a+(b-a)*c,bI={borderRadius:{...bG,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:bG,borderTopRightRadius:bG,borderBottomLeftRadius:bG,borderBottomRightRadius:bG,boxShadow:{correct:(a,{treeScale:b,projectionDelta:c})=>{let d=H.parse(a);if(d.length>5)return a;let e=H.createTransformer(a),f=+("number"!=typeof d[0]),g=c.x.scale*b.x,h=c.y.scale*b.y;d[0+f]/=g,d[1+f]/=h;let i=bH(g,h,.5);return"number"==typeof d[2+f]&&(d[2+f]/=i),"number"==typeof d[3+f]&&(d[3+f]/=i),e(d)}}};function bJ(a,{layout:b,layoutId:c}){return f.has(a)||a.startsWith("origin")||(b||void 0!==c)&&(!!bI[a]||"opacity"===a)}function bK(a,b,c){let d=a.style,e=b?.style,f={};if(!d)return f;for(let b in d)(V(d[b])||e&&V(e[b])||bJ(b,a)||c?.getValue(b)?.liveStyle!==void 0)&&(f[b]=d[b]);return f}function bL(a,b,c){let d=bK(a,b,c);for(let c in a)(V(a[c])||V(b[c]))&&(d[-1!==e.indexOf(c)?"attr"+c.charAt(0).toUpperCase()+c.substring(1):c]=a[c]);return d}class bM extends bs{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=U}getBaseTargetFromProps(a,b){return a[b]}readValueFromInstance(a,b){if(f.has(b)){let a=Q(b);return a&&a.default||0}return b=bC.has(b)?b:bt(b),a.getAttribute(b)}scrapeMotionValuesFromProps(a,b,c){return bL(a,b,c)}build(a,b,c){bB(a,b,this.isSVGTag,c.transformTemplate,c.style)}renderInstance(a,b,c,d){for(let c in bE(a,b,void 0,d),b.attrs)a.setAttribute(bC.has(c)?c:bt(c),b.attrs[c])}mount(a){this.isSVGTag=bD(a.tagName),super.mount(a)}}function bN({top:a,left:b,right:c,bottom:d}){return{x:{min:b,max:c},y:{min:a,max:d}}}function bO(a){return void 0===a||1===a}function bP({scale:a,scaleX:b,scaleY:c}){return!bO(a)||!bO(b)||!bO(c)}function bQ(a){return bP(a)||bR(a)||a.z||a.rotate||a.rotateX||a.rotateY||a.skewX||a.skewY}function bR(a){var b,c;return(b=a.x)&&"0%"!==b||(c=a.y)&&"0%"!==c}function bS(a,b,c,d,e){return void 0!==e&&(a=d+e*(a-d)),d+c*(a-d)+b}function bT(a,b=0,c=1,d,e){a.min=bS(a.min,b,c,d,e),a.max=bS(a.max,b,c,d,e)}function bU(a,{x:b,y:c}){bT(a.x,b.translate,b.scale,b.originPoint),bT(a.y,c.translate,c.scale,c.originPoint)}function bV(a,b){a.min+=b,a.max+=b}function bW(a,b,c,d,e=.5){let f=bH(a.min,a.max,e);bT(a,b,c,f,d)}function bX(a,b){return"string"==typeof a?parseFloat(a)/100*(b.max-b.min):a}function bY(a,b,c){let d=c??a;bW(a.x,bX(b.x,d.x),b.scaleX,b.scale,b.originX),bW(a.y,bX(b.y,d.y),b.scaleY,b.scale,b.originY)}function bZ(a,b){return bN(function(a,b){if(!b)return a;let c=b({x:a.left,y:a.top}),d=b({x:a.right,y:a.bottom});return{top:c.y,left:c.x,bottom:d.y,right:d.x}}(a.getBoundingClientRect(),b))}class b$ extends bs{constructor(){super(...arguments),this.type="html",this.renderInstance=bE}readValueFromInstance(a,b){if(f.has(b))return this.projection?.isProjecting?ao(b):((a,b)=>{let{transform:c="none"}=getComputedStyle(a);return ap(c,b)})(a,b);{let c=window.getComputedStyle(a),d=(ab(b)?c.getPropertyValue(b):c[b])||0;return"string"==typeof d?d.trim():d}}measureInstanceViewportBox(a,{transformPagePoint:b}){return bZ(a,b)}build(a,b,c){bx(a,b,c.transformTemplate)}scrapeMotionValuesFromProps(a,b,c){return bK(a,b,c)}}var b_,b0=a.i(72131);let b1=["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 b2(a){if("string"!=typeof a||a.includes("-"));else if(b1.indexOf(a)>-1||/[A-Z]/u.test(a))return!0;return!1}var b3=a.i(87924);let b4=(0,b0.createContext)({});(0,b0.createContext)({strict:!1});let b5=(0,b0.createContext)({transformPagePoint:a=>a,isStatic:!1,reducedMotion:"never"}),b6=(0,b0.createContext)({});function b7(a){return Array.isArray(a)?a.join(" "):a}let b8=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function b9(a,b,c){for(let d in b)V(b[d])||bJ(d,c)||(a[d]=b[d])}let ca=()=>({...b8(),attrs:{}}),cb=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","propagate","ignoreStrict","viewport"]);function cc(a){return a.startsWith("while")||a.startsWith("drag")&&"draggable"!==a||a.startsWith("layout")||a.startsWith("onTap")||a.startsWith("onPan")||a.startsWith("onLayout")||cb.has(a)}let cd=a=>!cc(a);try{b_=(()=>{let a=Error("Cannot find module '@emotion/is-prop-valid'");throw a.code="MODULE_NOT_FOUND",a})().default,"function"==typeof b_&&(cd=a=>a.startsWith("on")?!cc(a):b_(a))}catch{}function ce(a){return V(a)?a.get():a}let cf=(0,b0.createContext)(null);function cg(a){let b=(0,b0.useRef)(null);return null===b.current&&(b.current=a()),b.current}let ch=a=>(b,c)=>{let d=(0,b0.useContext)(b6),e=(0,b0.useContext)(cf),f=()=>(function({scrapeMotionValuesFromProps:a,createRenderState:b},c,d,e){return{latestValues:function(a,b,c,d){let e={},f=d(a,{});for(let a in f)e[a]=ce(f[a]);let{initial:g,animate:h}=a,i=bk(a),j=bl(a);b&&j&&!i&&!1!==a.inherit&&(void 0===g&&(g=b.initial),void 0===h&&(h=b.animate));let k=!!c&&!1===c.initial,l=(k=k||!1===g)?h:g;if(l&&"boolean"!=typeof l&&!bg(l)){let b=Array.isArray(l)?l:[l];for(let c=0;c<b.length;c++){let d=bo(a,b[c]);if(d){let{transitionEnd:a,transition:b,...c}=d;for(let a in c){let b=c[a];if(Array.isArray(b)){let a=k?b.length-1:0;b=b[a]}null!==b&&(e[a]=b)}for(let b in a)e[b]=a[b]}}}return e}(c,d,e,a),renderState:b()}})(a,b,d,e);return c?f():cg(f)},ci=ch({scrapeMotionValuesFromProps:bK,createRenderState:b8}),cj=ch({scrapeMotionValuesFromProps:bL,createRenderState:ca}),ck={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"]},cl=!1,cm=Symbol.for("motionComponentSymbol");function cn(a,{forwardMotionProps:b=!1,type:c}={},d,e){d&&function(a){let b=(!function(){if(cl)return;let a={};for(let b in ck)a[b]={isEnabled:a=>ck[b].some(b=>!!a[b])};bq=a,cl=!0}(),bq);for(let c in a)b[c]={...b[c],...a[c]};bq=b}(d);let f=c?"svg"===c:b2(a),g=f?cj:ci;function h(c,d){var e;let h,i,j,k={...(0,b0.useContext)(b5),...c,layoutId:function({layoutId:a}){let b=(0,b0.useContext)(b4).id;return b&&void 0!==a?b+"-"+a:a}(c)},{isStatic:l}=k,m=function(a){let{initial:b,animate:c}=function(a,b){if(bk(a)){let{initial:b,animate:c}=a;return{initial:!1===b||bh(b)?b:void 0,animate:bh(c)?c:void 0}}return!1!==a.inherit?b:{}}(a,(0,b0.useContext)(b6));return(0,b0.useMemo)(()=>({initial:b,animate:c}),[b7(b),b7(c)])}(c),n=g(c,l);return(0,b3.jsxs)(b6.Provider,{value:m,children:[h&&m.visualElement?(0,b3.jsx)(h,{visualElement:m.visualElement,...k}):null,function(a,b,c,{latestValues:d},e,f=!1,g){let h=(g??b2(a)?function(a,b,c,d){let e=(0,b0.useMemo)(()=>{let c=ca();return bB(c,b,bD(d),a.transformTemplate,a.style),{...c.attrs,style:{...c.style}}},[b]);if(a.style){let b={};b9(b,a.style,a),e.style={...b,...e.style}}return e}:function(a,b){let c,d,e={},f=(c=a.style||{},b9(d={},c,a),Object.assign(d,function({transformTemplate:a},b){return(0,b0.useMemo)(()=>{let c=b8();return bx(c,b,a),Object.assign({},c.vars,c.style)},[b])}(a,b)),d);return a.drag&&!1!==a.dragListener&&(e.draggable=!1,f.userSelect=f.WebkitUserSelect=f.WebkitTouchCallout="none",f.touchAction=!0===a.drag?"none":`pan-${"x"===a.drag?"y":"x"}`),void 0===a.tabIndex&&(a.onTap||a.onTapStart||a.whileTap)&&(e.tabIndex=0),e.style=f,e})(b,d,e,a),i=function(a,b,c){let d={};for(let e in a)("values"!==e||"object"!=typeof a.values)&&!V(a[e])&&(cd(e)||!0===c&&cc(e)||!b&&!cc(e)||a.draggable&&e.startsWith("onDrag"))&&(d[e]=a[e]);return d}(b,"string"==typeof a,f),j=a!==b0.Fragment?{...i,...h,ref:c}:{},{children:k}=b,l=(0,b0.useMemo)(()=>V(k)?k.get():k,[k]);return(0,b0.createElement)(a,{...j,children:l})}(a,c,(e=m.visualElement,i=(0,b0.useRef)(d),(0,b0.useInsertionEffect)(()=>{i.current=d}),j=(0,b0.useRef)(null),(0,b0.useCallback)(a=>{a&&n.onMount?.(a),e&&(a?e.mount(a):e.unmount());let b=i.current;if("function"==typeof b)if(a){let c=b(a);"function"==typeof c&&(j.current=c)}else j.current?(j.current(),j.current=null):b(a);else b&&(b.current=a)},[e])),n,l,b,f)]})}h.displayName=`motion.${"string"==typeof a?a:`create(${a.displayName??a.name??""})`}`;let i=(0,b0.forwardRef)(h);return i[cm]=a,i}class co{constructor(a){this.isMounted=!1,this.node=a}update(){}}function cp(a,b,c){let d=a.getProps();return bo(d,b,void 0!==c?c:d.custom,a)}function cq(a,b){if(a?.inherit&&b){let{inherit:c,...d}=a;return{...b,...d}}return a}function cr(a,b){let c=a?.[b]??a?.default??a;return c!==a?cq(c,a):c}let cs=a=>Array.isArray(a);function ct(a,b){let c=a.getValue("willChange");if(V(c)&&c.add)return c.add(b);if(!c&&aw.WillChange){let c=new aw.WillChange("auto");a.addValue("willChange",c),c.add(b)}}let cu="data-"+bt("framerAppearId"),cv=(...a)=>a.reduce((a,b)=>c=>b(a(c)));function cw(a,b,c){return(c<0&&(c+=1),c>1&&(c-=1),c<1/6)?a+(b-a)*6*c:c<.5?b:c<2/3?a+(b-a)*(2/3-c)*6:a}function cx(a,b){return c=>c>0?b:a}let cy=(a,b,c)=>{let d=a*a,e=c*(b*b-d)+d;return e<0?0:Math.sqrt(e)},cz=[r,q,z];function cA(a){let b=cz.find(b=>b.test(a));if($(!!b,`'${a}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!b)return!1;let c=b.parse(a);return b===z&&(c=function({hue:a,saturation:b,lightness:c,alpha:d}){a/=360,c/=100;let e=0,f=0,g=0;if(b/=100){let d=c<.5?c*(1+b):c+b-c*b,h=2*c-d;e=cw(h,d,a+1/3),f=cw(h,d,a),g=cw(h,d,a-1/3)}else e=f=g=c;return{red:Math.round(255*e),green:Math.round(255*f),blue:Math.round(255*g),alpha:d}}(c)),c}let cB=(a,b)=>{let c=cA(a),d=cA(b);if(!c||!d)return cx(a,b);let e={...c};return a=>(e.red=cy(c.red,d.red,a),e.green=cy(c.green,d.green,a),e.blue=cy(c.blue,d.blue,a),e.alpha=bH(c.alpha,d.alpha,a),q.transform(e))},cC=new Set(["none","hidden"]);function cD(a,b){return c=>bH(a,b,c)}function cE(a){return"number"==typeof a?cD:"string"==typeof a?ad(a)?cx:A.test(a)?cB:cH:Array.isArray(a)?cF:"object"==typeof a?A.test(a)?cB:cG:cx}function cF(a,b){let c=[...a],d=c.length,e=a.map((a,c)=>cE(a)(a,b[c]));return a=>{for(let b=0;b<d;b++)c[b]=e[b](a);return c}}function cG(a,b){let c={...a,...b},d={};for(let e in c)void 0!==a[e]&&void 0!==b[e]&&(d[e]=cE(a[e])(a[e],b[e]));return a=>{for(let b in d)c[b]=d[b](a);return c}}let cH=(a,b)=>{let c=H.createTransformer(b),d=F(a),e=F(b);if(!(d.indexes.var.length===e.indexes.var.length&&d.indexes.color.length===e.indexes.color.length&&d.indexes.number.length>=e.indexes.number.length))return $(!0,`Complex values '${a}' and '${b}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),cx(a,b);if(cC.has(a)&&!e.values.length||cC.has(b)&&!d.values.length)return cC.has(a)?c=>c<=0?a:b:c=>c>=1?b:a;return cv(cF(function(a,b){let c=[],d={color:0,var:0,number:0};for(let e=0;e<b.values.length;e++){let f=b.types[e],g=a.indexes[f][d[f]],h=a.values[g]??0;c[e]=h,d[f]++}return c}(d,e),e.values),c)};function cI(a,b,c){return"number"==typeof a&&"number"==typeof b&&"number"==typeof c?bH(a,b,c):cE(a)(a,b)}let cJ=a=>{let b=({timestamp:b})=>a(b);return{start:(a=!0)=>az.update(b,a),stop:()=>aA(b),now:()=>aB.isProcessing?aB.timestamp:a9.now()}};function cK(a){let b=0,c=a.next(b);for(;!c.done&&b<2e4;)b+=50,c=a.next(b);return b>=2e4?1/0:b}let cL=.01,cM=2,cN=.005,cO=.5;function cP(a,b){return a*Math.sqrt(1-b*b)}let cQ=["duration","bounce"],cR=["stiffness","damping","mass"];function cS(a,b){return b.some(b=>void 0!==a[b])}function cT(a=.3,b=.3){let c,d,e,f,h,i,j="object"!=typeof a?{visualDuration:a,keyframes:[0,1],bounce:b}:a,{restSpeed:k,restDelta:l}=j,m=j.keyframes[0],n=j.keyframes[j.keyframes.length-1],o={done:!1,value:m},{stiffness:p,damping:q,mass:r,duration:s,velocity:t,isResolvedFromDuration:u}=function(a){let b={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...a};if(!cS(a,cR)&&cS(a,cQ))if(b.velocity=0,a.visualDuration){let c=2*Math.PI/(1.2*a.visualDuration),d=c*c,e=2*g(.05,1,1-(a.bounce||0))*Math.sqrt(d);b={...b,mass:1,stiffness:d,damping:e}}else{let c=function({duration:a=800,bounce:b=.3,velocity:c=0,mass:d=1}){let e,f;$(a<=aO(10),"Spring duration must be 10 seconds or less","spring-duration-limit");let h=1-b;h=g(.05,1,h),a=g(.01,10,a/1e3),h<1?(e=b=>{let d=b*h,e=d*a;return .001-(d-c)/cP(b,h)*Math.exp(-e)},f=b=>{let d=b*h*a,f=Math.pow(h,2)*Math.pow(b,2)*a,g=Math.exp(-d),i=cP(Math.pow(b,2),h);return(d*c+c-f)*g*(-e(b)+.001>0?-1:1)/i}):(e=b=>-.001+Math.exp(-b*a)*((b-c)*a+1),f=b=>a*a*(c-b)*Math.exp(-b*a));let i=function(a,b,c){let d=c;for(let c=1;c<12;c++)d-=a(d)/b(d);return d}(e,f,5/a);if(a=aO(a),isNaN(i))return{stiffness:100,damping:10,duration:a};{let b=Math.pow(i,2)*d;return{stiffness:b,damping:2*h*Math.sqrt(d*b),duration:a}}}({...a,velocity:0});(b={...b,...c,mass:1}).isResolvedFromDuration=!0}return b}({...j,velocity:-((j.velocity||0)/1e3)}),v=t||0,w=q/(2*Math.sqrt(p*r)),x=n-m,y=Math.sqrt(p/r)/1e3,z=5>Math.abs(x);if(k||(k=z?cL:cM),l||(l=z?cN:cO),w<1)e=cP(y,w),f=(v+w*y*x)/e,c=a=>n-Math.exp(-w*y*a)*(f*Math.sin(e*a)+x*Math.cos(e*a)),h=w*y*f+x*e,i=w*y*x-f*e,d=a=>Math.exp(-w*y*a)*(h*Math.sin(e*a)+i*Math.cos(e*a));else if(1===w){c=a=>n-Math.exp(-y*a)*(x+(v+y*x)*a);let a=v+y*x;d=b=>Math.exp(-y*b)*(y*a*b-v)}else{let a=y*Math.sqrt(w*w-1);c=b=>{let c=Math.exp(-w*y*b),d=Math.min(a*b,300);return n-c*((v+w*y*x)*Math.sinh(d)+a*x*Math.cosh(d))/a};let b=(v+w*y*x)/a,e=w*y*b-x*a,f=w*y*x-b*a;d=b=>{let c=Math.exp(-w*y*b),d=Math.min(a*b,300);return c*(e*Math.sinh(d)+f*Math.cosh(d))}}let A={calculatedDuration:u&&s||null,velocity:a=>aO(d(a)),next:a=>{if(!u&&w<1){let b=Math.exp(-w*y*a),c=Math.sin(e*a),d=Math.cos(e*a),g=n-b*(f*c+x*d);return o.done=Math.abs(aO(b*(h*c+i*d)))<=k&&Math.abs(n-g)<=l,o.value=o.done?n:g,o}let b=c(a);return u?o.done=a>=s:o.done=Math.abs(aO(d(a)))<=k&&Math.abs(n-b)<=l,o.value=o.done?n:b,o},toString:()=>{let a=Math.min(cK(A),2e4),b=a1(b=>A.next(a*b).value,a,30);return a+"ms "+b},toTransition:()=>{}};return A}function cU(a,b,c){let d=Math.max(b-5,0);return ba(c-a(d),b-d)}function cV({keyframes:a,velocity:b=0,power:c=.8,timeConstant:d=325,bounceDamping:e=10,bounceStiffness:f=500,modifyTarget:g,min:h,max:i,restDelta:j=.5,restSpeed:k}){let l,m,n=a[0],o={done:!1,value:n},p=c*b,q=n+p,r=void 0===g?q:g(q);r!==q&&(p=r-n);let s=a=>-p*Math.exp(-a/d),t=a=>r+s(a),u=a=>{let b=s(a),c=t(a);o.done=Math.abs(b)<=j,o.value=o.done?r:c},v=a=>{let b;if(b=o.value,void 0!==h&&b<h||void 0!==i&&b>i){var c;l=a,m=cT({keyframes:[o.value,(c=o.value,void 0===h?i:void 0===i||Math.abs(h-c)<Math.abs(i-c)?h:i)],velocity:cU(t,a,o.value),damping:e,stiffness:f,restDelta:j,restSpeed:k})}};return v(0),{calculatedDuration:null,next:a=>{let b=!1;return(m||void 0!==l||(b=!0,u(a),v(a)),void 0!==l&&a>=l)?m.next(a-l):(b||u(a),o)}}}cT.applyToOptions=a=>{let b=function(a,b=100,c){let d=c({...a,keyframes:[0,b]}),e=Math.min(cK(d),2e4);return{type:"keyframes",ease:a=>d.next(e*a).value/b,duration:e/1e3}}(a,100,cT);return a.ease=b.ease,a.duration=aO(b.duration),a.type="keyframes",a};let cW=(a,b,c)=>(((1-3*c+3*b)*a+(3*c-6*b))*a+3*b)*a;function cX(a,b,c,d){return a===b&&c===d?av:e=>0===e||1===e?e:cW(function(a,b,c,d,e){let f,g,h=0;do(f=cW(g=b+(c-b)/2,d,e)-a)>0?c=g:b=g;while(Math.abs(f)>1e-7&&++h<12)return g}(e,0,1,a,c),b,d)}let cY=cX(.42,0,1,1),cZ=cX(0,0,.58,1),c$=cX(.42,0,.58,1),c_=a=>b=>b<=.5?a(2*b)/2:(2-a(2*(1-b)))/2,c0=a=>b=>1-a(1-b),c1=cX(.33,1.53,.69,.99),c2=c0(c1),c3=c_(c2),c4=a=>a>=1?1:(a*=2)<1?.5*c2(a):.5*(2-Math.pow(2,-10*(a-1))),c5=a=>1-Math.sin(Math.acos(a)),c6=c0(c5),c7=c_(c5),c8={linear:av,easeIn:cY,easeInOut:c$,easeOut:cZ,circIn:c5,circInOut:c7,circOut:c6,backIn:c2,backInOut:c3,backOut:c1,anticipate:c4},c9=a=>{if(a_(a)){_(4===a.length,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");let[b,c,d,e]=a;return cX(b,c,d,e)}return"string"==typeof a?(_(void 0!==c8[a],`Invalid easing type '${a}'`,"invalid-easing-type"),c8[a]):a},da=(a,b,c)=>{let d=b-a;return d?(c-a)/d:1};function db(a,b,{clamp:c=!0,ease:d,mixer:e}={}){let f=a.length;if(_(f===b.length,"Both input and output ranges must be the same length","range-length"),1===f)return()=>b[0];if(2===f&&b[0]===b[1])return()=>b[1];let h=a[0]===a[1];a[0]>a[f-1]&&(a=[...a].reverse(),b=[...b].reverse());let i=function(a,b,c){let d=[],e=c||aw.mix||cI,f=a.length-1;for(let c=0;c<f;c++){let f=e(a[c],a[c+1]);b&&(f=cv(Array.isArray(b)?b[c]||av:b,f)),d.push(f)}return d}(b,d,e),j=i.length,k=c=>{if(h&&c<a[0])return b[0];let d=0;if(j>1)for(;d<a.length-2&&!(c<a[d+1]);d++);let e=da(a[d],a[d+1],c);return i[d](e)};return c?b=>k(g(a[0],a[f-1],b)):k}function dc({duration:a=300,keyframes:b,times:c,ease:d="easeInOut"}){var e;let f,g=Array.isArray(d)&&"number"!=typeof d[0]?d.map(c9):c9(d),h={done:!1,value:b[0]},i=db((e=c&&c.length===b.length?c:(!function(a,b){let c=a[a.length-1];for(let d=1;d<=b;d++){let e=da(0,b,d);a.push(bH(c,1,e))}}(f=[0],b.length-1),f),e.map(b=>b*a)),b,{ease:Array.isArray(g)?g:b.map(()=>g||c$).splice(0,b.length-1)});return{calculatedDuration:a,next:b=>(h.value=i(b),h.done=b>=a,h)}}let dd={decay:cV,inertia:cV,tween:dc,keyframes:dc,spring:cT};function de(a){"string"==typeof a.type&&(a.type=dd[a.type])}let df=a=>a/100;class dg extends aZ{constructor(a){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{let{motionValue:a}=this.options;a&&a.updatedAt!==a9.now()&&this.tick(a9.now()),this.isStopped=!0,"idle"!==this.state&&(this.teardown(),this.options.onStop?.())},a$.mainThread++,this.options=a,this.initAnimation(),this.play(),!1===a.autoplay&&this.pause()}initAnimation(){let{options:a}=this;de(a);let{type:b=dc,repeat:c=0,repeatDelay:d=0,repeatType:e,velocity:f=0}=a,{keyframes:g}=a,h=b||dc;h!==dc&&"number"!=typeof g[0]&&(this.mixKeyframes=cv(df,cI(g[0],g[1])),g=[0,100]);let i=h({...a,keyframes:g});"mirror"===e&&(this.mirroredGenerator=h({...a,keyframes:[...g].reverse(),velocity:-f})),null===i.calculatedDuration&&(i.calculatedDuration=cK(i));let{calculatedDuration:j}=i;this.calculatedDuration=j,this.resolvedDuration=j+d,this.totalDuration=this.resolvedDuration*(c+1)-d,this.generator=i}updateTime(a){let b=Math.round(a-this.startTime)*this.playbackSpeed;null!==this.holdTime?this.currentTime=this.holdTime:this.currentTime=b}tick(a,b=!1){let c,{generator:d,totalDuration:e,mixKeyframes:f,mirroredGenerator:h,resolvedDuration:i,calculatedDuration:j}=this;if(null===this.startTime)return d.next(0);let{delay:k=0,keyframes:l,repeat:m,repeatType:n,repeatDelay:o,type:p,onUpdate:q,finalKeyframe:r}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,a):this.speed<0&&(this.startTime=Math.min(a-e/this.speed,this.startTime)),b?this.currentTime=a:this.updateTime(a);let s=this.currentTime-k*(this.playbackSpeed>=0?1:-1),t=this.playbackSpeed>=0?s<0:s>e;this.currentTime=Math.max(s,0),"finished"===this.state&&null===this.holdTime&&(this.currentTime=e);let u=this.currentTime,v=d;if(m){let a=Math.min(this.currentTime,e)/i,b=Math.floor(a),c=a%1;!c&&a>=1&&(c=1),1===c&&b--,(b=Math.min(b,m+1))%2&&("reverse"===n?(c=1-c,o&&(c-=o/i)):"mirror"===n&&(v=h)),u=g(0,1,c)*i}t?(this.delayState.value=l[0],c=this.delayState):c=v.next(u),f&&!t&&(c.value=f(c.value));let{done:w}=c;t||null===j||(w=this.playbackSpeed>=0?this.currentTime>=e:this.currentTime<=0);let x=null===this.holdTime&&("finished"===this.state||"running"===this.state&&w);return x&&p!==cV&&(c.value=aY(l,this.options,r,this.speed)),q&&q(c.value),x&&this.finish(),c}then(a,b){return this.finished.then(a,b)}get duration(){return this.calculatedDuration/1e3}get iterationDuration(){let{delay:a=0}=this.options||{};return this.duration+a/1e3}get time(){return this.currentTime/1e3}set time(a){a=aO(a),this.currentTime=a,null===this.startTime||null!==this.holdTime||0===this.playbackSpeed?this.holdTime=a:this.driver&&(this.startTime=this.driver.now()-a/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=a,this.tick(a))}getGeneratorVelocity(){let a=this.currentTime;if(a<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(a);let b=this.generator.next(a).value;return cU(a=>this.generator.next(a).value,a,b)}get speed(){return this.playbackSpeed}set speed(a){let b=this.playbackSpeed!==a;b&&this.driver&&this.updateTime(a9.now()),this.playbackSpeed=a,b&&this.driver&&(this.time=this.currentTime/1e3)}play(){if(this.isStopped)return;let{driver:a=cJ,startTime:b}=this.options;this.driver||(this.driver=a(a=>this.tick(a))),this.options.onPlay?.();let c=this.driver.now();"finished"===this.state?(this.updateFinished(),this.startTime=c):null!==this.holdTime?this.startTime=c-this.holdTime:this.startTime||(this.startTime=b??c),"finished"===this.state&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(a9.now()),this.holdTime=this.currentTime}complete(){"running"!==this.state&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null,a$.mainThread--}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(a){return this.startTime=0,this.tick(a,!0)}attachTimeline(a){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),a.observe(this)}}let dh={anticipate:c4,backInOut:c3,circInOut:c7};class di extends a5{constructor(a){!function(a){"string"==typeof a.ease&&a.ease in dh&&(a.ease=dh[a.ease])}(a),de(a),super(a),void 0!==a.startTime&&!1!==a.autoplay&&(this.startTime=a.startTime),this.options=a}updateMotionValue(a){let{motionValue:b,onUpdate:c,onComplete:d,element:e,...f}=this.options;if(!b)return;if(void 0!==a)return void b.set(a);let h=new dg({...f,autoplay:!1}),i=Math.max(10,a9.now()-this.startTime),j=g(0,10,i-10),k=h.sample(i).value,{name:l}=this.options;e&&l&&aS(e,l,k),b.setWithVelocity(h.sample(Math.max(0,i-j)).value,k,j),h.stop()}}let dj=(a,b)=>"zIndex"!==b&&!!("number"==typeof a||Array.isArray(a)||"string"==typeof a&&(H.test(a)||"0"===a)&&!a.startsWith("url("));function dk(a){a.duration=0,a.type="keyframes"}let dl=/^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/,dm=new Set(["color","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"]),dn=aT(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));class dp extends aZ{constructor({autoplay:a=!0,delay:b=0,type:c="keyframes",repeat:d=0,repeatDelay:e=0,repeatType:f="loop",keyframes:g,name:h,motionValue:i,element:j,...k}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=a9.now();const l={autoplay:a,delay:b,type:c,repeat:d,repeatDelay:e,repeatType:f,name:h,motionValue:i,element:j,...k},m=j?.KeyframeResolver||aJ;this.keyframeResolver=new m(g,(a,b,c)=>this.onKeyframesResolved(a,b,l,!c),h,i,j),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(a,b,c,d){let e;this.keyframeResolver=void 0;let{name:f,type:g,velocity:h,delay:i,isHandoff:j,onUpdate:k}=c;this.resolvedAt=a9.now();let l=!0;!function(a,b,c,d){let e=a[0];if(null===e)return!1;if("display"===b||"visibility"===b)return!0;let f=a[a.length-1],g=dj(e,b),h=dj(f,b);return $(g===h,`You are trying to animate ${b} from "${e}" to "${f}". "${g?f:e}" is not an animatable value.`,"value-not-animatable"),!!g&&!!h&&(function(a){let b=a[0];if(1===a.length)return!0;for(let c=0;c<a.length;c++)if(a[c]!==b)return!0}(a)||("spring"===c||a4(c))&&d)}(a,f,g,h)&&(l=!1,(aw.instantAnimations||!i)&&k?.(aY(a,c,b)),a[0]=a[a.length-1],dk(c),c.repeat=0);let m={startTime:d?this.resolvedAt&&this.resolvedAt-this.createdAt>40?this.resolvedAt:this.createdAt:void 0,finalKeyframe:b,...c,keyframes:a},n=l&&!j&&function(a){let{motionValue:b,name:c,repeatDelay:d,repeatType:e,damping:f,type:g,keyframes:h}=a;if(!(b?.owner?.current instanceof HTMLElement))return!1;let{onUpdate:i,transformTemplate:j}=b.owner.getProps();return dn()&&c&&(a6.has(c)||dm.has(c)&&function(a){for(let b=0;b<a.length;b++)if("string"==typeof a[b]&&dl.test(a[b]))return!0;return!1}(h))&&("transform"!==c||!j)&&!i&&!d&&"mirror"!==e&&0!==f&&"inertia"!==g}(m),o=m.motionValue?.owner?.current;if(n)try{e=new di({...m,element:o})}catch{e=new dg(m)}else e=new dg(m);e.finished.then(()=>{this.notifyFinished()}).catch(av),this.pendingTimeline&&(this.stopTimeline=e.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=e}get finished(){return this._animation?this.animation.finished:this._finished}then(a,b){return this.finished.finally(a).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),aG=!0,aI(),aH(),aG=!1),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(a){this.animation.time=a}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(a){this.animation.speed=a}get startTime(){return this.animation.startTime}attachTimeline(a){return this._animation?this.stopTimeline=this.animation.attachTimeline(a):this.pendingTimeline=a,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}let dq={type:"spring",stiffness:500,damping:25,restSpeed:10},dr={type:"keyframes",duration:.8},ds={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},dt=new Set(["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from","elapsed"]),du=(a,b,c,d={},e,g)=>h=>{let i=cr(d,a)||{},j=i.delay||d.delay||0,{elapsed:k=0}=d;k-=aO(j);let l={keyframes:Array.isArray(c)?c:[null,c],ease:"easeOut",velocity:b.getVelocity(),...i,delay:-k,onUpdate:a=>{b.set(a),i.onUpdate&&i.onUpdate(a)},onComplete:()=>{h(),i.onComplete&&i.onComplete()},name:a,motionValue:b,element:g?void 0:e};!function(a){for(let b in a)if(!dt.has(b))return!0;return!1}(i)&&Object.assign(l,((a,{keyframes:b})=>b.length>2?dr:f.has(a)?a.startsWith("scale")?{type:"spring",stiffness:550,damping:0===b[1]?2*Math.sqrt(550):30,restSpeed:10}:dq:ds)(a,l)),l.duration&&(l.duration=aO(l.duration)),l.repeatDelay&&(l.repeatDelay=aO(l.repeatDelay)),void 0!==l.from&&(l.keyframes[0]=l.from);let m=!1;if(!1!==l.type&&(0!==l.duration||l.repeatDelay)||(dk(l),0===l.delay&&(m=!0)),(aw.instantAnimations||aw.skipAnimations||e?.shouldSkipAnimations||i.skipAnimations)&&(m=!0,dk(l),l.delay=0),l.allowFlatten=!i.type&&!i.ease,m&&!g&&void 0!==b.get()){let a=aY(l.keyframes,i);if(void 0!==a)return void az.update(()=>{l.onUpdate(a),l.onComplete()})}return i.isSync?new dg(l):new dp(l)};function dv(a,b,{delay:c=0,transitionOverride:d,type:e}={}){let{transition:f,transitionEnd:g,...h}=b,i=a.getDefaultTransition();f=f?cq(f,i):i;let j=f?.reduceMotion,k=f?.skipAnimations;d&&(f=d);let l=[],m=e&&a.animationState&&a.animationState.getState()[e],n=f?.path;for(let b in n&&n.animateVisualElement(a,h,f,c,l),h){let d=a.getValue(b,a.latestValues[b]??null),e=h[b];if(void 0===e||m&&function({protectedKeys:a,needsAnimating:b},c){let d=a.hasOwnProperty(c)&&!0!==b[c];return b[c]=!1,d}(m,b))continue;let g={delay:c,...cr(f||{},b)};k&&(g.skipAnimations=!0);let i=d.get();if(void 0!==i&&!d.isAnimating()&&!Array.isArray(e)&&e===i&&!g.velocity){az.update(()=>d.set(e));continue}let n=!1;if(window.MotionHandoffAnimation){let c=a.props[cu];if(c){let a=window.MotionHandoffAnimation(c,b,az);null!==a&&(g.startTime=a,n=!0)}}ct(a,b);let o=j??a.shouldReduceMotion;d.start(du(b,d,e,o&&W.has(b)?{type:!1}:g,a,n));let p=d.animation;p&&l.push(p)}if(g){let b=()=>az.update(()=>{g&&function(a,b){let{transitionEnd:c={},transition:d={},...e}=cp(a,b)||{};for(let b in e={...e,...c}){var f;let c=cs(f=e[b])?f[f.length-1]||0:f;a.hasValue(b)?a.getValue(b).set(c):a.addValue(b,bd(c))}}(a,g)});l.length?Promise.all(l).then(b):b()}return l}function dw(a,b,c,d=0,e=1){let f=Array.from(a).sort((a,b)=>a.sortNodePosition(b)).indexOf(b),g=a.size,h=(g-1)*d;return"function"==typeof c?c(f,g):1===e?f*d:h-f*d}function dx(a,b,c={}){let d=cp(a,b,"exit"===c.type?a.presenceContext?.custom:void 0),{transition:e=a.getDefaultTransition()||{}}=d||{};c.transitionOverride&&(e=c.transitionOverride);let f=d?()=>Promise.all(dv(a,d,c)):()=>Promise.resolve(),g=a.variantChildren&&a.variantChildren.size?(d=0)=>{let{delayChildren:f=0,staggerChildren:g,staggerDirection:h}=e;return function(a,b,c=0,d=0,e=0,f=1,g){let h=[];for(let i of a.variantChildren)i.notify("AnimationStart",b),h.push(dx(i,b,{...g,delay:c+("function"==typeof d?0:d)+dw(a.variantChildren,i,d,e,f)}).then(()=>i.notify("AnimationComplete",b)));return Promise.all(h)}(a,b,d,f,g,h,c)}:()=>Promise.resolve(),{when:h}=e;if(!h)return Promise.all([f(),g(c.delay)]);{let[a,b]="beforeChildren"===h?[f,g]:[g,f];return a().then(()=>b())}}let dy=bj.length;function dz(a,b){if(!Array.isArray(b))return!1;let c=b.length;if(c!==a.length)return!1;for(let d=0;d<c;d++)if(b[d]!==a[d])return!1;return!0}let dA=[...bi].reverse(),dB=bi.length;function dC(a=!1){return{isActive:a,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function dD(){return{animate:dC(!0),whileInView:dC(),whileHover:dC(),whileTap:dC(),whileDrag:dC(),whileFocus:dC(),exit:dC()}}let dE=0;function dF(a){return[a("x"),a("y")]}function dG(a,b,c,d={passive:!0}){return a.addEventListener(b,c,d),()=>a.removeEventListener(b,c)}let dH={x:!1,y:!1};function dI(a){return a.max-a.min}function dJ(a,b,c,d=.5){a.origin=d,a.originPoint=bH(b.min,b.max,a.origin),a.scale=dI(c)/dI(b),a.translate=bH(c.min,c.max,a.origin)-a.originPoint,(a.scale>=.9999&&a.scale<=1.0001||isNaN(a.scale))&&(a.scale=1),(a.translate>=-.01&&a.translate<=.01||isNaN(a.translate))&&(a.translate=0)}function dK(a,b,c,d){dJ(a.x,b.x,c.x,d?d.originX:void 0),dJ(a.y,b.y,c.y,d?d.originY:void 0)}function dL(a,b,c,d=0){a.min=(d?bH(c.min,c.max,d):c.min)+b.min,a.max=a.min+dI(b)}function dM(a,b,c,d=0){let e=d?bH(c.min,c.max,d):c.min;a.min=b.min-e,a.max=a.min+dI(b)}function dN(a,b,c,d){dM(a.x,b.x,c.x,d?.x),dM(a.y,b.y,c.y,d?.y)}let dO=a=>"object"==typeof a&&null!==a;function dP(a){return dO(a)&&"ownerSVGElement"in a}function dQ(a,b,c){if(null==a)return[];if(a instanceof EventTarget)return[a];if("string"==typeof a){let d=document;b&&(d=b.current);let e=c?.[a]??d.querySelectorAll(a);return e?Array.from(e):[]}return Array.from(a).filter(a=>null!=a)}let dR=new WeakMap,dS=(a,b,c)=>(d,e)=>e&&e[0]?e[0][a+"Size"]:dP(d)&&"getBBox"in d?d.getBBox()[b]:d[c],dT=dS("inline","width","offsetWidth"),dU=dS("block","height","offsetHeight");function dV({target:a,borderBoxSize:b}){dR.get(a)?.forEach(c=>{c(a,{get width(){return dT(a,b)},get height(){return dU(a,b)}})})}function dW(a){a.forEach(dV)}let dX=new Set;function dY(a,b){let e;return"function"==typeof a?(dX.add(a),d||(d=()=>{let a={get width(){return window.innerWidth},get height(){return window.innerHeight}};dX.forEach(b=>b(a))},window.addEventListener("resize",d)),()=>{dX.delete(a),dX.size||"function"!=typeof d||(window.removeEventListener("resize",d),d=void 0)}):(!c&&"u">typeof ResizeObserver&&(c=new ResizeObserver(dW)),(e=dQ(a)).forEach(a=>{let d=dR.get(a);d||(d=new Set,dR.set(a,d)),d.add(b),c?.observe(a)}),()=>{e.forEach(a=>{let d=dR.get(a);d?.delete(b),d?.size||c?.unobserve(a)})})}let dZ=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]),d$=new Set(["INPUT","SELECT","TEXTAREA"]),d_=a=>"mouse"===a.pointerType?"number"!=typeof a.button||a.button<=0:!1!==a.isPrimary;function d0(a){return{point:{x:a.pageX,y:a.pageY}}}function d1(a,b,c,d){return dG(a,b,a=>d_(a)&&c(a,d0(a)),d)}let d2=({current:a})=>a?a.ownerDocument.defaultView:null;function d3(a){return a&&"object"==typeof a&&Object.prototype.hasOwnProperty.call(a,"current")}let d4=(a,b)=>Math.abs(a-b),d5=new Set(["auto","scroll"]);class d6{constructor(a,b,{transformPagePoint:c,contextWindow:d=window,dragSnapToOrigin:e=!1,distanceThreshold:f=3,element:g}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=a=>{this.handleScroll(a.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{var a,b;if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;this.lastRawMoveEventInfo&&(this.lastMoveEventInfo=d7(this.lastRawMoveEventInfo,this.transformPagePoint));let c=d9(this.lastMoveEventInfo,this.history),d=null!==this.startEvent,e=(a=c.offset,b={x:0,y:0},Math.sqrt(d4(a.x,b.x)**2+d4(a.y,b.y)**2)>=this.distanceThreshold);if(!d&&!e)return;let{point:f}=c,{timestamp:g}=aB;this.history.push({...f,timestamp:g});let{onStart:h,onMove:i}=this.handlers;d||(h&&h(this.lastMoveEvent,c),this.startEvent=this.lastMoveEvent),i&&i(this.lastMoveEvent,c)},this.handlePointerMove=(a,b)=>{this.lastMoveEvent=a,this.lastRawMoveEventInfo=b,this.lastMoveEventInfo=d7(b,this.transformPagePoint),az.update(this.updatePoint,!0)},this.handlePointerUp=(a,b)=>{this.end();let{onEnd:c,onSessionEnd:d,resumeAnimation:e}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&e&&e(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let f=d9("pointercancel"===a.type?this.lastMoveEventInfo:d7(b,this.transformPagePoint),this.history);this.startEvent&&c&&c(a,f),d&&d(a,f)},!d_(a))return;this.dragSnapToOrigin=e,this.handlers=b,this.transformPagePoint=c,this.distanceThreshold=f,this.contextWindow=d||window;const h=d7(d0(a),this.transformPagePoint),{point:i}=h,{timestamp:j}=aB;this.history=[{...i,timestamp:j}];const{onSessionStart:k}=b;k&&k(a,d9(h,this.history)),this.removeListeners=cv(d1(this.contextWindow,"pointermove",this.handlePointerMove),d1(this.contextWindow,"pointerup",this.handlePointerUp),d1(this.contextWindow,"pointercancel",this.handlePointerUp)),g&&this.startScrollTracking(g)}startScrollTracking(a){let b=a.parentElement;for(;b;){let a=getComputedStyle(b);(d5.has(a.overflowX)||d5.has(a.overflowY))&&this.scrollPositions.set(b,{x:b.scrollLeft,y:b.scrollTop}),b=b.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0}),window.addEventListener("scroll",this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(a){let b=this.scrollPositions.get(a);if(!b)return;let c=a===window,d=c?{x:window.scrollX,y:window.scrollY}:{x:a.scrollLeft,y:a.scrollTop},e={x:d.x-b.x,y:d.y-b.y};(0!==e.x||0!==e.y)&&(c?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=e.x,this.lastMoveEventInfo.point.y+=e.y):this.history.length>0&&(this.history[0].x-=e.x,this.history[0].y-=e.y),this.scrollPositions.set(a,d),az.update(this.updatePoint,!0))}updateHandlers(a){this.handlers=a}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),aA(this.updatePoint)}}function d7(a,b){return b?{point:b(a.point)}:a}function d8(a,b){return{x:a.x-b.x,y:a.y-b.y}}function d9({point:a},b){return{point:a,delta:d8(a,ea(b)),offset:d8(a,b[0]),velocity:function(a){if(a.length<2)return{x:0,y:0};let b=a.length-1,c=null,d=ea(a);for(;b>=0&&(c=a[b],!(d.timestamp-c.timestamp>aO(.1)));)b--;if(!c)return{x:0,y:0};c===a[0]&&a.length>2&&d.timestamp-c.timestamp>2*aO(.1)&&(c=a[1]);let e=(d.timestamp-c.timestamp)/1e3;if(0===e)return{x:0,y:0};let f={x:(d.x-c.x)/e,y:(d.y-c.y)/e};return f.x===1/0&&(f.x=0),f.y===1/0&&(f.y=0),f}(b)}}function ea(a){return a[a.length-1]}function eb(a,b,c){return{min:void 0!==b?a.min+b:void 0,max:void 0!==c?a.max+c-(a.max-a.min):void 0}}function ec(a,b){let c=b.min-a.min,d=b.max-a.max;return b.max-b.min<a.max-a.min&&([c,d]=[d,c]),{min:c,max:d}}function ed(a,b,c){return{min:ee(a,b),max:ee(a,c)}}function ee(a,b){return"number"==typeof a?a:a[b]||0}let ef=new WeakMap;class eg{constructor(a){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=U(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=a}start(a,{snapToCursor:b=!1,distanceThreshold:c}={}){let{presenceContext:d}=this.visualElement;if(d&&!1===d.isPresent)return;let e=a=>{b&&this.snapToCursor(d0(a).point),this.stopAnimation()},f=(a,b)=>{let{drag:c,dragPropagation:d,onDragStart:e}=this.getProps();if(c&&!d&&(this.openDragLock&&this.openDragLock(),this.openDragLock=function(a){if("x"===a||"y"===a)if(dH[a])return null;else return dH[a]=!0,()=>{dH[a]=!1};return dH.x||dH.y?null:(dH.x=dH.y=!0,()=>{dH.x=dH.y=!1})}(c),!this.openDragLock))return;this.latestPointerEvent=a,this.latestPanInfo=b,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),dF(a=>{let b=this.getAxisMotionValue(a).get()||0;if(u.test(b)){let{projection:c}=this.visualElement;if(c&&c.layout){let d=c.layout.layoutBox[a];d&&(b=dI(d)*(parseFloat(b)/100))}}this.originPoint[a]=b}),e&&az.update(()=>e(a,b),!1,!0),ct(this.visualElement,"transform");let{animationState:f}=this.visualElement;f&&f.setActive("whileDrag",!0)},g=(a,b)=>{this.latestPointerEvent=a,this.latestPanInfo=b;let{dragPropagation:c,dragDirectionLock:d,onDirectionLock:e,onDrag:f}=this.getProps();if(!c&&!this.openDragLock)return;let{offset:g}=b;if(d&&null===this.currentDirection){this.currentDirection=function(a,b=10){let c=null;return Math.abs(a.y)>b?c="y":Math.abs(a.x)>b&&(c="x"),c}(g),null!==this.currentDirection&&e&&e(this.currentDirection);return}this.updateAxis("x",b.point,g),this.updateAxis("y",b.point,g),this.visualElement.render(),f&&az.update(()=>f(a,b),!1,!0)},h=(a,b)=>{this.latestPointerEvent=a,this.latestPanInfo=b,this.stop(a,b),this.latestPointerEvent=null,this.latestPanInfo=null},i=()=>{let{dragSnapToOrigin:a}=this.getProps();(a||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:j}=this.getProps();this.panSession=new d6(a,{onSessionStart:e,onStart:f,onMove:g,onSessionEnd:h,resumeAnimation:i},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:j,distanceThreshold:c,contextWindow:d2(this.visualElement),element:this.visualElement.current})}stop(a,b){let c=a||this.latestPointerEvent,d=b||this.latestPanInfo,e=this.isDragging;if(this.cancel(),!e||!d||!c)return;let{velocity:f}=d;this.startAnimation(f);let{onDragEnd:g}=this.getProps();g&&az.postRender(()=>g(c,d))}cancel(){this.isDragging=!1;let{projection:a,animationState:b}=this.visualElement;a&&(a.isAnimationBlocked=!1),this.endPanSession();let{dragPropagation:c}=this.getProps();!c&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),b&&b.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(a,b,c){let{drag:d}=this.getProps();if(!c||!ei(a,d,this.currentDirection))return;let e=this.getAxisMotionValue(a),f=this.originPoint[a]+c[a];this.constraints&&this.constraints[a]&&(f=function(a,{min:b,max:c},d){return void 0!==b&&a<b?a=d?bH(b,a,d.min):Math.max(a,b):void 0!==c&&a>c&&(a=d?bH(c,a,d.max):Math.min(a,c)),a}(f,this.constraints[a],this.elastic[a])),e.set(f)}resolveConstraints(){let{dragConstraints:a,dragElastic:b}=this.getProps(),c=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,d=this.constraints;a&&d3(a)?this.constraints||(this.constraints=this.resolveRefConstraints()):a&&c?this.constraints=function(a,{top:b,left:c,bottom:d,right:e}){return{x:eb(a.x,c,e),y:eb(a.y,b,d)}}(c.layoutBox,a):this.constraints=!1,this.elastic=function(a=.35){return!1===a?a=0:!0===a&&(a=.35),{x:ed(a,"left","right"),y:ed(a,"top","bottom")}}(b),d!==this.constraints&&!d3(a)&&c&&this.constraints&&!this.hasMutatedConstraints&&dF(a=>{var b,d;let e;!1!==this.constraints&&this.getAxisMotionValue(a)&&(this.constraints[a]=(b=c.layoutBox[a],d=this.constraints[a],e={},void 0!==d.min&&(e.min=d.min-b.min),void 0!==d.max&&(e.max=d.max-b.min),e))})}resolveRefConstraints(){var a;let{dragConstraints:b,onMeasureDragConstraints:c}=this.getProps();if(!b||!d3(b))return!1;let d=b.current;_(null!==d,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");let{projection:e}=this.visualElement;if(!e||!e.layout)return!1;e.root&&(e.root.scroll=void 0,e.root.updateScroll());let f=function(a,b,c){let d=bZ(a,c),{scroll:e}=b;return e&&(bV(d.x,e.offset.x),bV(d.y,e.offset.y)),d}(d,e.root,this.visualElement.getTransformPagePoint()),g=(a=e.layout.layoutBox,{x:ec(a.x,f.x),y:ec(a.y,f.y)});if(c){let a=c(function({x:a,y:b}){return{top:b.min,right:a.max,bottom:b.max,left:a.min}}(g));this.hasMutatedConstraints=!!a,a&&(g=bN(a))}return g}startAnimation(a){let{drag:b,dragMomentum:c,dragElastic:d,dragTransition:e,dragSnapToOrigin:f,onDragTransitionEnd:g}=this.getProps(),h=this.constraints||{};return Promise.all(dF(g=>{if(!ei(g,b,this.currentDirection))return;let i=h&&h[g]||{};(!0===f||f===g)&&(i={min:0,max:0});let j={type:"inertia",velocity:c?a[g]:0,bounceStiffness:d?200:1e6,bounceDamping:d?40:1e7,timeConstant:750,restDelta:1,restSpeed:10,...e,...i};return this.startAxisValueAnimation(g,j)})).then(g)}startAxisValueAnimation(a,b){let c=this.getAxisMotionValue(a);return ct(this.visualElement,a),c.start(du(a,c,0,b,this.visualElement,!1))}stopAnimation(){dF(a=>this.getAxisMotionValue(a).stop())}getAxisMotionValue(a){let b=`_drag${a.toUpperCase()}`;return this.visualElement.getProps()[b]||this.visualElement.getValue(a,this.visualElement.latestValues[a]??0)}snapToCursor(a){dF(b=>{let{drag:c}=this.getProps();if(!ei(b,c,this.currentDirection))return;let{projection:d}=this.visualElement,e=this.getAxisMotionValue(b);if(d&&d.layout){let{min:c,max:f}=d.layout.layoutBox[b],g=e.get()||0;e.set(a[b]-bH(c,f,.5)+g)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:a,dragConstraints:b}=this.getProps(),{projection:c}=this.visualElement;if(!d3(b)||!c||!this.constraints)return;this.stopAnimation();let d={x:0,y:0};dF(a=>{let b=this.getAxisMotionValue(a);if(b&&!1!==this.constraints){var c,e;let f,h,i,j=b.get();d[a]=(c={min:j,max:j},e=this.constraints[a],f=.5,h=dI(c),(i=dI(e))>h?f=da(e.min,e.max-h,c.min):h>i&&(f=da(c.min,c.max-i,e.min)),g(0,1,f))}});let{transformTemplate:e}=this.visualElement.getProps();this.visualElement.current.style.transform=e?e({},""):"none",c.root&&c.root.updateScroll(),c.updateLayout(),this.constraints=!1,this.resolveConstraints(),dF(b=>{if(!ei(b,a,null))return;let c=this.getAxisMotionValue(b),{min:e,max:f}=this.constraints[b];c.set(bH(e,f,d[b]))}),this.visualElement.render()}addListeners(){let a;if(!this.visualElement.current)return;ef.set(this.visualElement,this);let b=this.visualElement.current,c=d1(b,"pointerdown",a=>{let{drag:c,dragListener:d=!0}=this.getProps(),e=a.target,f=e!==b&&(d$.has(e.tagName)||!0===e.isContentEditable);c&&d&&!f&&this.start(a)}),d=()=>{var c,d,e;let f,g,{dragConstraints:h}=this.getProps();d3(h)&&h.current&&(this.constraints=this.resolveRefConstraints(),a||(c=b,d=h.current,f=dY(c,eh(e=()=>this.scalePositionWithinConstraints())),g=dY(d,eh(e)),a=()=>{f(),g()}))},{projection:e}=this.visualElement,f=e.addEventListener("measure",d);e&&!e.layout&&(e.root&&e.root.updateScroll(),e.updateLayout()),az.read(d);let g=dG(window,"resize",()=>this.scalePositionWithinConstraints()),h=e.addEventListener("didUpdate",({delta:a,hasLayoutChanged:b})=>{this.isDragging&&b&&(dF(b=>{let c=this.getAxisMotionValue(b);c&&(this.originPoint[b]+=a[b].translate,c.set(c.get()+a[b].translate))}),this.visualElement.render())});return()=>{g(),c(),f(),h&&h(),a&&a()}}getProps(){let a=this.visualElement.getProps(),{drag:b=!1,dragDirectionLock:c=!1,dragPropagation:d=!1,dragConstraints:e=!1,dragElastic:f=.35,dragMomentum:g=!0}=a;return{...a,drag:b,dragDirectionLock:c,dragPropagation:d,dragConstraints:e,dragElastic:f,dragMomentum:g}}}function eh(a){let b=!0;return()=>{if(b){b=!1;return}a()}}function ei(a,b,c){return(!0===b||b===a)&&(null===c||c===a)}let ej=a=>(b,c)=>{a&&az.update(()=>a(b,c),!1,!0)},ek={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var el=b0;function em(a=!0){let b=(0,b0.useContext)(cf);if(null===b)return[!0,null];let{isPresent:c,onExitComplete:d,register:e}=b,f=(0,b0.useId)();(0,b0.useEffect)(()=>{if(a)return e(f)},[a]);let g=(0,b0.useCallback)(()=>a&&d&&d(f),[f,d,a]);return!c&&d?[!1,g]:[!0]}let en=(0,b0.createContext)({}),eo=!1;class ep extends el.Component{componentDidMount(){let{visualElement:a,layoutGroup:b,switchLayoutGroup:c,layoutId:d}=this.props,{projection:e}=a;e&&(b.group&&b.group.add(e),c&&c.register&&d&&c.register(e),eo&&e.root.didUpdate(),e.addEventListener("animationComplete",()=>{this.safeToRemove()}),e.setOptions({...e.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),ek.hasEverUpdated=!0}getSnapshotBeforeUpdate(a){let{layoutDependency:b,visualElement:c,drag:d,isPresent:e}=this.props,{projection:f}=c;return f&&(f.isPresent=e,a.layoutDependency!==b&&f.setOptions({...f.options,layoutDependency:b}),eo=!0,d||a.layoutDependency!==b||void 0===b||a.isPresent!==e?f.willUpdate():this.safeToRemove(),a.isPresent!==e&&(e?f.promote():f.relegate()||az.postRender(()=>{let a=f.getStack();a&&a.members.length||this.safeToRemove()}))),null}componentDidUpdate(){let{visualElement:a,layoutAnchor:b}=this.props,{projection:c}=a;c&&(c.options.layoutAnchor=b,c.root.didUpdate(),a7.postRender(()=>{!c.currentAnimation&&c.isLead()&&this.safeToRemove()}))}componentWillUnmount(){let{visualElement:a,layoutGroup:b,switchLayoutGroup:c}=this.props,{projection:d}=a;eo=!0,d&&(d.scheduleCheckAfterUnmount(),b&&b.group&&b.group.remove(d),c&&c.deregister&&c.deregister(d))}safeToRemove(){let{safeToRemove:a}=this.props;a&&a()}render(){return null}}function eq(a){let[b,c]=em(),d=(0,el.useContext)(b4);return(0,b3.jsx)(ep,{...a,layoutGroup:d,switchLayoutGroup:(0,el.useContext)(en),isPresent:b,safeToRemove:c})}let er=["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],es=er.length,et=a=>"string"==typeof a?parseFloat(a):a,eu=a=>"number"==typeof a||v.test(a);function ev(a,b){return void 0!==a[b]?a[b]:a.borderRadius}let ew=ey(0,.5,c6),ex=ey(.5,.95,av);function ey(a,b,c){return d=>d<a?0:d>b?1:c(da(a,b,d))}function ez(a,b){a.min=b.min,a.max=b.max}function eA(a,b){ez(a.x,b.x),ez(a.y,b.y)}function eB(a,b){a.translate=b.translate,a.scale=b.scale,a.originPoint=b.originPoint,a.origin=b.origin}function eC(a,b,c,d,e){return a-=b,a=d+1/c*(a-d),void 0!==e&&(a=d+1/e*(a-d)),a}function eD(a,b,[c,d,e],f,g){!function(a,b=0,c=1,d=.5,e,f=a,g=a){if(u.test(b)&&(b=parseFloat(b),b=bH(g.min,g.max,b/100)-g.min),"number"!=typeof b)return;let h=bH(f.min,f.max,d);a===f&&(h-=b),a.min=eC(a.min,b,c,h,e),a.max=eC(a.max,b,c,h,e)}(a,b[c],b[d],b[e],b.scale,f,g)}let eE=["x","scaleX","originX"],eF=["y","scaleY","originY"];function eG(a,b,c,d){eD(a.x,b,eE,c?c.x:void 0,d?d.x:void 0),eD(a.y,b,eF,c?c.y:void 0,d?d.y:void 0)}function eH(a){return 0===a.translate&&1===a.scale}function eI(a){return eH(a.x)&&eH(a.y)}function eJ(a,b){return a.min===b.min&&a.max===b.max}function eK(a,b){return Math.round(a.min)===Math.round(b.min)&&Math.round(a.max)===Math.round(b.max)}function eL(a,b){return eK(a.x,b.x)&&eK(a.y,b.y)}function eM(a){return dI(a.x)/dI(a.y)}function eN(a,b){return a.translate===b.translate&&a.scale===b.scale&&a.originPoint===b.originPoint}class eO{constructor(){this.members=[]}add(a){aP(this.members,a);for(let b=this.members.length-1;b>=0;b--){let c=this.members[b];if(c===a||c===this.lead||c===this.prevLead)continue;let d=c.instance;d&&!1!==d.isConnected||c.snapshot||(aQ(this.members,c),c.unmount())}a.scheduleRender()}remove(a){if(aQ(this.members,a),a===this.prevLead&&(this.prevLead=void 0),a===this.lead){let a=this.members[this.members.length-1];a&&this.promote(a)}}relegate(a){for(let b=this.members.indexOf(a)-1;b>=0;b--){let a=this.members[b];if(!1!==a.isPresent&&a.instance?.isConnected!==!1)return this.promote(a),!0}return!1}promote(a,b){let c=this.lead;if(a!==c&&(this.prevLead=c,this.lead=a,a.show(),c)){c.updateSnapshot(),a.scheduleRender();let{layoutDependency:d}=c.options,{layoutDependency:e}=a.options;(void 0===d||d!==e)&&(a.resumeFrom=c,b&&(c.preserveOpacity=!0),c.snapshot&&(a.snapshot=c.snapshot,a.snapshot.latestValues=c.animationValues||c.latestValues),a.root?.isUpdating&&(a.isLayoutDirty=!0)),!1===a.options.crossfade&&c.hide()}}exitAnimationComplete(){this.members.forEach(a=>{a.options.onExitComplete?.(),a.resumingFrom?.options.onExitComplete?.()})}scheduleRender(){this.members.forEach(a=>a.instance&&a.scheduleRender(!1))}removeLeadSnapshot(){this.lead?.snapshot&&(this.lead.snapshot=void 0)}}let eP=(a,b)=>a.depth-b.depth;class eQ{constructor(){this.children=[],this.isDirty=!1}add(a){aP(this.children,a),this.isDirty=!0}remove(a){aQ(this.children,a),this.isDirty=!0}forEach(a){this.isDirty&&this.children.sort(eP),this.isDirty=!1,this.children.forEach(a)}}let eR=["","X","Y","Z"],eS=0;function eT(a,b,c,d){let{latestValues:e}=b;e[a]&&(c[a]=e[a],b.setStaticValue(a,0),d&&(d[a]=0))}function eU({attachResizeListener:a,defaultParent:b,measureScroll:c,checkIsScrollRoot:d,resetTransform:e}){return class{constructor(a={},c=b?.()){this.id=eS++,this.animationId=0,this.animationCommitId=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.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(eX),this.nodes.forEach(e4),this.nodes.forEach(e5),this.nodes.forEach(eY)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=a,this.root=c?c.root||c:this,this.path=c?[...c.path,c]:[],this.parent=c,this.depth=c?c.depth+1:0;for(let a=0;a<this.path.length;a++)this.path[a].shouldResetTransform=!0;this.root===this&&(this.nodes=new eQ)}addEventListener(a,b){return this.eventHandlers.has(a)||this.eventHandlers.set(a,new aR),this.eventHandlers.get(a).add(b)}notifyListeners(a,...b){let c=this.eventHandlers.get(a);c&&c.notify(...b)}hasListeners(a){return this.eventHandlers.has(a)}mount(b){if(this.instance)return;this.isSVG=dP(b)&&!(dP(b)&&"svg"===b.tagName),this.instance=b;let{layoutId:c,layout:d,visualElement:e}=this.options;if(e&&!e.current&&e.mount(b),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(d||c)&&(this.isLayoutDirty=!0),a){let c,d=0,e=()=>this.root.updateBlockedByResize=!1;az.read(()=>{d=window.innerWidth}),a(b,()=>{let a=window.innerWidth;if(a!==d){let b,f;d=a,this.root.updateBlockedByResize=!0,c&&c(),b=a9.now(),f=({timestamp:a})=>{let c=a-b;c>=250&&(aA(f),e(c-250))},az.setup(f,!0),c=()=>aA(f),ek.hasAnimatedSinceResize&&(ek.hasAnimatedSinceResize=!1,this.nodes.forEach(e3))}})}c&&this.root.registerSharedNode(c,this),!1!==this.options.animate&&e&&(c||d)&&this.addEventListener("didUpdate",({delta:a,hasLayoutChanged:b,hasRelativeLayoutChanged:c,layout:d})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}let f=this.options.transition||e.getDefaultTransition()||fb,{onLayoutAnimationStart:g,onLayoutAnimationComplete:h}=e.getProps(),i=!this.targetLayout||!eL(this.targetLayout,d),j=!b&&c;if(this.options.layoutRoot||this.resumeFrom||j||b&&(i||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);let b={...cr(f,"layout"),onPlay:g,onComplete:h};(e.shouldReduceMotion||this.options.layoutRoot)&&(b.delay=0,b.type=!1),this.startAnimation(b),this.setAnimationOrigin(a,j,b.path)}else b||e3(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=d})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);let a=this.getStack();a&&a.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),aA(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(e6),this.animationId++)}getTransformTemplate(){let{visualElement:a}=this.options;return a&&a.getProps().transformTemplate}willUpdate(a=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&function a(b){if(b.hasCheckedOptimisedAppear=!0,b.root===b)return;let{visualElement:c}=b.options;if(!c)return;let d=c.props[cu];if(window.MotionHasOptimisedAnimation(d,"transform")){let{layout:a,layoutId:c}=b.options;window.MotionCancelOptimisedAnimation(d,"transform",az,!(a||c))}let{parent:e}=b;e&&!e.hasCheckedOptimisedAppear&&a(e)}(this),this.root.isUpdating||this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let a=0;a<this.path.length;a++){let b=this.path[a];b.shouldResetTransform=!0,("string"==typeof b.latestValues.x||"string"==typeof b.latestValues.y)&&(b.isLayoutDirty=!0),b.updateScroll("snapshot"),b.options.layoutRoot&&b.willUpdate(!1)}let{layoutId:b,layout:c}=this.options;if(void 0===b&&!c)return;let d=this.getTransformTemplate();this.prevTransformTemplateValue=d?d(this.latestValues,""):void 0,this.updateSnapshot(),a&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){let a=this.updateBlockedByResize;this.unblockUpdate(),this.updateBlockedByResize=!1,this.clearAllSnapshots(),a&&this.nodes.forEach(e_),this.nodes.forEach(e$);return}if(this.animationId<=this.animationCommitId)return void this.nodes.forEach(e0);this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(e1),this.nodes.forEach(e2),this.nodes.forEach(eV),this.nodes.forEach(eW)):this.nodes.forEach(e0),this.clearAllSnapshots();let a=a9.now();aB.delta=g(0,1e3/60,a-aB.timestamp),aB.timestamp=a,aB.isProcessing=!0,aC.update.process(aB),aC.preRender.process(aB),aC.render.process(aB),aB.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,a7.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(eZ),this.sharedNodes.forEach(e7)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,az.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){az.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure(),!this.snapshot||dI(this.snapshot.measuredBox.x)||dI(this.snapshot.measuredBox.y)||(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let a=0;a<this.path.length;a++)this.path[a].updateScroll();let a=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected||(this.layoutCorrected=U()),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);let{visualElement:b}=this.options;b&&b.notify("LayoutMeasure",this.layout.layoutBox,a?a.layoutBox:void 0)}updateScroll(a="measure"){let b=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===a&&(b=!1),b&&this.instance){let b=d(this.instance);this.scroll={animationId:this.root.animationId,phase:a,isRoot:b,offset:c(this.instance),wasRoot:this.scroll?this.scroll.isRoot:b}}}resetTransform(){if(!e)return;let a=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,b=this.projectionDelta&&!eI(this.projectionDelta),c=this.getTransformTemplate(),d=c?c(this.latestValues,""):void 0,f=d!==this.prevTransformTemplateValue;a&&this.instance&&(b||bQ(this.latestValues)||f)&&(e(this.instance,d),this.shouldResetTransform=!1,this.scheduleRender())}measure(a=!0){var b;let c=this.measurePageBox(),d=this.removeElementScroll(c);return a&&(d=this.removeTransform(d)),fe((b=d).x),fe(b.y),{animationId:this.root.animationId,measuredBox:c,layoutBox:d,latestValues:{},source:this.id}}measurePageBox(){let{visualElement:a}=this.options;if(!a)return U();let b=a.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(fg))){let{scroll:a}=this.root;a&&(bV(b.x,a.offset.x),bV(b.y,a.offset.y))}return b}removeElementScroll(a){let b=U();if(eA(b,a),this.scroll?.wasRoot)return b;for(let c=0;c<this.path.length;c++){let d=this.path[c],{scroll:e,options:f}=d;d!==this.root&&e&&f.layoutScroll&&(e.wasRoot&&eA(b,a),bV(b.x,e.offset.x),bV(b.y,e.offset.y))}return b}applyTransform(a,b=!1,c){let d=c||U();eA(d,a);for(let a=0;a<this.path.length;a++){let c=this.path[a];!b&&c.options.layoutScroll&&c.scroll&&c!==c.root&&(bV(d.x,-c.scroll.offset.x),bV(d.y,-c.scroll.offset.y)),bQ(c.latestValues)&&bY(d,c.latestValues,c.layout?.layoutBox)}return bQ(this.latestValues)&&bY(d,this.latestValues,this.layout?.layoutBox),d}removeTransform(a){let b=U();eA(b,a);for(let a=0;a<this.path.length;a++){let c,d=this.path[a];bQ(d.latestValues)&&(d.instance&&(bP(d.latestValues)&&d.updateSnapshot(),eA(c=U(),d.measurePageBox())),eG(b,d.latestValues,d.snapshot?.layoutBox,c))}return bQ(this.latestValues)&&eG(b,this.latestValues),b}setTargetDelta(a){this.targetDelta=a,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(a){this.options={...this.options,...a,crossfade:void 0===a.crossfade||a.crossfade}}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!==aB.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(a=!1){let b=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=b.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=b.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=b.isSharedProjectionDirty);let c=!!this.resumingFrom||this!==b;if(!(a||c&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;let{layout:d,layoutId:e}=this.options;if(!this.layout||!(d||e))return;this.resolvedRelativeTargetAt=aB.timestamp;let f=this.getClosestProjectingParent();if(f&&this.linkedParentVersion!==f.layoutVersion&&!f.options.layoutRoot&&this.removeRelativeTarget(),this.targetDelta||this.relativeTarget||(!1!==this.options.layoutAnchor&&f&&f.layout?this.createRelativeTarget(f,this.layout.layoutBox,f.layout.layoutBox):this.removeRelativeTarget()),this.relativeTarget||this.targetDelta){if(this.target||(this.target=U(),this.targetWithTransforms=U()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target){var g,h,i,j;this.forceRelativeParentToResolveTarget(),g=this.target,h=this.relativeTarget,i=this.relativeParent.target,j=this.options.layoutAnchor||void 0,dL(g.x,h.x,i.x,j?.x),dL(g.y,h.y,i.y,j?.y)}else this.targetDelta?(this.resumingFrom?this.applyTransform(this.layout.layoutBox,!1,this.target):eA(this.target,this.layout.layoutBox),bU(this.target,this.targetDelta)):eA(this.target,this.layout.layoutBox);this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,!1!==this.options.layoutAnchor&&f&&!!f.resumingFrom==!!this.resumingFrom&&!f.options.layoutScroll&&f.target&&1!==this.animationProgress?this.createRelativeTarget(f,this.target,f.target):this.relativeParent=this.relativeTarget=void 0)}}getClosestProjectingParent(){if(!(!this.parent||bP(this.parent.latestValues)||bR(this.parent.latestValues)))if(this.parent.isProjecting())return this.parent;else return this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(a,b,c){this.relativeParent=a,this.linkedParentVersion=a.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=U(),this.relativeTargetOrigin=U(),dN(this.relativeTargetOrigin,b,c,this.options.layoutAnchor||void 0),eA(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){let a=this.getLead(),b=!!this.resumingFrom||this!==a,c=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(c=!1),b&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(c=!1),this.resolvedRelativeTargetAt===aB.timestamp&&(c=!1),c)return;let{layout:d,layoutId:e}=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||e))return;eA(this.layoutCorrected,this.layout.layoutBox);let f=this.treeScale.x,g=this.treeScale.y;!function(a,b,c,d=!1){let e,f,g=c.length;if(g){b.x=b.y=1;for(let h=0;h<g;h++){f=(e=c[h]).projectionDelta;let{visualElement:g}=e.options;(!g||!g.props.style||"contents"!==g.props.style.display)&&(d&&e.options.layoutScroll&&e.scroll&&e!==e.root&&(bV(a.x,-e.scroll.offset.x),bV(a.y,-e.scroll.offset.y)),f&&(b.x*=f.x.scale,b.y*=f.y.scale,bU(a,f)),d&&bQ(e.latestValues)&&bY(a,e.latestValues,e.layout?.layoutBox))}b.x<1.0000000000001&&b.x>.999999999999&&(b.x=1),b.y<1.0000000000001&&b.y>.999999999999&&(b.y=1)}}(this.layoutCorrected,this.treeScale,this.path,b),a.layout&&!a.target&&(1!==this.treeScale.x||1!==this.treeScale.y)&&(a.target=a.layout.layoutBox,a.targetWithTransforms=U());let{target:h}=a;if(!h){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}this.projectionDelta&&this.prevProjectionDelta?(eB(this.prevProjectionDelta.x,this.projectionDelta.x),eB(this.prevProjectionDelta.y,this.projectionDelta.y)):this.createProjectionDeltas(),dK(this.projectionDelta,this.layoutCorrected,h,this.latestValues),this.treeScale.x===f&&this.treeScale.y===g&&eN(this.projectionDelta.x,this.prevProjectionDelta.x)&&eN(this.projectionDelta.y,this.prevProjectionDelta.y)||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",h))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(a=!0){if(this.options.visualElement?.scheduleRender(),a){let a=this.getStack();a&&a.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=S(),this.projectionDelta=S(),this.projectionDeltaWithTransform=S()}setAnimationOrigin(a,b=!1,c){let d,e=this.snapshot,f=e?e.latestValues:{},g={...this.latestValues},h=S();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!b;let i=U(),j=(e?e.source:void 0)!==(this.layout?this.layout.source:void 0),k=this.getStack(),l=!k||k.members.length<=1,m=!!(j&&!l&&!0===this.options.crossfade&&!this.path.some(fa));this.animationProgress=0;let n=c?.interpolateProjection(a);this.mixTargetDelta=b=>{let c=b/1e3,e=n?.(c);if(e?(h.x.translate=e.x,h.x.scale=bH(a.x.scale,1,c),h.x.origin=a.x.origin,h.x.originPoint=a.x.originPoint,h.y.translate=e.y,h.y.scale=bH(a.y.scale,1,c),h.y.origin=a.y.origin,h.y.originPoint=a.y.originPoint):(e8(h.x,a.x,c),e8(h.y,a.y,c)),this.setTargetDelta(h),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout){var k,o,p,q,r,s;dN(i,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),p=this.relativeTarget,q=this.relativeTargetOrigin,r=i,s=c,e9(p.x,q.x,r.x,s),e9(p.y,q.y,r.y,s),d&&(k=this.relativeTarget,o=d,eJ(k.x,o.x)&&eJ(k.y,o.y))&&(this.isProjectionDirty=!1),d||(d=U()),eA(d,this.relativeTarget)}j&&(this.animationValues=g,function(a,b,c,d,e,f){e?(a.opacity=bH(0,c.opacity??1,ew(d)),a.opacityExit=bH(b.opacity??1,0,ex(d))):f&&(a.opacity=bH(b.opacity??1,c.opacity??1,d));for(let e=0;e<es;e++){let f=er[e],g=ev(b,f),h=ev(c,f);(void 0!==g||void 0!==h)&&(g||(g=0),h||(h=0),0===g||0===h||eu(g)===eu(h)?(a[f]=Math.max(bH(et(g),et(h),d),0),(u.test(h)||u.test(g))&&(a[f]+="%")):a[f]=h)}(b.rotate||c.rotate)&&(a.rotate=bH(b.rotate||0,c.rotate||0,d))}(g,f,this.latestValues,c,m,l)),e&&void 0!==e.rotate&&(this.animationValues||(this.animationValues=g),this.animationValues.pathRotation=e.rotate),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=c},this.mixTargetDelta(1e3*!!this.options.layoutRoot)}startAnimation(a){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(aA(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=az.update(()=>{var b,c,d;let e;ek.hasAnimatedSinceResize=!0,a$.layout++,this.motionValue||(this.motionValue=bd(0)),this.motionValue.jump(0,!1),this.currentAnimation=(b=this.motionValue,c=[0,1e3],d={...a,velocity:0,isSync:!0,onUpdate:b=>{this.mixTargetDelta(b),a.onUpdate&&a.onUpdate(b)},onStop:()=>{a$.layout--},onComplete:()=>{a$.layout--,a.onComplete&&a.onComplete(),this.completeAnimation()}},(e=V(b)?b:bd(b)).start(du("",e,c,d)),e.animation),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);let a=this.getStack();a&&a.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){let a=this.getLead(),{targetWithTransforms:b,target:c,layout:d,latestValues:e}=a;if(b&&c&&d){if(this!==a&&this.layout&&d&&ff(this.options.animationType,this.layout.layoutBox,d.layoutBox)){c=this.target||U();let b=dI(this.layout.layoutBox.x);c.x.min=a.target.x.min,c.x.max=c.x.min+b;let d=dI(this.layout.layoutBox.y);c.y.min=a.target.y.min,c.y.max=c.y.min+d}eA(b,c),bY(b,e),dK(this.projectionDeltaWithTransform,this.layoutCorrected,b,e)}}registerSharedNode(a,b){this.sharedNodes.has(a)||this.sharedNodes.set(a,new eO),this.sharedNodes.get(a).add(b);let c=b.options.initialPromotionConfig;b.promote({transition:c?c.transition:void 0,preserveFollowOpacity:c&&c.shouldPreserveFollowOpacity?c.shouldPreserveFollowOpacity(b):void 0})}isLead(){let a=this.getStack();return!a||a.lead===this}getLead(){let{layoutId:a}=this.options;return a&&this.getStack()?.lead||this}getPrevLead(){let{layoutId:a}=this.options;return a?this.getStack()?.prevLead:void 0}getStack(){let{layoutId:a}=this.options;if(a)return this.root.sharedNodes.get(a)}promote({needsReset:a,transition:b,preserveFollowOpacity:c}={}){let d=this.getStack();d&&d.promote(this,c),a&&(this.projectionDelta=void 0,this.needsReset=!0),b&&this.setOptions({transition:b})}relegate(){let a=this.getStack();return!!a&&a.relegate(this)}resetSkewAndRotation(){let{visualElement:a}=this.options;if(!a)return;let b=!1,{latestValues:c}=a;if((c.z||c.rotate||c.rotateX||c.rotateY||c.rotateZ||c.skewX||c.skewY)&&(b=!0),!b)return;let d={};c.z&&eT("z",a,d,this.animationValues);for(let b=0;b<eR.length;b++)eT(`rotate${eR[b]}`,a,d,this.animationValues),eT(`skew${eR[b]}`,a,d,this.animationValues);for(let b in a.render(),d)a.setStaticValue(b,d[b]),this.animationValues&&(this.animationValues[b]=d[b]);a.scheduleRender()}applyProjectionStyles(a,b){if(!this.instance||this.isSVG)return;if(!this.isVisible){a.visibility="hidden";return}let c=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,a.visibility="",a.opacity="",a.pointerEvents=ce(b?.pointerEvents)||"",a.transform=c?c(this.latestValues,""):"none";return}let d=this.getLead();if(!this.projectionDelta||!this.layout||!d.target){this.options.layoutId&&(a.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,a.pointerEvents=ce(b?.pointerEvents)||""),this.hasProjected&&!bQ(this.latestValues)&&(a.transform=c?c({},""):"none",this.hasProjected=!1);return}a.visibility="";let e=d.animationValues||d.latestValues;this.applyTransformsToTarget();let f=function(a,b,c){let d="",e=a.x.translate/b.x,f=a.y.translate/b.y,g=c?.z||0;if((e||f||g)&&(d=`translate3d(${e}px, ${f}px, ${g}px) `),(1!==b.x||1!==b.y)&&(d+=`scale(${1/b.x}, ${1/b.y}) `),c){let{transformPerspective:a,rotate:b,pathRotation:e,rotateX:f,rotateY:g,skewX:h,skewY:i}=c;a&&(d=`perspective(${a}px) ${d}`),b&&(d+=`rotate(${b}deg) `),e&&(d+=`rotate(${e}deg) `),f&&(d+=`rotateX(${f}deg) `),g&&(d+=`rotateY(${g}deg) `),h&&(d+=`skewX(${h}deg) `),i&&(d+=`skewY(${i}deg) `)}let h=a.x.scale*b.x,i=a.y.scale*b.y;return(1!==h||1!==i)&&(d+=`scale(${h}, ${i})`),d||"none"}(this.projectionDeltaWithTransform,this.treeScale,e);c&&(f=c(e,f)),a.transform=f;let{x:g,y:h}=this.projectionDelta;for(let b in a.transformOrigin=`${100*g.origin}% ${100*h.origin}% 0`,d.animationValues?a.opacity=d===this?e.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:e.opacityExit:a.opacity=d===this?void 0!==e.opacity?e.opacity:"":void 0!==e.opacityExit?e.opacityExit:0,bI){if(void 0===e[b])continue;let{correct:c,applyTo:g,isCSSVariable:h}=bI[b],i="none"===f?e[b]:c(e[b],d);if(g){let b=g.length;for(let c=0;c<b;c++)a[g[c]]=i}else h?this.options.visualElement.renderState.vars[b]=i:a[b]=i}this.options.layoutId&&(a.pointerEvents=d===this?ce(b?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(a=>a.currentAnimation?.stop()),this.root.nodes.forEach(e$),this.root.sharedNodes.clear()}}}function eV(a){a.updateLayout()}function eW(a){let b=a.resumeFrom?.snapshot||a.snapshot;if(a.isLead()&&a.layout&&b&&a.hasListeners("didUpdate")){let{layoutBox:c,measuredBox:d}=a.layout,{animationType:e}=a.options,f=b.source!==a.layout.source;if("size"===e)dF(a=>{let d=f?b.measuredBox[a]:b.layoutBox[a],e=dI(d);d.min=c[a].min,d.max=d.min+e});else if("x"===e||"y"===e){let a="x"===e?"y":"x";ez(f?b.measuredBox[a]:b.layoutBox[a],c[a])}else ff(e,b.layoutBox,c)&&dF(d=>{let e=f?b.measuredBox[d]:b.layoutBox[d],g=dI(c[d]);e.max=e.min+g,a.relativeTarget&&!a.currentAnimation&&(a.isProjectionDirty=!0,a.relativeTarget[d].max=a.relativeTarget[d].min+g)});let g=S();dK(g,c,b.layoutBox);let h=S();f?dK(h,a.applyTransform(d,!0),b.measuredBox):dK(h,c,b.layoutBox);let i=!eI(g),j=!1;if(!a.resumeFrom){let d=a.getClosestProjectingParent();if(d&&!d.resumeFrom){let{snapshot:e,layout:f}=d;if(e&&f){let g=a.options.layoutAnchor||void 0,h=U();dN(h,b.layoutBox,e.layoutBox,g);let i=U();dN(i,c,f.layoutBox,g),eL(h,i)||(j=!0),d.options.layoutRoot&&(a.relativeTarget=i,a.relativeTargetOrigin=h,a.relativeParent=d)}}}a.notifyListeners("didUpdate",{layout:c,snapshot:b,delta:h,layoutDelta:g,hasLayoutChanged:i,hasRelativeLayoutChanged:j})}else if(a.isLead()){let{onExitComplete:b}=a.options;b&&b()}a.options.transition=void 0}function eX(a){a.parent&&(a.isProjecting()||(a.isProjectionDirty=a.parent.isProjectionDirty),a.isSharedProjectionDirty||(a.isSharedProjectionDirty=!!(a.isProjectionDirty||a.parent.isProjectionDirty||a.parent.isSharedProjectionDirty)),a.isTransformDirty||(a.isTransformDirty=a.parent.isTransformDirty))}function eY(a){a.isProjectionDirty=a.isSharedProjectionDirty=a.isTransformDirty=!1}function eZ(a){a.clearSnapshot()}function e$(a){a.clearMeasurements()}function e_(a){a.isLayoutDirty=!0,a.updateLayout()}function e0(a){a.isLayoutDirty=!1}function e1(a){a.isAnimationBlocked&&a.layout&&!a.isLayoutDirty&&(a.snapshot=a.layout,a.isLayoutDirty=!0)}function e2(a){let{visualElement:b}=a.options;b&&b.getProps().onBeforeLayoutMeasure&&b.notify("BeforeLayoutMeasure"),a.resetTransform()}function e3(a){a.finishAnimation(),a.targetDelta=a.relativeTarget=a.target=void 0,a.isProjectionDirty=!0}function e4(a){a.resolveTargetDelta()}function e5(a){a.calcProjection()}function e6(a){a.resetSkewAndRotation()}function e7(a){a.removeLeadSnapshot()}function e8(a,b,c){a.translate=bH(b.translate,0,c),a.scale=bH(b.scale,1,c),a.origin=b.origin,a.originPoint=b.originPoint}function e9(a,b,c,d){a.min=bH(b.min,c.min,d),a.max=bH(b.max,c.max,d)}function fa(a){return a.animationValues&&void 0!==a.animationValues.opacityExit}let fb={duration:.45,ease:[.4,0,.1,1]},fc=a=>"u">typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(a),fd=fc("applewebkit/")&&!fc("chrome/")?Math.round:av;function fe(a){a.min=fd(a.min),a.max=fd(a.max)}function ff(a,b,c){return"position"===a||"preserve-aspect"===a&&!(.2>=Math.abs(eM(b)-eM(c)))}function fg(a){return a!==a.root&&a.scroll?.wasRoot}let fh=eU({attachResizeListener:(a,b)=>dG(a,"resize",b),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body?.scrollLeft||0,y:document.documentElement.scrollTop||document.body?.scrollTop||0}),checkIsScrollRoot:()=>!0}),fi={current:void 0},fj=eU({measureScroll:a=>({x:a.scrollLeft,y:a.scrollTop}),defaultParent:()=>{if(!fi.current){let a=new fh({});a.mount(window),a.setOptions({layoutScroll:!0}),fi.current=a}return fi.current},resetTransform:(a,b)=>{a.style.transform=void 0!==b?b:"none"},checkIsScrollRoot:a=>"fixed"===window.getComputedStyle(a).position});function fk(a,b){let c=dQ(a),d=new AbortController;return[c,{passive:!0,...b,signal:d.signal},()=>d.abort()]}function fl(a,b,c){let{props:d}=a;a.animationState&&d.whileHover&&a.animationState.setActive("whileHover","Start"===c);let e=d["onHover"+c];e&&az.postRender(()=>e(b,d0(b)))}function fm(a){return dO(a)&&"offsetHeight"in a&&!("ownerSVGElement"in a)}let fn=(a,b)=>!!b&&(a===b||fn(a,b.parentElement)),fo=new WeakSet;function fp(a){return b=>{"Enter"===b.key&&a(b)}}function fq(a,b){a.dispatchEvent(new PointerEvent("pointer"+b,{isPrimary:!0,bubbles:!0}))}function fr(a){return d_(a)&&!(dH.x||dH.y)}let fs=new WeakSet;function ft(a,b,c){let{props:d}=a;if(a.current instanceof HTMLButtonElement&&a.current.disabled)return;a.animationState&&d.whileTap&&a.animationState.setActive("whileTap","Start"===c);let e=d["onTap"+("End"===c?"":c)];e&&az.postRender(()=>e(b,d0(b)))}let fu=new WeakMap,fv=new WeakMap,fw=a=>{let b=fu.get(a.target);b&&b(a)},fx=a=>{a.forEach(fw)},fy={some:0,all:1},fz=function(a,b){if("u"<typeof Proxy)return cn;let c=new Map,d=(c,d)=>cn(c,d,a,b);return new Proxy((a,b)=>d(a,b),{get:(e,f)=>"create"===f?d:(c.has(f)||c.set(f,cn(f,void 0,a,b)),c.get(f))})}({animation:{Feature:class extends co{constructor(a){super(a),a.animationState||(a.animationState=function(a){let b=b=>Promise.all(b.map(({animation:b,options:c})=>(function(a,b,c={}){let d;if(a.notify("AnimationStart",b),Array.isArray(b))d=Promise.all(b.map(b=>dx(a,b,c)));else if("string"==typeof b)d=dx(a,b,c);else{let e="function"==typeof b?cp(a,b,c.custom):b;d=Promise.all(dv(a,e,c))}return d.then(()=>{a.notify("AnimationComplete",b)})})(a,b,c))),c=dD(),d=!0,e=!1,f=b=>(c,d)=>{let e=cp(a,d,"exit"===b?a.presenceContext?.custom:void 0);if(e){let{transition:a,transitionEnd:b,...d}=e;c={...c,...d,...b}}return c};function g(g){let{props:h}=a,i=function a(b){if(!b)return;if(!b.isControllingVariants){let c=b.parent&&a(b.parent)||{};return void 0!==b.props.initial&&(c.initial=b.props.initial),c}let c={};for(let a=0;a<dy;a++){let d=bj[a],e=b.props[d];(bh(e)||!1===e)&&(c[d]=e)}return c}(a.parent)||{},j=[],k=new Set,l={},m=1/0;for(let b=0;b<dB;b++){var n,o;let p=dA[b],q=c[p],r=void 0!==h[p]?h[p]:i[p],s=bh(r),t=p===g?q.isActive:null;!1===t&&(m=b);let u=r===i[p]&&r!==h[p]&&s;if(u&&(d||e)&&a.manuallyAnimateOnMount&&(u=!1),q.protectedKeys={...l},!q.isActive&&null===t||!r&&!q.prevProp||bg(r)||"boolean"==typeof r)continue;if("exit"===p&&q.isActive&&!0!==t){q.prevResolvedValues&&(l={...l,...q.prevResolvedValues});continue}let v=(n=q.prevProp,"string"==typeof(o=r)?o!==n:!!Array.isArray(o)&&!dz(o,n)),w=v||p===g&&q.isActive&&!u&&s||b>m&&s,x=!1,y=Array.isArray(r)?r:[r],z=y.reduce(f(p),{});!1===t&&(z={});let{prevResolvedValues:A={}}=q,B={...A,...z},C=b=>{w=!0,k.has(b)&&(x=!0,k.delete(b)),q.needsAnimating[b]=!0;let c=a.getValue(b);c&&(c.liveStyle=!1)};for(let a in B){let b=z[a],c=A[a];if(!l.hasOwnProperty(a))(cs(b)&&cs(c)?!dz(b,c)||v:b!==c)?null!=b?C(a):k.add(a):void 0!==b&&k.has(a)?C(a):q.protectedKeys[a]=!0}q.prevProp=r,q.prevResolvedValues=z,q.isActive&&(l={...l,...z}),(d||e)&&a.blockInitialAnimation&&(w=!1);let D=u&&v,E=!D||x;w&&E&&j.push(...y.map(b=>{let c={type:p};if("string"==typeof b&&(d||e)&&!D&&a.manuallyAnimateOnMount&&a.parent){let{parent:d}=a,e=cp(d,b);if(d.enteringChildren&&e){let{delayChildren:b}=e.transition||{};c.delay=dw(d.enteringChildren,a,b)}}return{animation:b,options:c}}))}if(k.size){let b={};if("boolean"!=typeof h.initial){let c=cp(a,Array.isArray(h.initial)?h.initial[0]:h.initial);c&&c.transition&&(b.transition=c.transition)}k.forEach(c=>{let d=a.getBaseTarget(c),e=a.getValue(c);e&&(e.liveStyle=!0),b[c]=d??null}),j.push({animation:b})}let p=!!j.length;return d&&(!1===h.initial||h.initial===h.animate)&&!a.manuallyAnimateOnMount&&(p=!1),d=!1,e=!1,p?b(j):Promise.resolve()}return{animateChanges:g,setActive:function(b,d){if(c[b].isActive===d)return Promise.resolve();a.variantChildren?.forEach(a=>a.animationState?.setActive(b,d)),c[b].isActive=d;let e=g(b);for(let a in c)c[a].protectedKeys={};return e},setAnimateFunction:function(c){b=c(a)},getState:()=>c,reset:()=>{c=dD(),e=!0}}}(a))}updateAnimationControlsSubscription(){let{animate:a}=this.node.getProps();bg(a)&&(this.unmountControls=a.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){let{animate:a}=this.node.getProps(),{animate:b}=this.node.prevProps||{};a!==b&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}},exit:{Feature:class extends co{constructor(){super(...arguments),this.id=dE++,this.isExitComplete=!1}update(){if(!this.node.presenceContext)return;let{isPresent:a,onExitComplete:b}=this.node.presenceContext,{isPresent:c}=this.node.prevPresenceContext||{};if(!this.node.animationState||a===c)return;if(a&&!1===c){if(this.isExitComplete){let{initial:a,custom:b}=this.node.getProps();if("string"==typeof a||"object"==typeof a&&null!==a&&!Array.isArray(a)){let c=cp(this.node,a,b);if(c){let{transition:a,transitionEnd:b,...d}=c;for(let a in d)this.node.getValue(a)?.jump(d[a])}}this.node.animationState.reset(),this.node.animationState.animateChanges()}else this.node.animationState.setActive("exit",!1);this.isExitComplete=!1;return}let d=this.node.animationState.setActive("exit",!a);b&&!a&&d.then(()=>{this.isExitComplete=!0,b(this.id)})}mount(){let{register:a,onExitComplete:b}=this.node.presenceContext||{};b&&b(this.id),a&&(this.unmount=a(this.id))}unmount(){}}},inView:{Feature:class extends co{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){var a;let b;this.stopObserver?.();let{viewport:c={}}=this.node.getProps(),{root:d,margin:e,amount:f="some",once:g}=c,h={root:d?d.current:void 0,rootMargin:e,threshold:"number"==typeof f?f:fy[f]},i=a=>{let{isIntersecting:b}=a;if(this.isInView===b||(this.isInView=b,g&&!b&&this.hasEnteredView))return;b&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",b);let{onViewportEnter:c,onViewportLeave:d}=this.node.getProps(),e=b?c:d;e&&e(a)};this.stopObserver=(a=this.node.current,b=function({root:a,...b}){let c=a||document;fv.has(c)||fv.set(c,{});let d=fv.get(c),e=JSON.stringify(b);return d[e]||(d[e]=new IntersectionObserver(fx,{root:a,...b})),d[e]}(h),fu.set(a,i),b.observe(a),()=>{fu.delete(a),b.unobserve(a)})}mount(){this.startObserver()}update(){if("u"<typeof IntersectionObserver)return;let{props:a,prevProps:b}=this.node;["amount","margin","root"].some(function({viewport:a={}},{viewport:b={}}={}){return c=>a[c]!==b[c]}(a,b))&&this.startObserver()}unmount(){this.stopObserver?.(),this.hasEnteredView=!1,this.isInView=!1}}},tap:{Feature:class extends co{mount(){let{current:a}=this.node;if(!a)return;let{globalTapTarget:b,propagate:c}=this.node.props;this.unmount=function(a,b,c={}){let[d,e,f]=fk(a,c),g=a=>{let d=a.currentTarget;if(!fr(a)||fs.has(a))return;fo.add(d),c.stopPropagation&&fs.add(a);let f=b(d,a),g=(a,b)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",i),fo.has(d)&&fo.delete(d),fr(a)&&"function"==typeof f&&f(a,{success:b})},h=a=>{g(a,d===window||d===document||c.useGlobalTarget||fn(d,a.target))},i=a=>{g(a,!1)};window.addEventListener("pointerup",h,e),window.addEventListener("pointercancel",i,e)};return d.forEach(a=>{((c.useGlobalTarget?window:a).addEventListener("pointerdown",g,e),fm(a))&&(a.addEventListener("focus",a=>((a,b)=>{let c=a.currentTarget;if(!c)return;let d=fp(()=>{if(fo.has(c))return;fq(c,"down");let a=fp(()=>{fq(c,"up")});c.addEventListener("keyup",a,b),c.addEventListener("blur",()=>fq(c,"cancel"),b)});c.addEventListener("keydown",d,b),c.addEventListener("blur",()=>c.removeEventListener("keydown",d),b)})(a,e)),dZ.has(a.tagName)||!0===a.isContentEditable||a.hasAttribute("tabindex")||(a.tabIndex=0))}),f}(a,(a,b)=>(ft(this.node,b,"Start"),(a,{success:b})=>ft(this.node,a,b?"End":"Cancel")),{useGlobalTarget:b,stopPropagation:c?.tap===!1})}unmount(){}}},focus:{Feature:class extends co{constructor(){super(...arguments),this.isActive=!1}onFocus(){let a=!1;try{a=this.node.current.matches(":focus-visible")}catch(b){a=!0}a&&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=cv(dG(this.node.current,"focus",()=>this.onFocus()),dG(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}},hover:{Feature:class extends co{mount(){let{current:a}=this.node;a&&(this.unmount=function(a,b,c={}){let[d,e,f]=fk(a,c);return d.forEach(a=>{let c,d=!1,f=!1,g=b=>{c&&(c(b),c=void 0),a.removeEventListener("pointerleave",i)},h=a=>{d=!1,window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",h),f&&(f=!1,g(a))},i=a=>{if("touch"!==a.pointerType){if(d){f=!0;return}g(a)}};a.addEventListener("pointerenter",d=>{if("touch"===d.pointerType||dH.x||dH.y)return;f=!1;let g=b(a,d);"function"==typeof g&&(c=g,a.addEventListener("pointerleave",i,e))},e),a.addEventListener("pointerdown",()=>{d=!0,window.addEventListener("pointerup",h,e),window.addEventListener("pointercancel",h,e)},e)}),f}(a,(a,b)=>(fl(this.node,b,"Start"),a=>fl(this.node,a,"End"))))}unmount(){}}},pan:{Feature:class extends co{constructor(){super(...arguments),this.removePointerDownListener=av}onPointerDown(a){this.session=new d6(a,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:d2(this.node)})}createPanHandlers(){let{onPanSessionStart:a,onPanStart:b,onPan:c,onPanEnd:d}=this.node.getProps();return{onSessionStart:ej(a),onStart:ej(b),onMove:ej(c),onEnd:(a,b)=>{delete this.session,d&&az.postRender(()=>d(a,b))}}}mount(){this.removePointerDownListener=d1(this.node.current,"pointerdown",a=>this.onPointerDown(a))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends co{constructor(a){super(a),this.removeGroupControls=av,this.removeListeners=av,this.controls=new eg(a)}mount(){let{dragControls:a}=this.node.getProps();a&&(this.removeGroupControls=a.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||av}update(){let{dragControls:a}=this.node.getProps(),{dragControls:b}=this.node.prevProps||{};a!==b&&(this.removeGroupControls(),a&&(this.removeGroupControls=a.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}},ProjectionNode:fj,MeasureLayout:eq},layout:{ProjectionNode:fj,MeasureLayout:eq}},(a,b)=>b.isSVG??b2(a)?new bM(b):new b$(b,{allowProjection:a!==b0.Fragment}));a.s(["motion",0,fz],46271);let fA=b0.useEffect;var fB=b0;function fC(a,b){if("function"==typeof a)return a(b);null!=a&&(a.current=b)}class fD extends fB.Component{getSnapshotBeforeUpdate(a){let b=this.props.childRef.current;if(fm(b)&&a.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let a=b.offsetParent,c=fm(a)&&a.offsetWidth||0,d=fm(a)&&a.offsetHeight||0,e=getComputedStyle(b),f=this.props.sizeRef.current;f.height=parseFloat(e.height),f.width=parseFloat(e.width),f.top=b.offsetTop,f.left=b.offsetLeft,f.right=c-f.width-f.left,f.bottom=d-f.height-f.top,f.direction=e.direction}return null}componentDidUpdate(){}render(){return this.props.children}}function fE({children:a,isPresent:b,anchorX:c,anchorY:d,root:e,pop:f}){let g=(0,fB.useId)(),h=(0,fB.useRef)(null),i=(0,fB.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:"ltr"}),{nonce:j}=(0,fB.useContext)(b5),k=function(...a){return b0.useCallback(function(...a){return b=>{let c=!1,d=a.map(a=>{let d=fC(a,b);return c||"function"!=typeof d||(c=!0),d});if(c)return()=>{for(let b=0;b<d.length;b++){let c=d[b];"function"==typeof c?c():fC(a[b],null)}}}}(...a),a)}(h,a.props?.ref??a?.ref);return(0,fB.useInsertionEffect)(()=>{let{width:a,height:k,top:l,left:m,right:n,bottom:o,direction:p}=i.current;if(b||!1===f||!h.current||!a||!k)return;let q="rtl"===p,r="left"===c?q?`right: ${n}`:`left: ${m}`:q?`left: ${m}`:`right: ${n}`,s="bottom"===d?`bottom: ${o}`:`top: ${l}`;h.current.dataset.motionPopId=g;let t=document.createElement("style");j&&(t.nonce=j);let u=e??document.head;return u.appendChild(t),t.sheet&&t.sheet.insertRule(`
|
||
[data-motion-pop-id="${g}"] {
|
||
position: absolute !important;
|
||
width: ${a}px !important;
|
||
height: ${k}px !important;
|
||
${r}px !important;
|
||
${s}px !important;
|
||
}
|
||
`),()=>{h.current?.removeAttribute("data-motion-pop-id"),u.contains(t)&&u.removeChild(t)}},[b]),(0,b3.jsx)(fD,{isPresent:b,childRef:h,sizeRef:i,pop:f,children:!1===f?a:fB.cloneElement(a,{ref:k})})}let fF=({children:a,initial:b,isPresent:c,onExitComplete:d,custom:e,presenceAffectsLayout:f,mode:g,anchorX:h,anchorY:i,root:j})=>{let k=cg(fG),l=(0,b0.useId)(),m=!0,n=(0,b0.useMemo)(()=>(m=!1,{id:l,initial:b,isPresent:c,custom:e,onExitComplete:a=>{for(let b of(k.set(a,!0),k.values()))if(!b)return;d&&d()},register:a=>(k.set(a,!1),()=>k.delete(a))}),[c,k,d]);return f&&m&&(n={...n}),(0,b0.useMemo)(()=>{k.forEach((a,b)=>k.set(b,!1))},[c]),b0.useEffect(()=>{c||k.size||!d||d()},[c]),a=(0,b3.jsx)(fE,{pop:"popLayout"===g,isPresent:c,anchorX:h,anchorY:i,root:j,children:a}),(0,b3.jsx)(cf.Provider,{value:n,children:a})};function fG(){return new Map}let fH=a=>a.key||"";function fI(a){let b=[];return b0.Children.forEach(a,a=>{(0,b0.isValidElement)(a)&&b.push(a)}),b}function fJ(a){let b=cg(()=>bd(a)),{isStatic:c}=(0,b0.useContext)(b5);if(c){let[,c]=(0,b0.useState)(a);(0,b0.useEffect)(()=>b.on("change",c),[])}return b}function fK(a,b){let c=fJ(b()),d=()=>c.set(b());return d(),fA(()=>{let b=()=>az.preRender(d,!1,!0),c=a.map(a=>a.on("change",b));return()=>{c.forEach(a=>a()),aA(d)}}),c}a.s(["AnimatePresence",0,({children:a,custom:b,initial:c=!0,onExitComplete:d,presenceAffectsLayout:e=!0,mode:f="sync",propagate:g=!1,anchorX:h="left",anchorY:i="top",root:j})=>{let[k,l]=em(g),m=(0,b0.useMemo)(()=>fI(a),[a]),n=g&&!k?[]:m.map(fH),o=(0,b0.useRef)(!0),p=(0,b0.useRef)(m),q=cg(()=>new Map),r=(0,b0.useRef)(new Set),[s,t]=(0,b0.useState)(m),[u,v]=(0,b0.useState)(m);fA(()=>{o.current=!1,p.current=m;for(let a=0;a<u.length;a++){let b=fH(u[a]);n.includes(b)?(q.delete(b),r.current.delete(b)):!0!==q.get(b)&&q.set(b,!1)}},[u,n.length,n.join("-")]);let w=[];if(m!==s){let a=[...m];for(let b=0;b<u.length;b++){let c=u[b],d=fH(c);n.includes(d)||(a.splice(b,0,c),w.push(c))}return"wait"===f&&w.length&&(a=w),v(fI(a)),t(m),null}let{forceRender:x}=(0,b0.useContext)(b4);return(0,b3.jsx)(b3.Fragment,{children:u.map(a=>{let s=fH(a),t=(!g||!!k)&&(m===u||n.includes(s));return(0,b3.jsx)(fF,{isPresent:t,initial:(!o.current||!!c)&&void 0,custom:b,presenceAffectsLayout:e,mode:f,root:j,onExitComplete:t?void 0:()=>{if(r.current.has(s)||!q.has(s))return;r.current.add(s),q.set(s,!0);let a=!0;q.forEach(b=>{b||(a=!1)}),a&&(x?.(),v(p.current),g&&l?.(),d&&d())},anchorX:h,anchorY:i,children:a},s)})})}],62036),a.s(["useMotionValue",0,fJ],21520);function fL(a,b){let c=cg(()=>[]);return fK(a,()=>{c.length=0;let d=a.length;for(let b=0;b<d;b++)c[b]=a[b].get();return b(c)})}a.s(["useTransform",0,function a(b,c,d,e){if("function"==typeof b){let a;return bb.current=[],b(),a=fK(bb.current,b),bb.current=void 0,a}if(void 0!==d&&!Array.isArray(d)&&"function"!=typeof c){var f=b,g=c,h=d,i=e;let j=cg(()=>Object.keys(h)),k=cg(()=>({}));for(let b of j)k[b]=a(f,g,h[b],i);return k}let j="function"==typeof c?c:function(...a){let b=!Array.isArray(a[0]),c=b?0:-1,d=a[0+c],e=db(a[1+c],a[2+c],a[3+c]);return b?e(d):e}(c,d,e),k=Array.isArray(b)?fL(b,j):fL([b],([a])=>j(a)),l=Array.isArray(b)?void 0:b.accelerate;return l&&!l.isTransformed&&"function"!=typeof c&&Array.isArray(d)&&e?.clamp!==!1&&(k.accelerate={...l,times:c,keyframes:d,isTransformed:!0,...e?.ease?{ease:e.ease}:{}}),k}],1299)},67095,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(46271),e=a.i(62036),f=a.i(19721),g=a.i(21520),h=a.i(1299),i=a.i(26304),j=a.i(81783);let k="#00E5FF",l="#22C55E",m="#EF4444",n="#F59E0B",o="#0B1220",p="#64748B",q="rgba(226,232,240,0.66)";function r(a,b){let c=a.replace("#",""),d=parseInt(c.substring(0,2),16),e=parseInt(c.substring(2,4),16),f=parseInt(c.substring(4,6),16);return`rgba(${d}, ${e}, ${f}, ${b})`}let s=[{key:"distance",before:312,after:182,suffix:" km",labelBefore:"Route Distance",labelAfter:"Route Distance",goodWhenLower:!0},{key:"vehicles",before:8,after:5,labelBefore:"Vehicles",labelAfter:"Vehicles",goodWhenLower:!0},{key:"orders",before:59,after:59,labelBefore:"Orders",labelAfter:"Orders Fulfilled",goodWhenLower:!1},{key:"delayed",before:23,after:0,labelBefore:"Delayed",labelAfter:"Delayed",goodWhenLower:!0},{key:"cost",before:18,after:18,prefixBefore:"+",prefixAfter:"−",suffix:"%",labelBefore:"Cost Overrun",labelAfter:"Cost Saved",goodWhenLower:!1}],t={chaos:"Monitoring network",scan:"AI SCANNING NETWORK",dissolve:"AI OPTIMIZING ROUTES",optimize:"AI OPTIMIZING ROUTES",reorganize:"AI REASSIGNING VEHICLES",metrics:"AI COMPLETE"},u=c.default.memo(function({kpi:a,scroll:e,index:f,jitter:g}){let i=(0,h.useTransform)(e,b=>{let c=Math.min(1,Math.max(0,(b-.7)/.27)),d=a.before+(a.after-a.before)*c;c>.95&&(d*=1+g);let e=c>.5?a.prefixAfter??"":a.prefixBefore??"";return"delayed"===a.key&&0===a.after&&c>.95?"0":`${e}${Math.round(d)}${a.suffix??""}`}),j=(0,h.useTransform)(e,b=>b>.835?a.labelAfter:a.labelBefore),n="orders"===a.key?k:m,o=(0,h.useTransform)(e,[.7,.97],[r(n,1),r(l,1)]),p=(0,h.useTransform)(e,[.7,.97],[r(n,.28),r(l,.32)]),q=(0,h.useTransform)(p,a=>`0 10px 40px -12px ${a}, inset 0 1px 0 rgba(255,255,255,0.06)`),s=(0,h.useTransform)(e,[.7,.97],[r(n,.4),r(l,.45)]),t=(0,h.useTransform)(e,[.85,.97],[0,1]),u=(0,h.useTransform)(e,[.7,.97],[.12,1]),v=a.goodWhenLower?l:"orders"===a.key?k:l,w=c.default.useMemo(()=>{switch(a.key){case"distance":case"vehicles":return"M 0,3 C 16,3 32,17 64,17";case"orders":return"M 0,17 C 16,6 32,19 64,8";case"delayed":case"cost":return"M 0,1 C 16,1 28,19 64,19";default:return"M 0,10 L 64,10"}},[a.key]);return(0,b.jsxs)(d.motion.div,{className:"dm-opt-metric",style:{boxShadow:q,borderColor:s,animationDelay:`${.06*f}s`},children:[(0,b.jsxs)("div",{className:"dm-opt-metric__top",children:[(0,b.jsx)(d.motion.span,{className:"dm-opt-metric__label",children:j}),(0,b.jsx)(d.motion.span,{className:"dm-opt-metric__arrow",style:{opacity:t,color:l},children:a.goodWhenLower?"▼":"▲"})]}),(0,b.jsx)(d.motion.div,{className:"dm-opt-metric__value",style:{color:o},children:i}),(0,b.jsx)("div",{className:"dm-opt-metric__sparkline",style:{position:"absolute",bottom:8,right:12,opacity:.32,width:64,height:20,pointerEvents:"none"},children:(0,b.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 64 20",fill:"none",children:[(0,b.jsx)("defs",{children:(0,b.jsxs)("linearGradient",{id:`grad-${a.key}`,x1:"0",y1:"0",x2:"0",y2:"20",gradientUnits:"userSpaceOnUse",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:v,stopOpacity:"0.22"}),(0,b.jsx)("stop",{offset:"100%",stopColor:v,stopOpacity:"0.0"})]})}),(0,b.jsx)("path",{d:w,stroke:v,strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,b.jsx)("path",{d:`${w} L 64,20 L 0,20 Z`,fill:`url(#grad-${a.key})`})]})}),(0,b.jsx)("div",{className:"dm-opt-metric__bar",children:(0,b.jsx)(d.motion.div,{className:"dm-opt-metric__fill",style:{background:o,scaleX:u}})})]})}),v=c.default.memo(function({scroll:a}){let[d,e]=c.default.useState(()=>s.map(()=>0));return c.default.useEffect(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let a=setInterval(()=>{document.hidden||e(s.map(()=>(Math.random()-.5)*.008))},1100);return()=>clearInterval(a)},[]),(0,b.jsx)("div",{className:"dm-opt-metrics",role:"group","aria-label":"Optimization results",children:s.map((c,e)=>(0,b.jsx)(u,{kpi:c,scroll:a,index:e,jitter:d[e]},c.key))})}),w=(0,f.default)(async()=>{},{loadableGenerated:{modules:[29539]},ssr:!1}),x=["chaos","scan","dissolve","optimize","reorganize","metrics"],y=[{label:"Analyze",icon:"🔍",activateAt:0},{label:"Optimize",icon:"⚡",activateAt:2},{label:"Assign",icon:"🚛",activateAt:3},{label:"Execute",icon:"📡",activateAt:4},{label:"Monitor",icon:"📊",activateAt:5}],z=c.default.memo(function(){let[a,e]=(0,c.useState)(59),[f,g]=(0,c.useState)(98.7),[h,i]=(0,c.useState)(5),[j,k]=(0,c.useState)(-12),[l,m]=(0,c.useState)(99.4);return(0,c.useEffect)(()=>{let a=a=>()=>{document.hidden||a()},b=setInterval(a(()=>{e(a=>a+ +(Math.random()>.4))}),4500),c=setInterval(a(()=>{g(a=>parseFloat(Math.min(99.1,Math.max(98.4,a+(Math.random()-.5)*.15)).toFixed(2)))}),2800),d=setInterval(a(()=>{i(a=>5===a?Math.random()>.5?4:5:Math.random()>.3?5:4)}),3500),f=setInterval(a(()=>{k(a=>parseFloat(Math.min(-11.5,Math.max(-12.8,a+(Math.random()-.5)*.2)).toFixed(1)))}),3200),h=setInterval(a(()=>{m(a=>parseFloat(Math.min(99.9,Math.max(98.8,a+(Math.random()-.5)*.12)).toFixed(2)))}),2500);return()=>{clearInterval(b),clearInterval(c),clearInterval(d),clearInterval(f),clearInterval(h)}},[]),(0,b.jsxs)(d.motion.div,{className:"dm-opt-insight",initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.3},children:[(0,b.jsx)("span",{className:"dm-opt-insight__dot"}),(0,b.jsxs)("span",{className:"dm-opt-insight__text",children:["Live Analytics: ",(0,b.jsxs)("strong",{children:[a," Orders"]})]}),(0,b.jsx)("span",{className:"dm-opt-insight__sep"}),(0,b.jsxs)("span",{className:"dm-opt-insight__text",children:["AI Accuracy: ",(0,b.jsxs)("strong",{children:[f,"%"]})]}),(0,b.jsx)("span",{className:"dm-opt-insight__sep"}),(0,b.jsxs)("span",{className:"dm-opt-insight__text",children:["Fleet: ",(0,b.jsxs)("strong",{children:[h,"/5 EV Active"]})]}),(0,b.jsx)("span",{className:"dm-opt-insight__sep"}),(0,b.jsxs)("span",{className:"dm-opt-insight__text",children:["Route Health: ",(0,b.jsxs)("strong",{children:[l,"%"]})]}),(0,b.jsx)("span",{className:"dm-opt-insight__sep"}),(0,b.jsxs)("span",{className:"dm-opt-insight__text",children:["Carbon: ",(0,b.jsxs)("strong",{children:[j,"%"]})]})]})});function A(){let a=(0,c.useRef)(null),f=(0,c.useRef)(0),k=(0,g.useMotionValue)(0),[l,m]=(0,c.useState)("chaos"),[n,o]=(0,c.useState)("before"),[p,q]=(0,c.useState)(!1),[r,s]=(0,c.useState)(!1),[u,A]=(0,c.useState)(!1),[C,D]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=window.matchMedia("(max-width: 767px)"),b=window.matchMedia("(prefers-reduced-motion: reduce)"),c=()=>{A(a.matches),D(b.matches)};return c(),a.addEventListener("change",c),b.addEventListener("change",c),()=>{a.removeEventListener("change",c),b.removeEventListener("change",c)}},[]),(0,c.useEffect)(()=>{let b=a.current;if(!b)return;let c=new IntersectionObserver(a=>{a.some(a=>a.isIntersecting)&&(q(!0),s(!0),c.disconnect())},{rootMargin:"70% 0px"}),d=new IntersectionObserver(a=>s(a.some(a=>a.isIntersecting)),{rootMargin:"10% 0px"});return c.observe(b),d.observe(b),()=>{c.disconnect(),d.disconnect()}},[]),(0,c.useEffect)(()=>{let b=a.current;if(!b)return;i.default.registerPlugin(j.ScrollTrigger);let c="chaos",d="before",e=j.ScrollTrigger.create({trigger:b,start:"top top",end:"bottom bottom",scrub:.4,invalidateOnRefresh:!0,onUpdate:a=>{let b=a.progress;f.current=b,k.set(b);let e=b>=.84?"metrics":b>=.7?"reorganize":b>=.56?"optimize":b>=.42?"dissolve":b>=.28?"scan":"chaos";e!==c&&(c=e,m(e));let g=b<=2e-4?"before":b>=.9998?"after":"pinned";g!==d&&(d=g,o(g))}}),g=setTimeout(()=>j.ScrollTrigger.refresh(),120);return()=>{clearTimeout(g),e.kill()}},[k]);let E=(0,h.useTransform)(k,[.3,.55],[1,.32]),F=(0,h.useTransform)(k,[.3,.55],[0,3]),G=(0,h.useTransform)(F,a=>`blur(${a}px)`),H=(0,h.useTransform)(k,[.42,.66],[.36,1]),I=(0,h.useTransform)(k,[0,1],[0,1]),J=(0,h.useTransform)(k,[.2,.42],["8%","92%"]),K=(0,h.useTransform)(k,[.18,.22,.42,.46],[0,1,1,0]),L=(0,h.useTransform)(k,[.45,.6],[.15,.75]),M=x.indexOf(l);return(0,b.jsxs)("section",{ref:a,className:`dm-opt is-${n}`,"aria-label":"AI Logistics Optimization",children:[(0,b.jsx)("div",{className:"dm-opt-sticky",children:(0,b.jsxs)("div",{className:"dm-opt-card",children:[(0,b.jsx)("div",{className:"dm-opt-backdrop","aria-hidden":!0}),p&&(0,b.jsx)("div",{className:"dm-opt-canvas",children:(0,b.jsx)(w,{progress:f,reduced:C,isMobile:u,active:r&&"pinned"===n})}),(0,b.jsx)("div",{className:"dm-opt-vignette","aria-hidden":!0}),(0,b.jsx)(e.AnimatePresence,{mode:"wait",children:"chaos"!==l&&(0,b.jsx)(d.motion.div,{className:"dm-opt-floating-badge",initial:{scale:.85,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.85,opacity:0},transition:{duration:.28,ease:"easeInOut"},style:{position:"absolute",top:"40%",left:"50%",x:"-50%",y:"-50%",zIndex:10,pointerEvents:"none"},children:(0,b.jsxs)("div",{className:"dm-opt-floating-badge__inner",children:[(0,b.jsx)("span",{className:`dm-opt-floating-badge__dot is-${l}`}),(0,b.jsx)("span",{className:"dm-opt-floating-badge__text",children:t[l]})]})},l)}),(0,b.jsx)(d.motion.div,{className:"dm-opt-divider",style:{opacity:L},"aria-hidden":!0}),(0,b.jsx)(d.motion.div,{className:"dm-opt-scanline",style:{top:J,opacity:K},"aria-hidden":!0}),(0,b.jsxs)("div",{className:"dm-opt-ui",children:[(0,b.jsxs)("header",{className:"dm-opt-head",children:[(0,b.jsxs)(d.motion.div,{className:"dm-opt-eyebrow",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[(0,b.jsx)("span",{className:"dm-opt-dot"})," Doormile AI Control Tower"]}),(0,b.jsx)(d.motion.h2,{initial:{opacity:0,y:22},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.05},children:"AI Logistics Optimization Engine"}),(0,b.jsx)(d.motion.p,{initial:{opacity:0,y:22},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.12},children:"Watch Doormile's AI engine transform chaotic logistics into precision-optimized delivery networks — reducing distance, fleet size, delays, and cost in real time."}),(0,b.jsx)(d.motion.div,{className:"dm-opt-steps",initial:{opacity:0,y:14},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.18},children:y.map((a,d)=>{let e=M>=a.activateAt,f=M===a.activateAt;return(0,b.jsxs)(c.default.Fragment,{children:[d>0&&(0,b.jsx)("span",{className:`dm-opt-steps__line ${e?"is-active":""}`}),(0,b.jsxs)("span",{className:`dm-opt-steps__pill ${e?"is-active":""} ${f?"is-current":""}`,children:[(0,b.jsx)("span",{className:"dm-opt-steps__icon",children:a.icon}),(0,b.jsx)("span",{className:"dm-opt-steps__text",children:a.label})]})]},a.label)})}),(0,b.jsx)("div",{className:"dm-opt-progress",children:(0,b.jsx)("div",{className:"dm-opt-progress__track",children:(0,b.jsx)(d.motion.div,{className:"dm-opt-progress__fill",style:{scaleX:I}})})})]}),(0,b.jsxs)("div",{className:"dm-opt-compare",children:[(0,b.jsxs)(d.motion.aside,{className:"dm-opt-panel dm-opt-panel--bad",style:{opacity:E,filter:G},children:[(0,b.jsxs)("div",{className:"dm-opt-panel__badge",children:[(0,b.jsx)("span",{className:"dm-opt-pulse dm-opt-pulse--red"})," System: Congested"]}),(0,b.jsx)("h3",{children:"Without Optimization"}),(0,b.jsxs)("ul",{children:[(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--x",children:"✖"})," Chaotic overlapping routes"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--x",children:"✖"})," Duplicate & idle trips"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--x",children:"✖"})," 8 vehicles required"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--x",children:"✖"})," 23 delivery delays"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--x",children:"✖"})," +18% cost overrun"]})]})]}),(0,b.jsxs)(d.motion.aside,{className:"dm-opt-panel dm-opt-panel--good",style:{opacity:H},children:[(0,b.jsxs)("div",{className:"dm-opt-panel__badge dm-opt-panel__badge--good",children:[(0,b.jsx)("span",{className:"dm-opt-pulse dm-opt-pulse--green"})," System: Optimized"]}),(0,b.jsx)("h3",{children:"With Doormile AI"}),(0,b.jsxs)("ul",{children:[(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--ok",children:"✔"})," Optimized route clusters"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--ok",children:"✔"})," Intelligent vehicle assignment"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--ok",children:"✔"})," Multi-trip & EV planning"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--ok",children:"✔"})," Zero delivery delays"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--ok",children:"✔"})," 18% cost saved"]}),(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-opt-marker dm-opt-marker--ok",children:"✔"})," Carbon footprint reduced"]})]})]})]}),(0,b.jsxs)("div",{className:"dm-opt-foot",children:[(0,b.jsx)(v,{scroll:k}),(0,b.jsx)(z,{})]})]})]})}),(0,b.jsx)("style",{children:B})]})}let B=`
|
||
/* ===== OUTER SECTION: Transparent so the card floats ===== */
|
||
.dm-opt {
|
||
position: relative;
|
||
height: 230vh;
|
||
background: transparent;
|
||
margin-bottom: 0;
|
||
}
|
||
.dm-opt-sticky {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100vh;
|
||
overflow: hidden;
|
||
background: transparent;
|
||
/* Promote the pinned layer to its own GPU compositing layer so scroll-driven
|
||
pin/scrub updates never trigger main-thread paints of the rest of the page. */
|
||
will-change: transform;
|
||
transform: translateZ(0);
|
||
backface-visibility: hidden;
|
||
}
|
||
.dm-opt.is-pinned .dm-opt-sticky { position: fixed; top: 0; left: 0; }
|
||
.dm-opt.is-after .dm-opt-sticky { position: absolute; top: auto; bottom: 0; }
|
||
|
||
/* ===== FLOATING CARD — the only colored surface ===== */
|
||
.dm-opt-card {
|
||
position: absolute !important;
|
||
top: 96px !important;
|
||
left: 20px !important;
|
||
right: 20px !important;
|
||
bottom: 0 !important;
|
||
/* flat bottom + flush to container so the Performance card butts directly
|
||
against it, reading as one continuous container (home-page technique) */
|
||
border-radius: 42px 42px 0 0 !important;
|
||
overflow: hidden !important;
|
||
// background: linear-gradient(165deg, #06101f 0%, #020617 35%, #040d1c 70%, #030a18 100%) !important;
|
||
// border: 0px solid ${r("#ffffff",.08)} !important;
|
||
border-bottom: none !important;
|
||
// box-shadow:
|
||
// 0 0 0 1px ${r(k,.04)},
|
||
// 0 4px 30px -4px rgba(0, 0, 0, 0.7),
|
||
// 0 20px 80px -20px rgba(0, 0, 0, 0.6),
|
||
// 0 0 120px -30px ${r(k,.08)},
|
||
// inset 0 1px 0 ${r("#ffffff",.06)},
|
||
// inset 0 -1px 0 ${r("#ffffff",.02)} !important;
|
||
// box-sizing: border-box !important;
|
||
}
|
||
/* Animated subtle grid pattern */
|
||
.dm-opt-card::before {
|
||
/* Expanded one tile beyond the (clipped) card so we can drift it via a GPU
|
||
transform instead of animating background-position (which repaints each frame). */
|
||
content: ""; position: absolute; inset: -60px; z-index: 0; pointer-events: none;
|
||
opacity: 0.035;
|
||
background-image:
|
||
linear-gradient(${r(k,.5)} 1px, transparent 1px),
|
||
linear-gradient(90deg, ${r(k,.5)} 1px, transparent 1px);
|
||
background-size: 60px 60px;
|
||
animation: dmOptGridDrift 25s linear infinite;
|
||
will-change: transform;
|
||
}
|
||
@keyframes dmOptGridDrift {
|
||
0% { transform: translate3d(0, 0, 0); }
|
||
100% { transform: translate3d(60px, 60px, 0); }
|
||
}
|
||
/* Radial center glow behind 3D scene */
|
||
.dm-opt-card::after {
|
||
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
|
||
background:
|
||
radial-gradient(ellipse 50% 45% at 50% 48%, ${r(k,.08)} 0%, transparent 70%),
|
||
radial-gradient(ellipse 60% 40% at 50% 90%, ${r(l,.05)} 0%, transparent 60%),
|
||
radial-gradient(ellipse 80% 50% at 50% 10%, ${r(k,.04)} 0%, transparent 50%);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.dm-opt-card {
|
||
top: 96px !important;
|
||
left: 20px !important;
|
||
right: 20px !important;
|
||
bottom: 0 !important;
|
||
border-radius: 42px 42px 0 0 !important;
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-opt-card {
|
||
top: 86px !important;
|
||
left: 10px !important;
|
||
right: 10px !important;
|
||
bottom: 0 !important;
|
||
border-radius: 28px 28px 0 0 !important;
|
||
}
|
||
}
|
||
|
||
/* ===== INNER LAYERS ===== */
|
||
.dm-opt-backdrop {
|
||
position: absolute;
|
||
inset: 0; z-index: 0;
|
||
background:
|
||
radial-gradient(100% 70% at 50% 6%, ${r(k,.06)} 0%, transparent 55%),
|
||
radial-gradient(80% 60% at 50% 100%, ${r(l,.05)} 0%, transparent 55%);
|
||
}
|
||
.dm-opt-canvas { position: absolute; inset: 0; z-index: 1; }
|
||
.dm-opt-canvas canvas { display: block; }
|
||
.dm-opt-vignette {
|
||
position: absolute; inset: 0; z-index: 2; pointer-events: none;
|
||
background:
|
||
radial-gradient(110% 90% at 50% 50%, transparent 48%, ${r("#020617",.88)} 100%),
|
||
linear-gradient(180deg, ${r("#020617",.6)} 0%, transparent 20%, transparent 65%, ${r("#020617",.92)} 100%);
|
||
}
|
||
.dm-opt-divider {
|
||
position: absolute; left: 50%; top: 14%; bottom: 28%;
|
||
width: 1px; z-index: 3; pointer-events: none; transform: translateX(-0.5px);
|
||
background: linear-gradient(180deg, transparent, ${r(k,.6)}, transparent);
|
||
box-shadow: 0 0 16px ${r(k,.4)};
|
||
}
|
||
.dm-opt-scanline {
|
||
position: absolute; left: 6%; right: 6%; height: 2px; z-index: 3; pointer-events: none;
|
||
background: linear-gradient(90deg, transparent, ${k}, transparent);
|
||
box-shadow: 0 0 22px ${r(k,.8)};
|
||
}
|
||
|
||
/* ===== FLOATING AI STATUS BADGE ===== */
|
||
.dm-opt-floating-badge {
|
||
pointer-events: none;
|
||
}
|
||
.dm-opt-floating-badge__inner {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 8px 18px;
|
||
border-radius: 999px;
|
||
background: ${r(o,.85)};
|
||
border: 1.5px solid ${r(k,.3)};
|
||
box-shadow:
|
||
0 10px 30px -5px rgba(0, 0, 0, 0.65),
|
||
0 0 24px -2px ${r(k,.18)},
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||
backdrop-filter: blur(14px);
|
||
-webkit-backdrop-filter: blur(14px);
|
||
transition: border-color 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
.dm-opt-floating-badge__dot {
|
||
width: 7px;
|
||
height: 7px;
|
||
border-radius: 50%;
|
||
background: ${k};
|
||
box-shadow: 0 0 10px ${k};
|
||
animation: dmOptPulse 1.4s ease-in-out infinite;
|
||
transition: background 0.4s ease, box-shadow 0.4s ease;
|
||
}
|
||
.dm-opt-floating-badge__dot.is-scan {
|
||
background: ${k};
|
||
box-shadow: 0 0 10px ${k};
|
||
}
|
||
.dm-opt-floating-badge__dot.is-dissolve,
|
||
.dm-opt-floating-badge__dot.is-optimize {
|
||
background: ${n};
|
||
box-shadow: 0 0 10px ${n};
|
||
}
|
||
.dm-opt-floating-badge__dot.is-reorganize {
|
||
background: #C084FC;
|
||
box-shadow: 0 0 10px #C084FC;
|
||
}
|
||
.dm-opt-floating-badge__dot.is-metrics {
|
||
background: ${l};
|
||
box-shadow: 0 0 10px ${l};
|
||
}
|
||
.dm-opt-floating-badge__text {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 10px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
color: #F8FAFC;
|
||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||
}
|
||
|
||
/* ===== UI OVERLAY ===== */
|
||
.dm-opt-ui { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
|
||
.dm-opt-ui h2, .dm-opt-ui h3, .dm-opt-metric__value, .dm-opt-eyebrow, .dm-opt-phase {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
}
|
||
|
||
/* ===== HEADER — compact, no dead space ===== */
|
||
.dm-opt-head {
|
||
position: absolute; top: clamp(18px, 3vh, 36px); left: 50%;
|
||
transform: translateX(-50%); width: min(640px, 90vw); text-align: center;
|
||
}
|
||
.dm-opt-eyebrow {
|
||
display: inline-flex; align-items: center; gap: 7px;
|
||
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
|
||
color: ${k}; padding: 5px 14px; border-radius: 999px;
|
||
background: ${r(k,.06)}; border: 1px solid ${r(k,.25)};
|
||
backdrop-filter: blur(8px);
|
||
}
|
||
.dm-opt-dot { width: 6px; height: 6px; border-radius: 50%; background: ${k}; box-shadow: 0 0 10px ${k}; }
|
||
.dm-opt .dm-opt-head h2 {
|
||
margin: 8px 0 4px !important; padding: 0 !important; color: #F8FAFC !important;
|
||
font-weight: 700 !important; text-transform: none !important;
|
||
font-size: clamp(22px, 2.4vw, 36px) !important; line-height: 1.1 !important;
|
||
letter-spacing: -0.015em !important;
|
||
}
|
||
.dm-opt .dm-opt-head p {
|
||
margin: 0 auto !important; padding: 0 !important; color: ${q} !important;
|
||
max-width: 440px; font-size: clamp(11px, 1vw, 13px) !important; line-height: 1.45 !important;
|
||
}
|
||
|
||
/* ===== WORKFLOW STEPS ===== */
|
||
.dm-opt-steps {
|
||
display: flex; align-items: center; justify-content: center; gap: 0;
|
||
margin-top: 12px; flex-wrap: wrap;
|
||
}
|
||
.dm-opt-steps__pill {
|
||
display: inline-flex; align-items: center; gap: 4px;
|
||
padding: 4px 10px; border-radius: 999px; font-weight: 600;
|
||
letter-spacing: 0.04em; text-transform: uppercase;
|
||
color: ${p};
|
||
background: ${r(o,.5)};
|
||
border: 1px solid ${r(p,.2)};
|
||
backdrop-filter: blur(6px);
|
||
transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);
|
||
}
|
||
.dm-opt-steps__pill.is-active {
|
||
color: #E2E8F0;
|
||
background: ${r(k,.1)};
|
||
border-color: ${r(k,.35)};
|
||
box-shadow: 0 0 18px -6px ${r(k,.5)};
|
||
}
|
||
.dm-opt-steps__pill.is-current {
|
||
color: ${k};
|
||
border-color: ${r(k,.6)};
|
||
box-shadow: 0 0 24px -4px ${r(k,.6)};
|
||
}
|
||
.dm-opt-steps__icon { font-size: 11px; }
|
||
.dm-opt-steps__text { font-size: 9.5px; }
|
||
.dm-opt-steps__line {
|
||
display: block; width: 16px; height: 1px; margin: 0 2px;
|
||
background: ${r(p,.3)};
|
||
transition: background 0.45s ease;
|
||
}
|
||
.dm-opt-steps__line.is-active {
|
||
background: linear-gradient(90deg, ${k}, ${l});
|
||
box-shadow: 0 0 6px ${r(k,.5)};
|
||
}
|
||
|
||
/* ===== PROGRESS BAR ===== */
|
||
.dm-opt-progress { margin-top: 10px; }
|
||
.dm-opt-progress__track {
|
||
height: 2px; border-radius: 999px; overflow: hidden;
|
||
background: ${r(k,.1)}; max-width: 420px; margin: 0 auto;
|
||
}
|
||
.dm-opt-progress__fill {
|
||
height: 100%; width: 100%; transform-origin: left center; border-radius: 999px;
|
||
background: linear-gradient(90deg, ${k}, ${l});
|
||
box-shadow: 0 0 12px ${r(k,.6)};
|
||
}
|
||
.dm-opt-status {
|
||
display: inline-flex; align-items: center; gap: 8px; margin-top: 8px;
|
||
padding: 4px 11px; border-radius: 999px;
|
||
background: ${r(o,.55)}; border: 1px solid ${r(k,.18)};
|
||
backdrop-filter: blur(8px);
|
||
}
|
||
.dm-opt-status__dot {
|
||
width: 5px; height: 5px; border-radius: 50%; background: ${k};
|
||
box-shadow: 0 0 8px ${k}; animation: dmOptPulse 1.4s ease-in-out infinite;
|
||
}
|
||
.dm-opt-status__label {
|
||
font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #E2E8F0; font-weight: 600;
|
||
}
|
||
.dm-opt-status__step { font-size: 9.5px; color: ${k}; font-weight: 600; }
|
||
|
||
/* ===== COMPARE PANELS — tighter, stronger ===== */
|
||
.dm-opt-compare {
|
||
position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);
|
||
display: flex; justify-content: space-between; align-items: center;
|
||
gap: 12px; padding: 0 clamp(12px, 2.5vw, 36px);
|
||
}
|
||
.dm-opt-panel {
|
||
pointer-events: auto; width: clamp(230px, 26vw, 340px);
|
||
padding: 18px 20px; border-radius: 20px;
|
||
background: ${r(o,.92)};
|
||
border: 1px solid ${r(p,.22)};
|
||
/* backdrop blur removed — panel opacity is scroll-driven, so the blur was
|
||
recomputed every scroll frame; a near-opaque fill reads the same and is free. */
|
||
}
|
||
.dm-opt-panel--bad {
|
||
border-color: ${r(m,.45)};
|
||
box-shadow:
|
||
0 0 30px -8px ${r(m,.35)},
|
||
0 20px 50px -20px ${r(m,.25)},
|
||
inset 0 1px 0 ${r(m,.08)};
|
||
}
|
||
.dm-opt-panel--good {
|
||
border-color: ${r(l,.45)};
|
||
box-shadow:
|
||
0 0 30px -8px ${r(l,.35)},
|
||
0 20px 50px -20px ${r(l,.25)},
|
||
inset 0 1px 0 ${r(l,.08)};
|
||
}
|
||
.dm-opt .dm-opt-panel h3 {
|
||
margin: 10px 0 12px !important; padding: 0 !important; color: #F1F5F9 !important;
|
||
font-size: clamp(15px, 1.4vw, 19px) !important; font-weight: 600 !important;
|
||
line-height: 1.15 !important; text-transform: none !important; letter-spacing: -0.01em !important;
|
||
}
|
||
.dm-opt .dm-opt-panel ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 7px; }
|
||
.dm-opt .dm-opt-panel li {
|
||
position: relative; padding-left: 0 !important; margin: 0 !important;
|
||
color: ${q} !important; font-size: 12.5px !important; line-height: 1.35 !important;
|
||
display: flex; align-items: center; gap: 8px;
|
||
}
|
||
.dm-opt .dm-opt-panel li::marker { content: "" !important; }
|
||
/* Remove old dot pseudo — now using ✖/✔ markers */
|
||
.dm-opt .dm-opt-panel li::before { content: none !important; display: none !important; }
|
||
|
||
/* ✖/✔ markers */
|
||
.dm-opt-marker {
|
||
display: inline-flex; align-items: center; justify-content: center;
|
||
width: 18px; height: 18px; border-radius: 6px; flex-shrink: 0;
|
||
font-size: 10px; font-weight: 700; line-height: 1;
|
||
}
|
||
.dm-opt-marker--x {
|
||
background: ${r(m,.15)};
|
||
color: ${m};
|
||
border: 1px solid ${r(m,.35)};
|
||
box-shadow: 0 0 8px ${r(m,.3)};
|
||
}
|
||
.dm-opt-marker--ok {
|
||
background: ${r(l,.15)};
|
||
color: ${l};
|
||
border: 1px solid ${r(l,.35)};
|
||
box-shadow: 0 0 8px ${r(l,.3)};
|
||
}
|
||
|
||
.dm-opt-panel__badge {
|
||
display: inline-flex; align-items: center; gap: 7px;
|
||
font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;
|
||
color: ${m}; padding: 5px 10px; border-radius: 999px;
|
||
background: ${r(m,.1)}; border: 1px solid ${r(m,.35)};
|
||
}
|
||
.dm-opt-panel__badge--good { color: ${l}; background: ${r(l,.1)}; border-color: ${r(l,.35)}; }
|
||
.dm-opt-pulse { width: 6px; height: 6px; border-radius: 50%; animation: dmOptPulse 1.4s ease-in-out infinite; }
|
||
.dm-opt-pulse--red { background: ${m}; box-shadow: 0 0 10px ${m}; }
|
||
.dm-opt-pulse--green { background: ${l}; box-shadow: 0 0 10px ${l}; }
|
||
@keyframes dmOptPulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } }
|
||
|
||
/* ===== METRICS ===== */
|
||
.dm-opt-foot {
|
||
position: absolute; left: 0; right: 0; bottom: clamp(12px, 2.5vh, 28px);
|
||
padding: 0 clamp(12px, 3vw, 36px);
|
||
}
|
||
.dm-opt-metrics {
|
||
pointer-events: auto; display: grid; grid-template-columns: repeat(5, 1fr);
|
||
gap: 10px; max-width: 1100px; margin: 0 auto;
|
||
}
|
||
.dm-opt-metric {
|
||
position: relative; padding: 14px 14px 12px; border-radius: 16px;
|
||
background: ${r(o,.92)};
|
||
border: 1px solid ${r(p,.25)};
|
||
/* backdrop blur removed — 5 metric cards animate on scroll; per-frame blur recompute was a hotspot. */
|
||
overflow: hidden;
|
||
opacity: 0; transform: translateY(22px);
|
||
animation: dmOptCardIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
||
box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5), inset 0 1px 0 ${r("#ffffff",.04)};
|
||
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease !important;
|
||
cursor: pointer;
|
||
}
|
||
.dm-opt-metric:hover {
|
||
transform: translateY(-5px) scale(1.028) !important;
|
||
background: ${r(o,.9)} !important;
|
||
border-color: ${r(k,.52)} !important;
|
||
box-shadow:
|
||
0 18px 48px -8px ${r(k,.25)},
|
||
0 4px 12px -2px ${r(k,.12)},
|
||
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
|
||
}
|
||
.dm-opt-metric:hover .dm-opt-metric__sparkline {
|
||
opacity: 0.72 !important;
|
||
}
|
||
.dm-opt-metric__sparkline {
|
||
transition: opacity 0.4s ease;
|
||
}
|
||
@keyframes dmOptCardIn { to { opacity: 1; transform: translateY(0); } }
|
||
.dm-opt-metric__top { display: flex; align-items: center; justify-content: space-between; }
|
||
.dm-opt-metric__label {
|
||
font-size: 10px; letter-spacing: 0.04em; color: ${q}; text-transform: uppercase;
|
||
}
|
||
.dm-opt-metric__arrow { font-size: 11px; }
|
||
.dm-opt-metric__value { margin-top: 6px; font-size: clamp(20px, 2.8vw, 32px); font-weight: 700; line-height: 1; }
|
||
.dm-opt-metric__bar { margin-top: 10px; height: 3px; border-radius: 999px; background: ${r(p,.2)}; overflow: hidden; }
|
||
.dm-opt-metric__fill { height: 100%; border-radius: 999px; transform-origin: left center; }
|
||
|
||
/* ===== BOTTOM INSIGHT BAR ===== */
|
||
.dm-opt-insight {
|
||
display: flex; align-items: center; justify-content: center; gap: 8px;
|
||
max-width: 760px; margin: 10px auto 0;
|
||
padding: 7px 18px; border-radius: 999px;
|
||
background: ${r(o,.6)};
|
||
border: 1px solid ${r(k,.12)};
|
||
backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
|
||
pointer-events: auto;
|
||
}
|
||
.dm-opt-insight__dot {
|
||
width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
|
||
background: ${l};
|
||
box-shadow: 0 0 12px ${l};
|
||
animation: dmOptPulse 2s ease-in-out infinite;
|
||
}
|
||
.dm-opt-insight__text {
|
||
font-size: 10.5px; color: ${q}; line-height: 1.3;
|
||
letter-spacing: 0.03em; font-weight: 500;
|
||
}
|
||
.dm-opt-insight__text strong {
|
||
color: #E2E8F0; font-weight: 700;
|
||
}
|
||
.dm-opt-insight__sep {
|
||
width: 1px; height: 12px; flex-shrink: 0;
|
||
background: ${r(p,.35)};
|
||
}
|
||
|
||
/* ===== RESPONSIVE ===== */
|
||
@media (max-width: 1024px) {
|
||
.dm-opt-panel { width: clamp(190px, 30vw, 280px); padding: 14px 16px; }
|
||
.dm-opt-panel li { font-size: 11.5px; }
|
||
.dm-opt-marker { width: 16px; height: 16px; font-size: 9px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-opt { height: 200vh; }
|
||
.dm-opt-card {
|
||
top: 8px !important; left: 8px !important; right: 8px !important; bottom: 8px !important;
|
||
border-radius: 24px !important;
|
||
}
|
||
.dm-opt-compare {
|
||
top: auto; bottom: 148px; transform: none;
|
||
flex-direction: row; align-items: stretch; gap: 6px; padding: 0 10px;
|
||
}
|
||
.dm-opt-panel { width: 50%; padding: 10px 11px; border-radius: 14px; }
|
||
.dm-opt-panel ul { gap: 4px; }
|
||
.dm-opt-panel li { font-size: 10px; }
|
||
.dm-opt-panel li::before { display: none !important; }
|
||
.dm-opt-marker { width: 14px; height: 14px; font-size: 8px; border-radius: 4px; }
|
||
.dm-opt-panel h3 { margin: 6px 0 5px; font-size: 14px; }
|
||
.dm-opt-panel__badge { font-size: 8px; padding: 3px 7px; }
|
||
.dm-opt-metrics { grid-template-columns: repeat(5, 1fr); gap: 4px; }
|
||
.dm-opt-metric { padding: 7px 5px; border-radius: 10px; }
|
||
.dm-opt-metric__label { font-size: 7.5px; letter-spacing: 0; }
|
||
.dm-opt-metric__value { font-size: 14px; }
|
||
.dm-opt-metric__bar { margin-top: 6px; }
|
||
.dm-opt-head h2 { font-size: 22px; margin: 6px 0 4px; }
|
||
.dm-opt-head p { font-size: 10.5px; }
|
||
.dm-opt-phases { display: none; }
|
||
.dm-opt-steps { gap: 0; }
|
||
.dm-opt-steps__pill { padding: 3px 6px; }
|
||
.dm-opt-steps__icon { font-size: 9px; }
|
||
.dm-opt-steps__text { font-size: 7.5px; }
|
||
.dm-opt-steps__line { width: 6px; }
|
||
.dm-opt-insight { padding: 5px 10px; gap: 5px; }
|
||
.dm-opt-insight__text { font-size: 8.5px; }
|
||
.dm-opt-insight__sep { height: 10px; }
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.dm-opt-pulse { animation: none; }
|
||
.dm-opt-metric { animation: none; opacity: 1; transform: none; }
|
||
.dm-opt-insight__dot { animation: none; }
|
||
.dm-opt-card::before { animation: none; }
|
||
}
|
||
`,C=`
|
||
/* ============================================================
|
||
Workflow 1 = ONE container:
|
||
├─ Impact of Optimisation (full interactive OptimizationSection)
|
||
└─ Performance (content card, flush + colour-matched)
|
||
The Performance card is pulled up to butt against the optimisation
|
||
card's flat bottom and shares its dark-navy surface, so the two
|
||
read as a single continuous container with no gap / no break.
|
||
============================================================ */
|
||
.dm-wf1 {
|
||
position: relative;
|
||
margin: 0 auto 0;
|
||
}
|
||
|
||
/* Cancel the global "section { padding: 6rem 0 }" (custom-frontend.min.css): both
|
||
this wrapper and the nested .dm-opt are sections, so that 96px top+bottom stacked
|
||
into large empty bands above / between the workflows. These are full-bleed pinned
|
||
experiences whose cards butt together via their own insets — no section padding. */
|
||
.dm-wf1, .dm-wf1 .dm-opt { padding-top: 0; padding-bottom: 0; }
|
||
|
||
/* Performance card — aligned to the optimisation card (20px side insets),
|
||
navy-matched, flat top, rounded bottom, pulled up to close the seam. */
|
||
.dm-wf1-card {
|
||
position: relative;
|
||
z-index: 2;
|
||
margin: 0 20px 0;
|
||
background: linear-gradient(180deg, #030a18 0%, #06101f 100%);
|
||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||
border-top: none;
|
||
border-radius: 0 0 42px 42px;
|
||
/* No shadow: this card is flush under the optimisation card and merges with it as one
|
||
continuous container — a shadow here would re-introduce a dark band at the seam. */
|
||
box-shadow: none;
|
||
padding: 36px 60px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 40px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.dm-workflow-left {
|
||
flex: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
max-width: 440px;
|
||
}
|
||
.dm-workflow-svg {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: drop-shadow(0 8px 24px rgba(0,0,0,0.3));
|
||
}
|
||
|
||
.dm-workflow-right {
|
||
flex: 1.2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 20px;
|
||
}
|
||
.dm-workflow-quote { margin-bottom: 5px; }
|
||
|
||
.dm-workflow-title {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 38px;
|
||
font-weight: 700;
|
||
color: #F8FAFC !important;
|
||
letter-spacing: -0.015em;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.dm-workflow-text-container { min-height: 110px; width: 100%; }
|
||
.dm-workflow-text {
|
||
font-family: var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 16px;
|
||
line-height: 1.65;
|
||
color: #A3A3A3;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
.dm-workflow-nav {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-end;
|
||
gap: 10px;
|
||
align-self: flex-end;
|
||
margin-top: 10px;
|
||
}
|
||
.dm-workflow-counter {
|
||
font-family: var(--font-space-grotesk), sans-serif;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: #737373;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.dm-workflow-bars { display: flex; gap: 8px; }
|
||
.dm-workflow-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.dm-workflow-bar.is-active { background: #C01227; }
|
||
.dm-workflow-bar:hover { background: rgba(255, 255, 255, 0.35); }
|
||
.dm-workflow-bar.is-active:hover { background: #C01227; }
|
||
|
||
/* ── Responsive — keep insets/radius aligned to the optimisation card ── */
|
||
@media (max-width: 1024px) {
|
||
.dm-wf1-card {
|
||
margin: 0 20px 0;
|
||
border-radius: 0 0 42px 42px;
|
||
padding: 44px 44px;
|
||
gap: 44px;
|
||
}
|
||
.dm-workflow-title { font-size: 32px; }
|
||
}
|
||
@media (max-width: 768px) {
|
||
.dm-wf1-card {
|
||
margin: 0 10px 0;
|
||
border-radius: 0 0 28px 28px;
|
||
padding: 36px 28px;
|
||
gap: 36px;
|
||
flex-direction: column;
|
||
}
|
||
.dm-workflow-left { max-width: 280px; }
|
||
.dm-workflow-right { width: 100%; }
|
||
.dm-workflow-title { font-size: 28px; }
|
||
.dm-workflow-text-container { min-height: auto; }
|
||
}
|
||
`;a.s(["default",0,function(){let[a,f]=(0,c.useState)(0),[g,h]=(0,c.useState)(!1),i=[{title:"PERFORMANCE",text:"Our AI-powered routing system reduces unnecessary travel by selecting the most efficient delivery paths across the city. This helps lower fuel and battery consumption while improving delivery speed and operational efficiency. Businesses can complete more deliveries in less time with significantly reduced logistics costs."},{title:"PERFORMANCE",text:"The optimization engine intelligently groups and balances deliveries, allowing the same order volume to be fulfilled with fewer vehicles. This improves fleet utilization, reduces maintenance and staffing costs, and increases overall delivery efficiency. Even with fewer vehicles, the platform maintains smooth and reliable operations."},{title:"PERFORMANCE",text:"Real-time route optimization ensures predictable and on-time deliveries across all delivery zones. By reducing delays and improving route planning, businesses can maintain high customer satisfaction and strong SLA performance. The system delivers lower operational costs while consistently maintaining 100% order fulfillment."}];return(0,c.useEffect)(()=>{if(g)return;let a=setTimeout(()=>{f(a=>(a+1)%i.length)},5e3);return()=>clearTimeout(a)},[a,g,i.length]),(0,b.jsxs)("section",{className:"dm-wf1","aria-label":"Workflow 1 — Impact of Optimisation & Performance",children:[(0,b.jsx)(A,{}),(0,b.jsxs)("div",{className:"dm-wf1-card",onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),children:[(0,b.jsx)("div",{className:"dm-workflow-left",children:(0,b.jsxs)("svg",{viewBox:"0 0 320 280",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"dm-workflow-svg",children:[(0,b.jsx)("path",{d:"M 30,20 C 22,20 16,26 16,34 L 78,85 C 81,88 81,92 78,95 L 16,146 C 16,154 22,160 30,160 L 130,160 C 138,160 145,154 148,146 L 204,95 C 207,92 207,88 204,85 L 148,34 C 145,26 138,20 130,20 Z",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",opacity:"0.25"}),(0,b.jsx)("path",{d:"M 110,100 C 102,100 96,106 96,114 L 158,165 C 161,168 161,172 158,175 L 96,226 C 96,234 102,240 110,240 L 210,240 C 218,240 225,234 228,226 L 284,175 C 287,172 287,168 284,165 L 228,114 C 225,106 218,100 210,100 Z",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",opacity:"0.85"})]})}),(0,b.jsxs)("div",{className:"dm-workflow-right",children:[(0,b.jsxs)("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"dm-workflow-quote",children:[(0,b.jsx)("rect",{x:"2",y:"2",width:"9",height:"20",rx:"1.5",transform:"skewX(-12)",fill:"#C01227"}),(0,b.jsx)("rect",{x:"16",y:"2",width:"9",height:"20",rx:"1.5",transform:"skewX(-12)",fill:"#C01227"})]}),(0,b.jsx)("h3",{className:"dm-workflow-title",children:i[a].title}),(0,b.jsx)("div",{className:"dm-workflow-text-container",children:(0,b.jsx)(e.AnimatePresence,{mode:"wait",children:(0,b.jsx)(d.motion.p,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:-12},transition:{duration:.28,ease:"easeInOut"},className:"dm-workflow-text",children:i[a].text},a)})}),(0,b.jsxs)("div",{className:"dm-workflow-nav",children:[(0,b.jsxs)("span",{className:"dm-workflow-counter",children:["0",a+1,"/03"]}),(0,b.jsx)("div",{className:"dm-workflow-bars",children:i.map((c,d)=>(0,b.jsx)("button",{type:"button","aria-label":`Go to slide ${d+1}`,className:`dm-workflow-bar ${d===a?"is-active":""}`,onClick:()=>f(d)},d))})]})]})]}),(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:C}})]})}],67095)},752,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(46271),e=a.i(62036),f=a.i(19721),g=a.i(21520),h=a.i(1299),i=a.i(26304),j=a.i(81783);let k=["Multi-Trip","Proximity","Balanced","Fuel Saver","EV-Aware","Time-Aware"],l=[{icon:"🔋",label:"Battery",note:"EV range & recharge stops"},{icon:"📍",label:"Distance",note:"Total km per route"},{icon:"📦",label:"Capacity",note:"Orders each vehicle can carry"},{icon:"⏱️",label:"Time / SLA",note:"Promised delivery windows"}],m=[{name:"Multi-Trip",score:98,win:!0},{name:"Time-Aware",score:90},{name:"Balanced",score:84},{name:"Proximity",score:76},{name:"Fuel Saver",score:68},{name:"EV-Aware",score:58}],n=[{n:"01",at:.13,title:"Generate Routes",caption:"Many delivery plans created at once"},{n:"02",at:.28,title:"Check Constraints",caption:"Battery, distance, capacity & time"},{n:"03",at:.44,title:"Score & Compare",caption:"Every plan ranked by total cost"},{n:"04",at:.6,title:"Guarantee On-Time",caption:"Late plans rejected automatically"},{n:"05",at:.74,title:"Pick & Dispatch",caption:"Best plan sent to the fleet"},{n:"06",at:.88,title:"Delivered",caption:"Real business results"}],o=(0,f.default)(async()=>{},{loadableGenerated:{modules:[39184]},ssr:!1});function p({mv:a}){let d=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let b=a=>{d.current&&(d.current.textContent=String(Math.round(a)))};return b(a.get()),a.on("change",b)},[a]),(0,b.jsx)("span",{ref:d,children:Math.round(a.get())})}function q({active:a}){return(0,b.jsx)("div",{className:"dm-lb-rail","aria-hidden":!0,children:n.map((d,e)=>(0,b.jsxs)(c.default.Fragment,{children:[e>0&&(0,b.jsx)("span",{className:`dm-lb-rail__line is-${e<=a?"on":"off"}`}),(0,b.jsxs)("div",{className:`dm-lb-rail__step is-${e<a?"done":e===a?"current":"todo"}`,children:[(0,b.jsx)("span",{className:"dm-lb-rail__num",children:e<a?"✓":d.n}),(0,b.jsx)("span",{className:"dm-lb-rail__title",children:d.title})]})]},d.n))})}function r({opacity:a,y:e,num:f,kicker:g,title:h,children:i}){return!function(a,b=.01){return(0,c.useSyncExternalStore)(b=>a.on("change",b),()=>a.get()>b,()=>a.get()>b)}(a)?null:(0,b.jsxs)(d.motion.div,{className:"dm-lb-card-story",style:{opacity:a,y:e},children:[(0,b.jsxs)("div",{className:"dm-lb-card-story__head",children:[(0,b.jsx)("span",{className:"dm-lb-pillar__num",children:f}),(0,b.jsx)("span",{className:"dm-lb-pillar__kicker",children:g})]}),(0,b.jsx)("h3",{className:"dm-lb-pillar__title",children:h}),i]})}function s({connected:a=!1}={}){let e=(0,c.useRef)(null),f=(0,c.useRef)(0),u=(0,g.useMotionValue)(0),[v,w]=(0,c.useState)("before"),[x,y]=(0,c.useState)(-1),[z,A]=(0,c.useState)(!1),[B,C]=(0,c.useState)(!1),[D,E]=(0,c.useState)(!1),[F,G]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=window.matchMedia("(max-width: 767px)"),b=window.matchMedia("(prefers-reduced-motion: reduce)"),c=()=>{E(a.matches),G(b.matches)};return c(),a.addEventListener("change",c),b.addEventListener("change",c),()=>{a.removeEventListener("change",c),b.removeEventListener("change",c)}},[]),(0,c.useEffect)(()=>{let a=e.current;if(!a)return;let b=new IntersectionObserver(a=>{a.some(a=>a.isIntersecting)&&(A(!0),C(!0),b.disconnect())},{rootMargin:"70% 0px"}),c=new IntersectionObserver(a=>C(a.some(a=>a.isIntersecting)),{rootMargin:"10% 0px"});return b.observe(a),c.observe(a),()=>{b.disconnect(),c.disconnect()}},[]),(0,c.useEffect)(()=>{let a=e.current;if(!a)return;i.default.registerPlugin(j.ScrollTrigger);let b="before",c=-1,d=j.ScrollTrigger.create({trigger:a,start:"top top",end:"bottom bottom",scrub:.4,invalidateOnRefresh:!0,onUpdate:a=>{let d=a.progress;f.current=d,u.set(d);let e=d<=2e-4?"before":d>=.9998?"after":"pinned";e!==b&&(b=e,w(e));let g=function(a){let b=-1;for(let c=0;c<n.length;c++)a>=n[c].at&&(b=c);return b}(d);g!==c&&(c=g,y(g))}}),g=setTimeout(()=>j.ScrollTrigger.refresh(),120);return()=>{clearTimeout(g),d.kill()}},[u]);let H=(0,h.useTransform)(u,[0,.04,.1],[1,1,0]),I=(0,h.useTransform)(u,[.04,.1,.84,.9],[0,1,1,0]),J=(0,h.useTransform)(u,[.135,.165,.255,.275],[0,1,1,0]),K=(0,h.useTransform)(u,[.135,.175],[26,0]),L=(0,h.useTransform)(u,[.29,.32,.415,.435],[0,1,1,0]),M=(0,h.useTransform)(u,[.29,.33],[26,0]),N=(0,h.useTransform)(u,[.45,.48,.575,.595],[0,1,1,0]),O=(0,h.useTransform)(u,[.45,.49],[26,0]),P=(0,h.useTransform)(u,[.61,.64,.715,.735],[0,1,1,0]),Q=(0,h.useTransform)(u,[.61,.65],[26,0]),R=(0,h.useTransform)(u,[.75,.78,.855,.875],[0,1,1,0]),S=(0,h.useTransform)(u,[.75,.79],[26,0]),T=(0,h.useTransform)(u,[.86,.92],[0,1]),U=(0,h.useTransform)(u,[.86,.94],[40,0]),V=(0,h.useTransform)(u,[.92,.98],[0,1]),W=(0,h.useTransform)(u,[.88,.97],[0,59]),X=(0,h.useTransform)(u,[.88,.97],[0,18]);return(0,b.jsxs)("section",{ref:e,className:`dm-lb is-${v}${a?" is-connected":""}`,"aria-label":"Logistics Brain — one intelligent system",children:[(0,b.jsx)("div",{className:"dm-lb-sticky",children:(0,b.jsxs)("div",{className:"dm-lb-card",children:[z&&(0,b.jsx)("div",{className:"dm-lb-canvas",children:(0,b.jsx)(o,{progress:f,reduced:F,isMobile:D,active:B&&"pinned"===v})}),"before"!==v&&(0,b.jsxs)("div",{className:"dm-lb-ui",children:[(0,b.jsxs)(d.motion.div,{className:"dm-lb-top",style:{opacity:I},children:[(0,b.jsxs)("div",{className:"dm-lb-eyebrow",children:[(0,b.jsx)("span",{className:"dm-lb-dot"})," MileTruth Routing Engine"]}),(0,b.jsx)(q,{active:x})]}),(0,b.jsxs)(d.motion.div,{className:"dm-lb-scrollhint",style:{opacity:H},children:[(0,b.jsx)("span",{children:"Scroll to see how every delivery is planned"}),(0,b.jsx)("span",{className:"dm-lb-arrow",children:"↓"})]}),(0,b.jsxs)(r,{opacity:J,y:K,num:"01",kicker:"Generate Routes",title:"We create many delivery plans at once",children:[(0,b.jsx)("div",{className:"dm-lb-chips",children:k.map(a=>(0,b.jsx)("span",{className:"dm-lb-chip",children:a},a))}),(0,b.jsx)("p",{className:"dm-lb-pillar__foot",children:"6 different ways to deliver all 59 orders — generated in milliseconds."})]}),(0,b.jsxs)(r,{opacity:L,y:M,num:"02",kicker:"Check Constraints",title:"Every plan must respect real-world limits",children:[(0,b.jsx)("ul",{className:"dm-lb-constraints",children:l.map(a=>(0,b.jsxs)("li",{children:[(0,b.jsx)("span",{className:"dm-lb-constraints__icon",children:a.icon}),(0,b.jsx)("span",{className:"dm-lb-constraints__label",children:a.label}),(0,b.jsx)("span",{className:"dm-lb-constraints__note",children:a.note})]},a.label))}),(0,b.jsxs)("p",{className:"dm-lb-pillar__stat",children:[(0,b.jsx)("strong",{children:"59/59"})," delivered ",(0,b.jsx)("em",{children:"vs 34/59 when battery limits are ignored"})]})]}),(0,b.jsx)(r,{opacity:N,y:O,num:"03",kicker:"Score & Compare",title:"Each plan is scored by total delivery cost",children:(0,b.jsx)("ul",{className:"dm-lb-board",children:m.map(a=>(0,b.jsxs)("li",{className:a.win?"is-win":"",children:[(0,b.jsxs)("span",{className:"dm-lb-board__name",children:[a.name,a.win&&(0,b.jsx)("span",{className:"dm-lb-board__tag",children:"WINNER"})]}),(0,b.jsx)("span",{className:"dm-lb-board__track",children:(0,b.jsx)("span",{className:"dm-lb-board__fill",style:{width:`${a.score}%`}})}),(0,b.jsx)("span",{className:"dm-lb-board__score",children:a.score})]},a.name))})}),(0,b.jsxs)(r,{opacity:P,y:Q,num:"04",kicker:"Guarantee On-Time",title:"Any plan even 1 minute late is rejected",children:[(0,b.jsxs)("div",{className:"dm-lb-sla",children:[(0,b.jsx)("span",{className:"dm-lb-sla__badge",children:"⏱️ On-time only"}),(0,b.jsx)("span",{className:"dm-lb-sla__x",children:"✕ Late plan → dropped"})]}),(0,b.jsx)("p",{className:"dm-lb-pillar__foot",children:"We only keep plans that hit every promised delivery window."})]}),(0,b.jsxs)(r,{opacity:R,y:S,num:"05",kicker:"Pick & Dispatch",title:"The winning plan is sent to the fleet",children:[(0,b.jsx)("div",{className:"dm-lb-winner",children:"✓ Multi-Trip selected — lowest cost, zero delays"}),(0,b.jsxs)("div",{className:"dm-lb-chips",children:[(0,b.jsx)("span",{className:"dm-lb-chip",children:"EV Bikes"}),(0,b.jsx)("span",{className:"dm-lb-chip",children:"Autos"}),(0,b.jsx)("span",{className:"dm-lb-chip",children:"Cargo Trucks"})]})]}),(0,b.jsxs)(d.motion.div,{className:"dm-lb-finale",style:{opacity:T},children:[(0,b.jsxs)(d.motion.div,{className:"dm-lb-kpis",style:{y:U},children:[(0,b.jsxs)("div",{className:"dm-lb-kpi",children:[(0,b.jsxs)("span",{className:"dm-lb-kpi__num",children:[(0,b.jsx)(p,{mv:W}),"/59"]}),(0,b.jsx)("span",{className:"dm-lb-kpi__label",children:"Orders Delivered"})]}),(0,b.jsxs)("div",{className:"dm-lb-kpi dm-lb-kpi--green",children:[(0,b.jsx)("span",{className:"dm-lb-kpi__num",children:"0"}),(0,b.jsx)("span",{className:"dm-lb-kpi__label",children:"SLA Misses"})]}),(0,b.jsxs)("div",{className:"dm-lb-kpi",children:[(0,b.jsxs)("span",{className:"dm-lb-kpi__num",children:[(0,b.jsx)(p,{mv:X}),"%"]}),(0,b.jsx)("span",{className:"dm-lb-kpi__label",children:"Cost Saved"})]})]}),(0,b.jsxs)(d.motion.div,{className:"dm-lb-logo",style:{opacity:V},children:[(0,b.jsx)("span",{className:"dm-lb-logo__mark"}),"MileTruth"]})]})]})]})}),(0,b.jsx)("style",{children:t})]})}let t=`
|
||
/* Scroll length tuned for pacing: ~77vh per engine step (was 107vh) so the 6
|
||
beats complete in noticeably less scrolling — closer to Workflow 1's cadence
|
||
and with far less perceived empty space between workflows. Beat windows are
|
||
progress-based (0…1), so they stay correctly aligned at any height. */
|
||
.dm-lb { position: relative; height: 460vh; background: transparent; }
|
||
.dm-lb-sticky { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;
|
||
will-change: transform; transform: translateZ(0); backface-visibility: hidden; }
|
||
.dm-lb.is-pinned .dm-lb-sticky { position: fixed; top: 0; left: 0; }
|
||
.dm-lb.is-after .dm-lb-sticky { position: absolute; top: auto; bottom: 0; }
|
||
|
||
.dm-lb-card {
|
||
position: absolute !important; inset: 20px !important;
|
||
border-radius: 28px !important; overflow: hidden !important;
|
||
background: radial-gradient(120% 100% at 50% 0%, #12090c 0%, #0a070a 55%, #060507 100%) !important;
|
||
border: 1px solid rgba(192,18,39,0.16) !important;
|
||
box-shadow: 0 30px 90px -30px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,255,255,0.04) !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
@media (max-width: 767px) { .dm-lb-card { inset: 10px !important; border-radius: 20px !important; } }
|
||
|
||
/* Connected mode (inside Workflow 2): flatten the card's bottom edge and flush it to
|
||
the section's bottom so the Innovation card below butts directly against it, reading
|
||
as one continuous container — mirrors the Optimisation → Performance seam in Workflow 1. */
|
||
.dm-lb.is-connected .dm-lb-card {
|
||
top: 20px !important; left: 20px !important; right: 20px !important; bottom: 0 !important;
|
||
border-radius: 28px 28px 0 0 !important; border-bottom: none !important;
|
||
/* Flush against the Innovation card below — drop the heavy downward shadow so it
|
||
doesn't cast a dark band onto that card's top edge (the two read as one container). */
|
||
box-shadow: none !important;
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-lb.is-connected .dm-lb-card {
|
||
top: 10px !important; left: 10px !important; right: 10px !important; bottom: 0 !important;
|
||
border-radius: 20px 20px 0 0 !important;
|
||
}
|
||
}
|
||
|
||
.dm-lb-canvas { position: absolute; inset: 0; z-index: 1; }
|
||
.dm-lb-canvas canvas { display: block; }
|
||
|
||
.dm-lb-ui { position: absolute; inset: 0; z-index: 4; pointer-events: none;
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; color: #eaf2ff; }
|
||
|
||
/* ---- Persistent header: title + 6-step engine rail ----
|
||
Offset the bar below the site's fixed navbar (~104px desktop / ~100px mobile once
|
||
.dm-header-scrolled is active). The section pins full-viewport, so without this the
|
||
eyebrow badge would sit under the navbar (z-index 10000) and get clipped. */
|
||
.dm-lb-top { position: absolute; top: clamp(96px, 13vh, 128px); left: 0; right: 0; z-index: 5;
|
||
display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 0 16px; overflow: visible; }
|
||
.dm-lb-eyebrow {
|
||
display: inline-flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.35; letter-spacing: 0.18em; font-weight: 700; text-transform: uppercase;
|
||
color: #ffffff; padding: 9px 20px; border-radius: 999px; background: rgba(192,18,39,0.16);
|
||
border: 1px solid rgba(226,53,66,0.45); backdrop-filter: blur(8px); white-space: nowrap; overflow: visible; }
|
||
.dm-lb-dot { width: 6px; height: 6px; border-radius: 50%; background: #E2354A; box-shadow: 0 0 10px #E2354A; }
|
||
|
||
.dm-lb-rail { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; max-width: min(1160px, 96vw); }
|
||
.dm-lb-rail__step { display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px; border-radius: 999px; flex-shrink: 0;
|
||
background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
|
||
backdrop-filter: blur(6px); transition: all 0.45s cubic-bezier(0.22,1,0.36,1); }
|
||
.dm-lb-rail__num { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
|
||
font-size: 11px; font-weight: 800; color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.12); }
|
||
.dm-lb-rail__title { font-size: clamp(12.5px, 1.05vw, 14px); font-weight: 700; letter-spacing: 0.04em; color: rgba(255,255,255,0.95); white-space: nowrap; }
|
||
.dm-lb-rail__step.is-current { background: rgba(192,18,39,0.18); border-color: rgba(226,53,66,0.55); box-shadow: 0 0 22px -6px rgba(226,53,66,0.7); }
|
||
.dm-lb-rail__step.is-current .dm-lb-rail__num { background: linear-gradient(135deg,#E2354A,#C01227); color: #fff; }
|
||
.dm-lb-rail__step.is-current .dm-lb-rail__title { color: #fff; }
|
||
.dm-lb-rail__step.is-done .dm-lb-rail__num { background: #22C55E; color: #04130a; }
|
||
.dm-lb-rail__step.is-done .dm-lb-rail__title { color: rgba(255,255,255,0.92); }
|
||
.dm-lb-rail__line { width: 14px; height: 1px; background: rgba(255,255,255,0.12); margin: 0 3px; transition: background 0.45s ease; }
|
||
.dm-lb-rail__line.is-on { background: linear-gradient(90deg,#22C55E,#E2354A); }
|
||
|
||
.dm-lb-scrollhint { position: absolute; bottom: clamp(26px, 6vh, 60px); left: 50%; transform: translateX(-50%);
|
||
display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12px; letter-spacing: 0.12em;
|
||
color: rgba(240,228,230,0.72); text-transform: uppercase; text-align: center; }
|
||
.dm-lb-arrow { font-size: 18px; animation: dmLbBob 1.8s ease-in-out infinite; }
|
||
@keyframes dmLbBob { 0%,100% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(6px); opacity: 1; } }
|
||
|
||
/* ---- Lower-left workflow card (glass panel, cross-fades per step) ---- */
|
||
.dm-lb-card-story { position: absolute; left: clamp(18px, 4vw, 56px); bottom: clamp(26px, 7vh, 64px);
|
||
width: min(440px, 84vw); pointer-events: auto; will-change: opacity, transform;
|
||
padding: 18px 20px; border-radius: 18px;
|
||
background: rgba(14,8,10,0.9); border: 1px solid rgba(226,53,66,0.22);
|
||
/* backdrop blur removed — this card cross-fades/translates on scroll, so the blur
|
||
was recomputed every frame; a near-opaque fill keeps the look at no per-frame cost. */
|
||
box-shadow: 0 24px 64px -30px rgba(0,0,0,0.92); }
|
||
.dm-lb-card-story__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
|
||
.dm-lb-pillar__num { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: #ffffff;
|
||
background: linear-gradient(135deg, #E2354A, #C01227); border-radius: 7px; padding: 3px 8px; }
|
||
.dm-lb-pillar__kicker { font-size: clamp(11px, 1.1vw, 13px); font-weight: 700; letter-spacing: 0.18em;
|
||
text-transform: uppercase; color: #F2667A; }
|
||
.dm-lb .dm-lb-pillar__title { margin: 0 0 12px !important; padding: 0 !important; color: #fbf5f6 !important;
|
||
font-weight: 700 !important; text-transform: none !important; letter-spacing: -0.015em !important;
|
||
font-size: clamp(17px, 1.9vw, 24px) !important; line-height: 1.18 !important;
|
||
text-shadow: 0 0 30px rgba(192,18,39,0.3) !important; }
|
||
.dm-lb-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
|
||
.dm-lb-chip { font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; color: #f1dadd;
|
||
padding: 4px 11px; border-radius: 999px; background: rgba(192,18,39,0.12);
|
||
border: 1px solid rgba(226,53,66,0.30); white-space: nowrap; }
|
||
.dm-lb-pillar__foot { margin: 0; font-size: clamp(12px, 1.1vw, 13.5px); line-height: 1.45; color: rgba(236,224,226,0.72); }
|
||
.dm-lb-pillar__stat { margin: 6px 0 0; font-size: clamp(12.5px, 1.2vw, 15px); color: rgba(236,224,226,0.78); }
|
||
.dm-lb-pillar__stat strong { color: #4ade80; font-weight: 800; font-size: 1.25em; text-shadow: 0 0 20px rgba(34,197,94,0.5); }
|
||
.dm-lb-pillar__stat em { font-style: normal; color: rgba(230,218,220,0.55); }
|
||
|
||
/* Constraints checklist (step 02) */
|
||
.dm-lb-constraints { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 7px; }
|
||
.dm-lb-constraints li { display: flex; align-items: center; gap: 9px; }
|
||
.dm-lb-constraints__icon { font-size: 14px; width: 20px; text-align: center; }
|
||
.dm-lb-constraints__label { font-size: 13px; font-weight: 700; color: #fbeff0; min-width: 84px; }
|
||
.dm-lb-constraints__note { font-size: 12px; color: rgba(232,222,224,0.6); }
|
||
|
||
/* Scored leaderboard (step 03) */
|
||
.dm-lb-board { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
|
||
.dm-lb-board li { display: grid; grid-template-columns: 104px 1fr 26px; align-items: center; gap: 9px; }
|
||
.dm-lb-board__name { font-size: 11.5px; font-weight: 600; color: rgba(234,226,228,0.68); display: flex; align-items: center; gap: 6px; white-space: nowrap; }
|
||
.dm-lb-board li.is-win .dm-lb-board__name { color: #fff; font-weight: 800; }
|
||
.dm-lb-board__tag { font-size: 8px; font-weight: 800; letter-spacing: 0.08em; color: #fff;
|
||
background: linear-gradient(135deg,#E2354A,#C01227); padding: 2px 5px; border-radius: 5px; }
|
||
.dm-lb-board__track { height: 7px; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden; }
|
||
.dm-lb-board__fill { display: block; height: 100%; border-radius: 999px; background: rgba(150,150,165,0.5); }
|
||
.dm-lb-board li.is-win .dm-lb-board__fill { background: linear-gradient(90deg,#E2354A,#C01227); box-shadow: 0 0 12px rgba(226,53,66,0.6); }
|
||
.dm-lb-board__score { font-size: 12px; font-weight: 700; color: rgba(234,226,228,0.68); text-align: right; }
|
||
.dm-lb-board li.is-win .dm-lb-board__score { color: #fff; }
|
||
|
||
/* SLA badges (step 04) */
|
||
.dm-lb-sla { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
|
||
.dm-lb-sla__badge { font-size: 12px; font-weight: 700; color: #86efac; background: rgba(34,197,94,0.1);
|
||
border: 1px solid rgba(34,197,94,0.32); padding: 6px 12px; border-radius: 999px; }
|
||
.dm-lb-sla__x { font-size: 12px; font-weight: 700; color: #fca5a5; background: rgba(239,68,68,0.1);
|
||
border: 1px solid rgba(239,68,68,0.32); padding: 6px 12px; border-radius: 999px; }
|
||
|
||
/* Winner banner (step 05) */
|
||
.dm-lb-winner { font-size: 13.5px; font-weight: 700; color: #fff; margin-bottom: 10px; padding: 9px 13px; border-radius: 12px;
|
||
background: linear-gradient(135deg, rgba(192,18,39,0.24), rgba(34,197,94,0.16)); border: 1px solid rgba(226,53,66,0.4); }
|
||
|
||
/* ---- Finale: KPI cards ---- */
|
||
.dm-lb-finale { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 20px; }
|
||
.dm-lb-kpis { display: flex; gap: clamp(14px, 2.4vw, 28px); margin-bottom: clamp(28px, 6vh, 56px); flex-wrap: wrap; justify-content: center; }
|
||
.dm-lb-kpi { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: clamp(150px, 18vw, 210px);
|
||
padding: 22px 26px; border-radius: 18px; background: rgba(16,9,11,0.9); border: 1px solid rgba(226,53,66,0.28);
|
||
box-shadow: 0 24px 60px -28px rgba(0,0,0,0.9); }
|
||
.dm-lb-kpi--green { border-color: rgba(34,197,94,0.4); }
|
||
.dm-lb-kpi__num { font-size: clamp(38px, 5.5vw, 72px); font-weight: 800; line-height: 1; letter-spacing: -0.03em;
|
||
color: #fff; text-shadow: 0 0 32px rgba(226,53,66,0.55), 0 0 12px rgba(192,18,39,0.5); }
|
||
.dm-lb-kpi--green .dm-lb-kpi__num { color: #4ade80; text-shadow: 0 0 32px rgba(34,197,94,0.6); }
|
||
.dm-lb-kpi__label { font-size: clamp(10px, 1.1vw, 13px); letter-spacing: 0.14em; text-transform: uppercase; color: rgba(232,222,224,0.62); }
|
||
|
||
.dm-lb-logo { display: inline-flex; align-items: center; gap: 12px; font-size: clamp(22px, 3vw, 40px); font-weight: 800;
|
||
letter-spacing: -0.01em; color: #fff; margin-bottom: 18px; text-shadow: 0 0 30px rgba(192,18,39,0.55); }
|
||
.dm-lb-logo__mark { width: clamp(20px, 2.4vw, 30px); height: clamp(20px, 2.4vw, 30px); border-radius: 8px;
|
||
background: conic-gradient(from 140deg, #E2354A, #C01227, #8A0E1F, #C8102E, #E2354A);
|
||
box-shadow: 0 0 28px rgba(192,18,39,0.75); }
|
||
|
||
/* Hide the step titles on narrower screens so the rail stays a single tidy row of numbers. */
|
||
@media (max-width: 1000px) {
|
||
.dm-lb-rail__title { display: none; }
|
||
.dm-lb-rail__step { padding: 5px 7px; }
|
||
.dm-lb-rail__line { width: 9px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-lb { height: 400vh; }
|
||
.dm-lb-kpis { gap: 12px; }
|
||
.dm-lb-kpi { min-width: 96px; padding: 14px 14px; }
|
||
.dm-lb-card-story { left: 0; right: 0; margin: 0 auto; width: calc(100% - 28px); bottom: clamp(20px, 5vh, 44px); padding: 14px 16px; }
|
||
.dm-lb-board li { grid-template-columns: 88px 1fr 24px; }
|
||
.dm-lb-constraints__note { display: none; }
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.dm-lb-arrow { animation: none !important; }
|
||
}
|
||
`,u=`
|
||
/* ============================================================
|
||
Workflow 2 = ONE container:
|
||
├─ How Our Logistics Brain Works (full LogisticsBrainSection)
|
||
└─ Innovation (content card, flush + colour-matched)
|
||
The Innovation card is pulled up to butt against the logistics-brain
|
||
card's flat bottom and shares its dark red/black surface, so the two
|
||
read as a single continuous container with no gap / no break — the
|
||
same connected storytelling structure used in Workflow 1
|
||
(Impact of Optimisation → Performance).
|
||
============================================================ */
|
||
.dm-wf2 {
|
||
position: relative;
|
||
margin: 0 auto 0;
|
||
}
|
||
|
||
/* Cancel the global "section { padding: 6rem 0 }" (custom-frontend.min.css): both
|
||
this wrapper and the nested .dm-lb are sections, so that 96px top+bottom stacked
|
||
into large empty bands above / between the workflows. These are full-bleed pinned
|
||
experiences whose cards butt together via their own insets — no section padding. */
|
||
.dm-wf2, .dm-wf2 .dm-lb { padding-top: 0; padding-bottom: 0; }
|
||
|
||
/* Innovation card — aligned to the logistics-brain card (20px side insets),
|
||
red/black-matched, flat top, rounded bottom, pulled up to close the seam. */
|
||
.dm-wf2-card {
|
||
position: relative;
|
||
z-index: 2;
|
||
margin: 0 20px 0;
|
||
background: radial-gradient(120% 100% at 50% 0%, #12090c 0%, #0a070a 55%, #060507 100%);
|
||
border: 1px solid rgba(192, 18, 39, 0.16);
|
||
border-top: none;
|
||
border-radius: 0 0 28px 28px;
|
||
/* No shadow: this card is flush under the logistics-brain card and merges with it as one
|
||
continuous container — a shadow here would re-introduce a dark band at the seam. */
|
||
box-shadow: none;
|
||
padding: 36px 60px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 40px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.dm-workflow-left {
|
||
flex: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
max-width: 440px;
|
||
}
|
||
.dm-workflow-svg {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: drop-shadow(0 8px 24px rgba(0,0,0,0.3));
|
||
}
|
||
|
||
.dm-workflow-right {
|
||
flex: 1.2;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 20px;
|
||
}
|
||
.dm-workflow-quote { margin-bottom: 5px; }
|
||
|
||
.dm-workflow-title {
|
||
font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 38px;
|
||
font-weight: 700;
|
||
color: #F8FAFC !important;
|
||
letter-spacing: -0.015em;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.dm-workflow-text-container { min-height: 110px; width: 100%; }
|
||
.dm-workflow-text {
|
||
font-family: var(--font-manrope), system-ui, sans-serif;
|
||
font-size: 16px;
|
||
line-height: 1.65;
|
||
color: #A3A3A3;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
.dm-workflow-nav {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-end;
|
||
gap: 10px;
|
||
align-self: flex-end;
|
||
margin-top: 10px;
|
||
}
|
||
.dm-workflow-counter {
|
||
font-family: var(--font-space-grotesk), sans-serif;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: #737373;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.dm-workflow-bars { display: flex; gap: 8px; }
|
||
.dm-workflow-bar {
|
||
width: 40px;
|
||
height: 3px;
|
||
border: none;
|
||
padding: 0;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
border-radius: 999px;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.dm-workflow-bar.is-active { background: #C01227; }
|
||
.dm-workflow-bar:hover { background: rgba(255, 255, 255, 0.35); }
|
||
.dm-workflow-bar.is-active:hover { background: #C01227; }
|
||
|
||
/* ── Responsive — keep insets/radius aligned to the logistics-brain card ── */
|
||
@media (max-width: 1024px) {
|
||
.dm-wf2-card {
|
||
padding: 44px 44px;
|
||
gap: 44px;
|
||
}
|
||
.dm-workflow-title { font-size: 32px; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.dm-wf2-card {
|
||
margin: 0 10px 0;
|
||
border-radius: 0 0 20px 20px;
|
||
padding: 36px 28px;
|
||
gap: 36px;
|
||
flex-direction: column;
|
||
}
|
||
.dm-workflow-left { max-width: 280px; }
|
||
.dm-workflow-right { width: 100%; }
|
||
.dm-workflow-title { font-size: 28px; }
|
||
.dm-workflow-text-container { min-height: auto; }
|
||
}
|
||
`;a.s(["default",0,function(){let[a,f]=(0,c.useState)(0),[g,h]=(0,c.useState)(!1),i=[{title:"INNOVATION",text:"Our Parallel Universe Engine simultaneously evaluates multiple routing strategies to identify the most efficient delivery plan for every dispatch window. By simulating different route combinations in real time, the system ensures faster, smarter, and more cost-effective logistics decisions. This enables businesses to maintain high operational accuracy while adapting dynamically to changing delivery conditions."},{title:"INNOVATION",text:"The platform solves the EV routing challenge through intelligent battery-aware simulations and advanced optimization logic powered by Google OR-Tools. It balances delivery efficiency, charging constraints, and SLA priorities to maximize fleet performance without compromising reliability. This creates a scalable and future-ready logistics system designed for both traditional and EV fleets."},{title:"INNOVATION",text:"With sub-45ms inference latency and real-time ETA validation, the engine delivers instant routing decisions with exceptional precision. Multiple strategy universes are benchmarked in parallel to consistently select the best-performing route configuration. The result is highly reliable, SLA-first delivery operations with improved customer experience and operational consistency."}];return(0,c.useEffect)(()=>{if(g)return;let a=setTimeout(()=>{f(a=>(a+1)%i.length)},5e3);return()=>clearTimeout(a)},[a,g,i.length]),(0,b.jsxs)("section",{className:"dm-wf2","aria-label":"Workflow 2 — How Our Logistics Brain Works & Innovation",children:[(0,b.jsx)(s,{connected:!0}),(0,b.jsxs)("div",{className:"dm-wf2-card",onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),children:[(0,b.jsx)("div",{className:"dm-workflow-left",children:(0,b.jsxs)("svg",{viewBox:"0 0 320 280",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"dm-workflow-svg",children:[(0,b.jsx)("path",{d:"M 30,20 C 22,20 16,26 16,34 L 78,85 C 81,88 81,92 78,95 L 16,146 C 16,154 22,160 30,160 L 130,160 C 138,160 145,154 148,146 L 204,95 C 207,92 207,88 204,85 L 148,34 C 145,26 138,20 130,20 Z",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",opacity:"0.25"}),(0,b.jsx)("path",{d:"M 110,100 C 102,100 96,106 96,114 L 158,165 C 161,168 161,172 158,175 L 96,226 C 96,234 102,240 110,240 L 210,240 C 218,240 225,234 228,226 L 284,175 C 287,172 287,168 284,165 L 228,114 C 225,106 218,100 210,100 Z",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",opacity:"0.85"})]})}),(0,b.jsxs)("div",{className:"dm-workflow-right",children:[(0,b.jsxs)("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"dm-workflow-quote",children:[(0,b.jsx)("rect",{x:"2",y:"2",width:"9",height:"20",rx:"1.5",transform:"skewX(-12)",fill:"#C01227"}),(0,b.jsx)("rect",{x:"16",y:"2",width:"9",height:"20",rx:"1.5",transform:"skewX(-12)",fill:"#C01227"})]}),(0,b.jsx)("h3",{className:"dm-workflow-title",children:i[a].title}),(0,b.jsx)("div",{className:"dm-workflow-text-container",children:(0,b.jsx)(e.AnimatePresence,{mode:"wait",children:(0,b.jsx)(d.motion.p,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:-12},transition:{duration:.28,ease:"easeInOut"},className:"dm-workflow-text",children:i[a].text},a)})}),(0,b.jsxs)("div",{className:"dm-workflow-nav",children:[(0,b.jsxs)("span",{className:"dm-workflow-counter",children:["0",a+1,"/03"]}),(0,b.jsx)("div",{className:"dm-workflow-bars",children:i.map((c,d)=>(0,b.jsx)("button",{type:"button","aria-label":`Go to slide ${d+1}`,className:`dm-workflow-bar ${d===a?"is-active":""}`,onClick:()=>f(d)},d))})]})]})]}),(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:u}})]})}],752)},41033,a=>{"use strict";var b=a.i(87924),c=a.i(72131);let d=(0,a.i(19721).default)(async()=>{},{loadableGenerated:{modules:[55819]},ssr:!1,loading:()=>null});a.s(["default",0,function(){let a=(0,c.useRef)(null),[e,f]=(0,c.useState)(!1);return((0,c.useEffect)(()=>{let b=a.current;if(!b)return;let c=new IntersectionObserver(a=>{a.some(a=>a.isIntersecting)&&(f(!0),c.disconnect())},{rootMargin:"150% 0px"});return c.observe(b),()=>c.disconnect()},[]),e)?(0,b.jsx)("div",{ref:a,style:{display:"contents"},children:(0,b.jsx)(d,{})}):(0,b.jsx)("div",{ref:a,"aria-hidden":!0,style:{minHeight:"100vh"}})}])}];
|
||
|
||
//# sourceMappingURL=_0mnq.m7._.js.map
|