1import{ak as e,ac as l,a2 as t}from"./chunk-TmwodSH0.js";import{a as r,i as a,r as s}from"./chunk-BEOQA0DK.js";import{R as p}from"./chunk-B2wp_wVw.js";/* empty css */import"./chunk-BhLMWRjL.js";const i=({config:i})=>{const{t:o}=e(),[x,c]=l.useState(new Set),n=r(),d=e=>!x.has(e);return t.jsxs("section",{className:"w-full overflow-hidden",children:[t.jsx("div",{className:"border-rbDark border-b",children:t.jsxs("div",{className:"flex flex-col px-6 sm:px-8 md:px-12 lg:flex-row lg:pr-0 lg:pl-[5.8%]",children:[t.jsxs("div",{className:"pt-12 lg:w-[40%] lg:shrink-0 lg:py-[clamp(64px,3.5vw,88px)]",children:[t.jsx("h2",{className:"font-heading text-rbDark text-center text-[20px] leading-[1.3] font-normal tracking-[0.5px] sm:text-[24px] lg:text-left lg:text-[clamp(34px,1.5vw,40px)]",children:o(i.title)}),t.jsx("div",{className:"font-rb-body mt-6 text-[15px] leading-[1.4] font-normal text-black lg:mt-[clamp(20px,1.2vw,28px)] lg:text-[18px] lg:leading-[1.4]",dangerouslySetInnerHTML:{__html:o(i.description)}})]}),t.jsx("div",{className:"bg-rbGrayMid -mx-6 my-6 h-px w-[calc(100%+48px)] sm:-mx-8 sm:w-[calc(100%+64px)] md:-mx-12 md:w-[calc(100%+96px)] lg:hidden"}),t.jsx("div",{className:"lg:border-rbDark -mx-6 w-[calc(100%+48px)] pb-12 sm:-mx-8 sm:w-[calc(100%+64px)] md:-mx-12 md:w-[calc(100%+96px)] lg:mr-0 lg:ml-[clamp(40px,2.5vw,60px)] lg:w-auto lg:flex-1 lg:border-l lg:pb-0",children:i.steps.map((e,l)=>{return t.jsxs("div",{className:l<i.steps.length-1?"border-rbDark border-b":"",children:[t.jsxs("div",{className:"flex cursor-pointer items-center justify-between px-6 py-4 sm:px-8 md:px-12 lg:py-5 lg:pr-[clamp(60px,5.8vw,100px)] lg:pl-[clamp(40px,2.5vw,60px)]",onClick:()=>(e=>{c(l=>{const t=new Set(l);return t.has(e)?t.delete(e):t.add(e),t})})(l),children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("span",{className:"font-heading text-rbGrayMid text-[18px] font-normal tracking-[0.5px] lg:text-[clamp(20px,0.9vw,24px)]",children:[(r=l,String(r+1).padStart(2,"0")),"."]}),t.jsx("h3",{className:"font-rb-body text-rbDark text-[14px] leading-[1.3] font-bold tracking-[0.5px] uppercase lg:text-[clamp(16px,0.7vw,18px)]",children:o(e.title)})]}),t.jsx("button",{className:"flex h-8 w-8 shrink-0 items-center justify-center","aria-label":d(l)?"Collapse":"Expand",children:t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",className:"transition-transform duration-300 "+(d(l)?"rotate-180":""),children:t.jsx("path",{d:"M6 9L12 15L18 9",stroke:"#0E0E0E",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),t.jsx("div",{className:"grid transition-[grid-template-rows,opacity] duration-500 ease-in-out "+(d(l)?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:t.jsx("div",{className:"min-h-0 overflow-hidden",children:t.jsx("div",{className:"font-rb-body pr-10 pb-4 pl-[76px] text-[15px] leading-[1.4] font-normal text-black sm:pr-12 sm:pl-[84px] md:pr-16 md:pl-[100px] lg:pr-[clamp(60px,5.8vw,100px)] lg:pb-6 lg:pl-[clamp(96px,5.5vw,116px)] lg:text-[18px] lg:leading-[1.4] [&_.pro-tip]:mt-4 [&_.pro-tip]:flex [&_.pro-tip]:items-center [&_.pro-tip]:gap-2.5 [&_.pro-tip]:border-2 [&_.pro-tip]:border-[#d0d0d0] [&_.pro-tip]:px-2.5 [&_.pro-tip]:py-2.5 [&_.pro-tip]:text-[14px] [&_.pro-tip]:font-semibold lg:[&_.pro-tip]:text-[clamp(14px,0.65vw,16px)] [&_li]:flex [&_li]:gap-2 [&_li]:before:font-bold [&_li]:before:content-['·'] [&_ul]:mt-3 [&_ul]:space-y-1",dangerouslySetInnerHTML:{__html:o(e.description)}})})})]},l);var r})})]})}),i.images.length>0&&t.jsx("div",{className:"border-rbDark flex flex-col border-b bg-white lg:flex-row lg:items-stretch lg:gap-3",children:i.images.map((e,l)=>t.jsxs("div",{className:"relative w-full overflow-hidden first:mb-1 lg:flex-1 lg:first:mb-0",children:[e.label&&t.jsx("span",{className:"font-rb-body absolute z-10 text-[13px] leading-[1.4] tracking-[0.5px] whitespace-pre-line text-black uppercase lg:top-12 lg:left-12 lg:text-[clamp(16px,0.85vw,20px)] "+(0===l?"top-[30%] left-8":"right-8 bottom-4 text-right lg:right-auto lg:bottom-auto lg:text-left"),children:o(e.label)}),a(e.src)?t.jsx("video",{ref:n,src:e.src,poster:s(e.poster,800),width:800,height:1e3,"aria-label":e.label?o(e.label):`How it works visual ${l+1}
1`,loop:!0,muted:!0,playsInline:!0,preload:"none",className:"block h-auto w-full lg:h-full lg:object-cover"}):t.jsx(p,{src:e.src,alt:e.label?o(e.label):`How it works visual ${l+1}`,width:800,height:1e3,sizes:"(max-width: 1024px) 100vw, 50vw",className:"block h-auto w-full lg:h-full lg:object-cover"})]},l))})]})};export{i as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.