efficient-storefront-blocks 0.34.0 → 0.37.0

package/dist/index.js

@@ -1,4 +1,157 @@
-import{a as $a,b as Qt,c as Jt,d as $t,e as en,f as tn,g as es,h as ts,i as wt,j as nn,k as ns,l as ss,m as is,n as ls,o as hs}from"./chunks/chunk-FF2KE5VQ.js";import{$ as Ys,A as Es,B as Ss,C as As,D as Os,E as rn,F as Ns,G as Is,H as Rs,I as zs,J as Hs,K as ln,L as hn,M as Ps,N as Cs,O as xt,P as dn,Q as _s,R as Ms,S as vt,T as yt,U as Ws,V as Fs,W as Sr,X as Us,Y as Bs,Z as Gs,_ as js,a as Jn,aa as qs,b as Dt,ba as Vs,c as $n,d as ea,e as Je,f as Aa,g as Oa,h as Ba,i as Vt,j as Kt,k as Ja,l as gt,m as ds,n as Ae,o as cs,p as an,q as sn,r as ps,s as fs,t as bs,u as on,v as xs,w as vs,x as ys,y as ks,z as Ts}from"./chunks/chunk-D6F4PRBB.js";import{Ad as He,Ah as Pe,Bh as Se,Ca as ot,Ea as rt,Ed as La,Ff as he,Kc as Na,Lc as Te,Mc as Ia,N as nt,Ob as ka,Pc as p,Pd as Y,Q as na,Qc as Ra,Sb as Ta,Th as as,Uc as za,Vb as Ea,Vc as Ee,W as aa,Wc as pt,Wd as Da,X as sa,Xd as _a,Yc as qt,Ze as Ua,ad as Ha,ce as le,dc as Yt,gc as ht,h as Mt,i as Wt,j as ie,ja as $,jg as Ya,k as et,ka as Ft,kc as Sa,kg as qa,ki as os,lg as Va,ma as oa,me as Ma,mg as Ka,oa as ra,og as Zt,pa as at,pe as Wa,pg as Za,qa as ia,rg as Qa,ug as ut,we as Fa,wg as mt,xd as Pa,yd as Er,zd as Ca}from"./chunks/chunk-G5OLLOCT.js";import{I as bt,M as ws,P as Ce,R as Le,T as Ls,U as Ds,o as ms}from"./chunks/chunk-ZK4TVVHJ.js";import{A as U,a as ft,i as gs,w as us}from"./chunks/chunk-OADA35KT.js";import{$ as pa,Ea as jt,Ka as dt,La as ct,Ma as Ga,Na as ja,Oa as Xt,Ra as Xa,S as da,W as Bt,Y as ca,aa as fa,fa as ga,ga as Gt,ja as ua,la as ma,ma as wa,na as ba,o as la,oa as xa,p as st,r as ha,s as ze,t as it,ta as va,u as Ut,ua as lt,v as ee,xa as ya}from"./chunks/chunk-P5QC7OSD.js";import{b as ta,f as _t,h as $e,k as tt,o as rs}from"./chunks/chunk-TNXPBHCM.js";import"./chunks/chunk-Y6SLVHK3.js";import{useEffect as Ki,useMemo as Xi,useState as qo}from"react";import{useEaselStrings as Zi}from"efficient-easel/strings";import{useMemo as Ar}from"react";import{jsx as Or}from"react/jsx-runtime";function cn({apiKey:e,mapId:t,children:a}){let s=Ar(()=>({apiKey:e,setApiKey:()=>{},mapId:t}),[e,t]);return Or(Je,{value:s,children:a})}import{jsx as G,jsxs as Gr}from"react/jsx-runtime";import{useCallback as _,useEffect as ge,useMemo as wn,useRef as de,useState as C}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";function kt(e,t,a){if(!e)return e;let s=!1,n={};for(let[o,r]of Object.entries(e)){let d=r;if(r&&typeof r=="object")if(r.type==="slot")if(r.allow){let c=r.allow.filter(t);c.length!==r.allow.length&&(d={...r,allow:c})}else{let c=new Set(r.disallow??[]),b=a.filter(i=>!c.has(i));b.length>0&&(d={...r,disallow:[...r.disallow??[],...b]})}else{let c=kt(r.arrayFields,t,a),b=kt(r.objectFields,t,a);(c!==r.arrayFields||b!==r.objectFields)&&(d={...r,...c?{arrayFields:c}:null,...b?{objectFields:b}:null})}d!==r&&(s=!0),n[o]=d}return s?n:e}function Nr(e,t,a){let s={};for(let[d,c]of Object.entries(t.fields??{}))s[d]=c&&typeof c=="object"&&c.type==="slot"?{...c}:c;let n={...t,...t.fields?{fields:s}:null},o=Oa(e,n,a),r=Object.keys(s).filter(d=>o.fields?.[d]!==s[d]);if(r.length>0)throw new Error(`efficient-web-builder: blocks.host["${e}"] declares ${r.map(d=>`"${d}"`).join(", ")}, ${r.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return o}function Tt(e,t){let a=Object.entries(t?.host??{}),s=t?.categories??[],n=sa(t);if(!n&&a.length===0&&s.length===0)return e;let o=e.components,r=a.map(([m])=>m).filter(m=>m in o);if(r.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${r.map(m=>`"${m}"`).join(", ")}, which ${r.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);let d=m=>n?n.offers(m):!0,c=Object.keys(o).filter(m=>!d(m)),b={};for(let[m,w]of Object.entries(o)){let f=n?kt(w?.fields,d,c):w?.fields;b[m]=f===w?.fields?w:{...w,fields:f}}if(a.length>0){let m=new Set(a.map(([x])=>x)),w=e.categories?.structure?.components??[],f=Aa(Object.keys(o),w),k={...f,isSection:x=>m.has(x)||f.isSection(x),isHostBlock:x=>m.has(x),inspector:Ba};for(let[x,u]of a){let T=Nr(x,u,k),g=kt(T.fields,d,c);b[x]=g===T.fields?T:{...T,fields:g}}}let i=[];for(let[m,w]of Object.entries(e.categories??{})){let f=w?.components??[],k=f.filter(d);k.length===f.length?i.push([m,w]):k.length>0&&i.push([m,{...w,components:k}])}for(let m of s){let w=m.components.filter(u=>u in b&&d(u));if(w.length===0)continue;let f=i.find(([u])=>u===m.key);if(f){let[,u]=f,T=new Set(u.components??[]);f[1]={...u,components:[...u.components??[],...w.filter(g=>!T.has(g))]};continue}let k=[m.key,{title:m.title,components:w}],x=m.before?i.findIndex(([u])=>u===m.before):-1;x===-1?i.push(k):i.splice(x,0,k)}return{...e,components:b,categories:Object.fromEntries(i)}}import{ChromeWrap as Et}from"efficient-easel/screen/lib/host-chrome";function Ir(e){return!!e&&typeof e=="object"&&typeof e[Ma]=="string"}function Rr(e,t){if(!e)return e;let a=null;for(let[s,n]of Object.entries(e))Ir(n)&&(a??={...e},a[s]={...n,siteGap:t});return a??e}function Ks(e,t){let a=e,s=!1,n={};for(let[o,r]of Object.entries(a.components)){let d=Rr(r.fields,t);if(d===r.fields){n[o]=r;continue}s=!0,n[o]={...r,fields:d}}return s?{...e,components:n}:e}var Xs=ft.mediaFields,Zs=ft.snapshotObjects,Qs=ft.hydratedLists;function zr(e){return typeof e=="string"?"":Array.isArray(e)?[]:e&&typeof e=="object"?null:e}function pn(e,t){if(t.length===0)return zr(e);let[a,...s]=t,n=a.endsWith("[]"),o=n?a.slice(0,-2):a;if(!e||typeof e!="object"||Array.isArray(e))return e;let r=e;if(!(o in r))return e;let d=r[o];return n?Array.isArray(d)?{...r,[o]:d.map(c=>pn(c,s.length?s:[]))}:e:{...r,[o]:pn(d,s)}}function Js(e,t){if(Array.isArray(e))return e.map(n=>Js(n,t));if(!e||typeof e!="object")return e;let a=e,s={};for(let n of t)n in a&&(s[n]=a[n]);return s}function Hr(e,t){let a=t;for(let n of Xs[e]??[])a=pn(a,n.split("."));let s=Zs[e];if(s)for(let[n,o]of Object.entries(s))n in a&&(a={...a,[n]:Js(a[n],o.keep)});for(let n of Qs[e]??[])Array.isArray(a[n])&&(a={...a,[n]:[]});return a}function Pr(e,t){return typeof t!="function"?t:a=>t(Hr(e,a))}function St(e,t){if(!t)return e;let a=e,s={};for(let[n,o]of Object.entries(a.components)){let r=(Xs[n]?.length??0)>0||Zs[n]||Qs[n];s[n]=r&&o.render?{...o,render:Pr(n,o.render)}:o}return{...a,components:s}}import{default as $s,DocumentScreen as eo}from"efficient-easel/screen/components/ScreenMount";import{useCallback as Cr,useEffect as Lr,useMemo as to,useRef as no,useState as Dr}from"react";var _r="Could not save this link. Check your connection and try again.";function Mr(e,t){if(!(e instanceof qt)||e.kind!=="invalid")return null;let a=e.fields?.[t];return typeof a=="string"&&a.trim()?a:null}function Wr(e){return Object.fromEntries(Xt.map(t=>[t,{value:e[t]??"",error:null}]))}function ao({token:e,siteId:t,enabled:a}){let[s,n]=Dr(Zt),o=no(null),r=no(!1),d=Ee(),c=ie(d).social,b=a&&!!e&&!!t&&!!c;Lr(()=>{if(!b||!e||!t||!c)return;o.current!==t&&(o.current=t,r.current=!1,n(Zt));let w=!1;return c.get({siteId:t}).then(f=>{!w&&!r.current&&n(Wr(f))}).catch(()=>{}),()=>{w=!0}},[b,e,t,c]);let i=Cr(async(w,f)=>{if(!b||!e||!t||!c)return{ok:!1,error:"There is no website to save to."};try{let k=await c.update({[w]:f.trim()},{siteId:t});return r.current=!0,n(x=>({...x,[w]:{value:k[w]??"",error:null}})),{ok:!0}}catch(k){let x=Mr(k,w)??_r;return n(u=>({...u,[w]:{...u[w],error:x}})),{ok:!1,error:x}}},[b,e,t,c]),m=to(()=>Xa(Object.fromEntries(Xt.map(w=>[w,s[w].value]))),[s]);return to(()=>({links:m,rows:s,canSave:b,saveLink:i}),[m,s,b,i])}var Fr="Footer";var Oe=e=>{let t=e?.content;return Array.isArray(t)?t:[]},we=e=>{let t=e?.zones;return t&&typeof t=="object"&&!Array.isArray(t)?t:null},De=e=>{let t=e?.props?.id;return typeof t=="string"?t:void 0},so=e=>e.slice(0,Math.max(0,e.lastIndexOf(":")));function oo(e){let t=at(Oe(e)),a=t.some(s=>s?.type===Ft);return t.filter(s=>s?.type===$||s?.type===Ft||s?.type===Fr&&!a)}function fn(e,t){let a=new Set,s=n=>{if(Array.isArray(n)){for(let r of n)s(r);return}if(!n||typeof n!="object")return;let o=n;if(typeof o.type=="string"&&o.props&&typeof o.props=="object"){let r=De(o);r&&a.add(r)}for(let r of Object.values(n))s(r)};if(s(e),t){let n=!0,o=new Set;for(;n;){n=!1;for(let[r,d]of Object.entries(t))o.has(r)||!a.has(so(r))||(o.add(r),s(d),n=!0)}}return a}function gn(e,t){let a={},s={};for(let[n,o]of Object.entries(e??{}))(t.has(so(n))?a:s)[n]=o;return{owned:a,rest:s}}function ro(e,t){if(!t)return e;let a=oo(t);if(!a.length)return e;let s=a.filter(d=>d.type===$),n=a.filter(d=>d.type!==$),o={...e,content:[...s,...Oe(e),...n]},{owned:r}=gn(we(t),fn(a,we(t)));return Object.keys(r).length&&(o.zones={...we(e)??{},...r}),o}function un(e,t){if(!t)return{page:e,chrome:null};let a=oo(t),s=new Set(a.map(De).filter(g=>!!g)),n=[],o=[];for(let g of Oe(e)){let E=De(g);E&&s.has(E)||oa(g?.type)?o.push(g):n.push(g)}let r=new Map(o.map(g=>[De(g),g])),d=new Set,c=at(Oe(t)).flatMap(g=>{let E=De(g);if(!E||!s.has(E))return[g];let L=r.get(E);return L?(d.add(L),[L]):[]});for(let g of o)d.has(g)||c.some(E=>E?.type===g.type)||(c=g.type===$?[g,...c]:[...c,g]);c=at(c);let b=c.length===Oe(t).length&&c.every((g,E)=>g===Oe(t)[E]),i=we(e),m=fn(c,i),{owned:w,rest:f}=gn(i,m),k=gn(we(t),fn(a,we(t))).owned,x={...t,content:b?t.content:[...c]},u=we(t);if(u||Object.keys(w).length){let g={};for(let[E,L]of Object.entries(u??{}))E in k?E in w&&(g[E]=w[E]):g[E]=L;for(let[E,L]of Object.entries(w))E in g||(g[E]=L);x.zones=g,u&&Ur(x.zones,u)&&(x.zones=u)}let T={...e,content:n};return i&&(Object.keys(f).length||!Object.keys(k).length?T.zones=f:delete T.zones),{page:T,chrome:x}}function Ur(e,t){let a=Object.keys(e),s=Object.keys(t);return a.length===s.length&&a.every((n,o)=>n===s[o]&&e[n]===t[n])}function io(e,t){let a=t?{siteId:t}:void 0;return{resolve:s=>e.load({slug:s,...a}).then(n=>(n&&$t(n.id,n.live),n)),saveLayout:(s,n,o,r)=>e.save(s,{layout:n},{version:o,clientId:r??""}).then(d=>(en(s,d.live),d)),rereadVersion:e.version?s=>e.version(s):void 0,publish:e.publish?(s,n)=>e.publish(s,n?{version:n}:void 0).then(o=>(tn(s,o.live),o)):void 0,listPages:()=>e.list(a),createPage:e.create?s=>e.create({...s,...a}):void 0,deletePage:e.remove?(s,n)=>e.remove(s,n):void 0}}function Br(e,t,a,s){let n=null,o=new Set,r=!1,d={docId:null,lockHolder:null,conflict:null,saveFailed:!1,unpublished:!1},c=new Set,b=()=>{if(!n)return!1;let f=es(n.id);return f==="changed"||f==="never"||f===void 0&&r},i=f=>{d={...d,...f,docId:n?.id??null,unpublished:b()};for(let k of c)k()},m=f=>f&&typeof f=="object"&&!Array.isArray(f)?f:{},w=f=>!!n&&o.has(f);return{resolve:async f=>{if(f===Y)return a.resolve(f);let[k,x]=await Promise.all([a.resolve(f),e.load({slug:Y,...t})]);if(x){$t(x.id,x.live);let T=m(x.layout);n={id:x.id,layout:T,version:x.version,savedJson:""}}else n=null;if(r=!1,!k||!n)return i({conflict:null,saveFailed:!1}),k;let u=ro(m(k.layout),n.layout);return n.savedJson=JSON.stringify(un(u,n.layout).chrome),o.add(k.id),i({conflict:null,saveFailed:!1}),{...k,layout:u}},saveLayout:async(f,k,x,u)=>{if(!n||!w(f))return a.saveLayout(f,k,x,u);let T=n,g=un(k,T.layout),E=await a.saveLayout(f,g.page,x,u),L=JSON.stringify(g.chrome);if(!g.chrome||L===T.savedJson||d.lockHolder)return E;try{let N=await e.save(T.id,{layout:g.chrome},{version:T.version,clientId:u??""});en(T.id,N.live),T.layout=g.chrome,T.version=N.version,T.savedJson=L,r=!0,i({conflict:null,saveFailed:!1})}catch(N){pt(N,"changed-elsewhere")?i({conflict:N.conflict??{savedBy:"",savedByYou:!1,secondsAgo:0}}):pt(N,"lock-taken")?i({lockHolder:N.holder??{name:"",secondsSinceSeen:0,secondsSinceHeld:0}}):i({saveFailed:!0})}return E},publish:a.publish?async(f,k)=>{let x=await a.publish(f,k),u=n;if(u&&w(f)&&e.publish&&b()&&!d.lockHolder){let T=await e.publish(u.id,u.version?{version:u.version}:void 0);tn(u.id,T.live),T.version!==null&&(u.version=T.version),r=!1,i({})}return x}:void 0,lock:s?{claim:async(f,k,x)=>{let u=await s.claim(f,k,x),T=n;if(T&&w(f))try{await s.claim(T.id,k,!1),d.lockHolder&&i({lockHolder:null})}catch(g){pt(g,"lock-taken")&&i({lockHolder:g.holder??{name:"",secondsSinceSeen:0,secondsSinceHeld:0}})}return u},release:async(f,k)=>{await s.release(f,k);let x=n;x&&w(f)&&!d.lockHolder&&await s.release(x.id,k).catch(()=>{})}}:void 0,pinnedChrome:{state:()=>d,subscribe:f=>(c.add(f),()=>{c.delete(f)})}}}function _e(e,t=ie(),a=Wt(),s={}){let n=_t(t),o=e?{siteId:e}:void 0,r=n?!!e:!0,d=t.site.update,c=n&&a.commerce&&a.service,b=!!s.editsPinnedInPlace&&c,i=io(t.pages,e),m=b?Br(t.pages,o,i,t.lock):null;return{capabilities:{canPublish:!!t.pages.publish,hasSiteSettings:n,hasSiteTheme:!!t.theme,placeholderFrames:!1,mediaEditing:!0,pageCreationInAdminForm:!t.pages.create,canDeletePagesInline:!!t.pages.remove,hasEditLock:!!t.lock,hasEditGuard:!0,hasPinnedChrome:c,editsPinnedInPlace:b,explainsSiteSettings:!1,hasSiteRecord:r,canEditSiteRecord:r&&!!d,hasPreviewLink:n||!!t.preview,hasCatalog:n&&a.commerce,hasForms:n&&a.service,hasBlog:!!t.blog&&a.service,offersCommerce:a.commerce,offersService:a.service},...i,lock:t.lock,...m,site:r?()=>t.site.get(o):void 0,updateSite:r&&d?w=>d(w,o):void 0,previewHref:t.preview?w=>t.preview.href(w):void 0}}function lo(e,t=ie(),a=Wt()){let s=_t(t),n=t.templates,o=n?n.pages(e):{list:()=>Promise.reject(new Error(mn)),load:()=>Promise.reject(new Error(mn)),save:()=>Promise.reject(new Error(mn))};return{capabilities:{canPublish:!1,hasSiteSettings:!1,hasSiteTheme:!1,placeholderFrames:!0,mediaEditing:!1,pageCreationInAdminForm:!o.create,canDeletePagesInline:!!o.remove,hasEditLock:!1,hasEditGuard:!1,hasPinnedChrome:s&&a.commerce&&a.service,editsPinnedInPlace:!1,explainsSiteSettings:s,hasSiteRecord:!1,canEditSiteRecord:!1,hasPreviewLink:!1,hasCatalog:s&&a.commerce,hasForms:s&&a.service,hasBlog:!!t.blog&&a.service,offersCommerce:a.commerce,offersService:a.service},...io(o,void 0),publish:void 0,templateName:n?()=>n.get(e).then(r=>r.name):void 0}}var mn="This editor's backend has no website templates.";var ho={homeSlug:ht,entryMayBounce:e=>e.kind==="template"||e.kind==="page"&&e.slug===Y,entryBounce:(e,t)=>{if(e.kind==="page"&&e.slug===Y){let a=Qt();return{kind:"page",slug:a&&a!==Y?a:ht,siteId:e.siteId}}return e.kind!=="template"||new URLSearchParams(t).get("editTemplate")==="1"?null:{kind:"page",slug:ht}},onSwitch:e=>{if(e.kind==="page"){let t=Qt();e.slug!==Y&&e.slug!==t&&Jt()}else Jt()},tellsHost:e=>e.kind==="page"&&e.slug!==Y,adapterFor:(e,t,a)=>e.kind==="template"?lo(e.id,t,Mt(a)):_e(e.siteId,t,Mt(a)),migrateRenamedProps:gt};function At(e){switch(e?.type){case"storefront-editor:category-updated":return ds(),!0;case"storefront-editor:menus-updated":return cs(),!0;case"storefront-editor:form-saved":{let t=e;return an(),t.requestId&&sn(t.requestId,t.form??null),!0}case"storefront-editor:form-closed":{let t=e;return an(),t.requestId&&sn(t.requestId,null),!0}default:return!1}}var jr=()=>{if(typeof window>"u")return ee;try{let e=window.localStorage.getItem(ze);return e==="light"||e==="dark"||e==="auto"?e:ee}catch{return ee}},co=e=>{if(!(typeof window>"u"))try{window.localStorage.setItem(ze,e)}catch{}},Yr=()=>{if(typeof window>"u")return!1;try{return window.localStorage.getItem(it)!==Ut}catch{return!1}},qr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(ha)}catch{}},po=e=>{if(!(typeof window>"u"))try{e?window.localStorage.removeItem(it):window.localStorage.setItem(it,Ut)}catch{}};function Vr(){let{adapter:e,capabilities:t,templateId:a,ready:s,token:n,siteId:o,currentSlug:r,currentKind:d,data:c,getLiveData:b,footerOriginSlug:i,navigate:m}=Te();ge(()=>(Vt(r,d),()=>Vt(null,null)),[r,d]);let w=t.placeholderFrames,[f,k]=C(null),[x,u]=C("");ge(()=>{let v=e.templateName;if(!s||!a||!v){u("");return}let D=!1;return v().then(j=>!D&&u(j??"")).catch(()=>{}),()=>{D=!0}},[s,n,a,e]);let[T,g]=C(ee),[E,L]=C(!1),[N,ae]=C({selected:0,themes:[]}),[ce,J]=C(la),[q,V]=C(da),[se,I]=C(null),[R,pe]=C(va),[M,z]=C(null),[oe,fe]=C(null),[Ie,Ve]=C(Gt),[Ke,h]=C(null),[A,H]=C(null),[P,K]=C(null),[ke,re]=C(null),F=Ee(),Xe=wn(()=>Tt($e(F),et(F)),[F]),Xo=wn(()=>Ks(St(Xe,w),ke),[Xe,w,ke]),[Zo,zt]=C(ya),[Qo,Un]=C(null),[Jo,Bn]=C(null),Gn=de(null),W=de(!1);ge(()=>{g(jr()),L(Yr())},[]);let $o=_(v=>{W.current=!0,qr(),co(v),g(v)},[]),er=_(v=>{W.current=!0,po(v),L(v)},[]),tr=_(v=>{W.current=!0,ae(v)},[]),nr=_(v=>{W.current=!0,J(v)},[]),ar=_(v=>{W.current=!0,V(v)},[]),sr=_(v=>{W.current=!0,I(v)},[]),or=_(v=>{W.current=!0,pe(v)},[]),rr=_(v=>{W.current=!0,z(v)},[]),ir=_(v=>{W.current=!0,fe(v)},[]),lr=_(v=>{W.current=!0,Ve(v)},[]),hr=_(v=>{W.current=!0,h(v)},[]),dr=_(v=>{W.current=!0,zt(v)},[]),[cr,jn]=C(null),pr=_(v=>{W.current=!0,jn(v)},[]),fr=_(v=>{W.current=!0,H(v)},[]),gr=_(v=>{W.current=!0,K(v)},[]),ur=_(v=>{W.current=!0,re(v)},[]),mr=_(v=>{W.current=!0,Un(v)},[]),wr=_(v=>{W.current=!0,Bn(v)},[]);ge(()=>{let v=ie(F).theme;if(!n||!t.hasSiteTheme||!v)return;let D=o??"";Gn.current!==D&&(Gn.current=D,W.current=!1);let j=!1;return v.get(o?{siteId:o}:void 0).then(y=>{if(!(j||W.current)){if(co(y.default_mode),po(y.show_theme_switch),g(y.default_mode),L(y.show_theme_switch),ae({selected:y.selected_preset,themes:y.theme_presets}),J(st({heading:y.heading_font,body:y.body_font,accent:y.accent_font,label:y.label_font})),V(Bt({headingLarge:y.heading_size_large_px,headingMedium:y.heading_size_medium_px,headingSmall:y.heading_size_small_px,body:y.body_size_px,label:y.label_size_px})),I(y.corner_radius_px===void 0?pa[ca(y.corner_style)]:fa(y.corner_radius_px)),pe(lt(y.heading_compression)),z(y.card_shadow==null?ga:ma(y.card_shadow)),Ve(y.card_gap==null?Gt:wa(y.card_gap)),h(y.hover_effect==null?ua:ba(y.hover_effect)),fe(xa(y.shadow_color)),H(Ta(y.site_width)),K(Ea(y.site_gutter)),re(Wa(y.block_gap)),zt(jt(y)),jn(y.text_styles??null),Array.isArray(y.text_styles)){let Re={fonts:st({heading:y.heading_font,body:y.body_font,accent:y.accent_font,label:y.label_font}),sizes:Bt({headingLarge:y.heading_size_large_px,headingMedium:y.heading_size_medium_px,headingSmall:y.heading_size_small_px,body:y.body_size_px,label:y.label_size_px}),compression:lt(y.heading_compression),typography:jt(y)},me=fs(ps(y.text_styles,Re),Re);J(st(me.fonts)),V(me.sizes),pe(lt(me.compression)),zt(me.typography)}Un(y.hero_background_follows_width===!0),Bn(y.photography_grayscale===!0)}}).catch(()=>{}),()=>{j=!0}},[n,o,t.hasSiteTheme,F]);let br=ao({token:n,siteId:o,enabled:t.hasSiteSettings}),[xr,Yn]=C(Va),qn=de(null),Ht=de(!1),Pt=de(null),Ze=de({}),vr=_(v=>{Ht.current=!0,Yn(D=>({...D,...v})),!(!t.hasSiteSettings||!n)&&(Ze.current={...Ze.current,...v},Pt.current&&clearTimeout(Pt.current),Pt.current=setTimeout(()=>{let D=Ze.current;Ze.current={},ie(F).chat?.update(D,o?{siteId:o}:void 0).catch(()=>{})},500))},[t.hasSiteSettings,n,o,F]);ge(()=>{if(!n||!t.hasSiteSettings)return;let v=o??"";qn.current!==v&&(qn.current=v,Ht.current=!1);let D=!1,j=ie(F).chat;if(j)return j.get(o?{siteId:o}:void 0).then(y=>{D||Ht.current||Yn({enabled:y.enabled,title:y.title,subtitle:y.subtitle,greeting:y.greeting})}).catch(()=>{}),()=>{D=!0}},[n,o,t.hasSiteSettings,F]);let[Qe,Ct]=C(""),Vn=de(null),Lt=de(!1);ge(()=>Ct(Jn()),[]);let Kn=_(v=>{let D=v.trim();if(D===Qe)return;Lt.current=!0,Dt(D),Ct(D);let j=e.updateSite;!t.canEditSiteRecord||!s||!j||j({mapsApiKey:D}).catch(()=>{})},[Qe,t.canEditSiteRecord,s,e]),[Xn,Zn]=C("");ge(()=>Zn($n()),[]),ge(()=>{let v=e.site;if(!s||!t.hasSiteRecord||!v){k(null);return}let D=o??"";Vn.current!==D&&(Vn.current=D,Lt.current=!1);let j=!1;return v().then(y=>{if(j||(k(ja(y.name)),Lt.current))return;let Re=y.mapsApiKey??"";Dt(Re),Ct(Re);let me=y.mapsMapId??"";ea(me),Zn(me)}).catch(()=>{}),()=>{j=!0}},[s,n,t.hasSiteRecord,o,e]);let yr=wn(()=>({apiKey:Qe,setApiKey:Kn,mapId:Xn}),[Qe,Kn,Xn]),Qn=de(null),kr=_(()=>{Qn.current=b()??c??null,$a(r),m({kind:"page",slug:Y,siteId:o??void 0,originSlug:r})},[b,c,r,m,o]),Tr=_(()=>{i&&m({kind:"page",slug:i,siteId:o??void 0})},[i,m,o]);return G(eo,{config:Xo,parts:hs,wrap:(v,D)=>G(dt,{websiteName:f,templateChrome:w,templateName:x||null,themeMode:T,onThemeModeChange:$o,themeSwitchShown:E,onThemeSwitchShownChange:er,theme:N,onThemeChange:tr,fonts:ce,onFontsChange:nr,cornerRadiusPx:se,onCornerRadiusPxChange:sr,cardShadow:M,onCardShadowChange:rr,shadowColor:oe,onShadowColorChange:ir,cardGap:Ie,onCardGapChange:lr,hoverEffect:Ke,onHoverEffectChange:hr,headingCompression:R,onHeadingCompressionChange:or,headingTypography:Zo,onHeadingTypographyChange:dr,textStyles:cr,onTextStylesChange:pr,sizes:q,onSizesChange:ar,siteWidth:A,onSiteWidthChange:fr,siteGutter:P,onSiteGutterChange:gr,blockGap:ke,onBlockGapChange:ur,heroBackgroundFollowsWidth:Qo,onHeroBackgroundFollowsWidthChange:mr,photographyGrayscale:Jo,onPhotographyGrayscaleChange:wr,themeFromDocument:!t.hasSiteTheme,children:G(Ja,{originData:i?Qn.current:null,originSlug:i,exitFocus:Tr,children:G(Ya,{editFooter:kr,children:G(Et,{wrap:F.chrome?.wrap,surface:"page",children:G(ut,{children:G(ot,{children:G(mt,{children:G(rt,{children:Gr(Je,{value:yr,children:[G(Ka,{chat:xr,onChatChange:vr,children:G(Za,{value:br,children:G(Qa,{children:v})})}),D]})})})})})})})})})})}function fo({target:e}){return G($s,{target:e,addressing:ho,onHostMessage:At,children:G(Vr,{})})}import{jsx as be}from"react/jsx-runtime";function xn({catalogFilterLabels:e,menuItems:t,currency:a,subscribe:s,searchShortcut:n=!0,children:o}){return be(bs,{labels:e,children:be(Es,{items:t,children:be(bt,{...a,children:be(As,{...s,children:be(Os,{children:be(ws,{children:be(Ss,{shortcut:n,children:o})})})})})})})}import{jsx as Z}from"react/jsx-runtime";import{useCallback as wo,useEffect as Nt,useMemo as Me,useRef as Kr,useState as We}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/screen.css";import{sectionTemplates as Ot}from"efficient-easel/screen/lib/section-templates";import{applyAuthGrant as td,NO_BRIDGED_CAPABILITIES as go,useAdminBridge as uo}from"efficient-easel/screen/lib/admin-bridge";import{routeSharedHostMessage as mo}from"efficient-easel/screen/lib/host-inbound";import{documentPermissions as Xr}from"efficient-easel/edit-lock";import{useAutosave as Zr}from"efficient-easel/autosave";var Qr=rn(()=>import("./chunks/SiteEditorProvider-KJTQSHQI.js"),{ssr:!1}),Jr=rn(()=>import("./chunks/SectionEditorShell-DBJN2ZWK.js"),{ssr:!1}),xo="HeroSingle",bo="Untitled section";function $r(e,t){let a=t.components,s=a[e]?e:xo,n=a[s]?.defaultProps??{},o=aa(s,d=>a[d]?.defaultProps??{}),r=s===nt?{blocks:as()}:null;return{type:s,props:{id:na(s),...n,...o?{[o.slot]:o.children}:null,...r}}}function ei(){if(typeof window>"u")return ee;try{let e=window.localStorage.getItem(ze);return e==="light"||e==="dark"||e==="auto"?e:ee}catch{return ee}}function vo({id:e,initialType:t,initialName:a=bo}){let[s,n]=We(e),o=Kr(s);Nt(()=>{o.current=s},[s]);let r=He(),[d,c]=We(t),[b,i]=We(a),[m,w]=We(void 0),[f,k]=We(ee),{token:x,tokenRef:u}=uo({onMessage:M=>{if(At(M)||mo(M))return;let z=M;if(z?.type==="storefront-editor:navigate"&&z.target?.kind==="section"&&z.target.id){let oe=z.target.id;if(oe===o.current)return;let fe=z.target.type,Ie=z.target.name;L().then(()=>{c(fe),i(Ie||bo),n(oe),r.address.show({kind:"section",id:oe})})}}}),T=Zr({save:M=>Ot.update(M.id,M.node).then(()=>{}),onFailure:(M,z)=>{z===0&&r.send("storefront-editor:save-failed")}}),{state:g,push:E,flush:L}=T;Nt(()=>k(ei()),[]);let N=Ee(),ae=N.usesBridgedToken?!!x:!0,ce=Me(()=>Tt($e(N),et(N)),[N]);Nt(()=>{if(!ae)return;let M=!1;return w(void 0),Ot.ensure(s,b,$r(d??xo,ce)).then(z=>!M&&w(z.node)).catch(()=>!M&&w(null)),()=>{M=!0}},[s,d,b,ae,ce]);let J=wo(M=>{r.send("storefront-editor:dirty");let z=nn(M);z&&E({id:o.current,node:z})},[E,r]),q=r.send,V=wo(async M=>{try{return await M(u.current??""),!0}catch{return q("storefront-editor:save-failed"),!1}},[q]),se=Me(()=>St(ce,!0),[ce]);Nt(()=>(Kt(null),()=>Kt(null)),[]);let I=Me(()=>m?gt(ns(m)):null,[m]),R=Me(()=>({target:{kind:"page",slug:""},adapter:_e(void 0),capabilities:_e(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:ae,token:x,tokenRef:u,notifyParent:q,runAuthed:V,docId:s,data:I,getLiveData:()=>I,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:ss(g),saveState:g,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:g.pending,toggleAutoSave:()=>{},retrySave:()=>{T.retryNow()},onChange:J,flushSave:L,onPublish:async M=>{let z=nn(M);z&&await Ot.update(o.current,z)},bridgeCapabilities:go,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[s,ae,x,q,V,I,g,J,L,T.retryNow]),pe=Me(()=>Xr(!R.readOnly),[R.readOnly]);return m===void 0?Z("div",{className:"sf-msg",children:p("Loading\u2026")}):m===null||!I?Z("div",{className:"sf-msg sf-msg--error",children:p("Couldn\u2019t open this section.")}):Z(Na.Provider,{value:R,children:Z(dt,{themeMode:f,chromePlaceholder:!0,children:Z(Et,{wrap:N.chrome?.wrap,surface:"section",children:Z(ut,{children:Z(ot,{children:Z(mt,{children:Z(rt,{children:Z(Qr,{config:se,data:I,onChange:J,permissions:pe,children:Z(Jr,{})},s)})})})})})})})}import{cancelPanelPick as $d,hasMediaPanel as ec,MediaPanelProvider as yo,requestPanelPick as tc,settlePanelPick as nc,useMediaPanel as ac,usePanelPick as sc}from"efficient-easel/screen/lib/media-panel";import{useEffect as ii,useState as li}from"react";var Ue={currencies:[],defaultCurrency:null},ti={currencies:[],defaultCurrency:null,reason:"none-configured"},Fe=new Map;function ko(e,t,a=!1){a&&Fe.delete(t);let s=Fe.get(t);return s||(s=ni(e,t),Fe.set(t,s),s.catch(()=>{Fe.get(t)===s&&Fe.delete(t)})),s}async function ni(e,t){try{let a=await os(e,t);if(!a)return Ue;let s=await us.getSiteBySlug(a);return s.status!=="online"?await ai(e,t):{currencies:s.currencies??[],defaultCurrency:s.defaultCurrency??null}}catch(a){return console.warn("[editor-currency-source] load failed; editor stays unpriced",a),Ue}}async function ai(e,t){let a=await U.listSiteCurrencies(t,e);if(!a.length)return ti;let s=[...a].sort((n,o)=>n.display_order-o.display_order).map(n=>({code:n.currency_code,symbol:n.symbol||ri(n.currency_code),decimalPlaces:typeof n.decimal_places=="number"?n.decimal_places:oi(n.currency_code),isDefault:n.is_default}));return{currencies:s,defaultCurrency:s.find(n=>n.isDefault)?.code??s[0].code}}var si=0;function To(e){try{return new Intl.NumberFormat(ms,{style:"currency",currency:e})}catch{return null}}function oi(e){return To(e)?.resolvedOptions().maximumFractionDigits??si}function ri(e){return To(e)?.formatToParts(0).find(s=>s.type==="currency")?.value||e}import{jsx as Eo}from"react/jsx-runtime";function vn({token:e,siteId:t,enabled:a,children:s}){let[n,o]=li(Ue);return ii(()=>{if(!e||!a||!t){o(Ue);return}let r=!1;return ko(e,t).then(d=>{r||o(d)}).catch(()=>{}),()=>{r=!0}},[e,a,t]),Eo(bt,{currencies:n.currencies,defaultCurrency:n.defaultCurrency,children:Eo(Ns,{reason:n.reason,children:s})})}import{useEffect as So,useRef as yn}from"react";function Ne({token:e,enabled:t=!0,deps:a=[],prime:s,onDisabled:n,refresh:o}){let r=yn(s);r.current=s;let d=yn(n);d.current=n;let c=yn(o);c.current=o,So(()=>{if(!e||!t){d.current?.();return}let b=!1;return r.current.load().then(i=>{b||r.current.publish(i)}).catch(()=>{}),()=>{b=!0}},[e,t,...a]),So(()=>{if(!e||!t||!c.current)return;let b=!1,i=c.current.subscribe(()=>{let m=c.current;m&&m.load().then(w=>{b||m.publish(w)}).catch(()=>{})});return()=>{b=!0,i()}},[e,t,...a])}function kn({token:e,siteId:t,enabled:a=!0}){let{setFooterBlock:s,setHeaderGroup:n,refreshToken:o}=qa();return Ne({token:e,enabled:a,deps:[t,o],onDisabled:()=>{s(null),n(null)},prime:{load:()=>U.findPageBySlug(Y,e,t??void 0),publish:r=>{s(r?Da(r.layout):null),n(r?_a(r.layout):null)}}}),null}var xe=new Map,Tn=e=>e??"";function ve(e,t,a=!1){let s=Tn(t);a&&xe.delete(s);let n=xe.get(s);return n||(n=U.getHeaderSettings(e,t??void 0),xe.set(s,n),n.catch(()=>{xe.get(s)===n&&xe.delete(s)})),n}function Ao(e,t){xe.set(Tn(t),Promise.resolve(e))}function Oo(e){xe.delete(Tn(e))}function Be(e){return{logoUrl:tt(e.effective_logo_url),reverseLogo:e.reverse_logo,logoPosition:e.logo_position,logoSize:e.logo_size,logoSizePx:e.logo_size_px,menuItems:e.menu_items??[],menuSplit:e.menu_split??3,menuPosition:e.menu_position,menuRow:e.menu_row,menuGapPx:e.menu_gap_px??null,searchEnabled:e.search_enabled,searchPosition:e.search_position,searchRow:e.search_row,countrySelectorEnabled:e.country_selector_enabled,countryUrls:e.country_urls??{},accountEnabled:e.account_enabled??!0,cartEnabled:e.cart_enabled??!0,utilStyle:e.util_style,navTextCase:e.nav_text_case,lightReverseText:e.light_reverse_text,topTextColor:e.top_text_color,transparentTop:e.transparent_top,surface:e.surface,theme:e.theme,width:e.width,heightPx:e.height_px,sticky:e.sticky}}function En({token:e,siteId:t}){let{primeSettings:a,setSettings:s}=ct();return Ne({token:e,deps:[t],prime:{load:()=>ve(e,t),publish:n=>a(Be(n))},refresh:{subscribe:Ae,load:()=>ve(e,t,!0),publish:n=>s(Be(n))}}),null}function It({token:e}){let{primeLive:t,setLive:a}=Ps();return Ne({token:e,prime:{load:()=>Is(e),publish:s=>t(ln(s))},refresh:{subscribe:Ae,load:()=>Rs(e),publish:s=>a(ln(s))}}),null}import{jsx as Rt,jsxs as Sn}from"react/jsx-runtime";function An({surface:e,children:t}){let{token:a,siteId:s,capabilities:n}=Te();if(e==="section")return Sn(hn,{children:[a?Rt(It,{token:a}):null,t]});let o=a??"";return Sn(vn,{token:o,siteId:s,enabled:n.hasSiteSettings,children:[n.hasSiteSettings&&Rt(En,{token:o,siteId:s}),Rt(kn,{token:o,siteId:s,enabled:n.hasSiteSettings}),Sn(hn,{children:[n.hasSiteSettings&&Rt(It,{token:o}),t]})]})}import{useCallback as te,useEffect as je,useRef as On,useState as ue}from"react";import{Banner as hi,Button as Hn,Drawer as di,InputNumber as ci,LoadingSpinner as pi,MediaUploadField as fi,Slider as gi,tabButtonId as ui,tabPanelId as mi}from"efficient-shell/ui";import{SettingsDefaultReset as Nn,SettingsSwitch as Ge,SettingsTabs as wi}from"efficient-easel/panel";import{FieldSelect as Pn}from"efficient-easel/fields";import{useEaselStrings as bi}from"efficient-easel/strings";import{ListIcon as xi,LogoIcon as vi,SettingsIcon as yi,StylesIcon as ki}from"efficient-easel/icons";import{Fragment as ye,jsx as l,jsxs as O}from"react/jsx-runtime";var In="sf-header",No="sf-header-size-label",Io="sf-header-gap-label",Ro="sf-header-height-label",Rn=[{id:"logo",label:"Logo",icon:l(vi,{})},{id:"menu",label:"Menu",icon:l(xi,{})},{id:"tools",label:"Tools",icon:l(yi,{})},{id:"look",label:"Look",icon:l(ki,{})}];function Cn({tokenRef:e,siteId:t,onClose:a,onAuthExpired:s,inline:n,placeholderMode:o,websiteName:r,onOpenWebsiteSettings:d}){let c=He(),b=bi(),[i,m]=ue(null),[w,f]=ue(null),[k,x]=ue(!1),[u,T]=ue(Rn[0].id),[g,E]=ue(ts),L=o?Rn.filter(h=>h.id!=="menu"):Rn,N=L.find(h=>h.id===u)??L[0],[ae,ce]=ue(0),{setSettings:J}=ct(),q=On(null),V=On(null),se=On(null);je(()=>{let h=!1,A=null,H=null,P=3,K=(re,F=0)=>{h||f(null),ve(re,t,F>0).then(Xe=>!h&&m(Xe)).catch(()=>{h||(F+1<P?H=setTimeout(()=>K(re,F+1),600*(F+1)):f(p("Could not load header settings.")))})},ke=e.current;if(ke)K(ke);else{let re=0;A=setInterval(()=>{let F=e.current;if(F){A&&clearInterval(A),A=null,h||f(null),K(F);return}re+=250,re===5e3&&!h&&f(p("Waiting for editor authorization\u2026")),re>=3e4&&(A&&clearInterval(A),A=null,h||f(p("Not authorized yet \u2014 reopen once the editor has loaded.")))},250)}return()=>{h=!0,A&&clearInterval(A),H&&clearTimeout(H)}},[e,ae,t]),je(()=>{i&&J(Be(i))},[i,J]),je(()=>()=>{q.current&&clearTimeout(q.current),V.current&&clearTimeout(V.current),se.current&&clearTimeout(se.current)},[]);let I=te(async(h,A)=>{let H=e.current;if(!H||!i)return;let P=i;A&&m({...i,...A}),x(!0),f(null);try{let K=await h(H);m(K),Ao(K,t)}catch(K){m(P),K instanceof gs&&K.status===401?(Oo(t),s?.(),f(p("Authorization expired \u2014 try again in a moment."))):f(p("Could not save. Please retry."))}finally{x(!1)}},[i,e,s,t]),R=te(h=>I(A=>U.updateHeaderSettings(h,A,t??void 0),h),[I,t]),pe=te(h=>{I(A=>U.setHeaderLogoFromAsset(h,A,t??void 0))},[I,t]),M=te(()=>{Pa(c,{accept:"image/svg+xml",title:p("Logo (SVG)")}).then(h=>{h&&pe(h.id)})},[pe]),z=te((h,A=!0)=>{m(P=>P&&{...P,logo_size_px:h}),q.current&&clearTimeout(q.current);let H=()=>{I(P=>U.updateHeaderSettings({logo_size_px:h},P,t??void 0))};A?H():q.current=setTimeout(H,400)},[I,t]),oe=te((h,A=!0)=>{m(P=>P&&{...P,height_px:h}),V.current&&clearTimeout(V.current);let H=()=>{I(P=>U.updateHeaderSettings({height_px:h},P,t??void 0))};A?H():V.current=setTimeout(H,400)},[I,t]),fe=te((h,A=!0)=>{m(P=>P&&{...P,menu_gap_px:h}),se.current&&clearTimeout(se.current);let H=()=>{I(P=>U.updateHeaderSettings({menu_gap_px:h},P,t??void 0))};A?H():se.current=setTimeout(H,400)},[I,t]),Ie=te(()=>{I(async h=>{let A=await U.clearHeaderLogo(h,t??void 0);return A.reverse_logo?U.updateHeaderSettings({reverse_logo:!1},h,t??void 0):A})},[I,t]),Ve=te(h=>{m(A=>A&&{...A,menu:h?.id??null,menu_handle:h?.handle??null,menu_name:h?.name??null,menu_items:h?h.items.map(H=>({label:H.label,url:H.url,dropdown_menu:H.dropdown_menu??null,dropdown_items:H.dropdown_items??[]})):[]}),I(A=>U.updateHeaderSettings({menu:h?.id??null},A,t??void 0))},[I,t]),Ke=O(ye,{children:[w&&l(hi,{tone:"danger",className:"mx-4 mt-3",action:i?void 0:l(Hn,{variant:"secondary",size:"sm",onClick:()=>ce(h=>h+1),children:p("Retry")}),children:w}),i?O(ye,{children:[l(wi,{items:L.map(h=>({...h,label:p(h.label)})),activeId:N.id,onSelect:T,ariaLabel:p("Header settings"),idPrefix:In}),O("div",{id:mi(In,N.id),role:"tabpanel","aria-labelledby":ui(In,N.id),className:"flex flex-col p-4 [&>*+*]:mt-3",children:[N.id==="logo"&&O(ye,{children:[l(Q,{label:"Image"}),!o&&l(Ti,{settings:i,websiteName:r,onPick:M,onClear:Ie,showHint:g}),l(B,{label:"Reverse the Logo",children:l(Ge,{checked:i.reverse_logo,onChange:h=>R({reverse_logo:h}),ariaLabel:p("Reverse the Logo")})}),l(ne,{shown:g,children:p("Keeps the logo readable on any header \u2014 flips just its black & white parts to contrast the bar behind it (in both light and dark themes). Any other colors are kept as-is.")}),l(Q,{label:"Placement"}),l(Si,{label:S.logoPosition.label,value:S.logoPosition.options.find(h=>h.value===S.logoPosition.choose(i.logo_position))?.label,children:l(he,{value:S.logoPosition.choose(i.logo_position),options:S.logoPosition.options,onChange:h=>R({logo_position:h}),ariaLabel:S.logoPosition.label})}),O("div",{className:"flex flex-col gap-1.5",children:[O("div",{className:"flex items-center justify-between",children:[l("span",{id:No,className:"text-[13px] text-[var(--ink-muted)]",children:p("Size")}),O("span",{className:"flex items-center gap-1",children:[O("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":i.logo_size_px!=null||void 0,children:[i.logo_size_px??Le[i.logo_size],"px"]}),l(Nn,{label:p("Size"),words:b.panel,changed:i.logo_size_px!=null,onReset:()=>z(null)})]})]}),l(zn,{labelledBy:No,min:Ls,max:Ds,step:2,value:i.logo_size_px??Le[i.logo_size],onPreview:h=>z(h,!1),onCommit:h=>z(h,!0)}),l(ne,{shown:g,children:p("Sets the logo\u2019s height; the width follows the logo\u2019s own proportions.")})]}),l(wt,{shown:g,onChange:E})]}),N.id==="menu"&&O(ye,{children:[l(Q,{label:"Links"}),l(Ei,{token:e.current,menuId:i.menu,menuName:i.menu_name,itemCount:i.menu_items?.length??0,onPick:Ve}),l(B,{label:S.menuAlign.label,children:l(he,{value:S.menuAlign.choose(i.menu_position),options:S.menuAlign.options.filter(h=>h.value!=="beside"||i.logo_position!=="center"),onChange:h=>R({menu_position:h}),ariaLabel:S.menuAlign.label})}),S.menuAlign.choose(i.menu_position)==="beside"&&O("div",{className:"flex flex-col gap-1.5",children:[O("div",{className:"flex items-center justify-between",children:[l("span",{id:Io,className:"text-[13px] text-[var(--ink-muted)]",children:p("Space from the logo")}),O("span",{className:"flex items-center gap-1",children:[O("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":i.menu_gap_px!=null||void 0,children:[i.menu_gap_px??Se.default,"px"]}),l(Nn,{label:p("Space from the logo"),words:b.panel,changed:i.menu_gap_px!=null,onReset:()=>fe(null)})]})]}),l(zn,{labelledBy:Io,min:Se.min,max:Se.max,step:Se.step,value:i.menu_gap_px??Se.default,onPreview:h=>fe(h,!1),onCommit:h=>fe(h,!0)}),l(ne,{shown:g,children:p("How much room the menu leaves the logo. Only the logo moves away; the space between the menu words stays as it is.")})]}),l(B,{label:S.menuRow.label,children:l(he,{value:S.menuRow.choose(i.menu_row),options:S.menuRow.options,onChange:h=>R({menu_row:h}),ariaLabel:S.menuRow.label})}),i.logo_position==="center"&&i.menu_position!=="center"&&l(B,{label:"Left items",children:l("div",{className:"w-16",children:l(Pn,{value:i.menu_split??3,ariaLabel:p("Left items"),onChange:h=>R({menu_split:h}),options:[1,2,3,4].map(h=>({label:String(h),value:h}))})})}),l(B,{label:S.navTextCase.label,children:l(he,{value:S.navTextCase.choose(i.nav_text_case),options:S.navTextCase.options,onChange:h=>R({nav_text_case:h}),ariaLabel:S.navTextCase.label})}),l(ne,{shown:g,children:xt(p("{uppercase} draws SEARCH and BAG; {capitalised} draws Search and Bag. It covers the menu links and the Tools words together, and it leaves a name like FusionForge exactly as you typed it."),{uppercase:l("strong",{children:p("Uppercase")}),capitalised:l("strong",{children:p("Capitalised")})})})]}),N.id==="tools"&&O(ye,{children:[l(Q,{label:"Style"}),l(B,{label:S.utilStyle.label,children:l(he,{value:S.utilStyle.choose(i.util_style),options:S.utilStyle.options,onChange:h=>R({util_style:h}),ariaLabel:S.utilStyle.label})}),l(ne,{shown:g,children:xt(p("{text} draws the words \u2014 Search, Account, Bag \u2014 instead of the little pictures. It changes how they look, not whether they are shown: that stays with the switches below."),{text:l("strong",{children:p("Text")})})}),l(Q,{label:"Search"}),l(B,{label:"Search",children:l(Ge,{checked:i.search_enabled,onChange:h=>R({search_enabled:h}),ariaLabel:p("Search")})}),l(B,{label:S.searchPosition.label,children:l(he,{value:S.searchPosition.choose(i.search_position),options:S.searchPosition.options,onChange:h=>R({search_position:h}),ariaLabel:S.searchPosition.label})}),l(Q,{label:"Country selector"}),l(B,{label:"Show selector",children:l(Ge,{checked:i.country_selector_enabled,onChange:h=>R({country_selector_enabled:h}),ariaLabel:p("Show selector")})}),!o&&i.country_selector_enabled&&l(ne,{shown:g,children:xt(p("Which countries this website serves \u2014 and each region's own URL \u2014 is set in the admin console under {place}. Whether the picker is SHOWN stays here: that is header chrome, but the served-country list has tax consequences and belongs with commerce configuration."),{place:l("strong",{children:p("Storefront \u203A Settings \u203A Regions & currencies")})})}),l(Q,{label:"Account and cart"}),l(B,{label:"Account",children:l(Ge,{checked:i.account_enabled??!0,onChange:h=>R({account_enabled:h}),ariaLabel:p("Account")})}),l(B,{label:"Cart",children:l(Ge,{checked:i.cart_enabled??!0,onChange:h=>R({cart_enabled:h}),ariaLabel:p("Cart")})}),l(wt,{shown:g,onChange:E})]}),N.id==="look"&&O(ye,{children:[l(Q,{label:"Dimensions"}),l(B,{label:S.width.label,children:l(he,{value:S.width.choose(i.width),options:S.width.options,onChange:h=>R({width:h}),ariaLabel:S.width.label})}),O("div",{className:"flex flex-col gap-1.5",children:[O("div",{className:"flex items-center justify-between",children:[l("span",{id:Ro,className:"text-[13px] text-[var(--ink-muted)]",children:p("Height")}),O("span",{className:"flex items-center gap-1",children:[O("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":i.height_px!=null||void 0,children:[i.height_px??Pe.default,"px"]}),l(Nn,{label:p("Height"),words:b.panel,changed:i.height_px!=null,onReset:()=>oe(null)})]})]}),l(zn,{labelledBy:Ro,min:Pe.min,max:Pe.max,step:2,value:i.height_px??Pe.default,onPreview:h=>oe(h,!1),onCommit:h=>oe(h,!0)}),l(ne,{shown:g,children:p("Sets how tall the header bar is; the content below it shifts down to match.")})]}),l(B,{label:"Border thickness",children:l("div",{className:"w-24",children:l(ci,{value:i.border_thickness,min:0,max:20,precision:0,size:"sm",suffix:"px","aria-label":p("Border thickness"),onChange:h=>R({border_thickness:Math.max(0,h??0)})})})}),l(Q,{label:"Color"}),l(B,{label:"Theme",children:l(Ha,{value:i.theme??dn,onChange:h=>R({theme:h===dn?null:h}),followLabel:p("Follow the site theme")})}),l(ne,{shown:g,children:p("The color the bar paints once it is solid \u2014 after any scroll, and on every product page from the first paint. Follow the site theme keeps it on whatever palette the site is on.")}),l(B,{label:S.topTextColor.label,children:l(he,{value:S.topTextColor.choose(i.top_text_color),options:S.topTextColor.options,onChange:h=>R({top_text_color:h}),ariaLabel:S.topTextColor.label})}),l(ne,{shown:g,children:p("Auto reads what the first section on each page says it is \u2014 dark, light or accent \u2014 and picks the text that can be read on it. Set Light or Dark to decide it yourself when Auto reads a page wrong.")}),l(Q,{label:"Behavior"}),l(B,{label:"Sticky header",children:l("div",{className:"w-32",children:l(Pn,{value:i.sticky,ariaLabel:p("Sticky header"),onChange:h=>R({sticky:h}),options:[{label:p("None"),value:"none"},{label:p("Always"),value:"always"},{label:p("On scroll up"),value:"on_scroll_up"}]})})}),d&&O(ye,{children:[l(Q,{label:"Display mode"}),l("p",{className:"text-[12px] text-[var(--ink-faint)]",children:p("Set the default Light / Dark / Auto mode and show or hide the light\u2194dark switch in Appearance.")}),l(Hn,{variant:"link",size:"sm",className:"self-start",onClick:d,children:p("Set up display mode \u2192")})]}),l(wt,{shown:g,onChange:E})]})]})]}):w?null:l(pi,{size:"sm",padding:"p-4",label:p("Loading\u2026")})]});return n?O("div",{className:"flex flex-col",children:[k&&l("div",{className:"px-4 pt-2 text-[11px] text-[var(--ink-faintest)]",children:p("Saving\u2026")}),Ke]}):O(di,{open:!0,onClose:a??(()=>{}),side:"right",size:"sm",title:p("Header"),children:[k&&l("div",{className:"pb-2 text-[11px] text-[var(--ink-faintest)]",children:p("Saving\u2026")}),Ke]})}function Ti({settings:e,websiteName:t,onPick:a,onClear:s,showHint:n}){let o=!!e.logo_url,r=!o&&!!e.default_logo_url,d=tt(e.effective_logo_url),c=t&&t.trim()?t.trim():Ga;return O("div",{className:"flex flex-col gap-2",children:[l(fi,{value:d||"",onChange:b=>{b||s()},onPick:a,accept:"image/svg+xml,.svg",acceptHint:"SVG",fit:"contain",height:80,placeholder:p("No logo \u2014 \u201C{name}\u201D wordmark shown",{name:c}),replaceLabel:o?p("Replace SVG logo"):p("Upload SVG logo"),allowRemove:o,removeLabel:p("Use company default")}),l(ne,{shown:n,children:o?p("Custom SVG logo uploaded for this store."):r?p("Using your company logo from the database."):p("No company logo on file \u2014 upload an SVG or the wordmark is used.")})]})}function Ei({token:e,menuId:t,menuName:a,itemCount:s,onPick:n}){let o=He(),[r,d]=ue(null),[c,b]=ue(!1),i=te(u=>{d(u),b(!0)},[]);je(()=>{let u=!1;return zs(e).then(T=>!u&&i(T)).catch(()=>!u&&d([])),()=>{u=!0}},[e,i]),je(()=>{let u=!1,T=Ae(()=>{Hs(e).then(g=>!u&&i(g)).catch(()=>{})});return()=>{u=!0,T()}},[e,i]);let m=r===null,w=!m&&(r?.length??0)===0,f=!m&&(r??[]).some(u=>u.id===t),k=f?t:"",x=c&&!!t&&!f;return O("div",{className:"flex flex-col gap-2",children:[l(B,{label:"Menu",children:l("div",{className:"w-[170px] max-w-full",children:l(Pn,{value:k,ariaLabel:p("Menu"),readOnly:m||w,onChange:u=>{let T=u?(r??[]).find(g=>g.id===u):null;n(T?{...T,items:T.items.map(g=>({...g,dropdown_items:(r??[]).find(E=>E.id===g.dropdown_menu)?.items.map(E=>({label:E.label,url:E.url}))??[]}))}:null)},options:[{label:m?p("Loading\u2026"):w?p("No menus"):p("Default links"),value:""},...(r??[]).map(u=>({label:`${u.name} (${u.item_count??u.items.length})`,value:u.id}))]})})}),x?l("p",{className:"text-[12px] text-[var(--sf-warning,#b45309)]",children:Cs()}):l("p",{className:"text-[12px] text-[var(--ink-faint)]",children:k?Ra("Header shows \u201C{name}\u201D \u2014 {n} link.","Header shows \u201C{name}\u201D \u2014 {n} links.",s,{name:a??p("the linked menu")}):w?p("No menus yet. Create one in {place}, then pick it here.",{place:p("Storefront \u2192 Menus")}):p("Pick a menu to drive the header links, or keep the built-in default links.")}),l(Hn,{variant:"link",size:"sm",className:"self-start",onClick:()=>o.send("storefront-editor:open-menus",{menuId:k||null}),children:k?p("Edit menu \u2192"):p("Manage menus \u2192")})]})}function ne({shown:e,children:t}){return e?l("p",{className:"text-[11px] text-[var(--sf-muted)]",children:t}):null}function zn({labelledBy:e,value:t,min:a,max:s,step:n,onPreview:o,onCommit:r}){let d=c=>{c instanceof HTMLInputElement&&c.type==="range"&&r(Number(c.value))};return l("div",{onPointerUp:c=>d(c.target),onKeyUp:c=>{/^(Arrow|Home|End|Page)/.test(c.key)&&d(c.target)},children:l(gi,{value:t,min:a,max:s,step:n,showInput:!1,size:"sm","aria-labelledby":e,valueText:c=>p("{n} pixels",{n:c}),onChange:c=>{c!=null&&o(c)}})})}function Si({label:e,value:t,children:a}){return O("div",{className:"flex flex-col gap-1.5",children:[O("div",{className:"flex items-center justify-between",children:[l("span",{className:"text-[13px] text-[var(--ink-muted)]",children:p(e)}),t&&l("span",{className:"text-[12px] text-[var(--ink-faint)]",children:p(t)})]}),a]})}function Q({label:e}){return l(Ua,{label:e})}function B({label:e,children:t}){return O("div",{className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-[7px]",children:[l("span",{className:"text-[13px] text-[var(--sf-text-secondary)]",children:p(e)}),l("div",{className:"flex-shrink-0",children:t})]})}var Ai=[{label:"Left",value:"left"},{label:"Center",value:"center"}],Oi=[{label:"Left",value:"left"},{label:"Right",value:"right"}],Ni=[{label:"Right",value:"left"},{label:"Centered",value:"center"},{label:"Beside logo",value:"beside"}],Ii=[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],Ri=[{label:Yt.page,value:"page"},{label:Yt.full,value:"full"}],zi=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}],Hi=[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],Pi=[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],S={logoPosition:{label:"Position",options:Ai,choose:e=>e==="right"?"center":e},menuAlign:{label:"Alignment",options:Ni,choose:e=>e==="center"?"center":e==="beside"?"beside":"left"},menuRow:{label:"Row",options:Ii,choose:e=>e==="inline"?"inline":"top"},searchPosition:{label:"Position",options:Oi,choose:e=>e},width:{label:"Width",options:Ri,choose:e=>e},navTextCase:{label:"Letters",options:Hi,choose:e=>e==="capitalised"?"capitalised":"uppercase"},utilStyle:{label:"Show as",options:zi,choose:e=>e==="text"?"text":"icon"},topTextColor:{label:"Text color at the top",options:Pi,choose:e=>Ms(e)}};import{jsx as Ci}from"react/jsx-runtime";function Ln({placeholderMode:e,tokenRef:t,siteId:a,websiteName:s,onOpenWebsiteSettings:n,onAuthExpired:o}){return Ci(Cn,{inline:!0,placeholderMode:e,tokenRef:t,siteId:a,websiteName:s??void 0,onOpenWebsiteSettings:n,onAuthExpired:o})}var Ho={list:async()=>(await yt()).map(e=>({slug:e.slug,name:e.name,href:Sa(e.slug)}))},zo=new Map;function Li(e){let t=e??"",a=La(),s=zo.get(t);if(s&&!(s.token===null&&a!==null))return s.promise;let n=a&&e?U.listFieldUsage(a,e).then(ks).catch(()=>[]):Promise.resolve([]);return zo.set(t,{promise:n,token:a}),n}var Po={load:async e=>{let[t,a]=await Promise.all([vt().catch(()=>[]),Li(e??void 0)]);return Ts({catalogue:t,fieldUsage:a,offersCommerce:!0})}};import{jsx as Ye,jsxs as Co}from"react/jsx-runtime";var Di={cart:Co("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[Ye("circle",{cx:"9",cy:"20",r:"1.4"}),Ye("circle",{cx:"18",cy:"20",r:"1.4"}),Ye("path",{d:"M2 3h2.2l2.1 12.3a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.6-1.2L21.5 7H5.3"})]}),checkout:Co("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[Ye("rect",{x:"2.5",y:"5",width:"19",height:"14",rx:"2"}),Ye("path",{d:"M2.5 9.5h19"})]})},Lo={get title(){return p("Shop")},get rows(){return Ws.map(e=>({...e,label:p(e.label),icon:Di[e.key]}))}};import{useState as Dn}from"react";import{Button as _n}from"efficient-shell/ui";import{createNode as _i,newId as Mi}from"efficient-easel/data";import{useEasel as Wi}from"efficient-easel/easel";var Do="Flex",_o=10;function Mo(e,t,a,{logoHeightPx:s}={}){let n=e.util_style==="text"?"text":"icon",o={...e.menu?{id:e.menu}:{},...e.menu_handle?{handle:e.menu_handle}:{},...e.menu_name?{name:e.menu_name}:{},items:(e.menu_items??[]).map(({label:f,url:k})=>({label:f,url:k}))},r=e.search_enabled?t("SearchBlock",{style:n}):null,d=e.search_position==="left",c=[d?r:null,e.country_selector_enabled?t("CountrySwitchBlock"):null,e.cart_enabled!==!1?t("CartBlock",{style:n}):null,d?null:r].filter(f=>f!==null),b=t(Do,{direction:"row",justify:"between",align:"center",share:"content",wrap:"nowrap",phoneRow:3,sectionPaddingTop:_o,sectionPaddingBottom:_o,content:[t("LogoBlock",s?{heightPx:s}:{}),t("MenuBlock",{menu:o,direction:"row"}),...c.length?[t(Do,{direction:"row",justify:"end",align:"center",share:"content",wrap:"nowrap",phoneRow:3,content:c})]:[]]}),i=ra($,a,[b]),m=_s(e.theme),w=Fs(e.menu_row);return{...i,props:{...i.props,sticky:e.sticky??"always",topTextColor:e.top_text_color??"auto",...e.height_px!=null?{heightPx:e.height_px}:{},...e.width==="full"?{fullWidth:!0}:{},...m!==null?{sectionAccent:m}:{},...e.nav_text_case?{navTextCase:e.nav_text_case}:{},...w?{menuRow:w}:{}}}}import{jsx as qe,jsxs as Wo}from"react/jsx-runtime";function Mn(){let{appState:e,dispatch:t,config:a}=Wi(x=>x),{readOnly:s,tokenRef:n,siteId:o}=Te(),[r,d]=Dn(!1),[c,b]=Dn(!1),[i,m]=Dn(!1),w=e.data.content;if(s||w.some(x=>x.type===$))return null;let f=(x,u)=>_i(a,x,u),k=async()=>{let x=n.current;if(!(!x||c)){b(!0),m(!1);try{let u=await ve(x,o),T=u.logo_size_px??Le[u.logo_size],g=Mo(u,f,Mi($),{logoHeightPx:T});t({type:"setData",data:E=>({...E,content:[...ia(E.content,g)]}),recordHistory:!0}),d(!1)}catch{m(!0)}finally{b(!1)}}};return Wo("div",{className:"sf-box-footer-switch",children:[qe("p",{className:"sf-box-footer-switch-text",children:p("Build the site header out of Boxes and blocks, like a page: the same logo, menu, search, region and cart. Your current header is kept.")}),r?Wo("div",{className:"sf-box-footer-switch-row",children:[qe(_n,{variant:"primary",size:"sm",onClick:k,disabled:c,children:c?p("Switching\u2026"):p("Switch now")}),qe(_n,{variant:"secondary",size:"sm",onClick:()=>d(!1),disabled:c,children:p("Cancel")})]}):qe(_n,{variant:"secondary",size:"sm",onClick:()=>d(!0),children:p("Switch to Box header")}),i?qe("p",{className:"sf-box-footer-switch-text",role:"alert",children:p("The header settings could not be read. Try again.")}):null]})}var Wn="wheels",Fi="collection:",Ui=60;function Bi(e){let t=e?.props?.source;return e?.type==="ProductGrid"&&!!t?.process}function Gi(e){return e.some(t=>t?.type==="CatalogFilterBar"||Bi(t))}function ji(){return{type:"CatalogFilterBar",props:{id:"CatalogFilterBar-wheels-seed",showProcess:!0,showLugs:!0,showPrice:!0,showCount:!0,showSort:!0}}}function Yi(e,t){let a=Us(e);return{type:"ProductGrid",props:{id:`ProductGrid-wheels-${a}`,dynamic:!1,num:t,title:e,titleSize:qs,padTop:100,description:"",linkText:"Explore the collection",linkHref:`/wheels/collections/${a}`,columns:4,showAll:!0,limit:8,imageBackground:Fa,spinOnHover:!0,source:{slug:`${Fi}${a}`,name:e,process:e,wheels:[]},fullWidth:!0,pageWidth:ka.default,products:[]}}}function qi(e){let t=e?js(e):Bs;return[ji(),...t.map(a=>Yi(a.key,a.num))]}function Fo(e,t,a){if(e!==Wn)return t;let s=t?.content??[];if(Gi(s))return t;let n=qi(a),o=s.findIndex(d=>d?.type===nt),r=o===-1?[...s,...n]:[...s.slice(0,o),...n,...s.slice(o)];return{...t,content:r}}function Uo(e,t,a={}){let s=e?.content??[],n=a.scopeToCatalog?Gs(t):null,o=s.map(r=>{let d=r?.props?.source;if(r?.type==="CatalogFilterBar"&&n)return{...r,props:{...r.props,processOptions:n}};if(r?.type!=="ProductGrid"||!d?.process)return r;if(n&&!n.includes(d.process))return null;if(a.onlyEmpty&&(d.wheels?.length??0)>0)return r;let c=t.filter(b=>b.process===d.process).slice(0,Ui);return{...r,props:{...r.props,source:{...d,wheels:c}}}}).filter(r=>r!==null);return{...e,content:o}}var Bo={opening({slug:e,isTemplate:t,capabilities:a}){let n=a.hasCatalog&&!t&&e===Wn?yt().catch(()=>[]):Promise.resolve([]);return async o=>{let r=await n,d=Fo(t||!a.hasCatalog?"":e,o,r),c=r.length?Uo(d,r,{onlyEmpty:!0}):d;if(a.hasCatalog&&on(c)){let b=await vt().catch(()=>[]);if(b.length)return xs(c,Ys(b))}return c}},stored:e=>on(e)?vs(e):e,storedNode:e=>ys(e)};var Vi={wrap:An,panels:{header:Ln,chromePage:Mn},pageRows:Lo,products:Ho,linkFilters:Po};function Go(e={}){return ta({...e,registry:Vs,chrome:Vi,documentHooks:Bo})}var jo=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+import{$ as Iz,$a as Nk,$b as nC,$c as hd,$d as on,$e as dd,$f as BS,$g as W4,A as bz,Aa as Uz,Ab as Uk,Ac as Ui,Ad as x3,Ae as ln,Af as wn,Ag as aM,B as Nm,Ba as ue,Bb as jk,Bc as Me,Bd as S2,Be as pd,Bf as J5,Bg as sM,C as xz,Ca as ge,Cb as Kk,Cc as P3,Cd as Pe,Ce as Z2,Cf as AS,Cg as kd,D as wz,Da as jz,Db as $k,Dc as vC,Dd as RC,De as Be,Df as LS,Dg as oM,E as vi,Ea as Kz,Eb as Yk,Ec as fC,Ed as en,Ee as De,Ef as Q5,Eg as rM,F as fi,Fa as $z,Fb as Xk,Fc as sd,Fd as I,Fe as cn,Ff as TS,Fg as m5,G as yz,Ga as Yz,Gb as Ri,Gc as ji,Gd as W,Ge as H7,Gf as Ke,Gg as iM,H as zz,Ha as Dm,Hb as Jk,Hc as bC,Hd as U,He as QC,Hf as ES,Hg as Sn,I as kz,Ia as ve,Ib as Qk,Ic as xC,Id as z1,Ie as eS,If as yn,Ig as vs,J as Im,Ja as Km,Jb as K8,Jc as Ki,Jd as N1,Je as md,Jf as zn,Jg as F7,K as Cz,Ka as $m,Kb as eC,Kc as od,Kd as _1,Ke as tS,Kf as HS,Kg as nM,L as Sz,La as zk,Lb as ed,Lc as wC,Ld as w,Le as hn,Lf as FS,Lg as Cd,M as Mz,Ma as kk,Mb as _i,Mc as rd,Md as $5,Me as pn,Mf as kn,Mg as lM,N as Az,Na as Ck,Nb as tC,Nc as Z4,Nd as _C,Ne as Ze,Nf as PS,Ng as cM,O as Lz,Oa as Fi,Ob as aC,Oc as yC,Od as a0,Oe as Ge,Of as Q8,Og as hM,P as Vm,Pa as Sk,Pb as we,Pc as Ae,Pd as OC,Pe as We,Pf as l0,Pg as Mn,Q as Tz,Qa as Mk,Qb as ye,Qc as Le,Qd as Ne,Qe as qe,Qf as Z6,Qg as pM,R as Ez,Ra as Ak,Rb as sC,Rc as zC,Rd as E7,Re as aS,Rf as M,Rg as mM,S as bi,Sa as S7,Sb as oC,Sc as kC,Sd as Ie,Se as sS,Sf as U0,Sg as fs,T as xi,Ta as M7,Tb as m,Tc as $i,Td as n1,Te as oS,Tf as X,Tg as uM,U as Hz,Ua as Lk,Ub as Q2,Uc as CC,Ud as s4,Ue as mn,Uf as S0,Ug as fM,V as Fz,Va as ps,Vb as rC,Vc as id,Vd as BC,Ve as rS,Vf as NS,Vg as bM,W as Pz,Wa as Tk,Wb as ze,Wc as ds,Wd as tn,We as iS,Wf as IS,Wg as xM,X as w4,Xa as Ek,Xb as Di,Xc as nd,Xd as DC,Xe as Ue,Xf as VS,Xg as wM,Y as pe,Ya as Hk,Yb as iC,Yc as ld,Yd as ZC,Ye as lS,Yf as RS,Yg as yM,Z as wi,Za as Fk,Zb as j5,Zc as cd,Zd as an,Ze as cS,Zf as _S,Zg as zM,_ as Nz,_a as Pk,_b as Zi,_c as G4,_d as sn,_e as hS,_f as OS,_g as Ln,a as Jy,aa as X2,ab as Ik,ac as lC,ad as SC,ae as GC,af as dS,ag as DS,ah as Tn,b as di,ba as W1,bb as Vk,bc as cC,bd as MC,be as WC,bf as vn,bg as ZS,bh as P7,c as Qy,ca as U1,cb as Rk,cc as v3,cd as O6,ce as qC,cf as uS,cg as GS,ch as C4,d as cs,da as Vz,db as _k,dc as hC,dd as Yi,de as UC,df as gS,dg as WS,dh as kM,e as ez,ea as $1,eb as Pi,ec as y4,ed as Xi,ee as gs,ef as ud,eg as qS,eh as CM,f as Fm,fa as j1,fb as Ni,fc as pC,fd as AC,fe as jC,ff as gd,fg as G6,g as Pm,ga as Zz,gb as fe,gc as td,gd as LC,ge as Ve,gf as vd,gg as W6,h as p5,ha as de,hb as J2,hc as f3,hd as TC,he as Re,hf as vS,hg as $e,i as ui,ia as ki,ib as D0,ic as ad,id as EC,ie as Y5,if as fS,ig as Ye,j as tz,ja as Ci,jb as be,jc as ke,jd as HC,je as KC,jf as fd,jg as US,k as az,ka as Si,kb as Ii,kc as Gi,kd as FC,ke as $C,kf as bd,kg as j3,l as p0,la as Mi,lb as j8,lc as Wi,ld as a4,le as YC,lf as fn,lg as Xe,m as gi,ma as Rm,mb as Ym,mc as mC,md as PC,me as l1,mf as bn,mg as wd,n as iz,na as V6,nb as Vi,nc as z4,nd as Ji,ne as XC,nf as bS,ng as Cn,o as nz,oa as Gz,ob as Xm,oc as k4,od as L7,oe as X5,of as xd,og as yd,p as lz,pa as z2,pb as Jm,pc as _6,pd as Te,pe as _e,pf as xS,pg as jS,q as cz,qa as _m,qb as Ok,qc as $8,qd as K5,qe as B6,qf as wS,qg as KS,r as hz,ra as i1,rb as Bk,rc as Ce,rd as Ee,re as JC,rf as yS,rg as Je,s as pz,sa as D2,sb as Qm,sc as Se,sd as NC,se as rn,sf as X8,sg as $S,t as mz,ta as Wz,tb as U5,tc as A7,td as IC,te as w1,tf as xn,tg as YS,u as dz,ua as R6,ub as Dk,uc as qi,ud as us,ue as Oe,uf as J8,ug as zd,v as G5,va as U8,vb as xe,vc as dC,vd as T7,ve as p2,vf as zS,vg as XS,w as uz,wa as C7,wb as Zk,wc as Qj,wd as He,we as D6,wf as kS,wg as JS,x as gz,xa as qz,xb as Gk,xc as uC,xd as Qi,xe as nn,xf as CS,xg as QS,y as vz,ya as Om,yb as Wk,yc as b3,yd as VC,ye as y1,yf as SS,yg as eM,z as fz,za as Bm,zb as qk,zc as gC,zd as Fe,ze as K1,zf as MS,zg as tM}from"./chunks/chunk-4EH3ICKL.js";import{$ as Ld,A as rt,B as Vn,C as BM,D as it,E as DM,H as ZM,I as O7,J as w0,L as Ad,M as nt,N as M4,O as Rn,P as xs,R as ws,S as B7,T as _n,U as On,V as GM,W as lt,X as ct,Y as ht,Z as ys,_ as WM,a as FM,aa as qM,ba as UM,ca as jM,da as t9,e as V7,ea as t3,f as Hn,fa as a9,g as PM,ga as KM,h as NM,ha as Td,i as Sd,j as IM,k as VM,l as Fn,m as tt,n as Md,o as RM,p as e3,q as R7,r as Pn,s as at,t as st,u as Nn,v as _7,w as In,x as _M,y as OM,z as ot}from"./chunks/chunk-5XTSI7QI.js";import{A as F1,a as dn,d as bs,e as N7,g as v2,h as En,i as S4,j as SM,k as MM,l as AM,m as LM,n as I7,o as TM,p as EM,v as Qe,w as f0,x as e9,y as HM,z as et}from"./chunks/chunk-XPQ4SKME.js";import{E as Jz,Ea as yk,Fa as jm,H as Qz,Ha as ms,Ia as Oi,J as ek,K as tk,La as Bi,M as ak,Ma as F3,Na as je,Oa as nS,P as sk,Pa as Y8,R as ok,Ra as pS,S as Gm,Sa as un,T as rk,Ta as mS,Ua as gn,X as Wm,Y as ik,Z as Li,a as t4,aa as Ti,b as sz,ba as Ei,c as T1,d as Rz,da as qm,ga as nk,ha as Um,i as W5,j as me,k as yi,ka as lk,l as _z,m as Oz,ma as ck,na as hk,o as Bz,oa as pk,p as zi,pa as mk,q as Dz,qa as dk,r as Xz,ra as uk,s as hs,sa as gk,t as Ai,ta as vk,u as Zm,ua as fk,v as q5,va as Hi,wa as bk,xa as xk,ya as wk}from"./chunks/chunk-JBQJN7EB.js";import{b as Ky,c as ls,d as $y,e as Yy,f as Hm,g as Xy,h as mi,i as B2,j as oz,k as Z5,l as rz,m as x4,o as dM,q as An,r as gM,s as w3,t as vM}from"./chunks/chunk-VUQAJ7FV.js";import{a as Xj,b as Jj}from"./chunks/chunk-Y6SLVHK3.js";var JR=Xj((YW1,XR)=>{"use strict";function B71(e,t){this.v=e,this.k=t}function FR(e,t){(t==null||t>e.length)&&(t=e.length);for(var a=0,s=Array(t);a<t;a++)s[a]=e[a];return s}function D71(e){if(Array.isArray(e))return e}function Z71(e,t){var a=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(a!=null){var s,o,r,i,n=[],l=!0,c=!1;try{if(r=(a=a.call(e)).next,t===0){if(Object(a)!==a)return;l=!1}else for(;!(l=(s=r.call(a)).done)&&(n.push(s.value),n.length!==t);l=!0);}catch(h){c=!0,o=h}finally{try{if(!l&&a.return!=null&&(i=a.return(),Object(i)!==i))return}finally{if(c)throw o}}return n}}function G71(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function W71(e,t){return D71(e)||Z71(e,t)||q71(e,t)||G71()}function q71(e,t){if(e){if(typeof e=="string")return FR(e,t);var a={}.toString.call(e).slice(8,-1);return a==="Object"&&e.constructor&&(a=e.constructor.name),a==="Map"||a==="Set"?Array.from(e):a==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?FR(e,t):void 0}}function Ah(e){var t,a;function s(r,i){try{var n=e[r](i),l=n.value,c=l instanceof B71;Promise.resolve(c?l.v:l).then(function(h){if(c){var p=r==="return"&&l.k?r:"next";if(!l.k||h.done)return s(p,h);h=e[p](h).value}o(!!n.done,h)},function(h){s("throw",h)})}catch(h){o(2,h)}}function o(r,i){r===2?t.reject(i):t.resolve({value:i,done:r}),(t=t.next)?s(t.key,t.arg):a=null}this._invoke=function(r,i){return new Promise(function(n,l){var c={key:r,arg:i,resolve:n,reject:l,next:null};a?a=a.next=c:(t=a=c,s(r,i))})},typeof e.return!="function"&&(this.return=void 0)}Ah.prototype[typeof Symbol=="function"&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},Ah.prototype.next=function(e){return this._invoke("next",e)},Ah.prototype.throw=function(e){return this._invoke("throw",e)},Ah.prototype.return=function(e){return this._invoke("return",e)};var jR=Object.entries,PR=Object.setPrototypeOf,U71=Object.isFrozen,j71=Object.getPrototypeOf,K71=Object.getOwnPropertyDescriptor,U2=Object.freeze,r3=Object.seal,pa=Object.create,KR=typeof Reflect<"u"&&Reflect,Cf=KR.apply,Sf=KR.construct;U2||(U2=function(t){return t});r3||(r3=function(t){return t});Cf||(Cf=function(t,a){for(var s=arguments.length,o=new Array(s>2?s-2:0),r=2;r<s;r++)o[r-2]=arguments[r];return t.apply(a,o)});Sf||(Sf=function(t){for(var a=arguments.length,s=new Array(a>1?a-1:0),o=1;o<a;o++)s[o-1]=arguments[o];return new t(...s)});var P9=V2(Array.prototype.forEach);Array.prototype.indexOf;var $71=V2(Array.prototype.lastIndexOf),NR=V2(Array.prototype.pop),Zo=V2(Array.prototype.push);Array.prototype.slice;var Y71=V2(Array.prototype.splice),ma=Array.isArray,qo=V2(String.prototype.toLowerCase),bf=V2(String.prototype.toString),IR=V2(String.prototype.match),Go=V2(String.prototype.replace),VR=V2(String.prototype.indexOf),X71=V2(String.prototype.trim),J71=V2(Number.prototype.toString),Q71=V2(Boolean.prototype.toString),RR=typeof BigInt>"u"?null:V2(BigInt.prototype.toString),_R=typeof Symbol>"u"?null:V2(Symbol.prototype.toString),u4=V2(Object.prototype.hasOwnProperty),Wo=V2(Object.prototype.toString),_3=V2(RegExp.prototype.test),v8=e81(TypeError);function V2(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var a=arguments.length,s=new Array(a>1?a-1:0),o=1;o<a;o++)s[o-1]=arguments[o];return Cf(e,t,s)}}function e81(e){return function(){for(var t=arguments.length,a=new Array(t),s=0;s<t;s++)a[s]=arguments[s];return Sf(e,a)}}function H0(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:qo;if(PR&&PR(e,null),!ma(t))return e;let s=t.length;for(;s--;){let o=t[s];if(typeof o=="string"){let r=a(o);r!==o&&(U71(t)||(t[s]=r),o=r)}e[o]=!0}return e}function t81(e){for(let t=0;t<e.length;t++)u4(e,t)||(e[t]=null);return e}function N4(e){let t=pa(null);for(let s of jR(e)){var a=W71(s,2);let o=a[0],r=a[1];u4(e,o)&&(ma(r)?t[o]=t81(r):r&&typeof r=="object"&&r.constructor===Object?t[o]=N4(r):t[o]=r)}return t}function a81(e){switch(typeof e){case"string":return e;case"number":return J71(e);case"boolean":return Q71(e);case"bigint":return RR?RR(e):"0";case"symbol":return _R?_R(e):"Symbol()";case"undefined":return Wo(e);case"function":case"object":{if(e===null)return Wo(e);let t=e,a=a5(t,"toString");if(typeof a=="function"){let s=a(t);return typeof s=="string"?s:Wo(s)}return Wo(e)}default:return Wo(e)}}function a5(e,t){for(;e!==null;){let s=K71(e,t);if(s){if(s.get)return V2(s.get);if(typeof s.value=="function")return V2(s.value)}e=j71(e)}function a(){return null}return a}function s81(e){try{return _3(e,""),!0}catch{return!1}}var OR=U2(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),xf=U2(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),wf=U2(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),o81=U2(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),yf=U2(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),r81=U2(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),BR=U2(["#text"]),DR=U2(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","command","commandfor","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),zf=U2(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dominant-baseline","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","pointer-events","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-orientation","text-rendering","textlength","type","u1","u2","unicode","values","vector-effect","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),ZR=U2(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Lh=U2(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),i81=r3(/{{[\w\W]*|^[\w\W]*}}/g),n81=r3(/<%[\w\W]*|^[\w\W]*%>/g),l81=r3(/\${[\w\W]*/g),c81=r3(/^data-[\-\w.\u00B7-\uFFFF]+$/),h81=r3(/^aria-[\-\w]+$/),GR=r3(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),p81=r3(/^(?:\w+script|data):/i),m81=r3(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),d81=r3(/^html$/i),u81=r3(/^[a-z][.\w]*(-[.\w]+)+$/i),WR=r3(/<[/\w!]/g),qR=r3(/<[/\w]/g),g81=r3(/<\/no(script|embed|frames)/i),v81=r3(/\/>/i),P4={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,processingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},$R=["style","script","xmp","iframe","noembed","noframes","plaintext","noscript"],f81=U2(H0({},$R)),b81=(function(){let e={};return P9($R,t=>{e[t]=r3(new RegExp("</"+t+"(?=[\\t\\n\\f\\r />])","i"))}),U2(e)})(),x81=function(){return typeof window>"u"?null:window},w81=function(t,a){if(typeof t!="object"||typeof t.createPolicy!="function")return null;let s=null,o="data-tt-policy-suffix";a&&a.hasAttribute(o)&&(s=a.getAttribute(o));let r="dompurify"+(s?"#"+s:"");try{return t.createPolicy(r,{createHTML(i){return i},createScriptURL(i){return i}})}catch{return console.warn("TrustedTypes policy "+r+" could not be created."),null}},UR=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},f8=function(t,a,s,o){return u4(t,a)&&ma(t[a])?H0(o.base?N4(o.base):{},t[a],o.transform):s},kf=function(t,a,s){let o=u4(t,a)?t[a]:void 0;return o&&typeof o=="object"?N4(o):s()};function YR(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:x81(),t=c1=>YR(c1);if(t.version="3.4.16",t.removed=[],!e||!e.document||e.document.nodeType!==P4.document||!e.Element)return t.isSupported=!1,t;let a=e.document,s=a,o=s.currentScript;e.DocumentFragment;let r=e.HTMLTemplateElement,i=e.Node,n=e.Element,l=e.NodeFilter;e.NamedNodeMap===void 0&&(e.NamedNodeMap||e.MozNamedAttrMap),e.HTMLFormElement;let c=e.DOMParser,h=e.trustedTypes,p=n.prototype,d=a5(p,"cloneNode"),u=a5(p,"remove"),v=a5(p,"removeAttributeNode"),g=a5(p,"nextSibling"),b=a5(p,"childNodes"),f=a5(p,"parentNode"),y=a5(p,"shadowRoot"),x=a5(p,"attributes"),k=i&&i.prototype?a5(i.prototype,"nodeType"):null,S=i&&i.prototype?a5(i.prototype,"nodeName"):null,L=i&&i.prototype?a5(i.prototype,"ownerDocument"):null,R=function(C){return k?k(C):C.nodeType},F=function(C){return S?S(C):C.nodeName};if(typeof r=="function"){let c1=a.createElement("template");c1.content&&c1.content.ownerDocument&&(a=c1.content.ownerDocument)}let O,P="",E,N=!1,V=0,G=function(){if(V>0)throw v8('A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the "DOMPurify and Trusted Types" section of the README.')},H=function(C){G(),V++;try{return O.createHTML(C)}finally{V--}},j=function(C){G(),V++;try{return O.createScriptURL(C)}finally{V--}},_=function(){return N||(E=w81(h,o),N=!0),E},e1=a,K=e1.implementation,Y=e1.createNodeIterator,h1=e1.createDocumentFragment,B=e1.getElementsByTagName,q=s.importNode,Q=UR();t.isSupported=typeof jR=="function"&&typeof f=="function"&&K&&K.createHTMLDocument!==void 0;let a1=i81,$=n81,m1=l81,v1=c81,g0=h81,s0=p81,P1=m81,i0=u81,o0=GR,J1=null,m0=H0({},[...OR,...xf,...wf,...yf,...BR]),t0=null,g2=H0({},[...DR,...zf,...ZR,...Lh]),x0=Object.seal(pa(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),b1=null,Q1=null,d0=Object.seal(pa(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),V0=!0,J0=!0,B0=!1,s1=!0,k1=!1,r0=!0,s2=!1,K2=!1,V5=null,R5=null,_5=!1,O4=!1,E3=!1,O5=!1,P6=!0,$2=!1,N6="user-content-",m3=!0,d3=!1,O2={},Y2=null,h5=H0({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","selectedcontent","style","svg","template","thead","title","video","xmp"]),u3=null,H3=H0({},["audio","video","img","source","image","track"]),e4=null,B4=H0({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),L1="http://www.w3.org/1998/Math/MathML",n0="http://www.w3.org/2000/svg",S1="http://www.w3.org/1999/xhtml",w2=S1,x1=!1,R0=null,g3=H0({},[L1,n0,S1],bf),H1=U2(["mi","mo","mn","ms","mtext"]),I6=H0({},H1),B5=U2(["annotation-xml"]),Mm=H0({},B5),Vj=H0({},["title","style","font","a","script"]),is=null,Rj=["application/xhtml+xml","text/html"],_j="text/html",C2=null,ne=null,Oj=a.createElement("form"),Iy=function(C){return C instanceof RegExp||C instanceof Function},Am=function(){let C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(ne&&ne===C)return;(!C||typeof C!="object")&&(C={}),C=N4(C),is=Rj.indexOf(C.PARSER_MEDIA_TYPE)===-1?_j:C.PARSER_MEDIA_TYPE,C2=is==="application/xhtml+xml"?bf:qo,J1=f8(C,"ALLOWED_TAGS",m0,{transform:C2}),t0=f8(C,"ALLOWED_ATTR",g2,{transform:C2}),R0=f8(C,"ALLOWED_NAMESPACES",g3,{transform:bf}),e4=f8(C,"ADD_URI_SAFE_ATTR",B4,{transform:C2,base:B4}),u3=f8(C,"ADD_DATA_URI_TAGS",H3,{transform:C2,base:H3}),Y2=f8(C,"FORBID_CONTENTS",h5,{transform:C2}),b1=f8(C,"FORBID_TAGS",N4({}),{transform:C2}),Q1=f8(C,"FORBID_ATTR",N4({}),{transform:C2}),O2=u4(C,"USE_PROFILES")?C.USE_PROFILES&&typeof C.USE_PROFILES=="object"?N4(C.USE_PROFILES):C.USE_PROFILES:!1,V0=C.ALLOW_ARIA_ATTR!==!1,J0=C.ALLOW_DATA_ATTR!==!1,B0=C.ALLOW_UNKNOWN_PROTOCOLS||!1,s1=C.ALLOW_SELF_CLOSE_IN_ATTR!==!1,k1=C.SAFE_FOR_TEMPLATES||!1,r0=C.SAFE_FOR_XML!==!1,s2=C.WHOLE_DOCUMENT||!1,O4=C.RETURN_DOM||!1,E3=C.RETURN_DOM_FRAGMENT||!1,O5=C.RETURN_TRUSTED_TYPE||!1,_5=C.FORCE_BODY||!1,P6=C.SANITIZE_DOM!==!1,$2=C.SANITIZE_NAMED_PROPS||!1,m3=C.KEEP_CONTENT!==!1,d3=C.IN_PLACE||!1,o0=s81(C.ALLOWED_URI_REGEXP)?C.ALLOWED_URI_REGEXP:GR,w2=typeof C.NAMESPACE=="string"?C.NAMESPACE:S1,I6=kf(C,"MATHML_TEXT_INTEGRATION_POINTS",()=>H0({},H1)),Mm=kf(C,"HTML_INTEGRATION_POINTS",()=>H0({},B5));let D=kf(C,"CUSTOM_ELEMENT_HANDLING",()=>pa(null));if(x0=pa(null),u4(D,"tagNameCheck")&&Iy(D.tagNameCheck)&&(x0.tagNameCheck=D.tagNameCheck),u4(D,"attributeNameCheck")&&Iy(D.attributeNameCheck)&&(x0.attributeNameCheck=D.attributeNameCheck),u4(D,"allowCustomizedBuiltInElements")&&typeof D.allowCustomizedBuiltInElements=="boolean"&&(x0.allowCustomizedBuiltInElements=D.allowCustomizedBuiltInElements),r3(x0),k1&&(J0=!1),E3&&(O4=!0),O2&&(J1=H0({},BR),t0=pa(null),O2.html===!0&&(H0(J1,OR),H0(t0,DR)),O2.svg===!0&&(H0(J1,xf),H0(t0,zf),H0(t0,Lh)),O2.svgFilters===!0&&(H0(J1,wf),H0(t0,zf),H0(t0,Lh)),O2.mathMl===!0&&(H0(J1,yf),H0(t0,ZR),H0(t0,Lh))),d0.tagCheck=null,d0.attributeCheck=null,u4(C,"ADD_TAGS")&&(typeof C.ADD_TAGS=="function"?d0.tagCheck=C.ADD_TAGS:ma(C.ADD_TAGS)&&(J1===m0&&(J1=N4(J1)),H0(J1,C.ADD_TAGS,C2))),u4(C,"ADD_ATTR")&&(typeof C.ADD_ATTR=="function"?d0.attributeCheck=C.ADD_ATTR:ma(C.ADD_ATTR)&&(t0===g2&&(t0=N4(t0)),H0(t0,C.ADD_ATTR,C2))),u4(C,"ADD_FORBID_CONTENTS")&&ma(C.ADD_FORBID_CONTENTS)&&(Y2===h5&&(Y2=N4(Y2)),H0(Y2,C.ADD_FORBID_CONTENTS,C2)),m3&&(J1["#text"]=!0),s2&&H0(J1,["html","head","body"]),J1.table&&(H0(J1,["tbody"]),delete b1.tbody),C.TRUSTED_TYPES_POLICY){if(typeof C.TRUSTED_TYPES_POLICY.createHTML!="function")throw v8('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof C.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw v8('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let r1=O;O=C.TRUSTED_TYPES_POLICY;try{P=H("")}catch(d1){throw O=r1,d1}}else C.TRUSTED_TYPES_POLICY===null?(O=void 0,P=""):(O===void 0&&(O=_()),O&&typeof P=="string"&&(P=H("")));U2&&U2(C),ne=C},Vy=H0({},[...xf,...wf,...o81]),Ry=H0({},[...yf,...r81]),Bj=function(C,D,r1){return D.namespaceURI===S1?C==="svg":D.namespaceURI===L1?C==="svg"&&(r1==="annotation-xml"||I6[r1]):!!Vy[C]},Dj=function(C,D,r1){return D.namespaceURI===S1?C==="math":D.namespaceURI===n0?C==="math"&&Mm[r1]:!!Ry[C]},Zj=function(C,D,r1){return D.namespaceURI===n0&&!Mm[r1]||D.namespaceURI===L1&&!I6[r1]?!1:!Ry[C]&&(Vj[C]||!Vy[C])},Gj=function(C){let D=f(C);(!D||!D.tagName)&&(D={namespaceURI:w2,tagName:"template"});let r1=qo(C.tagName),d1=qo(D.tagName);return R0[C.namespaceURI]?C.namespaceURI===n0?Bj(r1,D,d1):C.namespaceURI===L1?Dj(r1,D,d1):C.namespaceURI===S1?Zj(r1,D,d1):!!(is==="application/xhtml+xml"&&R0[C.namespaceURI]):!1},k7=function(C){Zo(t.removed,{element:C});try{f(C).removeChild(C)}catch{if(u(C),!f(C))throw v8("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},_y=function(C,D,r1){try{v(C,D)}catch{try{C.removeAttribute(r1)}catch{}}},ii=function(C){ni(C);let D=b(C);if(D){let d1=[];P9(D,Z1=>{Zo(d1,Z1)}),P9(d1,Z1=>{try{u(Z1)}catch{}})}let r1=x(C);if(r1)for(let d1=r1.length-1;d1>=0;--d1){let Z1=r1[d1],v0=Z1&&Z1.name;typeof v0=="string"&&_y(C,Z1,v0)}},q8=function(C,D,r1){if(!r1)try{r1=D.getAttributeNode(C)}catch{r1=null}Zo(t.removed,{attribute:r1||null,from:D});try{r1?v(D,r1):D.removeAttribute(C)}catch{try{D.removeAttribute(C)}catch{}}if(C==="is")if(O4||E3)try{k7(D)}catch{}else try{D.setAttribute(C,"")}catch{}},Wj=function(C){let D=x(C);if(D)for(let r1=D.length-1;r1>=0;--r1){let d1=D[r1],Z1=d1&&d1.name;typeof Z1!="string"||t0[C2(Z1)]||_y(C,d1,Z1)}},ni=function(C){let D=[C];for(;D.length>0;){let r1=D.pop();R(r1)===P4.element&&Wj(r1);let d1=b(r1);if(d1)for(let Z1=d1.length-1;Z1>=0;--Z1)D.push(d1[Z1])}},Oy=function(C,D){return r0?C==="patchsrc"?!0:C==="for"&&D!=="label"&&D!=="output":!1},qj=function(C){if(!r0)return;let D=[C];for(;D.length>0;){let r1=D.pop(),d1=R(r1);if(d1===P4.processingInstruction||d1===P4.comment&&_3(qR,r1.data)){try{u(r1)}catch{}continue}if(d1===P4.element){let v0=r1,C0=C2(F(r1));try{v0.hasAttribute&&v0.hasAttribute("patchsrc")&&v0.removeAttribute("patchsrc"),v0.hasAttribute&&v0.hasAttribute("for")&&Oy("for",C0)&&v0.removeAttribute("for")}catch{}}let Z1=b(r1);if(Z1)for(let v0=Z1.length-1;v0>=0;--v0)D.push(Z1[v0])}},By=function(C){let D=null,r1=null;if(_5)C="<remove></remove>"+C;else{let v0=IR(C,/^[\r\n\t ]+/);r1=v0&&v0[0]}is==="application/xhtml+xml"&&w2===S1&&(C='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+C+"</body></html>");let d1=O?H(C):C;if(w2===S1)try{D=new c().parseFromString(d1,is)}catch{}if(!D||!D.documentElement){D=K.createDocument(w2,"template",null);try{D.documentElement.innerHTML=x1?P:d1}catch{}}let Z1=D.body||D.documentElement;return C&&r1&&Z1.insertBefore(a.createTextNode(r1),Z1.childNodes[0]||null),w2===S1?B.call(D,s2?"html":"body")[0]:s2?D.documentElement:Z1},Dy=function(C){let D=L?L(C):C.ownerDocument;return Y.call(D||C,C,l.SHOW_ELEMENT|l.SHOW_COMMENT|l.SHOW_TEXT|l.SHOW_PROCESSING_INSTRUCTION|l.SHOW_CDATA_SECTION,null)},li=function(C){return C=Go(C,a1," "),C=Go(C,$," "),C=Go(C,m1," "),C},Lm=function(C){var D;C.normalize();let r1=L?L(C):C.ownerDocument,d1=Y.call(r1||C,C,l.SHOW_TEXT|l.SHOW_COMMENT|l.SHOW_CDATA_SECTION|l.SHOW_PROCESSING_INSTRUCTION,null),Z1=d1.nextNode();for(;Z1;)Z1.data=li(Z1.data),Z1=d1.nextNode();let v0=(D=C.querySelectorAll)===null||D===void 0?void 0:D.call(C,"template");v0&&P9(v0,C0=>{le(C0.content)&&Lm(C0.content)})},ci=function(C){let D=S?S(C):null;return typeof D!="string"||C2(D)!=="form"?!1:typeof C.nodeName!="string"||typeof C.textContent!="string"||typeof C.removeChild!="function"||C.attributes!==x(C)||typeof C.removeAttribute!="function"||typeof C.removeAttributeNode!="function"||typeof C.getAttributeNode!="function"||typeof C.setAttribute!="function"||typeof C.namespaceURI!="string"||typeof C.insertBefore!="function"||typeof C.hasChildNodes!="function"||C.nodeType!==k(C)||C.childNodes!==b(C)},le=function(C){if(!k||typeof C!="object"||C===null)return!1;try{return k(C)===P4.documentFragment}catch{return!1}},ns=function(C){if(!k||typeof C!="object"||C===null)return!1;try{return typeof k(C)=="number"}catch{return!1}};function D5(c1,C,D){c1.length!==0&&P9(c1,r1=>{r1.call(t,C,D,ne)})}let Uj=function(C,D){return!!(r0&&C.hasChildNodes()&&!ns(C.firstElementChild)&&_3(WR,C.textContent)&&_3(WR,C.innerHTML)||r0&&C.namespaceURI===S1&&f81[D]&&(ns(C.firstElementChild)||typeof C.textContent=="string"&&_3(b81[D],C.textContent))||C.nodeType===P4.processingInstruction||r0&&C.nodeType===P4.comment&&_3(qR,C.data))},hi=function(C,D){if(C instanceof RegExp)return _3(C,D);if(C instanceof Function){for(var r1=arguments.length,d1=new Array(r1>2?r1-2:0),Z1=2;Z1<r1;Z1++)d1[Z1-2]=arguments[Z1];return!!C(D,...d1)}return!1},jj=function(C,D,r1){if(!b1[D]&&qy(D)&&hi(x0.tagNameCheck,D))return!1;if(m3&&!Y2[D]){let d1=f(C),Z1=b(C);if(Z1&&d1){let v0=Z1.length;for(let C0=v0-1;C0>=0;--C0){let y2=C===r1?d(Z1[C0],!0):Z1[C0];d1.insertBefore(y2,g(C))}}}return k7(C),!0},Zy=function(C,D,r1,d1){return C.length===0?D:D===r1||D===d1?N4(D):D},ce=function(C,D){return C===D||f(C)!==null?!1:(d3&&ni(C),!0)},Gy=function(C,D){if(D5(Q.beforeSanitizeElements,C,null),ce(C,D))return!0;if(ci(C))return k7(C),!0;let r1=C2(F(C));if(J1=Zy(Q.uponSanitizeElement,J1,m0,V5),D5(Q.uponSanitizeElement,C,{tagName:r1,allowedTags:J1}),ce(C,D))return!0;if(Uj(C,r1))return k7(C),!0;if(b1[r1]||!(d0.tagCheck instanceof Function&&d0.tagCheck(r1))&&!J1[r1]){let d1=jj(C,r1,D);return d1===!1&&(D5(Q.afterSanitizeElements,C,null),ce(C,D))?!0:d1}if(R(C)===P4.element&&!Gj(C)||(r1==="noscript"||r1==="noembed"||r1==="noframes")&&_3(g81,C.innerHTML))return k7(C),!0;if(k1&&C.nodeType===P4.text){let d1=li(C.textContent);C.textContent!==d1&&(Zo(t.removed,{element:C.cloneNode()}),C.textContent=d1)}return D5(Q.afterSanitizeElements,C,null),ce(C,D)},Wy=function(C,D,r1){if(Q1[D]||Oy(D,C)||P6&&(D==="id"||D==="name")&&(r1 in a||r1 in Oj))return!1;let d1=t0[D]||d0.attributeCheck instanceof Function&&d0.attributeCheck(D,C);return J0&&_3(v1,D)||V0&&_3(g0,D)?!0:d1?e4[D]||_3(o0,Go(r1,P1,""))||(D==="src"||D==="xlink:href"||D==="href")&&C!=="script"&&VR(r1,"data:")===0&&u3[C]||B0&&!_3(s0,Go(r1,P1,""))?!0:!r1:qy(C)&&hi(x0.tagNameCheck,C)&&hi(x0.attributeNameCheck,D,C)||D==="is"&&x0.allowCustomizedBuiltInElements&&hi(x0.tagNameCheck,r1)},Kj=H0({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),qy=function(C){return!Kj[qo(C)]&&_3(i0,C)},$j=function(C,D,r1,d1){if(O&&typeof h=="object"&&typeof h.getAttributeType=="function"&&!r1)switch(h.getAttributeType(C,D)){case"TrustedHTML":return H(d1);case"TrustedScriptURL":return j(d1)}return d1},Yj=function(C,D,r1,d1){try{return r1?C.setAttributeNS(r1,D,d1):C.setAttribute(D,d1),ci(C)?(k7(C),!1):!0}catch{return q8(D,C),!1}},Uy=function(C,D){if(D5(Q.beforeSanitizeAttributes,C,null),ce(C,D))return;let r1=C.attributes;if(!r1||ci(C))return;t0=Zy(Q.uponSanitizeAttribute,t0,g2,R5);let d1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:t0,forceKeepAttr:void 0},Z1=r1.length,v0=C2(C.nodeName);for(;Z1--;){let C0=r1[Z1],y2=C0.name,D4=C0.namespaceURI,b4=C0.value,he=C2(y2),Em=b4,U3=y2==="value"?Em:X71(Em),jy=!1;if(d1.attrName=he,d1.attrValue=U3,d1.keepAttr=!0,d1.forceKeepAttr=void 0,D5(Q.uponSanitizeAttribute,C,d1),U3=d1.attrValue,$2&&(he==="id"||he==="name")&&VR(U3,N6)!==0&&(q8(y2,C,C0),U3=N6+U3,jy=!0),r0&&_3(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,U3)){q8(y2,C,C0);continue}if(he==="attributename"&&IR(U3,"href")){q8(y2,C,C0);continue}if(!d1.forceKeepAttr){if(!d1.keepAttr){q8(y2,C,C0);continue}if(!s1&&_3(v81,U3)){q8(y2,C,C0);continue}if(k1&&(U3=li(U3)),!Wy(v0,he,U3)){q8(y2,C,C0);continue}U3=$j(v0,he,D4,U3),U3!==Em&&Yj(C,y2,D4,U3)&&jy&&NR(t.removed)}}D5(Q.afterSanitizeAttributes,C,null),ce(C,D)},pi=function(C){let D=null,r1=Dy(C);for(D5(Q.beforeSanitizeShadowDOM,C,null);D=r1.nextNode();)if(D5(Q.uponSanitizeShadowNode,D,null),Gy(D,C),Uy(D,C),le(D.content)&&pi(D.content),R(D)===P4.element){let d1=y(D);le(d1)&&(Tm(d1),pi(d1))}D5(Q.afterSanitizeShadowDOM,C,null)},Tm=function(C){let D=[{node:C,shadow:null}];for(;D.length>0;){let r1=D.pop();if(r1.shadow){pi(r1.shadow);continue}let d1=r1.node,Z1=R(d1)===P4.element,v0=b(d1);if(v0)for(let C0=v0.length-1;C0>=0;--C0)D.push({node:v0[C0],shadow:null});if(Z1){let C0=S?S(d1):null;if(typeof C0=="string"&&C2(C0)==="template"){let y2=d1.content;le(y2)&&D.push({node:y2,shadow:null})}}if(Z1){let C0=y(d1);le(C0)&&D.push({node:null,shadow:C0},{node:C0,shadow:null})}}};return t.sanitize=function(c1){let C=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},D=null,r1=null,d1=null,Z1=null;if(x1=!c1,x1&&(c1="<!-->"),typeof c1!="string"&&!ns(c1)&&(c1=a81(c1),typeof c1!="string"))throw v8("dirty is not a string, aborting");if(!t.isSupported)return c1;K2?(J1=V5,t0=R5):Am(C),(Q.uponSanitizeElement.length>0||Q.uponSanitizeAttribute.length>0)&&(J1=N4(J1)),Q.uponSanitizeAttribute.length>0&&(t0=N4(t0)),t.removed=[];let v0=d3&&typeof c1!="string"&&ns(c1);if(v0){qj(c1);let D4=F(c1);if(typeof D4=="string"){let b4=C2(D4);if(!J1[b4]||b1[b4])throw ii(c1),v8("root node is forbidden and cannot be sanitized in-place")}if(ci(c1))throw ii(c1),v8("root node is clobbered and cannot be sanitized in-place");try{Tm(c1)}catch(b4){throw ii(c1),b4}}else if(ns(c1))D=By("<!---->"),r1=D.ownerDocument.importNode(c1,!0),r1.nodeType===P4.element&&r1.nodeName==="BODY"||r1.nodeName==="HTML"?D=r1:D.appendChild(r1),Tm(D);else{if(!O4&&!k1&&!s2&&c1.indexOf("<")===-1)return O&&O5?H(c1):c1;if(D=By(c1),!D)return O4?null:O5?P:""}D&&_5&&k7(D.firstChild);let C0=v0?c1:D;try{let D4=Dy(C0);for(;d1=D4.nextNode();)Gy(d1,C0),Uy(d1,C0),le(d1.content)&&pi(d1.content)}catch(D4){throw v0&&(ii(c1),P9(t.removed,b4=>{b4.element&&ni(b4.element)})),D4}if(v0){let D4=!1;if(P9(t.removed,b4=>{b4.element&&(b4.element===c1&&(D4=!0),ni(b4.element))}),D4)throw v8("a node selected for removal could not be safely returned; refusing to sanitize in place");return k1&&Lm(c1),c1}if(O4){if(k1&&Lm(D),E3)for(Z1=h1.call(D.ownerDocument);D.firstChild;)Z1.appendChild(D.firstChild);else Z1=D;return(t0.shadowroot||t0.shadowrootmode)&&(Z1=q.call(s,Z1,!0)),Z1}let y2=s2?D.outerHTML:D.innerHTML;return s2&&J1["!doctype"]&&D.ownerDocument&&D.ownerDocument.doctype&&D.ownerDocument.doctype.name&&_3(d81,D.ownerDocument.doctype.name)&&(y2="<!DOCTYPE "+D.ownerDocument.doctype.name+`>
+`+y2),k1&&(y2=li(y2)),O&&O5?H(y2):y2},t.setConfig=function(){let c1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Am(c1),K2=!0,V5=J1,R5=t0},t.clearConfig=function(){ne=null,K2=!1,V5=null,R5=null,O=E,P=""},t.isValidAttribute=function(c1,C,D){ne||Am({});let r1=C2(c1),d1=C2(C);return Wy(r1,d1,D)},t.addHook=function(c1,C){typeof C=="function"&&u4(Q,c1)&&Zo(Q[c1],C)},t.removeHook=function(c1,C){if(u4(Q,c1)){if(C!==void 0){let D=$71(Q[c1],C);return D===-1?void 0:Y71(Q[c1],D,1)[0]}return NR(Q[c1])}},t.removeHooks=function(c1){u4(Q,c1)&&(Q[c1]=[])},t.removeAllHooks=function(){Q=UR()},t}var y81=YR();XR.exports=y81});import{useEffect as Ap1,useMemo as Lp1,useState as Pj}from"react";import{useEaselStrings as Tp1}from"efficient-easel/strings";import{useMemo as oK}from"react";import{createContext as sK,useContext as $M}from"react";var eK="https://maps.googleapis.com/maps/api/js",tK="__storefrontMapsReady__",Bn=null;function Dn(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(Bn)return Bn;let t=e&&e.trim()||"";return t?(Bn=new Promise((a,s)=>{let o=tK;window[o]=()=>a(window.google.maps);let r=document.createElement("script");r.src=`${eK}?key=${encodeURIComponent(t)}&libraries=marker&callback=${o}&v=weekly&loading=async`,r.async=!0,r.defer=!0,r.onerror=()=>s(new Error("Failed to load Google Maps JS SDK")),document.head.appendChild(r)}),Bn):Promise.reject(new Error("No Google Maps API key configured"))}function zs(e,t){return Number.isFinite(e)&&Number.isFinite(t)&&!(e===0&&t===0)}var YM="sf:maps-api-key",XM="sf:maps-map-id";function JM(){if(typeof window>"u")return"";try{return window.localStorage.getItem(YM)??""}catch{return""}}function Ed(e){if(!(typeof window>"u"))try{window.localStorage.setItem(YM,e)}catch{}}function QM(){if(typeof window>"u")return"";try{return window.localStorage.getItem(XM)??""}catch{return""}}function eA(e){if(!(typeof window>"u"))try{window.localStorage.setItem(XM,e)}catch{}}var Hd=sK({apiKey:"",setApiKey:()=>{},mapId:""}),Zn=Hd.Provider,Gn=()=>$M(Hd).apiKey,Wn=()=>$M(Hd).mapId;function qn(e,t){return e&&e.trim()||t&&t.trim()||""}function Un(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as rK}from"react/jsx-runtime";function Fd({apiKey:e,mapId:t,children:a}){let s=oK(()=>({apiKey:e,setApiKey:()=>{},mapId:t}),[e,t]);return rK(Zn,{value:s,children:a})}import{jsx as A4,jsxs as C$}from"react/jsx-runtime";import{useCallback as P2,useEffect as W7,useMemo as su,useRef as q7,useState as f2}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";var tA={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(cs,e),draw(e,t){e.label=cs[t]}};import{jsx as iK}from"react/jsx-runtime";function aA(e,t){let a=e.props?.id,s=t.appState?.data?.content;return!Array.isArray(s)||typeof a!="string"?!0:!s.some(o=>o?.props?.id===a)}function jn(e,t){let a=e?.data?.content;if(!Array.isArray(a)||typeof t!="string")return;let s=(o,r)=>{for(let i of o){if(i?.props?.id===t)return r;for(let n of Object.values(i?.props??{}))if(Array.isArray(n)&&n.length>0&&typeof n[0]=="object"&&n[0]!==null&&"type"in n[0]){let l=s(n,i);if(l!==void 0)return l}}};return s(a,null)}var sA={name:"sectionGroupAllow",applies:e=>wi.includes(e),panel(e,t,a,s){let o=e.fields?.sections;o&&(o.allow=[...s.sectionGroupAllow])}},Pd=new Set(Object.keys(W1)),oA={name:"openSlotDisallow",applies:()=>!0,panel(e,t,a,s){let o=s.contentSectionKeys;if(e?.fields)for(let r of Object.values(e.fields)){let i=r;if(i.type!=="slot"||i.allow)continue;let n=t==="Flex"?o.filter(l=>!Pd.has(l)):o;i.disallow=Array.from(new Set([...i.disallow??[],...n]))}}};var nK=Array.from(new Set([...tz.map(e=>e.type),...Pd,...di,"GalleryItem"])),rA={name:"cellWidth",applies:(e,t,a)=>nK.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.cellWidthFields;e.fields={...e.fields,...s()};let o=e.resolveFields;e.resolveFields=(r,i)=>{let n=o?o(r,i):i.fields,l=jn(i.appState,r.props?.id);if(l===void 0||Pz(l))return n;let c={...n};for(let h of Object.keys(s()))delete c[h];return c}},draw(e){let t=e.render;e.render=a=>{let s=Hz(a.gridSpan),o=t(a);return s==null?o:iK("div",{className:"sf-grid-cell",[Fz]:String(s),children:o})}}};import{jsx as pA}from"react/jsx-runtime";import{jsx as cK}from"react/jsx-runtime";import{useEffect as hK,useRef as pK}from"react";var ks="data-puck-component";function Id(e,t){return e.closest(`[${ks}]`)?.getAttribute(ks)===t}function iA(e,t,a){let s=e.querySelectorAll("*"),o=[],r=new Set;for(let u=0;u<s.length;u+=1){let v=s[u];if(!Id(v,t))continue;let g=v.getAttribute(C7);g&&(o.push({element:v,partId:V6(t,g)}),r.add(v))}let i=[];for(let u=0;u<s.length;u+=1){let v=s[u];if(!Id(v,t)||r.has(v))continue;let g=qz(v.textContent??"");g&&i.push({element:v,text:g})}let n=new Map,l=[],c=u=>u.row?`${u.key}.${u.row.rowKey}`:null,h=new Map;for(let u of a){let v=c(u);if(!v)continue;let g=h.get(v);g?g.push(u):h.set(v,[u])}let p=new Set;for(let[u,v]of h){if(v.length<2)continue;let g=v.flatMap(y=>y.texts);if(new Set(g).size===g.length)continue;let b=i.filter(y=>g.includes(y.text));if(b.length!==v.length)continue;let f=[...v].sort((y,x)=>(y.row?.index??0)-(x.row?.index??0));for(let y=0;y<f.length;y+=1){let x=f[y],k=b[y].element,S={key:x.key,partKey:Rm(x.key,x.row),exact:!0},L=n.get(k);L?L.push(S):(n.set(k,[S]),l.push(k))}p.add(u)}for(let u of a){if(p.has(c(u)??""))continue;let v=Rm(u.key,u.row);for(let g of u.texts){let b=[],f=null;for(let k of i)k.text===g?b.push(k.element):!b.length&&k.text.includes(g)&&(!f||k.text.length<=f.length)&&(f={element:k.element,length:k.text.length});let y=b.length?b:f?[f.element]:[],x=y.filter(k=>!y.some(S=>S!==k&&k.contains(S)));for(let k of x){let S={key:u.key,partKey:v,exact:b.length>0},L=n.get(k);L?L.push(S):(n.set(k,[S]),l.push(k))}}}let d=[...o];for(let u of l){let v=n.get(u)??[],g=v.some(b=>b.exact)?v.filter(b=>b.exact):v;if(new Set(g.map(b=>b.partKey)).size===1){d.push({element:u,partId:V6(t,g[0].partKey)});continue}new Set(g.map(b=>b.key)).size===1&&d.push({element:u,partId:V6(t,g[0].key)})}return d}function Nd(e,t,a){let s=e.querySelectorAll(`[${R6}]`);for(let r=0;r<s.length;r+=1){let i=s[r];Id(i,t)&&i.removeAttribute(R6)}let o=[];for(let{element:r,partId:i}of a)r.setAttribute(R6,i),o.push(r);return o}function nA(e,t,a,s,o,r=()=>null){let i=null,n=null,l=null,c=()=>{let h=a(),p=h?.getAttribute(ks)??null;if(!h||!p)return!1;i=p;let d=iA(e,p,t);return o(h,p,Nd(e,p,d)),l=r(()=>{let u=iA(e,p,t);lK(d,u)||(d=u,o(h,p,Nd(e,p,u)))}),!0};return c()||(n=s(()=>{(i||c())&&(n?.(),n=null)})),()=>{n?.(),n=null,l?.(),l=null,i&&Nd(e,i,[])}}function lK(e,t){return e.length===t.length&&e.every((a,s)=>a.element===t[s].element&&a.partId===t[s].partId)}function lA(e,t){return e?.closest(`[${R6}]`)?.getAttribute(R6)??V6(t,null)}function cA(e,t){return e!==V6(t,null)}function Vd(e){let t=null,a=null;for(let s=e;s&&(t===null||a===null);s=s.parentElement){let o=s.getAttribute("class");t??=_z(o),a??=Gm(o)}return{faceRole:t??"body",sizeGroup:a}}function Kn(e){let t=e.style,a={};for(let i of Dm)a[i]=t[i]??"",t[i]="";let s=getComputedStyle(e),o=getComputedStyle(e.ownerDocument.documentElement),r=jz({fontSize:s.fontSize,fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,textAlign:s.textAlign,textTransform:s.textTransform,paddingTop:s.paddingTop,maxWidth:s.maxWidth},Kz(s.fontFamily,i=>o.getPropertyValue(i)));for(let i of Dm)t[i]=a[i];return r}function hA({needles:e,styles:t,type:a,children:s}){let o=pK(null),{selectedPartId:r,select:i}=Ci(),{setPartStyle:n}=Mi(),l=JSON.stringify(e),c=JSON.stringify(t);return hK(()=>{let h=o.current;if(!h)return;let p=[],d=()=>h.parentElement,u=x=>{let k=d();if(!k)return null;let S=new MutationObserver(x);return S.observe(k,{attributes:!0,attributeFilter:[ks]}),()=>S.disconnect()},v=x=>{let k=new MutationObserver(x);return k.observe(h,{childList:!0,subtree:!0,characterData:!0}),()=>k.disconnect()},g=[];p.push(()=>{for(let x of g)x();g=[]});let b=JSON.parse(l),f=JSON.parse(c),y=nA(h,b,d,u,(x,k,S)=>{for(let P of g)P();g=[];let L=[];for(let P of S){let E=P,N=de(E);N&&g.push(N),E.getAttribute(R6)===r?(E.setAttribute(U8,""),L.push(E)):E.removeAttribute(U8)}let R=$z(k,r,L,P=>Oz(P)!==null||Gm(P)!==null);if(R&&r){let P=R;n({partId:r,...Vd(P),base:Kn(P),inks:Zz(P)})}Yz(S.map(P=>({element:P,partId:P.getAttribute(R6)??""})),f,P=>Kn(P),P=>zk(a,P));let F=P=>{let E=lA(P.target,k);cA(E,k)&&(P.stopPropagation(),P.preventDefault()),i(E)},O=x;O.addEventListener("click",F,{capture:!0}),g.push(()=>O.removeEventListener("click",F,{capture:!0}))},v);return()=>{y();for(let x of p)x()}},[l,c,r,i,n]),cK("div",{ref:o,style:{display:"contents"},children:s})}var mA={name:"clickableParts",applies:(e,t,a)=>typeof a?.render=="function",draw(e,t){let a=e,s=a.render;a.render=o=>{let r=ue(o);return o.puck?.isEditing?pA(hA,{needles:Om(a.fields,o),styles:r,type:t,children:s(o)}):Object.keys(r).length?pA(kk,{needles:Om(a.fields,o),styles:r,type:t,children:s(o)}):s(o)}}};import{jsx as dA}from"react/jsx-runtime";var uA={name:"sectionCorners",applies:(e,t,a)=>t.isSection(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.sectionShapeFields()}},draw(e){let t=e.render;e.render=a=>{let s=Fi(a.sectionCorners,a.sectionCornerSides),o=t(a),r=D0(a)?`sf-section-corners ${Sk}`:"sf-section-corners";return s?dA("div",{className:r,style:{display:"contents",...s},children:o}):o}}},mK=["CollectionCard"],gA={name:"cardCorners",applies:(e,t,a)=>mK.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.cardShapeFields()}},draw(e){let t=e.render;e.render=a=>{let s=Mk(a.cardCorners,a.cardCornerSides),o=t(a);return s?dA("div",{className:"sf-card-corners",style:{display:"contents",...s},children:o}):o}}};var vA={name:"emptyHeadings",applies:()=>!0,panel(e,t,a){let s=a.dropEmptyHeadings,o=e.resolveFields;e.resolveFields=o?(r,i)=>{let n=o(r,i);return n instanceof Promise?n.then(l=>s(l??i.fields)):s(n??i.fields)}:(r,i)=>s(i.fields)}};var fA={name:"hiddenNodes",applies:(e,t,a)=>typeof a?.render=="function",draw(e){let t=e.render;e.render=a=>a._hidden?null:t(a)}};import{jsx as bA,Fragment as dK,jsxs as uK}from"react/jsx-runtime";function gK({anchor:e}){let t=Xm(typeof e=="string"?e:"");return t?bA("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var xA={name:"sectionAnchor",applies:(e,t,a)=>t.isSection(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.anchorFields;e.fields={...e.fields,...s()}},draw(e){e.defaultProps={...e.defaultProps,anchor:""};let t=e.render;e.render=a=>uK(dK,{children:[bA(gK,{anchor:a.anchor}),t(a)]})}};import{jsx as bK}from"react/jsx-runtime";import{jsx as vK}from"react/jsx-runtime";import{useEffect as fK,useRef as wA}from"react";function yA({motion:e,editing:t,children:a}){let s=wA(null),o=wA(e);return fK(()=>{let r=s.current;if(r){if(t){if(o.current===e)return;o.current=e,qk(r);return}return Wk(r)}},[e,t]),vK("div",{ref:s,[Gk]:e,children:a})}var zA={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!Uk.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.sectionAnimationFields;e.fields={...e.fields,...s()}},draw(e){let t=e,a=t.render;t.render=s=>{let o=Zk(s.sectionAnimation);return o?bK(yA,{motion:o,editing:!!s.puck?.isEditing,children:a(s)}):a(s)}}};import{jsx as xK}from"react/jsx-runtime";var SA={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!Kk.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.heightFields;e.fields={...e.fields,...s()};let o=e.resolveFields;e.resolveFields=(r,i)=>{let n=o?o(r,i):i.fields,l=r?.props??{},c=jk(l),h=$k(l)?Yk(l):null;return n&&typeof n.then=="function"?n.then(p=>CA(kA(p,c),h)):CA(kA(n,c),h)}},draw(e){let t=e.render;e.render=a=>{let s=Xk(a);return s?xK("div",{className:s.className,style:s.style,children:t(a)}):t(a)}}};function kA(e,t){if(!e||!("sectionHeightMode"in e))return e;let a={...e};if(t.mode==="auto")return delete a.sectionHeightValue,delete a.sectionHeightUnit,a;t.mode==="screen"&&delete a.sectionHeightUnit;let s=a.sectionHeightValue;return s&&(a.sectionHeightValue={...s,unit:t.unit}),a}function CA(e,t){if(!e||!("sectionHeightModePhone"in e))return e;let a={...e};if(!t||t.mode==="auto")return delete a.sectionHeightValuePhone,delete a.sectionHeightUnitPhone,a;t.mode==="screen"&&delete a.sectionHeightUnitPhone;let s=a.sectionHeightValuePhone;return s&&(a.sectionHeightValuePhone={...s,unit:t.unit}),a}import{jsx as wK}from"react/jsx-runtime";var MA={name:"sectionBorder",applies:(e,t,a)=>t.isSection(e)&&!!a&&typeof a.render=="function",draw(e){let t=e.render;e.render=a=>{let s=Qk(a.sectionBorder,a.sectionBorderPhone),o=t(a);return s?wK("div",{className:Jk,style:{display:"contents",...s},children:o}):o}}};import{jsx as zK}from"react/jsx-runtime";var $n="sf-card",G2={min:0,max:90,step:5,fallback:0,unit:"%"},D7=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],yK="68%",o4={desktop:20,phone:20,side:40,sidePhone:24},AA="sf-box-sides";function pt(e){return typeof e=="string"&&e.trim()!==""}function Yn(e,t){let a=typeof e=="number"?e:Number.parseFloat(String(e??""));if(!Number.isFinite(a)||a<=0)return null;let s=(Math.min(G2.max,Math.max(G2.min,a))/100).toFixed(2);return t!=="bottom"?{background:`rgba(0,0,0,${s})`}:{background:`linear-gradient(0deg, rgba(0,0,0,${s}) 0%, rgba(0,0,0,0) ${yK})`}}function Xn(e,t){let a={"top-left":["start","start"],"top-center":["center","start"],"top-right":["end","start"],left:["start","center"],center:["center","center"],right:["end","center"],"bottom-left":["start","end"],"bottom-center":["center","end"],"bottom-right":["end","end"]},[s,o]=a[e]??a.center,[r,i]=t==="column"?[o,s]:[s,o],n={start:"justify-start",center:"justify-center",end:"justify-end"},l={start:"items-start",center:"items-center",end:"items-end"};return`${n[r]} ${l[i]}`}var Jn={ParagraphsA:{top:60,bottom:80},StatsParagraph:{top:120,bottom:120},Timeline:{top:120,bottom:120},Footprint:{top:120,bottom:120},TimelineTrack:{top:120,bottom:120},TitleWithButtons:{top:140,bottom:140},ProcessSteps:{top:120,bottom:120},DetailRows:{top:100,bottom:100}},LA=new Set(Object.keys(Jn)),kK=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),TA=new Set(["ProductGrid"]);function Rd(e,t,a=!1){let s=e.render;e.render=o=>{if(t?.(o))return s(o);let r=a?K8(o.sectionPaddingTop,o.sectionPaddingBottom,o.sectionPaddingTopPhone,o.sectionPaddingBottomPhone,o.sectionPaddingLeft,o.sectionPaddingRight,o.sectionPaddingLeftPhone,o.sectionPaddingRightPhone):K8(o.sectionPaddingTop,o.sectionPaddingBottom,o.sectionPaddingTopPhone,o.sectionPaddingBottomPhone),i=s(o);return r?zK("div",{className:r.className,style:r.style,children:i}):i}}var EA={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!kK.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){LA.has(t)||TA.has(t)||(e.fields={...e.fields,...a.sidesPaddingFields()})},draw(e,t){if(LA.has(t)){let a=e.render,s=Jn[t];e.render=o=>{let r=eC(o,s);return a({...o,padTop:r.top,padBottom:r.bottom})};return}if(TA.has(t)){Rd(e);return}Rd(e,t==="Flex"?a=>pt(a.bgImage):void 0,!0)}},CK=["Heading","Text"],HA={name:"blockPadding",applies:(e,t,a)=>CK.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.sidesPaddingFields()}},draw(e){Rd(e,void 0,!0)}};import{jsx as SK}from"react/jsx-runtime";var FA={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!Bk.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:s,SECTION_THEME_FOLLOW_LABEL:o}=a,r=Qm.has(t);e.fields={...e.fields,...r?s(U5,o):s()}},draw(e,t){let a=Qm.has(t),s=e.render;e.render=o=>{let r=xe(a?{...o,sectionAccent:U5(o.sectionAccent)}:o),i=s(o);return r?SK("div",{className:r.className,style:r.style,children:i}):i}}},PA={name:"slideTheme",applies:e=>e==="HeroSlide",panel(e,t,a){let{sectionThemeFields:s,BLOCK_THEME_FOLLOW_LABEL:o}=a;e?.fields&&(e.fields={...e.fields,...s(U5,o)})}};import{jsx as Qn}from"react/jsx-runtime";import{WidthIcon as LK}from"efficient-easel/icons";var s9={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function NA(e){return typeof e!="number"?null:{width:`${e}${s9.unit}`,maxWidth:"100%"}}var MK=new Set(["Flex","Grid"]);function _d(e,t){return e&&!t}var AK=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function IA(e,t){if(!Array.isArray(e)||typeof t!="string")return;let a=(s,o)=>{for(let r of s){let i=r?.props??{};if(i.id===t)return o;let n=String(r?.type??""),l=MK.has(n)&&_d(J2(i,"page").mode!=="full",o);for(let c of Object.values(i)){if(!AK(c))continue;let h=a(c,o||l);if(h!==void 0)return h}}};return a(e,!1)}var TK=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),EK=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),HK=new Set(["ProductHero"]),VA={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!TK.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.widthField;e.fields={...e.fields,...s("full")};let o=e.resolveFields;e.resolveFields=(r,i)=>{let n=o?o(r,i):i.fields,l=J2(r?.props??{},"full");return n&&typeof n.then=="function"?n.then(c=>Z7(c,l)):Z7(n,l)}},draw(e,t){let a=EK.has(t),s=e.render;e.render=o=>{let{mode:r,inherited:i}=J2(o,"full"),n=s(o);if(r==="full")return a&&!i&&!HK.has(t)?Qn("div",{style:{[Pk]:"none",[Nk]:"initial",[Ik]:"initial"},children:n}):n;let l=M7(ps);return a?Qn("div",{style:{"--sf-page-cap":ps},children:n}):Qn("div",{style:l,children:n})}}};function Z7(e,t){if(!e||!("widthMode"in e))return e;let a={...e},s=a.widthMode;return s&&(a.widthMode={...s,currentValue:t.mode,inherited:t.inherited}),a}var FK=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),RA={name:"containedWidth",applies:(e,t,a)=>FK.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.widthField;e.fields={...e.fields,...s("page")};let o=e.resolveFields;e.resolveFields=(r,i)=>{let n=o?o(r,i):i.fields,l=J2(r?.props??{},"page"),c=h=>NK(t,IK(Z7(h,l),r,i));return n&&typeof n.then=="function"?n.then(c):c(n)}},draw(e){let t=e.render;e.render=a=>{let{mode:s}=J2(a,"page");return t({...a,contained:s!=="full"})}}},_A={name:"buttonAlignInRow",applies:e=>e==="ButtonBlock",panel(e){let t=e,a=t?.resolveFields;t.resolveFields=(s,o)=>{let r=a?a(s,o):o.fields,i=n=>{let l=jn(o.appState,s.props?.id);if(!l||l.type!=="HeroGroup"||_i("HeroGroup",l.props?.direction)!=="row")return n;let c={...n};return delete c.align,c};return r&&typeof r.then=="function"?r.then(i):i(r)}}};function PK(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function NK(e,t){if(e!=="ButtonBlock")return t;let a={...t};return delete a._gWidth,delete a.widthMode,delete a.pageWidth,a}function IK(e,t,a){if(PK(e)){let o=a.appState?.data?.content;if(IA(o,t.props?.id)!==!0)return e;let r={...e};return delete r.widthMode,delete r.pageWidth,r}if("parent"in a){if(!Vz(a.parent))return e}else if(!aA({props:t.props??{}},a))return e;let s={...e};return delete s.widthMode,delete s.pageWidth,s}var OA={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let s=a.slider;if(e?.fields){let o=s("Image width",Qn(LK,{}),s9.min,s9.max,s9.step,s9.fallback,s9.unit),r="focal",i=Object.entries(e.fields),n=i.findIndex(([l])=>l===r);e.fields=Object.fromEntries(n===-1?[...i,["width",o]]:[...i.slice(0,n+1),["width",o],...i.slice(n+1)])}}};var VK=new Set(["Reviews","Cards","FAQ","Prose","ProductHero","SpecTable","ProductGrid","ParagraphsA","KeyFeatures","Stats","StatsParagraph","Chart","Mockup","Testimonials","Logos","ContactRouting","ContactLocations","SubmitBuild","ReviewForm","Form","AppointmentBooking","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Collections","AlloyWheelsListing","CatalogFilterBar","FitmentFinder","GalleryB","BrandStrip","DocMasthead","DocBody","DocMetaCards","Masthead","FeaturedCover","LongRead","Series","Events","SectionHeader","Grid","Flex","Spacer","Divider","CustomHTML","Breadcrumb","CategoryBar","DocTabs","Hero","HeroSingle","IntroBleed","Manifesto","Timeline","TimelineTrack","Footprint","Banner","TitleWithButtons","Ticker","SubscribeBlogs","TyreSizes","TyreFitment","EuTyreLabel","SpecStrip","ProcessSteps","DetailRows","FitmentTable","CompatibleTyres","RelatedProducts","BundleOffer","Split","Gallery","Subscribe","Countdown"]),BA={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(VK.has(e)||t.isHostBlock(e)),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}},RK=new Set(["HeroSlide","Heading","Text","ImageBlock","ButtonBlock","HeroGroup","GalleryItem","Footer","FooterLogo","FooterMenu","FooterGroup","FooterText","PostCard","LogoBlock","CollectionCard","Eyebrow","BookingBox","SubmitBox","FooterSocial","MenuBlock","SocialLogosBlock","EmailFormBlock","SearchBlock","CartBlock"]),DA={name:"blockGroups",applies:e=>RK.has(e),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}};var _K=["Form","Stats"];function Cs(e,t){let a=new Set(e),s=Qy.filter(l=>a.has(l)),o=s.filter(l=>l!=="Header"&&l!=="Footer"&&!wi.includes(l)),r=new Set([...t,...di,..._K]),i=s.filter(l=>!r.has(l)),n=new Set(s);return{isSection:l=>n.has(l),isHostBlock:()=>!1,sectionGroupAllow:o,contentSectionKeys:i}}var OK=[sA,oA,EA,uA,MA,gA,HA,rA,VA,RA,_A,OA,SA,xA,FA,zA,PA,BA,DA,vA,mA,fA,tA];function el(e,t,a){let s=t;for(let o of OK)o.applies(e,a,s)&&(a.inspector&&o.panel?.(s,e,a.inspector,a),o.draw?.(s,e,a));return t}function BK(e,t){let a=ad(t),s=a?a.inner:t;if(_m(s))return!1;if(s?.type==="slot")return!0;let o=mC(s);return o==="always"?!1:o==="authored-copy"?Wz(e):!0}function ZA(e){let t=ad(e),a=t?t.inner:e,s=_m(a);return s?OC(a)?0:s.level:null}function DK(e,t,a){return a?t===0&&e===md.Design||t===1&&e===tS.Content:!1}var ZK=new WeakMap,GK=new WeakMap;function tl(e,t="section"){let a=t==="page"?GK:ZK,s=a.get(e);if(s)return s;let o=Object.entries(e).map(([p,d])=>({key:p,field:d,level:ZA(d),draws:BK(p,d)||t==="page"&&ZA(d)===null&&Bm(p,d)})),r=t==="section"&&o.some(p=>Bm(p.key,p.field)),i=new Set;for(let p=0;p<o.length;p++){let d=o[p].level;if(d===null)continue;let u=0;for(let v=p+1;v<o.length;v++){let g=o[v].level;if(g!==null&&g<=d)break;o[v].draws&&(u+=1)}u===0&&!DK(o[p].key,d,r)&&i.add(o[p].key)}let n=r&&iS(e),l=n&&!(md.Design in e);if(!i.size&&!l)return a.set(e,e),e;let c={};for(let p of o)i.has(p.key)||(c[p.key]=p.field);let h=Ue(n?rS(c):c);return a.set(e,h),h}var al={spacingFields:Ve,sidesPaddingFields:Re,sectionShapeFields:tn,cardShapeFields:ZC,cellWidthFields:jC,widthField:Y5,heightFields:KC,anchorFields:$C,sectionThemeFields:Ie,sectionAnimationFields:DC,slider:n1,assignSectionGroups:mn,dropEmptyHeadings:tl,SECTION_THEME_FOLLOW_LABEL:Zi,BLOCK_THEME_FOLLOW_LABEL:nC};function sl(e,t,a){if(!e)return e;let s=!1,o={};for(let[r,i]of Object.entries(e)){let n=i;if(i&&typeof i=="object")if(i.type==="slot")if(i.allow){let l=i.allow.filter(t);l.length!==i.allow.length&&(n={...i,allow:l})}else{let l=new Set(i.disallow??[]),c=a.filter(h=>!l.has(h));c.length>0&&(n={...i,disallow:[...i.disallow??[],...c]})}else{let l=sl(i.arrayFields,t,a),c=sl(i.objectFields,t,a);(l!==i.arrayFields||c!==i.objectFields)&&(n={...i,...l?{arrayFields:l}:null,...c?{objectFields:c}:null})}n!==i&&(s=!0),o[r]=n}return s?o:e}function WK(e,t,a){let s={};for(let[n,l]of Object.entries(t.fields??{}))s[n]=l&&typeof l=="object"&&l.type==="slot"?{...l}:l;let o={...t,...t.fields?{fields:s}:null},r=el(e,o,a),i=Object.keys(s).filter(n=>r.fields?.[n]!==s[n]);if(i.length>0)throw new Error(`efficient-web-builder: blocks.host["${e}"] declares ${i.map(n=>`"${n}"`).join(", ")}, ${i.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return r}function ol(e,t){let a=Object.entries(t?.host??{}),s=t?.categories??[],o=Cz(t);if(!o&&a.length===0&&s.length===0)return e;let r=e.components,i=a.map(([p])=>p).filter(p=>p in r);if(i.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${i.map(p=>`"${p}"`).join(", ")}, which ${i.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);let n=p=>o?o.offers(p):!0,l=Object.keys(r).filter(p=>!n(p)),c={};for(let[p,d]of Object.entries(r)){let u=o?sl(d?.fields,n,l):d?.fields;c[p]=u===d?.fields?d:{...d,fields:u}}if(a.length>0){let p=new Set(a.map(([g])=>g)),d=e.categories?.structure?.components??[],u=Cs(Object.keys(r),d),v={...u,isSection:g=>p.has(g)||u.isSection(g),isHostBlock:g=>p.has(g),inspector:al};for(let[g,b]of a){let f=WK(g,b,v),y=sl(f.fields,n,l);c[g]=y===f.fields?f:{...f,fields:y}}}let h=[];for(let[p,d]of Object.entries(e.categories??{})){let u=d?.components??[],v=u.filter(n);v.length===u.length?h.push([p,d]):v.length>0&&h.push([p,{...d,components:v}])}for(let p of s){let d=p.components.filter(b=>b in c&&n(b));if(d.length===0)continue;let u=h.find(([b])=>b===p.key);if(u){let[,b]=u,f=new Set(b.components??[]);u[1]={...b,components:[...b.components??[],...d.filter(y=>!f.has(y))]};continue}let v=[p.key,{title:p.title,components:d}],g=p.before?h.findIndex(([b])=>b===p.before):-1;g===-1?h.push(v):h.splice(g,0,v)}return{...e,components:c,categories:Object.fromEntries(h)}}import{ChromeWrap as rl}from"efficient-easel/screen/lib/host-chrome";function qK(e){return!!e&&typeof e=="object"&&typeof e[EC]=="string"}function UK(e,t){if(!e)return e;let a=null;for(let[s,o]of Object.entries(e))qK(o)&&(a??={...e},a[s]={...o,siteGap:t});return a??e}function GA(e,t){let a=e,s=!1,o={};for(let[r,i]of Object.entries(a.components)){let n=UK(i.fields,t);if(n===i.fields){o[r]=i;continue}s=!0,o[r]={...i,fields:n}}return s?{...e,components:o}:e}var WA=dn.mediaFields,qA=dn.snapshotObjects,UA=dn.hydratedLists;function jK(e){return typeof e=="string"?"":Array.isArray(e)?[]:e&&typeof e=="object"?null:e}function Od(e,t){if(t.length===0)return jK(e);let[a,...s]=t,o=a.endsWith("[]"),r=o?a.slice(0,-2):a;if(!e||typeof e!="object"||Array.isArray(e))return e;let i=e;if(!(r in i))return e;let n=i[r];return o?Array.isArray(n)?{...i,[r]:n.map(l=>Od(l,s.length?s:[]))}:e:{...i,[r]:Od(n,s)}}function jA(e,t){if(Array.isArray(e))return e.map(o=>jA(o,t));if(!e||typeof e!="object")return e;let a=e,s={};for(let o of t)o in a&&(s[o]=a[o]);return s}function KK(e,t){let a=t;for(let o of WA[e]??[])a=Od(a,o.split("."));let s=qA[e];if(s)for(let[o,r]of Object.entries(s))o in a&&(a={...a,[o]:jA(a[o],r.keep)});for(let o of UA[e]??[])Array.isArray(a[o])&&(a={...a,[o]:[]});return a}function $K(e,t){return typeof t!="function"?t:a=>t(KK(e,a))}function il(e,t){if(!t)return e;let a=e,s={};for(let[o,r]of Object.entries(a.components)){let i=(WA[o]?.length??0)>0||qA[o]||UA[o];s[o]=i&&r.render?{...r,render:$K(o,r.render)}:r}return{...a,components:s}}var mt="product",nl="recordType",YK={key:mt,label:"Product",fields:[]};var XK=new Map,JK=0;function Bd(){return[YK,...XK.values()]}function Dd(){return JK}function ll(e){let t=e?.[nl];return typeof t!="string"?mt:t.trim()||mt}function Zd(e){return ll(e)===mt}var Gd="product",QK="tyre";var Wd="productType",e$={[Gd]:"alloy-wheel",[QK]:"tyre"},t$=["alloy-wheel","tyre"];function cl(e,t){return Zd(t)?a$(t)??e$[e]??null:null}function a$(e){if(!Zd(e))return null;let t=e?.[Wd];return typeof t=="string"&&t$.includes(t)?t:null}var hl=null,KA=null;function pl(e,t){hl=e,KA=t}function qd(e){pl(e,null)}function $A(){return hl}function F2(){return KA==="dynamic"||hl===Gd}function YA(e){return cl(hl??"",e)??"alloy-wheel"}import{default as XA,DocumentScreen as JA}from"efficient-easel/screen/components/ScreenMount";import{jsx as s$}from"react/jsx-runtime";import{createContext as o$,useCallback as r$,useContext as gu1,useState as Ud}from"react";var i$=o$({footerBlock:null,setFooterBlock:()=>{},headerGroup:null,setHeaderGroup:()=>{},refreshToken:0,refreshFooter:()=>{}});function QA({children:e,editFooter:t}){let[a,s]=Ud(null),[o,r]=Ud(null),[i,n]=Ud(0),l=r$(()=>n(c=>c+1),[]);return s$(i$.Provider,{value:{footerBlock:a,setFooterBlock:s,headerGroup:o,setHeaderGroup:r,editFooter:t,refreshToken:i,refreshFooter:l},children:e})}import{useCallback as n$,useEffect as l$,useMemo as eL,useRef as tL,useState as c$}from"react";var h$="Could not save this link. Check your connection and try again.";function p$(e,t){if(!(e instanceof j5)||e.kind!=="invalid")return null;let a=e.fields?.[t];return typeof a=="string"&&a.trim()?a:null}function m$(e){return Object.fromEntries(Y8.map(t=>[t,{value:e[t]??"",error:null}]))}function aL({token:e,siteId:t,enabled:a}){let[s,o]=c$(dd),r=tL(null),i=tL(!1),n=ze(),l=p5(n).social,c=a&&!!e&&!!t&&!!l;l$(()=>{if(!c||!e||!t||!l)return;r.current!==t&&(r.current=t,i.current=!1,o(dd));let d=!1;return l.get({siteId:t}).then(u=>{!d&&!i.current&&o(m$(u))}).catch(()=>{}),()=>{d=!0}},[c,e,t,l]);let h=n$(async(d,u)=>{if(!c||!e||!t||!l)return{ok:!1,error:"There is no website to save to."};try{let v=await l.update({[d]:u.trim()},{siteId:t});return i.current=!0,o(g=>({...g,[d]:{value:v[d]??"",error:null}})),{ok:!0}}catch(v){let g=p$(v,d)??h$;return o(b=>({...b,[d]:{...b[d],error:g}})),{ok:!1,error:g}}},[c,e,t,l]),p=eL(()=>un(Object.fromEntries(Y8.map(d=>[d,s[d].value]))),[s]);return eL(()=>({links:p,rows:s,canSave:c,saveLink:h}),[p,s,c,h])}function Kd(e,t){let a=t?{siteId:t}:void 0;return{resolve:s=>e.load({slug:s,...a}).then(o=>(o&&ud(o.id,o.live),o)),saveLayout:(s,o,r,i)=>e.save(s,{layout:o},{version:r,clientId:i??""}).then(n=>(gd(s,n.live),n)),rereadVersion:e.version?s=>e.version(s):void 0,publish:e.publish?(s,o)=>e.publish(s,o?{version:o}:void 0).then(r=>(vd(s,r.live),r)):void 0,listPages:()=>e.list(a),createPage:e.create?s=>e.create({...s,...a}):void 0,deletePage:e.remove?(s,o)=>e.remove(s,o):void 0}}function d$(e,t,a,s){let o=null,r=new Set,i=!1,n={docId:null,lockHolder:null,conflict:null,saveFailed:!1,unpublished:!1,loadFailed:!1},l=new Set,c=()=>{if(!o)return!1;let v=vS(o.id);return v==="changed"||v==="never"||v===void 0&&i},h=v=>{n={...n,...v,docId:o?.id??null,unpublished:c()};for(let g of l)g()},p=v=>v&&typeof v=="object"&&!Array.isArray(v)?v:{},d=v=>!!o&&r.has(v),u={state:()=>n,subscribe:v=>(l.add(v),()=>{l.delete(v)})};return{resolve:async v=>{if(bd(v===Z4?null:u),v===Z4)return a.resolve(v);let g=!1,[b,f]=await Promise.all([a.resolve(v),e.load({slug:Z4,...t}).catch(()=>(g=!0,null))]);if(f){ud(f.id,f.live);let x=p(f.layout);o={id:f.id,layout:x,version:f.version,savedJson:""}}else o=null;if(i=!1,!b||!o)return h({conflict:null,saveFailed:!1,loadFailed:g}),b;let y=fS(p(b.layout),o.layout);return o.savedJson=JSON.stringify(fd(y,o.layout).chrome),r.add(b.id),h({conflict:null,saveFailed:!1,loadFailed:!1}),{...b,layout:y}},saveLayout:async(v,g,b,f)=>{if(!o||!d(v))return a.saveLayout(v,g,b,f);let y=o,x=fd(g,y.layout),k=await a.saveLayout(v,x.page,b,f),S=JSON.stringify(x.chrome);if(!x.chrome||S===y.savedJson||n.lockHolder)return k;try{let L=await e.save(y.id,{layout:x.chrome},{version:y.version,clientId:f??""});gd(y.id,L.live),y.layout=x.chrome,y.version=L.version,y.savedJson=S,i=!0,h({conflict:null,saveFailed:!1})}catch(L){Di(L,"changed-elsewhere")?h({conflict:L.conflict??{savedBy:"",savedByYou:!1,secondsAgo:0}}):Di(L,"lock-taken")?h({lockHolder:L.holder??{name:"",secondsSinceSeen:0,secondsSinceHeld:0}}):h({saveFailed:!0})}return k},publish:a.publish?async(v,g)=>{let b=await a.publish(v,g),f=o;if(f&&d(v)&&e.publish&&c()&&!n.lockHolder){let y=await e.publish(f.id,f.version?{version:f.version}:void 0);vd(f.id,y.live),y.version!==null&&(f.version=y.version),i=!1,h({})}return b}:void 0,lock:s?{claim:async(v,g,b)=>{let f=await s.claim(v,g,b),y=o;if(y&&d(v))try{await s.claim(y.id,g,!1),n.lockHolder&&h({lockHolder:null})}catch(x){Di(x,"lock-taken")&&h({lockHolder:x.holder??{name:"",secondsSinceSeen:0,secondsSinceHeld:0}})}return f},release:async(v,g)=>{await s.release(v,g);let b=o;b&&d(v)&&!n.lockHolder&&await s.release(b.id,g).catch(()=>{})}}:void 0,pinnedChrome:u}}function Ss(e,t=p5(),a=Pm(),s={}){let o=Hm(t),r=e?{siteId:e}:void 0,i=o?!!e:!0,n=t.site.update,l=o&&a.commerce&&a.service,c=!!s.editsPinnedInPlace&&l,h=Kd(t.pages,e),p=c?d$(t.pages,r,h,t.lock):null;return{capabilities:{canPublish:!!t.pages.publish,hasSiteSettings:o,hasSiteTheme:!!t.theme,placeholderFrames:!1,mediaEditing:!0,pageCreationInAdminForm:!t.pages.create,canDeletePagesInline:!!t.pages.remove,hasEditLock:!!t.lock,hasEditGuard:!0,hasPinnedChrome:l,editsPinnedInPlace:c,explainsSiteSettings:!1,hasSiteRecord:i,canEditSiteRecord:i&&!!n,hasPreviewLink:o||!!t.preview,hasCatalog:o&&a.commerce,hasForms:o&&a.service,hasBlog:!!t.blog&&a.service,offersCommerce:a.commerce,offersService:a.service},...h,...oL(h.resolve),lock:t.lock,...p,site:i?()=>t.site.get(r):void 0,updateSite:i&&n?d=>n(d,r):void 0,previewHref:t.preview?d=>t.preview.href(d):void 0}}function sL(e,t=p5(),a=Pm()){let s=Hm(t),o=t.templates,r=o?o.pages(e):{list:()=>Promise.reject(new Error(jd)),load:()=>Promise.reject(new Error(jd)),save:()=>Promise.reject(new Error(jd))};return{capabilities:{canPublish:!1,hasSiteSettings:!1,hasSiteTheme:!1,placeholderFrames:!0,mediaEditing:!1,pageCreationInAdminForm:!r.create,canDeletePagesInline:!!r.remove,hasEditLock:!1,hasEditGuard:!1,hasPinnedChrome:s&&a.commerce&&a.service,editsPinnedInPlace:!1,explainsSiteSettings:s,hasSiteRecord:!1,canEditSiteRecord:!1,hasPreviewLink:!1,hasCatalog:s&&a.commerce,hasForms:s&&a.service,hasBlog:!!t.blog&&a.service,offersCommerce:a.commerce,offersService:a.service},...Kd(r,void 0),...oL(Kd(r,void 0).resolve),publish:void 0,templateName:o?()=>o.get(e).then(i=>i.name):void 0}}function oL(e){return{resolve:t=>(bd(null),e(t))}}var jd="This editor's backend has no website templates.";var u$={"Logos.logosPerRow":"columns","HeroSlide.tintOpacity":"overlay","Split.textBgTint":"overlay"};function g$(e){return Array.isArray(e)&&e.length>0&&e.every(t=>!!t&&typeof t=="object"&&typeof t.type=="string")}function $d(e){let t=e.props,a=!1;if(e.type&&t)for(let[s,o]of Object.entries(u$)){let r=s.indexOf("."),i=s.slice(0,r),n=s.slice(r+1);if(i!==e.type||!(n in t))continue;let l=t[n],c={...t};delete c[n],(!(o in c)||c[o]===void 0)&&(c[o]=l),t=c,a=!0}if(t){let s=t;for(let[o,r]of Object.entries(t)){if(!g$(r))continue;let i=r.map($d);i.some((n,l)=>n!==r[l])&&(s===t&&(s={...t}),s[o]=i,a=!0)}t=s}return a?{...e,props:t}:e}function ml(e){let t=e;if(!t||typeof t!="object")return e;let a=!1,s={...e};if(Array.isArray(t.content)){let o=t.content.map($d);o.some((r,i)=>r!==t.content[i])&&(s.content=o,a=!0)}if(t.zones&&typeof t.zones=="object"){let o=!1,r=Object.fromEntries(Object.entries(t.zones).map(([i,n])=>{if(!Array.isArray(n))return[i,n];let l=n.map($d);return l.some((c,h)=>c!==n[h])&&(o=!0),[i,l]}));o&&(s.zones=r,a=!0)}return a?s:e}var rL={homeSlug:be,entryMayBounce:e=>e.kind==="template"||e.kind==="page"&&e.slug===Z4,entryBounce:(e,t)=>e.kind==="page"&&e.slug===Z4?{kind:"page",slug:be,siteId:e.siteId}:e.kind!=="template"||new URLSearchParams(t).get("editTemplate")==="1"?null:{kind:"page",slug:be},onSwitch:()=>{},tellsHost:e=>e.kind==="page"&&e.slug!==Z4,adapterFor:(e,t,a)=>e.kind==="template"?sL(e.id,t,Fm(a)):Ss(e.siteId,t,Fm(a),{editsPinnedInPlace:!0}),migrateRenamedProps:ml};var Yd=new Set,Xd=new Set,Jd=new Set;function iL(e){return Yd.add(e),()=>Yd.delete(e)}function nL(){Yd.forEach(e=>e())}function G7(e){return Xd.add(e),()=>Xd.delete(e)}function lL(){Xd.forEach(e=>e())}function dl(e){return Jd.add(e),()=>Jd.delete(e)}function Qd(){Jd.forEach(e=>e())}var eu=new Map,v$=9e5,cL=0;function f$(){return cL+=1,`fe-${typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():String(cL)}`}function hL(e,t){e.connected&&e.send("storefront-editor:open-form",{mode:"edit",formId:t})}function pL(e,t){if(!e.connected)return Promise.resolve({status:"closed"});let a=f$();return new Promise(s=>{let o=setTimeout(()=>mL(a,{status:"timeout"}),t.timeoutMs??v$);eu.set(a,r=>{clearTimeout(o),s(r)}),e.send("storefront-editor:open-form",{requestId:a,mode:t.mode,...t.formId?{formId:t.formId}:{}})})}function mL(e,t){let a=eu.get(e);a&&(eu.delete(e),a(t))}function tu(e,t){mL(e,t?{status:"saved",form:t}:{status:"closed"})}function ul(e){switch(e?.type){case"storefront-editor:category-updated":return nL(),!0;case"storefront-editor:menus-updated":return lL(),!0;case"storefront-editor:form-saved":{let t=e;return Qd(),t.requestId&&tu(t.requestId,t.form??null),!0}case"storefront-editor:form-closed":{let t=e;return Qd(),t.requestId&&tu(t.requestId,null),!0}default:return!1}}var au=e=>e==="sentence"?"none":void 0,q6=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,Ms=e=>typeof e=="string"&&e?e:void 0,b$=["font","color","size","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function gl(e){let t={};for(let a of b$)e[a]!==void 0&&(t[a]=e[a]);return t}function x$(e){let t=e.fonts,a=e.sizes,s=e.typography,o=xk(e.compression),r=(n,l)=>({id:`heading-${n}`,kind:"heading",name:`Heading ${n}`,values:gl(l)}),i=(n,l={})=>({id:`body-${n}`,kind:"body",name:`Body ${n}`,values:gl(l)});return[r(1,{font:Ms(t.heading),size:q6(a.headingLarge),weight:q6(s.weight),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:au(s.case),largestSize:q6(s.maxPx)}),r(2,{font:Ms(t.heading2),size:q6(a.headingMedium),weight:q6(s.weight2),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:au(s.case2)}),r(3,{font:Ms(t.heading3),size:q6(a.headingSmall),weight:q6(s.weight3),lineHeight:o.lineHeight,letterSpacing:o.letterSpacing,letterCase:au(s.case3)}),i(1,{font:Ms(t.body),size:q6(a.body)}),i(2),i(3),i(4),i(5,{font:Ms(t.label),size:q6(a.label)})]}function dL(e){return Array.isArray(e)&&e.every(t=>t&&typeof t=="object"&&typeof t.id=="string"&&(t.kind==="heading"||t.kind==="body")&&typeof t.name=="string")?e.map(t=>({...t,values:gl(t.values??{})})):null}function uL(e){return dL(e)??[]}function gL(e,t){let a=x$(t),s=dL(e);return s?s.map(o=>({...o,values:gl({...w$(a,o.id),...o.values})})):a}var w$=(e,t)=>e.find(a=>a.id===t)?.values??{};function vL(e,t){let a=d=>e.find(u=>u.id===d)?.values??{},s=a("heading-1"),o=a("heading-2"),r=a("heading-3"),i=a("body-1"),n=a("body-5"),l=t.fonts,c=t.sizes,h=t.typography,p=d=>d==="none"?"sentence":"authored";return{fonts:{...l,heading:s.font??l.heading,heading2:o.font??s.font??l.heading2,heading3:r.font??s.font??l.heading3,body:i.font??l.body,label:n.font??l.label},sizes:{...c,headingLarge:s.size??null,headingMedium:o.size??null,headingSmall:r.size??null,body:i.size??null,label:n.size??null},compression:t.compression,typography:{...h,case:p(s.letterCase),weight:s.weight??null,maxPx:s.largestSize??null,weight2:o.weight??null,weight3:r.weight??null,case2:p(o.letterCase),case3:p(r.letterCase)}}}function y$(e){switch(e.id){case"heading-1":return"font-display";case"heading-2":return"font-heading2";case"heading-3":return"font-heading3";case"body-1":return"font-body";case"body-5":return"font-mono";default:return`font-${e.id}`}}function z$(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function k$(e){let t=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${t}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${t}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function fL(e){let t=[];for(let a of e){let s=a.values,o=`.${y$(a)}`,r=[],i=s.font!==void 0?Rz.find(c=>c.key===s.font)?.cssVar:void 0;if(i&&r.push(`font-family: var(${i})`),s.size!==void 0){let c=s.largestSize!==void 0?Math.min(s.size,s.largestSize):s.size;r.push(`font-size: ${c}px`)}let n=s.color!==void 0?z$(s.color):null;n&&r.push(`color: ${n}`),s.italic===!0&&r.push("font-style: italic"),s.weight!==void 0&&r.push(`font-weight: ${s.weight}`);let l=[];s.lineHeight!==void 0&&l.push(`line-height: ${s.lineHeight}`),s.letterSpacing!==void 0&&l.push(`letter-spacing: ${s.letterSpacing}em`),a.kind==="body"&&r.push(...l),s.letterCase!==void 0&&r.push(`text-transform: ${s.letterCase==="upper"?"uppercase":s.letterCase==="lower"?"lowercase":"none"}`),s.paragraphSpacing&&r.push(`--sf-part-para: ${s.paragraphSpacing}px`),r.length&&t.push(`${o} { ${r.join("; ")} }`),a.kind==="heading"&&l.length&&t.push(`${o}, ${o}:is(h1, h2, h3, h4) { ${l.join("; ")} }`),s.paragraphSpacing&&t.push(...k$(o))}return t.join(`
+`)}var S$=()=>{if(typeof window>"u")return q5;try{let e=window.localStorage.getItem(hs);return e==="light"||e==="dark"||e==="auto"?e:q5}catch{return q5}},bL=e=>{if(!(typeof window>"u"))try{window.localStorage.setItem(hs,e)}catch{}},M$=()=>{if(typeof window>"u")return!1;try{return window.localStorage.getItem(Ai)!==Zm}catch{return!1}},A$=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Xz)}catch{}},xL=e=>{if(!(typeof window>"u"))try{e?window.localStorage.removeItem(Ai):window.localStorage.setItem(Ai,Zm)}catch{}};function L$(){let{adapter:e,capabilities:t,templateId:a,ready:s,token:o,siteId:r,currentSlug:i,currentKind:n}=ye();W7(()=>(pl(i,n),()=>pl(null,null)),[i,n]);let l=t.placeholderFrames,[c,h]=f2(null),[p,d]=f2("");W7(()=>{let x1=e.templateName;if(!s||!a||!x1){d("");return}let R0=!1;return x1().then(g3=>!R0&&d(g3??"")).catch(()=>{}),()=>{R0=!0}},[s,o,a,e]);let[u,v]=f2(q5),[g,b]=f2(!1),[f,y]=f2({selected:0,themes:[]}),[x,k]=f2(Bz),[S,L]=f2(rk),[R,F]=f2(null),[O,P]=f2(fk),[E,N]=f2(null),[V,G]=f2(null),[H,j]=f2(Um),[_,e1]=f2(null),[K,Y]=f2(null),[h1,B]=f2(null),[q,Q]=f2(null),a1=ze(),$=su(()=>ol(mi(a1),ui(a1)),[a1]),m1=su(()=>GA(il($,l),q),[$,l,q]),[v1,g0]=f2(wk),[s0,P1]=f2(null),[i0,o0]=f2(null),J1=q7(null),m0=q7(!1);W7(()=>{v(S$()),b(M$())},[]);let t0=P2(x1=>{m0.current=!0,A$(),bL(x1),v(x1)},[]),g2=P2(x1=>{m0.current=!0,xL(x1),b(x1)},[]),x0=P2(x1=>{m0.current=!0,y(x1)},[]),b1=P2(x1=>{m0.current=!0,k(x1)},[]),Q1=P2(x1=>{m0.current=!0,L(x1)},[]),d0=P2(x1=>{m0.current=!0,F(x1)},[]),V0=P2(x1=>{m0.current=!0,P(x1)},[]),J0=P2(x1=>{m0.current=!0,N(x1)},[]),B0=P2(x1=>{m0.current=!0,G(x1)},[]),s1=P2(x1=>{m0.current=!0,j(x1)},[]),k1=P2(x1=>{m0.current=!0,e1(x1)},[]),r0=P2(x1=>{m0.current=!0,g0(x1)},[]),[s2,K2]=f2(null),V5=P2(x1=>{m0.current=!0,K2(x1)},[]),R5=P2(x1=>{m0.current=!0,Y(x1)},[]),_5=P2(x1=>{m0.current=!0,B(x1)},[]),O4=P2(x1=>{m0.current=!0,Q(x1)},[]),E3=P2(x1=>{m0.current=!0,P1(x1)},[]),O5=P2(x1=>{m0.current=!0,o0(x1)},[]);W7(()=>{let x1=p5(a1).theme;if(!o||!t.hasSiteTheme||!x1)return;let R0=r??"";J1.current!==R0&&(J1.current=R0,m0.current=!1);let g3=!1;return x1.get(r?{siteId:r}:void 0).then(H1=>{if(!(g3||m0.current)){if(bL(H1.default_mode),xL(H1.show_theme_switch),v(H1.default_mode),b(H1.show_theme_switch),y({selected:H1.selected_preset,themes:H1.theme_presets}),k(zi({heading:H1.heading_font,body:H1.body_font,accent:H1.accent_font,label:H1.label_font})),L(Wm({headingLarge:H1.heading_size_large_px,headingMedium:H1.heading_size_medium_px,headingSmall:H1.heading_size_small_px,body:H1.body_size_px,label:H1.label_size_px})),F(H1.corner_radius_px===void 0?Ti[Li(H1.corner_style)]:Ei(H1.corner_radius_px)),P(Hi(H1.heading_compression)),N(H1.card_shadow==null?nk:ck(H1.card_shadow)),j(H1.card_gap==null?Um:hk(H1.card_gap)),e1(H1.hover_effect==null?lk:pk(H1.hover_effect)),G(mk(H1.shadow_color)),Y(Tk(H1.site_width)),B(Hk(H1.site_gutter)),Q(HC(H1.block_gap)),g0(jm(H1)),K2(H1.text_styles??null),Array.isArray(H1.text_styles)){let I6={fonts:zi({heading:H1.heading_font,body:H1.body_font,accent:H1.accent_font,label:H1.label_font}),sizes:Wm({headingLarge:H1.heading_size_large_px,headingMedium:H1.heading_size_medium_px,headingSmall:H1.heading_size_small_px,body:H1.body_size_px,label:H1.label_size_px}),compression:Hi(H1.heading_compression),typography:jm(H1)},B5=vL(gL(H1.text_styles,I6),I6);k(zi(B5.fonts)),L(B5.sizes),P(Hi(B5.compression)),g0(B5.typography)}P1(H1.hero_background_follows_width===!0),o0(H1.photography_grayscale===!0)}}).catch(()=>{}),()=>{g3=!0}},[o,r,t.hasSiteTheme,a1]);let P6=aL({token:o,siteId:r,enabled:t.hasSiteSettings}),[$2,N6]=f2(lS),m3=q7(null),d3=q7(!1),O2=q7(null),Y2=q7({}),h5=P2(x1=>{d3.current=!0,N6(R0=>({...R0,...x1})),!(!t.hasSiteSettings||!o)&&(Y2.current={...Y2.current,...x1},O2.current&&clearTimeout(O2.current),O2.current=setTimeout(()=>{let R0=Y2.current;Y2.current={},p5(a1).chat?.update(R0,r?{siteId:r}:void 0).catch(()=>{})},500))},[t.hasSiteSettings,o,r,a1]);W7(()=>{if(!o||!t.hasSiteSettings)return;let x1=r??"";m3.current!==x1&&(m3.current=x1,d3.current=!1);let R0=!1,g3=p5(a1).chat;if(g3)return g3.get(r?{siteId:r}:void 0).then(H1=>{R0||d3.current||N6({enabled:H1.enabled,title:H1.title,subtitle:H1.subtitle,greeting:H1.greeting})}).catch(()=>{}),()=>{R0=!0}},[o,r,t.hasSiteSettings,a1]);let[u3,H3]=f2(""),e4=q7(null),B4=q7(!1);W7(()=>H3(JM()),[]);let L1=P2(x1=>{let R0=x1.trim();if(R0===u3)return;B4.current=!0,Ed(R0),H3(R0);let g3=e.updateSite;!t.canEditSiteRecord||!s||!g3||g3({mapsApiKey:R0}).catch(()=>{})},[u3,t.canEditSiteRecord,s,e]),[n0,S1]=f2("");W7(()=>S1(QM()),[]),W7(()=>{let x1=e.site;if(!s||!t.hasSiteRecord||!x1){h(null);return}let R0=r??"";e4.current!==R0&&(e4.current=R0,B4.current=!1);let g3=!1;return x1().then(H1=>{if(g3||(h(nS(H1.name)),B4.current))return;let I6=H1.mapsApiKey??"";Ed(I6),H3(I6);let B5=H1.mapsMapId??"";eA(B5),S1(B5)}).catch(()=>{}),()=>{g3=!0}},[s,o,t.hasSiteRecord,r,e]);let w2=su(()=>({apiKey:u3,setApiKey:L1,mapId:n0}),[u3,L1,n0]);return A4(JA,{config:m1,parts:CM,wrap:(x1,R0)=>A4(Bi,{websiteName:c,templateChrome:l,templateName:p||null,themeMode:u,onThemeModeChange:t0,themeSwitchShown:g,onThemeSwitchShownChange:g2,theme:f,onThemeChange:x0,fonts:x,onFontsChange:b1,cornerRadiusPx:R,onCornerRadiusPxChange:d0,cardShadow:E,onCardShadowChange:J0,shadowColor:V,onShadowColorChange:B0,cardGap:H,onCardGapChange:s1,hoverEffect:_,onHoverEffectChange:k1,headingCompression:O,onHeadingCompressionChange:V0,headingTypography:v1,onHeadingTypographyChange:r0,textStyles:s2,onTextStylesChange:V5,sizes:S,onSizesChange:Q1,siteWidth:K,onSiteWidthChange:R5,siteGutter:h1,onSiteGutterChange:_5,blockGap:q,onBlockGapChange:O4,heroBackgroundFollowsWidth:s0,onHeroBackgroundFollowsWidthChange:E3,photographyGrayscale:i0,onPhotographyGrayscaleChange:O5,themeFromDocument:!t.hasSiteTheme,children:A4(QA,{children:A4(rl,{wrap:a1.chrome?.wrap,surface:"page",children:A4(fn,{children:A4(ki,{children:A4(bn,{children:A4(Si,{children:C$(Zn,{value:w2,children:[A4(cS,{chat:$2,onChatChange:h5,children:A4(dS,{value:P6,children:A4(uS,{children:x1})})}),R0]})})})})})})})})})}function wL({target:e}){return A4(XA,{target:e,addressing:rL,onHostMessage:ul,children:A4(L$,{})})}import{createContext as E$,useContext as H$,useMemo as F$}from"react";var T$=["vehicle","process","size","lugs","finish","price"],vl={vehicle:"My Car",process:"Process",size:"Size",lugs:"Lugs",finish:"Finish",price:"Price"};function yL(e){if(!e)return vl;let t={...vl};for(let a of T$){let s=e[a];if(typeof s!="string")continue;let o=s.trim();o&&(t[a]=o)}return t}import{jsx as P$}from"react/jsx-runtime";var zL=E$(vl);function kL({labels:e,children:t}){let a=F$(()=>yL(e),[e]);return P$(zL.Provider,{value:a,children:t})}function Ls(){return H$(zL)}import{createContext as oY,useContext as rY,useMemo as iY}from"react";import{isSafeLinkHref as vv1}from"efficient-shell/markup";var U6=["width","profile","rim"],CL={width:"Width",profile:"Profile",rim:"Rim"},N$=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,I$={width:[100,500],profile:[20,100],rim:[10,30]};function L4(e){let t=N$.exec(e??"");if(!t)return null;let a={width:Number(t[1]),profile:Number(t[2]),rim:Number(t[3])};return U6.every(o=>{let[r,i]=I$[o];return a[o]>=r&&a[o]<=i})?a:null}function d5(e){if(e.width==null)return"";if(e.profile==null)return String(e.width);let t=`${e.width}/${e.profile}`;return e.rim==null?t:`${t} R${e.rim}`}function SL(e){return[d5({width:e.width}),d5({width:e.width,profile:e.profile}),d5(e)]}var r4=["alloy-wheel","tyre"],fl=["alloy-wheel"],T4={"alloy-wheel":"Alloy wheels",tyre:"Tyres"},ML="All products",AL="All product types";function e6(e){return e.length===1&&e[0]==="alloy-wheel"?{one:"wheel",many:"wheels"}:e.length===1&&e[0]==="tyre"?{one:"tyre",many:"tyres"}:{one:"product",many:"products"}}var dt=r4.map(e=>({value:e,label:T4[e]}));function t6(e){return e==null?[...fl]:Array.isArray(e)?r4.filter(t=>e.includes(t)):[...fl]}var K3=e=>e;function j0(e){return K3(e).kind==="tyre"?"tyre":"alloy-wheel"}function LL(e,t){return e.filter(a=>t.includes(j0(a)))}function U7(e){return K3(e).slug??""}function ou(e){return K3(e).name??""}function ut(e){return K3(e).brand??""}function TL(e){let t=new Set;for(let a of e)if(t.add(ut(a)),t.size>1)return!0;return!1}function V$(e){return K3(e).process??""}function EL(e){let t=new Set;for(let a of e)if(t.add(V$(a)),t.size>1)return!0;return!1}function o9(e){return K3(e).prices??void 0}function ru(e){return K3(e).inStock!==!1}function HL(e){let t=K3(e),a=j0(e)==="tyre"?t.rimDiameters:t.sizes;return Array.isArray(a)?a.filter(s=>typeof s=="number"&&Number.isFinite(s)):[]}function iu(e){return j0(e)!=="tyre"&&K3(e).badge==="new"}function nu(e){return j0(e)==="tyre"?[]:(K3(e).finishes??[]).filter(t=>typeof t?.family=="string").map(t=>({family:t.family,color:t.color??null}))}function FL(e){return nu(e).map(t=>t.family)}function PL(e){if(j0(e)==="tyre")return[];let t=K3(e),a=t.categories;return a&&a.length>0?a:t.process?[t.process]:[]}function NL(e){return j0(e)==="tyre"?[]:K3(e).spec?.pcds??[]}function IL(e){return j0(e)!=="tyre"?[]:K3(e).tyreTypes??[]}function VL(e){return j0(e)!=="tyre"?[]:K3(e).speedRatings??[]}function gt(e){if(j0(e)!=="tyre")return[];let t=K3(e).sizes;return Array.isArray(t)?t.map(a=>L4(typeof a=="string"?a:null)).filter(a=>a!==null):[]}function u5(e,t){return e.length===0?e:e.filter(a=>a.kind===void 0||a.kind===t)}function bl(e,t){if(t.length===0)return e;let a=vt(t);return j7(e.filter(s=>a(s.fieldKey)),s=>s.fieldKey,t,"cardOrder")}function RL(e,t){let a=t==="filter"?"filterOrder":"cardOrder",s=new Map;for(let o of e){let r=o[a];if(typeof r!="number"||!Number.isFinite(r))continue;let i=s.get(o.fieldKey);(i===void 0||r<i)&&s.set(o.fieldKey,r)}return o=>o?s.get(o):void 0}function lu(e){return wl(e,"spec")}function _L(e){return wl(e,"fitment")}function cu(e,t){if(t.length===0)return e;let a=lu(t),s=e.filter(o=>a(o.fieldKey));return j7(s,o=>o.fieldKey,t,"specOrder")}function j7(e,t,a,s){let o=new Map;for(let l of a){let c=l[s];typeof c=="number"&&o.set(l.fieldKey,c)}if(o.size===0)return e;let r=[],i=[];e.forEach((l,c)=>{let h=t(l);h&&(r.push(c),i.push({item:l,index:c,order:o.get(h)}))}),i.sort((l,c)=>l.order!==void 0&&c.order!==void 0?l.order-c.order||l.index-c.index:l.order!==void 0?-1:c.order!==void 0?1:l.index-c.index);let n=[...e];return r.forEach((l,c)=>{n[l]=i[c].item}),n.every((l,c)=>l===e[c])?e:n}function vt(e){return wl(e,"card")}function xl(e){return wl(e,"filter")}var ft="collection";function bt(e,t){return{tyreSizes:{},brands:{"alloy-wheel":"brand",tyre:"brand"},finishes:{"alloy-wheel":"wheel_finish_ref"},diameters:{"alloy-wheel":"diameter",tyre:"rim_diameter"},collections:{"alloy-wheel":ft},pcds:{"alloy-wheel":"pcd"},tyreTypes:{tyre:"tire_type"},speedRatings:{tyre:"speed_rating"}}[e]?.[t]}function wl(e,t){let a=new Set(e.filter(s=>s[t]===!1).map(s=>s.fieldKey));return s=>!s||!a.has(s)}function W2(e){return Number.isInteger(e)?String(e):String(Number(e.toFixed(2)))}function hu(e,t,a){let s=a!=null?`${W2(t)}/${W2(a)}`:W2(t);return`${e}" \xD7 ${s}`}function yl(e,t){return e===t?`ET ${e}`:`ET ${e}\u2013${t}`}function OL(e,t){return e===t?`${W2(e)}"`:`${W2(e)}"\u2013${W2(t)}"`}function pu(e){return e==="\u2014"?e:`${e}"`}var Ts={recommended:"Recommended","price-asc":"Price \xB7 low to high","price-desc":"Price \xB7 high to low",new:"Newest",name:"Name A\u2013Z"},BL=Object.keys(Ts);function xt(e){return X2(BL,"recommended",e)}function mu(e){return BL.filter(t=>t!=="recommended"||e.length<=1)}function DL(e,t){let a=xt(e);return mu(t).includes(a)?a:"name"}var Es=["tyreSizes","brands","finishes","diameters","collections","pcds","tyreTypes","speedRatings"],R$={tyreSizes:["tyre"],brands:["alloy-wheel","tyre"],finishes:["alloy-wheel"],diameters:["alloy-wheel","tyre"],collections:["alloy-wheel"],pcds:["alloy-wheel"],tyreTypes:["tyre"],speedRatings:["tyre"]},_$={diameters:"tyreSizes"};function ZL(e){if(e.length===0)return[];let t=Es.filter(a=>e.every(s=>R$[a].includes(s)));return t.filter(a=>{let s=_$[a];return!s||!t.includes(s)})}function GL(e,t){return t&&e.includes(t)?[t]:[...e]}function WL(e){let t=new Set;for(let a of e)t.add(j0(a));return[...t]}var a6={tyreSizes:[],brands:[],finishes:[],diameters:[],collections:[],pcds:[],tyreTypes:[],speedRatings:[],priceMax:null,inStockOnly:!1,kind:null,sort:"recommended",page:1};function wt(e){return`${O$(e.width)}\xD7${e.diameter}`}function qL(e){return[...new Set((e.sizePairs??[]).map(t=>hu(t.diameter,t.width)))]}function O$(e){return W2(e)}function Hs(e,t,a,s=null){if(s!=="kind"&&t.kind&&j0(e)!==t.kind)return!1;for(let o of Es){if(s===o)continue;let r=t[o];if(r.length===0)continue;let i=r.map(String);if(!KL(e,o).some(n=>i.includes(n)))return!1}return!(s!=="price"&&!Nn(o9(e),a,null,t.priceMax)||s!=="inStock"&&t.inStockOnly&&!ru(e))}function UL(e,t,a){return e.filter(s=>ru(s)&&Hs(s,t,a,"inStock")).length}function B$(e,t,a){let s=[...e],o=(i,n)=>ou(i).localeCompare(ou(n)),r=WL(e).length>1;switch(t){case"price-asc":return s.sort((i,n)=>st(o9(i),o9(n),a,"asc"));case"price-desc":return s.sort((i,n)=>st(o9(i),o9(n),a,"desc"));case"name":return s.sort(o);case"new":return s.sort((i,n)=>{let l=(iu(n)?1:0)-(iu(i)?1:0);return l!==0||!r?l:o(i,n)});default:return s}}function jL(e,t,a){return B$(e.filter(s=>Hs(s,t,a)),t.sort,a)}function zl(e){return Es.some(t=>e[t].length>0)||e.priceMax!=null||e.inStockOnly||e.kind!=null}var du={tyreSizes:"Size",brands:"Brand",finishes:"Colour",diameters:"Size \xB7 diameter",collections:"Collection",pcds:"PCD \xB7 fitment",tyreTypes:"Tyre type",speedRatings:"Speed rating"};function KL(e,t){switch(t){case"tyreSizes":return[...new Set(gt(e).flatMap(SL))];case"brands":return ut(e)?[ut(e)]:[];case"finishes":return FL(e);case"diameters":return HL(e).map(String);case"collections":return PL(e);case"pcds":return NL(e);case"tyreTypes":return IL(e);case"speedRatings":return VL(e)}}function D$(e){let t=new Map;for(let a of e)for(let s of nu(a))s.color&&!t.has(s.family)&&t.set(s.family,s.color);return t}function kl(e,t,a,s=WL(e),o=[]){let r=c=>Z$(c,s,o),i=D$(e),n=ZL(s).filter(c=>c!=="tyreSizes").filter(r).map(c=>{let h=t[c].map(String),p=new Set,d=new Map,u=new Map;for(let g of e){let b=KL(g,c);for(let f of b)p.add(f);for(let f of new Set(b))u.set(f,(u.get(f)??0)+1);if(Hs(g,t,a,c))for(let f of new Set(b))d.set(f,(d.get(f)??0)+1)}let v=[...p].map(g=>({value:g,label:c==="diameters"?`${g}\u2033`:g,count:d.get(g)??0,checked:h.includes(g),swatch:c==="finishes"?i.get(g)??null:null})).sort((g,b)=>{if(c==="diameters")return Number(g.value)-Number(b.value);let f=(u.get(b.value)??0)-(u.get(g.value)??0);return f!==0?f:g.value.localeCompare(b.value)});return{key:c,label:du[c],options:v}}).filter(c=>c.options.length>Fs),l=[];for(let c of n){let h=G$(c.key,s,o);h!==void 0&&l.push({fieldKey:c.key,filterOrder:h})}return[...j7(n,c=>c.key,l,"filterOrder")]}var Fs=1;function Cl(e){return e.showCollection===!1?["collections"]:[]}function Z$(e,t,a){return t.length===0||a.length===0?!0:t.some(s=>xl(u5(a,s))(bt(e,s)))}function G$(e,t,a){if(a.length===0)return;let s;for(let o of t){let r=RL(u5(a,o),"filter")(bt(e,o));r!==void 0&&(s===void 0||r<s)&&(s=r)}return s}function W$(e){let t=new Set;for(let a of e)for(let s of gt(a))t.add(d5(s));return t.size}function $L(e,t){return ZL(t).includes("tyreSizes")?W$(e)>Fs:!1}function YL(e){let t=L4(e);if(t)return t;let[a,s]=e.split("/");return{width:a?Number(a):void 0,profile:s?Number(s):void 0}}function q$(e,t,a){return U6.slice(0,U6.indexOf(a)).every(s=>{let o=t[s];return o==null||e[s]===o})}function XL(e,t,a){let s=YL(t.tyreSizes[0]??""),o=new Set(e.filter(r=>Hs(r,t,a,"tyreSizes")));return U6.map(r=>{let i=new Map;for(let l of e){let c=gt(l).filter(h=>q$(h,s,r));for(let h of new Set(c.map(p=>p[r])))i.has(h)||i.set(h,0),o.has(l)&&i.set(h,(i.get(h)??0)+1)}let n=[...i.keys()].sort((l,c)=>l-c).map(l=>({value:l,label:r==="rim"?`R${l}`:String(l),count:i.get(l)??0}));return{part:r,label:CL[r],value:s[r]??null,options:n}})}function JL(e,t,a,s){let o={...YL(t)},r=U6.indexOf(a);o[a]=s??void 0;for(let i of U6.slice(r+1))o[i]!=null&&e.some(c=>U6.slice(0,U6.indexOf(i)+1).every(h=>o[h]==null||c[h]===o[h]))||(o[i]=void 0);return d5(o)}function QL(e,t,a,s){if(t.length<2)return[];let o=e.filter(r=>Hs(r,a,s,"kind"));return[{kind:null,label:ML,count:o.length,checked:a.kind===null},...t.map(r=>({kind:r,label:T4[r],count:o.filter(i=>j0(i)===r).length,checked:a.kind===r}))]}function eT(e,t){if(e.length===0)return null;let a=e.map(r=>at(o9(r),t)).filter(r=>r!==null);if(a.length===0)return null;let s=Math.floor(Math.min(...a)),o=Math.ceil(Math.max(...a));return o>s?{min:s,max:o}:null}function tT(e,t,a){let s=[];e.kind&&s.push({key:"kind",value:e.kind,label:T4[e.kind]}),e.inStockOnly&&s.push({key:"inStock",value:"",label:"In stock"});for(let o of Es)for(let r of e[o]){let i=String(r);s.push({key:o,value:i,label:o==="diameters"?`${i}\u2033`:o==="pcds"?`PCD ${i}`:i})}return e.priceMax!=null&&s.push({key:"price",value:"",label:`Up to ${a(e.priceMax,t)}`}),s}var q4={tyreSizes:"tyreSize",brands:"brand",finishes:"colour",diameters:"size",collections:"collection",pcds:"pcd",tyreTypes:"tyreType",speedRatings:"speed"},K7="type",aT="maxPrice",sT="inStock",oT="sort",rT="page";function iT(e){let t=r=>e.getAll(r).flatMap(i=>i.split(",")).filter(Boolean),a=Number(e.get(aT)),s=Number(e.get(rT)),o=e.get(K7);return{tyreSizes:t(q4.tyreSizes),brands:t(q4.brands),finishes:t(q4.finishes),diameters:t(q4.diameters).map(Number).filter(Number.isFinite),collections:t(q4.collections),pcds:t(q4.pcds),tyreTypes:t(q4.tyreTypes),speedRatings:t(q4.speedRatings),priceMax:Number.isFinite(a)&&a>0?a:null,inStockOnly:e.get(sT)==="1",kind:r4.find(r=>r===o)??null,sort:xt(e.get(oT)),page:Number.isFinite(s)&&s>=1?Math.floor(s):1}}function r9(e){let t=new URLSearchParams;for(let a of Es){let s=e[a];s.length>0&&t.set(q4[a],s.join(","))}return e.priceMax!=null&&t.set(aT,String(e.priceMax)),e.inStockOnly&&t.set(sT,"1"),e.kind&&t.set(K7,e.kind),e.sort!=="recommended"&&t.set(oT,e.sort),e.page>1&&t.set(rT,String(e.page)),t}function nT(e,t){if(e<=7)return Array.from({length:e},(r,i)=>i+1);let a=[1],s=Math.max(2,t-1),o=Math.min(e-1,t+1);s>2&&a.push(null);for(let r=s;r<=o;r++)a.push(r);return o<e-1&&a.push(null),a.push(e),a}function lT(e,t,a){let s=e.length,o=Math.max(1,Math.floor(a)),r=Math.max(1,Math.ceil(s/o)),i=Math.min(Math.max(1,Math.floor(t)),r),n=(i-1)*o;return{items:e.slice(n,n+o),page:i,pageCount:r,total:s,from:s===0?0:n+1,to:Math.min(n+o,s)}}var $7="__all__",cT="All products";function Sl(e){return e?.slug===$7}var yt="AlloyWheelsListing",U$="ProductGrid",hT="catalog",j$="CatalogFilterBar",Ml="fieldUsage";function zt(e){return e?.type===U$&&Sl(e.props?.source)}function uu(e){return e?.type===j$}function K$(e){return e?.type===yt||zt(e)||uu(e)}function $$(e){let t=e.content??[],a=e.zones??{};return[...t,...Object.values(a).flat()]}function gu(e){return e?$$(e).some(t=>t?.type===yt||zt(t)):!1}function pT(e,t){return X$(e,a=>zt(a)?{...a,props:{...vu(a).props,[hT]:Y$(t,t6(a.props?.kinds))}}:{...a,props:{...fu(a).props,products:t}})}function mT(e){return gT(e,K$,t=>uu(t)?dT(t):zt(t)?vu(t):fu(t))}function dT(e){if(!e.props||!(Ml in e.props))return e;let{[Ml]:t,...a}=e.props;return{...e,props:a}}function vu(e){let{[hT]:t,[Ml]:a,...s}=e.props??{};return{...e,props:s}}function Y$(e,t){let a=new Set(t);return e.filter(s=>{let o=s.kind??"alloy-wheel";return a.has(o)})}function uT(e){return zt(e)?vu(e):uu(e)?dT(e):e?.type===yt?fu(e):e}function fu(e){let{wheels:t,products:a,[Ml]:s,...o}=e.props??{};return{...e,props:o}}function X$(e,t){return gT(e,a=>a?.type===yt||zt(a),t)}function gT(e,t,a){let s=i=>t(i)?a(i):i,o=e,r={...e};return o.content&&(r.content=o.content.map(s)),o.zones&&(r.zones=Object.fromEntries(Object.entries(o.zones).map(([i,n])=>[i,n.map(s)]))),r}var Ps="/wheels",bu="Products";function J$(e,t){return t>1?`${bu} \xB7 ${e}`:bu}function vT(...e){for(let t of e){let a=(t?.content??[]).find(s=>s?.type===yt);if(a)return a.props??{}}return null}function xu(...e){return vT(...e)!==null}function Q$(e,t){let a=e.filter(s=>xu(...s.docs)).map(s=>j8(s.slug));return a.length===0&&t.fallback?[Ps]:a}var fT=[K7,...Object.entries(q4).filter(([e])=>e!=="tyreSizes").map(([,e])=>e)];function bT(e){let t=e.indexOf("#"),a=t===-1?"":e.slice(t),s=t===-1?e:e.slice(0,t),o=s.indexOf("?");return{path:o===-1?s:s.slice(0,o),query:o===-1?"":s.slice(o+1),hash:a}}function eY(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return e}}function wu(e){let t=new URLSearchParams(bT(e).query);for(let a of fT){let s=t.get(a);if(s)return{param:a,value:s}}return null}function yu(e,t){let{path:a,query:s,hash:o}=bT(e),r=s.split("&").filter(i=>i&&!fT.includes(eY(i.split("=")[0])));return t?.value&&r.push(`${encodeURIComponent(t.param)}=${encodeURIComponent(t.value)}`),`${a}${r.length?`?${r.join("&")}`:""}${o}`}function xT(e){return Array.isArray(e)?e.filter(t=>typeof t?.kind=="string"&&typeof t.field_key=="string").map(t=>({kind:t.kind,fieldKey:t.field_key,...typeof t.filter=="boolean"?{filter:t.filter}:{},filterOrder:t.filter_order??null})):[]}var tY="Product type",aY="AUD";function sY(e,t){let a=t.listing??{},s=t6(a.kinds),o=e.filter(l=>s.includes(j0(l))),r=Cl(a),i=kl(o,a6,aY,s,t.fieldUsage).filter(l=>!r.includes(l.key)).map(l=>({param:q4[l.key],label:l.label,values:l.options.filter(c=>!c.value.includes(",")).map(c=>({value:c.value,label:c.label}))})).filter(l=>l.values.length>0),n=r4.filter(l=>s.includes(l)&&o.some(c=>j0(c)===l));return n.length>1&&i.unshift({param:K7,label:tY,values:n.map(l=>({value:l,label:T4[l]}))}),i}function wT(e){return t=>{let a=Q$(t,{fallback:e.offersCommerce}),s=t.filter(o=>xu(...o.docs)).length;return{listingPaths:a,pageOptions:o=>{let r=o.map(i=>{let n=t.find(l=>j8(l.slug)===i.value);return n&&xu(...n.docs)?{...i,label:J$(n.title,s)}:i});return s===0&&e.offersCommerce&&!r.some(i=>i.value===Ps)&&r.push({value:Ps,label:bu}),r},filtersFor:o=>{if(!a.includes(o))return null;let r=t.find(i=>j8(i.slug)===o);return sY(e.catalogue,{listing:r?vT(...r.docs):null,fieldUsage:e.fieldUsage})},readFilter:wu,withFilter:yu}}}function yT(e,t=[]){let a=yu(Ps,{param:K7,value:e}),s=t.find(o=>{let r=(o?.url??"").trim();if(!r||r==="#")return!1;let i=wu(r);return i?.param!==K7||i.value!==e?!1:Jm(r).startsWith("/")});return s?s.url:a}function zT(e){let t=[];for(let a of e??[]){typeof a?.url=="string"&&t.push({url:a.url});for(let s of a?.dropdownItems??[])typeof s?.url=="string"&&t.push({url:s.url})}return t}import{jsx as nY}from"react/jsx-runtime";var kT=oY([]);function CT({items:e,children:t}){let a=iY(()=>zT(e),[e]);return nY(kT.Provider,{value:a,children:t})}function ST(){return rY(kT)}import{createContext as lY,useCallback as zu,useContext as cY,useEffect as hY,useMemo as pY,useState as mY}from"react";import{jsx as uY}from"react/jsx-runtime";var dY={isOpen:!1,open:()=>{},close:()=>{},toggle:()=>{}},MT=lY(dY);function AT({children:e,shortcut:t=!0}){let[a,s]=mY(!1),o=zu(()=>s(!0),[]),r=zu(()=>s(!1),[]),i=zu(()=>s(l=>!l),[]);hY(()=>{if(!t)return;let l=c=>{(c.metaKey||c.ctrlKey)&&(c.key==="k"||c.key==="K")&&(c.preventDefault(),s(h=>!h))};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[t]);let n=pY(()=>({isOpen:a,open:o,close:r,toggle:i}),[a,o,r,i]);return uY(MT.Provider,{value:n,children:e})}function kt(){return cY(MT)}function Ct(){return"/edit"}import{createContext as bY,useCallback as Al,useContext as xY,useEffect as wY,useMemo as yY,useRef as zY,useState as Su}from"react";var LT="/edit";function TT(e){return e===LT||e.startsWith(`${LT}/`)}function ET({email:e,firstName:t,interests:a,frequency:s},o){return{email:e.trim(),firstName:t?.trim()||void 0,interests:a&&a.length?a:void 0,frequency:s||void 0,source:o}}var i4={popup:"shop_popup",subscribeSection:"subscribe_section",subscribeBlogsSection:"subscribe_blogs_section",footerSignup:"footer_signup",stockAlertOptIn:"stock_alert_optin"};var FT="storefront-subscribe-seen",PT="storefront-popup-closed-at",gY=1440*60*1e3,vY=["/checkout","/cart"];function HT(e){let t=e.split(/[?#]/)[0]||"/",a=t.startsWith("/")?t:`/${t}`;return a.length>1?a.replace(/\/+$/,"")||"/":a}function ku(e,t,a){let s=HT(e);return vY.some(o=>s===o||s.startsWith(`${o}/`))?!1:t==="all"?!0:a.some(o=>HT(o)===s)}function fY(e,t,a,s){if(e==="never")return!1;if(a.session.getItem(FT)==="1")return!0;if(e==="visit")return!1;let o=Number(a.local.getItem(PT));return!Number.isFinite(o)||o<=0?!1:s-o<t*gY}function Cu(e,t){e.session.setItem(FT,"1"),e.local.setItem(PT,String(t))}function NT(e,t){return e==="exit"&&!t?"delay":e}function IT(e,t,a){let s=a-t;return s<=0?100:Math.min(100,Math.max(0,e/s*100))}function VT(e,t,a){return!e.autoOpen||e.inEditor||!ku(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!gM(t.session)?!1:!fY(e.hideAfter,e.hideDays,t,a)}import{jsx as MY}from"react/jsx-runtime";var RT=bY(null),Mu={session:vM,local:w3};function kY(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var CY=15,SY=[];function _T({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:s=CY,trigger:o="delay",scrollPercent:r=50,showOn:i="all",showOnPages:n=SY,hideAfter:l="visit",hideDays:c=7}){let[h,p]=Su(!1),[d,u]=Su("chosen"),[v,g]=Su({}),b=Ct()??"/",f=TT(b),y=ku(b,i,n),x=zY(!1),k=Al(O=>{g(O??{}),u("newsletter"),p(!0)},[]),S=Al(()=>{x.current=!0,g({}),u("chosen"),p(!0)},[]),L=Al(()=>Cu(Mu,Date.now()),[]),R=Al(()=>{p(!1),Cu(Mu,Date.now())},[]);wY(()=>{if(t||x.current||!VT({autoOpen:a,inEditor:f,path:b,showOn:i,showOnPages:n,hideAfter:l,hideDays:c},Mu,Date.now()))return;let P=NT(o,kY());if(P==="scroll"){let N=()=>{IT(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=r&&(window.removeEventListener("scroll",N),S())};return window.addEventListener("scroll",N,{passive:!0}),()=>window.removeEventListener("scroll",N)}if(P==="exit"){let N=V=>{V.relatedTarget===null&&V.clientY<=0&&(document.removeEventListener("mouseout",N),S())};return document.addEventListener("mouseout",N),()=>document.removeEventListener("mouseout",N)}let E=window.setTimeout(S,Math.max(0,s)*1e3);return()=>window.clearTimeout(E)},[t,a,f,y,o,s,r,l,c,S]);let F=yY(()=>({isOpen:h,mode:d,open:k,close:R,markSent:L,prefillEmail:v.email??"",signupSource:v.source??i4.popup}),[h,d,k,R,L,v]);return MY(RT.Provider,{value:F,children:e})}function Au(){let e=xY(RT);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{createContext as AY,useContext as LY,useEffect as TY,useState as OT}from"react";import{jsx as HY}from"react/jsx-runtime";var BT="storefront-wishlist";function EY(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var DT=AY(null);function ZT({children:e}){let[t,a]=OT([]),[s,o]=OT(!1);TY(()=>{let n=w3.getItem(BT);try{n&&a(EY(n))}catch{}o(!0)},[]);function r(n){let l=t.includes(n)?t.filter(c=>c!==n):[...t,n];a(l),w3.setItem(BT,JSON.stringify(l))}let i={slugs:t,ready:s,has:n=>t.includes(n),toggle:r,count:t.length};return HY(DT.Provider,{value:i,children:e})}function GT(){let e=LY(DT);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}import{jsx as i9}from"react/jsx-runtime";function Lu({catalogFilterLabels:e,menuItems:t,currency:a,subscribe:s,searchShortcut:o=!0,children:r}){return i9(kL,{labels:e,children:i9(CT,{items:t,children:i9(O7,{...a,children:i9(_T,{...s,children:i9(ZT,{children:i9(nt,{children:i9(AT,{shortcut:o,children:r})})})})})})})}import{jsx as g5}from"react/jsx-runtime";import{useCallback as KT,useEffect as Tl,useMemo as Ns,useRef as NY,useState as Is}from"react";import{lazy as FY,Suspense as PY}from"react";import{jsx as WT}from"react/jsx-runtime";function St(e,t={}){let a=FY(async()=>{let r=await e();return{default:"default"in r?r.default:r}}),s=t.loading?t.loading():null;function o(r){return WT(PY,{fallback:s,children:WT(a,{...r})})}return o}import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/screen.css";import{sectionTemplates as Ll}from"efficient-easel/screen/lib/section-templates";import{applyAuthGrant as mf1,NO_BRIDGED_CAPABILITIES as qT,useAdminBridge as UT}from"efficient-easel/screen/lib/admin-bridge";import{routeSharedHostMessage as jT}from"efficient-easel/screen/lib/host-inbound";import{documentPermissions as IY}from"efficient-easel/edit-lock";import{useAutosave as VY}from"efficient-easel/autosave";var RY=St(()=>import("./chunks/SiteEditorProvider-5GEAEYON.js"),{ssr:!1}),_Y=St(()=>import("./chunks/SectionEditorShell-MADEVNR6.js"),{ssr:!1}),YT="HeroSingle",$T="Untitled section";function OY(e,t){let a=t.components,s=a[e]?e:YT,o=a[s]?.defaultProps??{},r=Im(s,n=>a[n]?.defaultProps??{}),i=s===fi?{blocks:rM()}:null;return{type:s,props:{id:yz(s),...o,...r?{[r.slot]:r.children}:null,...i}}}function BY(){if(typeof window>"u")return q5;try{let e=window.localStorage.getItem(hs);return e==="light"||e==="dark"||e==="auto"?e:q5}catch{return q5}}function XT({id:e,initialType:t,initialName:a=$T}){let[s,o]=Is(e),r=NY(s);Tl(()=>{r.current=s},[s]);let i=b3(),[n,l]=Is(t),[c,h]=Is(a),[p,d]=Is(void 0),[u,v]=Is(q5),{token:g,tokenRef:b}=UT({onMessage:H=>{if(ul(H)||jT(H))return;let j=H;if(j?.type==="storefront-editor:navigate"&&j.target?.kind==="section"&&j.target.id){let _=j.target.id;if(_===r.current)return;let e1=j.target.type,K=j.target.name;k().then(()=>{l(e1),h(K||$T),o(_),i.address.show({kind:"section",id:_})})}}}),f=VY({save:H=>Ll.update(H.id,H.node).then(()=>{}),onFailure:(H,j)=>{j===0&&i.send("storefront-editor:save-failed")}}),{state:y,push:x,flush:k}=f;Tl(()=>v(BY()),[]);let S=ze(),L=S.usesBridgedToken?!!g:!0,R=Ns(()=>ol(mi(S),ui(S)),[S]);Tl(()=>{if(!L)return;let H=!1;return d(void 0),Ll.ensure(s,c,OY(n??YT,R)).then(j=>!H&&d(j.node)).catch(()=>!H&&d(null)),()=>{H=!0}},[s,n,c,L,R]);let F=KT(H=>{i.send("storefront-editor:dirty");let j=kd(H);j&&x({id:r.current,node:j})},[x,i]),O=i.send,P=KT(async H=>{try{return await H(b.current??""),!0}catch{return O("storefront-editor:save-failed"),!1}},[O]),E=Ns(()=>il(R,!0),[R]);Tl(()=>(qd(null),()=>qd(null)),[]);let N=Ns(()=>p?ml(oM(p)):null,[p]),V=Ns(()=>({target:{kind:"page",slug:""},adapter:Ss(void 0),capabilities:Ss(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:L,token:g,tokenRef:b,notifyParent:O,runAuthed:P,docId:s,data:N,getLiveData:()=>N,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:hM(y),saveState:y,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:y.pending,toggleAutoSave:()=>{},retrySave:()=>{f.retryNow()},onChange:F,flushSave:k,onPublish:async H=>{let j=kd(H);j&&await Ll.update(r.current,j)},bridgeCapabilities:qT,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[s,L,g,O,P,N,y,F,k,f.retryNow]),G=Ns(()=>IY(!V.readOnly),[V.readOnly]);return p===void 0?g5("div",{className:"sf-msg",children:m("Loading\u2026")}):p===null||!N?g5("div",{className:"sf-msg sf-msg--error",children:m("Couldn\u2019t open this section.")}):g5(we.Provider,{value:V,children:g5(Bi,{themeMode:u,chromePlaceholder:!0,children:g5(rl,{wrap:S.chrome?.wrap,surface:"section",children:g5(fn,{children:g5(ki,{children:g5(bn,{children:g5(Si,{children:g5(RY,{config:E,data:N,onChange:F,permissions:G,children:g5(_Y,{})},s)})})})})})})})}import{cancelPanelPick as hb1,hasMediaPanel as pb1,MediaPanelProvider as JT,requestPanelPick as mb1,settlePanelPick as db1,useMediaPanel as ub1,usePanelPick as gb1}from"efficient-easel/screen/lib/media-panel";import{useEffect as tX,useState as aX}from"react";import{createContext as DY,useCallback as QT,useContext as ZY,useEffect as GY,useId as WY,useMemo as qY,useRef as UY,useState as jY}from"react";import{jsx as KY}from"react/jsx-runtime";var eE=DY(null);function tE({reason:e,children:t}){let[a,s]=jY([]),o=UY(null),r=QT(c=>{s(h=>h.includes(c)?h:[...h,c])},[]),i=QT(c=>{s(h=>h.filter(p=>p!==c))},[]),n=e==="none-configured",l=qY(()=>({noCurrencyConfigured:n,live:a,firstRendered:o,join:r,leave:i}),[n,a,r,i]);return KY(eE.Provider,{value:l,children:t})}function aE(e){let t=ZY(eE),a=WY(),s=!!e&&!!t?.noCurrencyConfigured;s&&t&&t.firstRendered.current===null&&(t.firstRendered.current=a);let o=t?.join,r=t?.leave;return GY(()=>{if(!(!s||!o||!r))return o(a),()=>r(a)},[s,o,r,a]),!s||!t?!1:(t.live.length>0?t.live[0]:t.firstRendered.current)===a}var Rs={currencies:[],defaultCurrency:null},$Y={currencies:[],defaultCurrency:null,reason:"none-configured"},Vs=new Map;function sE(e,t,a=!1){a&&Vs.delete(t);let s=Vs.get(t);return s||(s=YY(e,t),Vs.set(t,s),s.catch(()=>{Vs.get(t)===s&&Vs.delete(t)})),s}async function YY(e,t){try{let a=await Mn(e,t);if(!a)return Rs;let s=await f0.getSiteBySlug(a);return s.status!=="online"?await XY(e,t):{currencies:s.currencies??[],defaultCurrency:s.defaultCurrency??null}}catch(a){return console.warn("[editor-currency-source] load failed; editor stays unpriced",a),Rs}}async function XY(e,t){let a=await F1.listSiteCurrencies(t,e);if(!a.length)return $Y;let s=[...a].sort((o,r)=>o.display_order-r.display_order).map(o=>({code:o.currency_code,symbol:o.symbol||eX(o.currency_code),decimalPlaces:typeof o.decimal_places=="number"?o.decimal_places:QY(o.currency_code),isDefault:o.is_default}));return{currencies:s,defaultCurrency:s.find(o=>o.isDefault)?.code??s[0].code}}var JY=0;function oE(e){try{return new Intl.NumberFormat(RM,{style:"currency",currency:e})}catch{return null}}function QY(e){return oE(e)?.resolvedOptions().maximumFractionDigits??JY}function eX(e){return oE(e)?.formatToParts(0).find(s=>s.type==="currency")?.value||e}import{jsx as rE}from"react/jsx-runtime";function Tu({token:e,siteId:t,enabled:a,children:s}){let[o,r]=aX(Rs);return tX(()=>{if(!e||!a||!t){r(Rs);return}let i=!1;return sE(e,t).then(n=>{i||r(n)}).catch(()=>{}),()=>{i=!0}},[e,a,t]),rE(O7,{currencies:o.currencies,defaultCurrency:o.defaultCurrency,children:rE(tE,{reason:o.reason,children:s})})}var n9=new Map,Eu=e=>e??"";function l9(e,t,a=!1){let s=Eu(t);a&&n9.delete(s);let o=n9.get(s);return o||(o=F1.getHeaderSettings(e,t??void 0),n9.set(s,o),o.catch(()=>{n9.get(s)===o&&n9.delete(s)})),o}function iE(e,t){n9.set(Eu(t),Promise.resolve(e))}function nE(e){n9.delete(Eu(e))}function _s(e){return{logoUrl:Z5(e.effective_logo_url),reverseLogo:e.reverse_logo,logoPosition:e.logo_position,logoSize:e.logo_size,logoSizePx:e.logo_size_px,menuItems:e.menu_items??[],menuSplit:e.menu_split??3,menuPosition:e.menu_position,menuRow:e.menu_row,menuGapPx:e.menu_gap_px??null,searchEnabled:e.search_enabled,searchPosition:e.search_position,searchRow:e.search_row,countrySelectorEnabled:e.country_selector_enabled,countryUrls:e.country_urls??{},accountEnabled:e.account_enabled??!0,cartEnabled:e.cart_enabled??!0,utilStyle:e.util_style,navTextCase:e.nav_text_case,lightReverseText:e.light_reverse_text,topTextColor:e.top_text_color,transparentTop:e.transparent_top,surface:e.surface,theme:e.theme,width:e.width,heightPx:e.height_px,sticky:e.sticky}}import{useEffect as lE,useRef as Hu}from"react";function El({token:e,enabled:t=!0,deps:a=[],prime:s,onDisabled:o,refresh:r}){let i=Hu(s);i.current=s;let n=Hu(o);n.current=o;let l=Hu(r);l.current=r,lE(()=>{if(!e||!t){n.current?.();return}let c=!1;return i.current.load().then(h=>{c||i.current.publish(h)}).catch(()=>{}),()=>{c=!0}},[e,t,...a]),lE(()=>{if(!e||!t||!l.current)return;let c=!1,h=l.current.subscribe(()=>{let p=l.current;p&&p.load().then(d=>{c||p.publish(d)}).catch(()=>{})});return()=>{c=!0,h()}},[e,t,...a])}function Fu({token:e,siteId:t}){let{primeSettings:a,setSettings:s}=F3();return El({token:e,deps:[t],prime:{load:()=>l9(e,t),publish:o=>a(_s(o))},refresh:{subscribe:G7,load:()=>l9(e,t,!0),publish:o=>s(_s(o))}}),null}import{createContext as sX,useCallback as uE,useContext as oX,useMemo as rX,useState as iX}from"react";var Os=new Map,cE=e=>e??"";function Pu(e,t,a){a&&Os.clear();let s=cE(t),o=Os.get(s);if(!o){let r=F1.listMenus(e,t);Os.set(s,r),r.catch(()=>{Os.get(s)===r&&Os.delete(s)}),o=r}return o}var Hl=new Map;function hE(e,t){let a=cE(t),s=Hl.get(a);if(!s){let o=Pu(e,t,!0);Hl.set(a,o);let r=()=>{Hl.get(a)===o&&Hl.delete(a)};o.then(r,r),s=o}return s}function Bs(e,t=!1){return Pu(e,v2(),t)}function Fl(e){return hE(e,v2())}function pE(e,t=!1){return Pu(e,null,t)}function mE(e){return hE(e,null)}var Nu={ids:new Set,handles:new Set};function Iu(e){return{ids:new Set(e.map(t=>t.id).filter(Boolean)),handles:new Set(e.map(t=>t.handle).filter(Boolean))}}function dE({id:e,handle:t,editing:a,ready:s,live:o}){if(!a)return!1;let r=e??"",i=t??"";return!r&&!i?!0:s?r?!o.ids.has(r):!o.handles.has(i):!1}function Pl(e,t){if(t){if(t.id)return e.find(a=>a.id===t.id);if(t.handle)return e.find(a=>a.handle===t.handle)}}import{jsx as nX}from"react/jsx-runtime";var gE=sX({live:Nu,ready:!1,primeLive:()=>{},setLive:()=>{}});function Vu({children:e}){let[t,a]=iX({live:Nu,ready:!1}),s=uE(i=>a(n=>n.ready?n:{live:i,ready:!0}),[]),o=uE(i=>a({live:i,ready:!0}),[]),r=rX(()=>({...t,primeLive:s,setLive:o}),[t,s,o]);return nX(gE.Provider,{value:r,children:e})}var Nl=()=>oX(gE);function Il({token:e}){let{primeLive:t,setLive:a}=Nl();return El({token:e,prime:{load:()=>Bs(e),publish:s=>t(Iu(s))},refresh:{subscribe:G7,load:()=>Fl(e),publish:s=>a(Iu(s))}}),null}import{jsx as Ru,jsxs as _u}from"react/jsx-runtime";function Ou({surface:e,children:t}){let{token:a,siteId:s,capabilities:o}=ye();if(e==="section")return _u(Vu,{children:[a?Ru(Il,{token:a}):null,t]});let r=a??"";return _u(Tu,{token:r,siteId:s,enabled:o.hasSiteSettings,children:[o.hasSiteSettings&&Ru(Fu,{token:r,siteId:s}),_u(Vu,{children:[o.hasSiteSettings&&Ru(Il,{token:r}),t]})]})}import{useCallback as s6,useEffect as Ws,useRef as Wu,useState as Y7}from"react";var vE="Menu Item",fE=6,Bu=4,bE="Menu",xE="Link a menu in the inspector \u2192";function wE(){return m("This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above.")}function yE(e){return m("\u201C{name}\u201D no longer exists in {place}, so the preview shows placeholder links. Pick another menu.",{name:e,place:m("Storefront \u2192 Menus")})}function zE(){return m("The menu linked here no longer exists in {place}, so the header shows placeholder links. Pick another menu.",{place:m("Storefront \u2192 Menus")})}import{Fragment as lX}from"react";import{jsx as cX}from"react/jsx-runtime";function n4(e,t){return e.split(/\{([A-Za-z][A-Za-z0-9_]*)\}/g).map((a,s)=>s%2===1?cX(lX,{children:a in t?t[a]:`{${a}}`},s):a)}var Ds=Ok,hX="sf-header-theme";function Zs(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0?e:null}function Vl(e){let t=Zs(e);return t===null?null:{className:hX,style:Dk(t)}}var Du="overlay",Zu=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function Mt(e){return X2(Zu,Du,e)}var U4={desktop:40,mobile:45,min:20,max:80,step:5};function Gu(e,t){return`${typeof e=="number"?e:t}%`}var Rl="data-lead-ink",_l="data-header-ink";var pX="auto";function mX(e){return e.type==="IntroBleed"?Mt(e.props?.layout)!=="stacked":!0}function kE(e){let t=$S(e);return t&&YS(e)&&mX(t)?"light":null}function At(e){return e==="light"||e==="dark"?e:pX}import{Banner as dX,Button as $u,Drawer as uX,InputNumber as gX,LoadingSpinner as vX,MediaUploadField as fX,Slider as bX,tabButtonId as xX,tabPanelId as wX}from"efficient-shell/ui";import{SettingsDefaultReset as qu,SettingsSwitch as Gs,SettingsTabs as yX}from"efficient-easel/panel";import{FieldSelect as Yu}from"efficient-easel/fields";import{useEaselStrings as zX}from"efficient-easel/strings";import{ListIcon as kX,LogoIcon as CX,SettingsIcon as SX,StylesIcon as MX}from"efficient-easel/icons";import{Fragment as c9,jsx as o1,jsxs as Q0}from"react/jsx-runtime";var Uu="sf-header",CE="sf-header-size-label",SE="sf-header-gap-label",ME="sf-header-height-label",ju=[{id:"logo",label:"Logo",icon:o1(CX,{})},{id:"menu",label:"Menu",icon:o1(kX,{})},{id:"tools",label:"Tools",icon:o1(SX,{})},{id:"look",label:"Look",icon:o1(MX,{})}];function Xu({tokenRef:e,siteId:t,onClose:a,onAuthExpired:s,inline:o,placeholderMode:r,websiteName:i,onOpenWebsiteSettings:n}){let l=b3(),c=zX(),[h,p]=Y7(null),[d,u]=Y7(null),[v,g]=Y7(!1),[b,f]=Y7(ju[0].id),[y,x]=Y7(MS),k=r?ju.filter(B=>B.id!=="menu"):ju,S=k.find(B=>B.id===b)??k[0],[L,R]=Y7(0),{setSettings:F}=F3(),O=Wu(null),P=Wu(null),E=Wu(null);Ws(()=>{let B=!1,q=null,Q=null,a1=3,$=(v1,g0=0)=>{B||u(null),l9(v1,t,g0>0).then(s0=>!B&&p(s0)).catch(()=>{B||(g0+1<a1?Q=setTimeout(()=>$(v1,g0+1),600*(g0+1)):u(m("Could not load header settings.")))})},m1=e.current;if(m1)$(m1);else{let v1=0;q=setInterval(()=>{let g0=e.current;if(g0){q&&clearInterval(q),q=null,B||u(null),$(g0);return}v1+=250,v1===5e3&&!B&&u(m("Waiting for editor authorization\u2026")),v1>=3e4&&(q&&clearInterval(q),q=null,B||u(m("Not authorized yet \u2014 reopen once the editor has loaded.")))},250)}return()=>{B=!0,q&&clearInterval(q),Q&&clearTimeout(Q)}},[e,L,t]),Ws(()=>{h&&F(_s(h))},[h,F]),Ws(()=>()=>{O.current&&clearTimeout(O.current),P.current&&clearTimeout(P.current),E.current&&clearTimeout(E.current)},[]);let N=s6(async(B,q)=>{let Q=e.current;if(!Q||!h)return;let a1=h;q&&p({...h,...q}),g(!0),u(null);try{let $=await B(Q);p($),iE($,t)}catch($){p(a1),$ instanceof S4&&$.status===401?(nE(t),s?.(),u(m("Authorization expired \u2014 try again in a moment."))):u(m("Could not save. Please retry."))}finally{g(!1)}},[h,e,s,t]),V=s6(B=>N(q=>F1.updateHeaderSettings(B,q,t??void 0),B),[N,t]),G=s6(B=>{N(q=>F1.setHeaderLogoFromAsset(B,q,t??void 0))},[N,t]),H=s6(()=>{dC(l,{accept:"image/svg+xml",title:m("Logo (SVG)")}).then(B=>{B&&G(B.id)})},[G]),j=s6((B,q=!0)=>{p(a1=>a1&&{...a1,logo_size_px:B}),O.current&&clearTimeout(O.current);let Q=()=>{N(a1=>F1.updateHeaderSettings({logo_size_px:B},a1,t??void 0))};q?Q():O.current=setTimeout(Q,400)},[N,t]),_=s6((B,q=!0)=>{p(a1=>a1&&{...a1,height_px:B}),P.current&&clearTimeout(P.current);let Q=()=>{N(a1=>F1.updateHeaderSettings({height_px:B},a1,t??void 0))};q?Q():P.current=setTimeout(Q,400)},[N,t]),e1=s6((B,q=!0)=>{p(a1=>a1&&{...a1,menu_gap_px:B}),E.current&&clearTimeout(E.current);let Q=()=>{N(a1=>F1.updateHeaderSettings({menu_gap_px:B},a1,t??void 0))};q?Q():E.current=setTimeout(Q,400)},[N,t]),K=s6(()=>{N(async B=>{let q=await F1.clearHeaderLogo(B,t??void 0);return q.reverse_logo?F1.updateHeaderSettings({reverse_logo:!1},B,t??void 0):q})},[N,t]),Y=s6(B=>{p(q=>q&&{...q,menu:B?.id??null,menu_handle:B?.handle??null,menu_name:B?.name??null,menu_items:B?B.items.map(Q=>({label:Q.label,url:Q.url,dropdown_menu:Q.dropdown_menu??null,dropdown_items:Q.dropdown_items??[]})):[]}),N(q=>F1.updateHeaderSettings({menu:B?.id??null},q,t??void 0))},[N,t]),h1=Q0(c9,{children:[d&&o1(dX,{tone:"danger",className:"mx-4 mt-3",action:h?void 0:o1($u,{variant:"secondary",size:"sm",onClick:()=>R(B=>B+1),children:m("Retry")}),children:d}),h?Q0(c9,{children:[o1(yX,{items:k.map(B=>({...B,label:m(B.label)})),activeId:S.id,onSelect:f,ariaLabel:m("Header settings"),idPrefix:Uu}),Q0("div",{id:wX(Uu,S.id),role:"tabpanel","aria-labelledby":xX(Uu,S.id),className:"flex flex-col p-4 [&>*+*]:mt-3",children:[S.id==="logo"&&Q0(c9,{children:[o1(v5,{label:"Image"}),!r&&o1(AX,{settings:h,websiteName:i,onPick:H,onClear:K,showHint:y}),o1(y3,{label:"Reverse the Logo",children:o1(Gs,{checked:h.reverse_logo,onChange:B=>V({reverse_logo:B}),ariaLabel:m("Reverse the Logo")})}),o1(o6,{shown:y,children:m("Keeps the logo readable on any header \u2014 flips just its black & white parts to contrast the bar behind it (in both light and dark themes). Any other colors are kept as-is.")}),o1(v5,{label:"Placement"}),o1(TX,{label:z0.logoPosition.label,value:z0.logoPosition.options.find(B=>B.value===z0.logoPosition.choose(h.logo_position))?.label,children:o1(D6,{value:z0.logoPosition.choose(h.logo_position),options:z0.logoPosition.options,onChange:B=>V({logo_position:B}),ariaLabel:z0.logoPosition.label})}),Q0("div",{className:"flex flex-col gap-1.5",children:[Q0("div",{className:"flex items-center justify-between",children:[o1("span",{id:CE,className:"text-[13px] text-[var(--ink-muted)]",children:m("Size")}),Q0("span",{className:"flex items-center gap-1",children:[Q0("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":h.logo_size_px!=null||void 0,children:[h.logo_size_px??ws[h.logo_size],"px"]}),o1(qu,{label:m("Size"),words:c.panel,changed:h.logo_size_px!=null,onReset:()=>j(null)})]})]}),o1(Ku,{labelledBy:CE,min:_n,max:On,step:2,value:h.logo_size_px??ws[h.logo_size],onPreview:B=>j(B,!1),onCommit:B=>j(B,!0)}),o1(o6,{shown:y,children:m("Sets the logo\u2019s height; the width follows the logo\u2019s own proportions.")})]}),o1(wn,{shown:y,onChange:x})]}),S.id==="menu"&&Q0(c9,{children:[o1(v5,{label:"Links"}),o1(LX,{token:e.current,menuId:h.menu,menuName:h.menu_name,itemCount:h.menu_items?.length??0,onPick:Y}),o1(y3,{label:z0.menuAlign.label,children:o1(D6,{value:z0.menuAlign.choose(h.menu_position),options:z0.menuAlign.options.filter(B=>B.value!=="beside"||h.logo_position!=="center"),onChange:B=>V({menu_position:B}),ariaLabel:z0.menuAlign.label})}),z0.menuAlign.choose(h.menu_position)==="beside"&&Q0("div",{className:"flex flex-col gap-1.5",children:[Q0("div",{className:"flex items-center justify-between",children:[o1("span",{id:SE,className:"text-[13px] text-[var(--ink-muted)]",children:m("Space from the logo")}),Q0("span",{className:"flex items-center gap-1",children:[Q0("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":h.menu_gap_px!=null||void 0,children:[h.menu_gap_px??Xe.default,"px"]}),o1(qu,{label:m("Space from the logo"),words:c.panel,changed:h.menu_gap_px!=null,onReset:()=>e1(null)})]})]}),o1(Ku,{labelledBy:SE,min:Xe.min,max:Xe.max,step:Xe.step,value:h.menu_gap_px??Xe.default,onPreview:B=>e1(B,!1),onCommit:B=>e1(B,!0)}),o1(o6,{shown:y,children:m("How much room the menu leaves the logo. Only the logo moves away; the space between the menu words stays as it is.")})]}),o1(y3,{label:z0.menuRow.label,children:o1(D6,{value:z0.menuRow.choose(h.menu_row),options:z0.menuRow.options,onChange:B=>V({menu_row:B}),ariaLabel:z0.menuRow.label})}),h.logo_position==="center"&&h.menu_position!=="center"&&o1(y3,{label:"Left items",children:o1("div",{className:"w-16",children:o1(Yu,{value:h.menu_split??3,ariaLabel:m("Left items"),onChange:B=>V({menu_split:B}),options:[1,2,3,4].map(B=>({label:String(B),value:B}))})})}),o1(y3,{label:z0.navTextCase.label,children:o1(D6,{value:z0.navTextCase.choose(h.nav_text_case),options:z0.navTextCase.options,onChange:B=>V({nav_text_case:B}),ariaLabel:z0.navTextCase.label})}),o1(o6,{shown:y,children:n4(m("{uppercase} draws SEARCH and BAG; {capitalised} draws Search and Bag. It covers the menu links and the Tools words together, and it leaves a name like FusionForge exactly as you typed it."),{uppercase:o1("strong",{children:m("Uppercase")}),capitalised:o1("strong",{children:m("Capitalised")})})})]}),S.id==="tools"&&Q0(c9,{children:[o1(v5,{label:"Style"}),o1(y3,{label:z0.utilStyle.label,children:o1(D6,{value:z0.utilStyle.choose(h.util_style),options:z0.utilStyle.options,onChange:B=>V({util_style:B}),ariaLabel:z0.utilStyle.label})}),o1(o6,{shown:y,children:n4(m("{text} draws the words \u2014 Search, Account, Bag \u2014 instead of the little pictures. It changes how they look, not whether they are shown: that stays with the switches below."),{text:o1("strong",{children:m("Text")})})}),o1(v5,{label:"Search"}),o1(y3,{label:"Search",children:o1(Gs,{checked:h.search_enabled,onChange:B=>V({search_enabled:B}),ariaLabel:m("Search")})}),o1(y3,{label:z0.searchPosition.label,children:o1(D6,{value:z0.searchPosition.choose(h.search_position),options:z0.searchPosition.options,onChange:B=>V({search_position:B}),ariaLabel:z0.searchPosition.label})}),o1(v5,{label:"Country selector"}),o1(y3,{label:"Show selector",children:o1(Gs,{checked:h.country_selector_enabled,onChange:B=>V({country_selector_enabled:B}),ariaLabel:m("Show selector")})}),!r&&h.country_selector_enabled&&o1(o6,{shown:y,children:n4(m("Which countries this website serves \u2014 and each region's own URL \u2014 is set in the admin console under {place}. Whether the picker is SHOWN stays here: that is header chrome, but the served-country list has tax consequences and belongs with commerce configuration."),{place:o1("strong",{children:m("Storefront \u203A Settings \u203A Regions & currencies")})})}),o1(v5,{label:"Account and cart"}),o1(y3,{label:"Account",children:o1(Gs,{checked:h.account_enabled??!0,onChange:B=>V({account_enabled:B}),ariaLabel:m("Account")})}),o1(y3,{label:"Cart",children:o1(Gs,{checked:h.cart_enabled??!0,onChange:B=>V({cart_enabled:B}),ariaLabel:m("Cart")})}),o1(wn,{shown:y,onChange:x})]}),S.id==="look"&&Q0(c9,{children:[o1(v5,{label:"Dimensions"}),o1(y3,{label:z0.width.label,children:o1(D6,{value:z0.width.choose(h.width),options:z0.width.options,onChange:B=>V({width:B}),ariaLabel:z0.width.label})}),Q0("div",{className:"flex flex-col gap-1.5",children:[Q0("div",{className:"flex items-center justify-between",children:[o1("span",{id:ME,className:"text-[13px] text-[var(--ink-muted)]",children:m("Height")}),Q0("span",{className:"flex items-center gap-1",children:[Q0("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":h.height_px!=null||void 0,children:[h.height_px??j3.default,"px"]}),o1(qu,{label:m("Height"),words:c.panel,changed:h.height_px!=null,onReset:()=>_(null)})]})]}),o1(Ku,{labelledBy:ME,min:j3.min,max:j3.max,step:2,value:h.height_px??j3.default,onPreview:B=>_(B,!1),onCommit:B=>_(B,!0)}),o1(o6,{shown:y,children:m("Sets how tall the header bar is; the content below it shifts down to match.")})]}),o1(y3,{label:"Border thickness",children:o1("div",{className:"w-24",children:o1(gX,{value:h.border_thickness,min:0,max:20,precision:0,size:"sm",suffix:"px","aria-label":m("Border thickness"),onChange:B=>V({border_thickness:Math.max(0,B??0)})})})}),o1(v5,{label:"Color"}),o1(y3,{label:"Theme",children:o1(lC,{value:h.theme??Ds,onChange:B=>V({theme:B===Ds?null:B}),followLabel:m("Follow the site theme")})}),o1(o6,{shown:y,children:m("The color the bar paints once it is solid \u2014 after any scroll, and on every product page from the first paint. Follow the site theme keeps it on whatever palette the site is on.")}),o1(y3,{label:z0.topTextColor.label,children:o1(D6,{value:z0.topTextColor.choose(h.top_text_color),options:z0.topTextColor.options,onChange:B=>V({top_text_color:B}),ariaLabel:z0.topTextColor.label})}),o1(o6,{shown:y,children:m("Auto reads what the first section on each page says it is \u2014 dark, light or accent \u2014 and picks the text that can be read on it. Set Light or Dark to decide it yourself when Auto reads a page wrong.")}),o1(v5,{label:"Behavior"}),o1(y3,{label:"Sticky header",children:o1("div",{className:"w-32",children:o1(Yu,{value:h.sticky,ariaLabel:m("Sticky header"),onChange:B=>V({sticky:B}),options:[{label:m("None"),value:"none"},{label:m("Always"),value:"always"},{label:m("On scroll up"),value:"on_scroll_up"}]})})}),n&&Q0(c9,{children:[o1(v5,{label:"Display mode"}),o1("p",{className:"text-[12px] text-[var(--ink-faint)]",children:m("Set the default Light / Dark / Auto mode and show or hide the light\u2194dark switch in Appearance.")}),o1($u,{variant:"link",size:"sm",className:"self-start",onClick:n,children:m("Set up display mode \u2192")})]}),o1(wn,{shown:y,onChange:x})]})]})]}):d?null:o1(vX,{size:"sm",padding:"p-4",label:m("Loading\u2026")})]});return o?Q0("div",{className:"flex flex-col",children:[v&&o1("div",{className:"px-4 pt-2 text-[11px] text-[var(--ink-faintest)]",children:m("Saving\u2026")}),h1]}):Q0(uX,{open:!0,onClose:a??(()=>{}),side:"right",size:"sm",title:m("Header"),children:[v&&o1("div",{className:"pb-2 text-[11px] text-[var(--ink-faintest)]",children:m("Saving\u2026")}),h1]})}function AX({settings:e,websiteName:t,onPick:a,onClear:s,showHint:o}){let r=!!e.logo_url,i=!r&&!!e.default_logo_url,n=Z5(e.effective_logo_url),l=t&&t.trim()?t.trim():je;return Q0("div",{className:"flex flex-col gap-2",children:[o1(fX,{value:n||"",onChange:c=>{c||s()},onPick:a,accept:"image/svg+xml,.svg",acceptHint:"SVG",fit:"contain",height:80,placeholder:m("No logo \u2014 \u201C{name}\u201D wordmark shown",{name:l}),replaceLabel:r?m("Replace SVG logo"):m("Upload SVG logo"),allowRemove:r,removeLabel:m("Use company default")}),o1(o6,{shown:o,children:r?m("Custom SVG logo uploaded for this store."):i?m("Using your company logo from the database."):m("No company logo on file \u2014 upload an SVG or the wordmark is used.")})]})}function LX({token:e,menuId:t,menuName:a,itemCount:s,onPick:o}){let r=b3(),[i,n]=Y7(null),[l,c]=Y7(!1),h=s6(b=>{n(b),c(!0)},[]);Ws(()=>{let b=!1;return pE(e).then(f=>!b&&h(f)).catch(()=>!b&&n([])),()=>{b=!0}},[e,h]),Ws(()=>{let b=!1,f=G7(()=>{mE(e).then(y=>!b&&h(y)).catch(()=>{})});return()=>{b=!0,f()}},[e,h]);let p=i===null,d=!p&&(i?.length??0)===0,u=!p&&(i??[]).some(b=>b.id===t),v=u?t:"",g=l&&!!t&&!u;return Q0("div",{className:"flex flex-col gap-2",children:[o1(y3,{label:"Menu",children:o1("div",{className:"w-[170px] max-w-full",children:o1(Yu,{value:v,ariaLabel:m("Menu"),readOnly:p||d,onChange:b=>{let f=b?(i??[]).find(y=>y.id===b):null;o(f?{...f,items:f.items.map(y=>({...y,dropdown_items:(i??[]).find(x=>x.id===y.dropdown_menu)?.items.map(x=>({label:x.label,url:x.url}))??[]}))}:null)},options:[{label:p?m("Loading\u2026"):d?m("No menus"):m("Default links"),value:""},...(i??[]).map(b=>({label:`${b.name} (${b.item_count??b.items.length})`,value:b.id}))]})})}),g?o1("p",{className:"text-[12px] text-[var(--sf-warning,#b45309)]",children:zE()}):o1("p",{className:"text-[12px] text-[var(--ink-faint)]",children:v?Q2("Header shows \u201C{name}\u201D \u2014 {n} link.","Header shows \u201C{name}\u201D \u2014 {n} links.",s,{name:a??m("the linked menu")}):d?m("No menus yet. Create one in {place}, then pick it here.",{place:m("Storefront \u2192 Menus")}):m("Pick a menu to drive the header links, or keep the built-in default links.")}),o1($u,{variant:"link",size:"sm",className:"self-start",onClick:()=>r.send("storefront-editor:open-menus",{menuId:v||null}),children:v?m("Edit menu \u2192"):m("Manage menus \u2192")})]})}function o6({shown:e,children:t}){return e?o1("p",{className:"text-[11px] text-[var(--sf-muted)]",children:t}):null}function Ku({labelledBy:e,value:t,min:a,max:s,step:o,onPreview:r,onCommit:i}){let n=l=>{l instanceof HTMLInputElement&&l.type==="range"&&i(Number(l.value))};return o1("div",{onPointerUp:l=>n(l.target),onKeyUp:l=>{/^(Arrow|Home|End|Page)/.test(l.key)&&n(l.target)},children:o1(bX,{value:t,min:a,max:s,step:o,showInput:!1,size:"sm","aria-labelledby":e,valueText:l=>m("{n} pixels",{n:l}),onChange:l=>{l!=null&&r(l)}})})}function TX({label:e,value:t,children:a}){return Q0("div",{className:"flex flex-col gap-1.5",children:[Q0("div",{className:"flex items-center justify-between",children:[o1("span",{className:"text-[13px] text-[var(--ink-muted)]",children:m(e)}),t&&o1("span",{className:"text-[12px] text-[var(--ink-faint)]",children:m(t)})]}),a]})}function v5({label:e}){return o1(Ne,{label:e})}function y3({label:e,children:t}){return Q0("div",{className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-[7px]",children:[o1("span",{className:"text-[13px] text-[var(--sf-text-secondary)]",children:m(e)}),o1("div",{className:"flex-shrink-0",children:t})]})}var EX=[{label:"Left",value:"left"},{label:"Center",value:"center"}],HX=[{label:"Left",value:"left"},{label:"Right",value:"right"}],FX=[{label:"Right",value:"left"},{label:"Centered",value:"center"},{label:"Beside logo",value:"beside"}],PX=[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],NX=[{label:fe.page,value:"page"},{label:fe.full,value:"full"}],IX=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}],VX=[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],RX=[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],z0={logoPosition:{label:"Position",options:EX,choose:e=>e==="right"?"center":e},menuAlign:{label:"Alignment",options:FX,choose:e=>e==="center"?"center":e==="beside"?"beside":"left"},menuRow:{label:"Row",options:PX,choose:e=>e==="inline"?"inline":"top"},searchPosition:{label:"Position",options:HX,choose:e=>e},width:{label:"Width",options:NX,choose:e=>e},navTextCase:{label:"Letters",options:VX,choose:e=>e==="capitalised"?"capitalised":"uppercase"},utilStyle:{label:"Show as",options:IX,choose:e=>e==="text"?"text":"icon"},topTextColor:{label:"Text color at the top",options:RX,choose:e=>At(e)}};import{useState as Ju}from"react";import{Banner as _X,Button as Qu}from"efficient-shell/ui";import{createNode as OX,newId as BX}from"efficient-easel/data";import{useEasel as DX}from"efficient-easel/easel";function AE(e){return typeof e=="number"&&Number.isInteger(e)&&e>=j3.min&&e<=j3.max?e:j3.default}var Ol=e=>!!e&&e.startsWith("/wheels/")&&e!=="/wheels",Bl=(e,t)=>!e&&t?"var(--section-bg)":"var(--bg)",LE=e=>e==="capitalised"?"capitalised":"uppercase",Dl=e=>e==="inline"?"inline":e==="top"||e==="bottom"?"top":null;var TE="Flex",EE=10;function HE(e,t,a,{logoHeightPx:s}={}){let o=e.util_style==="text"?"text":"icon",r={...e.menu?{id:e.menu}:{},...e.menu_handle?{handle:e.menu_handle}:{},...e.menu_name?{name:e.menu_name}:{},items:(e.menu_items??[]).map(({label:u,url:v})=>({label:u,url:v}))},i=e.search_enabled?t("SearchBlock",{style:o}):null,n=e.search_position==="left",l=[n?i:null,e.country_selector_enabled?t("CountrySwitchBlock"):null,e.cart_enabled!==!1?t("CartBlock",{style:o}):null,n?null:i].filter(u=>u!==null),c=t(TE,{direction:"row",justify:"between",align:"center",share:"content",wrap:"nowrap",phoneRow:3,sectionPaddingTop:EE,sectionPaddingBottom:EE,content:[t("LogoBlock",s?{heightPx:s}:{}),t("MenuBlock",{menu:r,direction:"row"}),...l.length?[t(TE,{direction:"row",justify:"end",align:"center",share:"content",wrap:"nowrap",phoneRow:3,content:l})]:[]]}),h=Nz(w4,a,[c]),p=Zs(e.theme),d=Dl(e.menu_row);return{...h,props:{...h.props,sticky:e.sticky??"always",topTextColor:e.top_text_color??"auto",...e.height_px!=null?{heightPx:e.height_px}:{},...e.width==="full"?{fullWidth:!0}:{},...p!==null?{sectionAccent:p}:{},...e.nav_text_case?{navTextCase:e.nav_text_case}:{},...d?{menuRow:d}:{}}}}import{Fragment as ZX,jsx as Zl,jsxs as GX}from"react/jsx-runtime";function eg(){let{appState:e,dispatch:t,config:a}=DX(g=>g),{readOnly:s,tokenRef:o,siteId:r}=ye(),[i,n]=Ju(!1),[l,c]=Ju(!1),[h,p]=Ju(!1),d=e.data.content;if(s||d.some(g=>g.type===w4))return null;let u=(g,b)=>OX(a,g,b),v=async()=>{let g=o.current;if(!(!g||l)){c(!0),p(!1);try{let b=await l9(g,r),f=b.logo_size_px??ws[b.logo_size],y=HE(b,u,BX(w4),{logoHeightPx:f});t({type:"setData",data:x=>({...x,content:[...Iz(x.content,y)]}),recordHistory:!0}),n(!1)}catch{p(!0)}finally{c(!1)}}};return Zl(_X,{tone:h?"danger":"info",title:m("This header uses the old layout"),action:i?GX(ZX,{children:[Zl(Qu,{variant:"primary",size:"sm",onClick:v,disabled:l,children:l?m("Switching\u2026"):m("Switch now")}),Zl(Qu,{variant:"secondary",size:"sm",onClick:()=>n(!1),disabled:l,children:m("Cancel")})]}):Zl(Qu,{variant:"secondary",size:"sm",onClick:()=>n(!0),children:m("Switch to Box header")}),children:h?m("The header settings could not be read. Try again."):m("Build it out of Boxes and blocks: the logo, menu, search, region and cart become blocks you can move. Your current header is kept.")})}import{Fragment as WX,jsx as tg,jsxs as qX}from"react/jsx-runtime";function ag({placeholderMode:e,tokenRef:t,siteId:a,websiteName:s,onOpenWebsiteSettings:o,onAuthExpired:r}){return qX(WX,{children:[e?null:tg("div",{className:"px-4 pt-3 pb-1",children:tg(eg,{})}),tg(Xu,{inline:!0,placeholderMode:e,tokenRef:t,siteId:a,websiteName:s??void 0,onOpenWebsiteSettings:o,onAuthExpired:r})]})}import{useEffect as UX,useState as jX}from"react";function Lt({fetch:e,keyBy:t}){let a=null,s=null,o=null;return(r=!1)=>{let i=P3(),n=t?t():null;return(r||!a||s===null&&i!==null||o!==n)&&(s=i,o=n,a=i||!ls().usesBridgedToken?e(i??"",n).catch(()=>[]):Promise.resolve([])),a}}var r6=Lt({fetch:(e,t)=>F1.listProducts(e,{siteId:t,kinds:["alloy-wheel","tyre"]}),keyBy:v2}),M2=(e=!1)=>r6(e).then(t=>t.filter(a=>a.kind==="alloy-wheel"));function FE(e){let[t,a]=jX(null);return UX(()=>{let s=!1;return e().then(o=>{s||a(o)}),()=>{s=!0}},[e]),t}function Gl(){return FE(M2)}function PE(){return FE(r6)}var IE={list:async()=>(await M2()).map(e=>({slug:e.slug,name:e.name,href:Vi(e.slug)}))},NE=new Map;function KX(e){let t=e??"",a=P3(),s=NE.get(t);if(s&&!(s.token===null&&a!==null))return s.promise;let o=a&&e?F1.listFieldUsage(a,e).then(xT).catch(()=>[]):Promise.resolve([]);return NE.set(t,{promise:o,token:a}),o}var VE={load:async e=>{let[t,a]=await Promise.all([r6().catch(()=>[]),KX(e??void 0)]);return wT({catalogue:t,fieldUsage:a,offersCommerce:!0})}};var sg=[{key:"cart",label:"Cart",href:"/?cart=open"},{key:"checkout",label:"Checkout",href:"/checkout"}],$X=Object.fromEntries(sg.map(e=>[e.key,e]));function RE(e){return $X[e]}import{jsx as qs,jsxs as _E}from"react/jsx-runtime";var YX={cart:_E("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[qs("circle",{cx:"9",cy:"20",r:"1.4"}),qs("circle",{cx:"18",cy:"20",r:"1.4"}),qs("path",{d:"M2 3h2.2l2.1 12.3a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.6-1.2L21.5 7H5.3"})]}),checkout:_E("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[qs("rect",{x:"2.5",y:"5",width:"19",height:"14",rx:"2"}),qs("path",{d:"M2.5 9.5h19"})]})},OE={get title(){return m("Shop")},get rows(){return sg.map(e=>({...e,label:m(e.label),icon:YX[e.key]}))}};import{useCallback as hJ,useEffect as pJ,useRef as mJ,useState as XE}from"react";var XX=[{code:"US",name:"United States"},{code:"GB",name:"United Kingdom"},{code:"AU",name:"Australia"},{code:"CA",name:"Canada"},{code:"IE",name:"Ireland"},{code:"NZ",name:"New Zealand"},{code:"DE",name:"Germany"},{code:"FR",name:"France"},{code:"IT",name:"Italy"},{code:"ES",name:"Spain"},{code:"NL",name:"Netherlands"},{code:"BE",name:"Belgium"},{code:"AT",name:"Austria"},{code:"CH",name:"Switzerland"},{code:"SE",name:"Sweden"},{code:"NO",name:"Norway"},{code:"DK",name:"Denmark"},{code:"FI",name:"Finland"},{code:"PT",name:"Portugal"},{code:"PL",name:"Poland"},{code:"JP",name:"Japan"},{code:"SG",name:"Singapore"},{code:"AE",name:"United Arab Emirates"},{code:"HK",name:"Hong Kong"},{code:"ZA",name:"South Africa"}],JX=Object.fromEntries(XX.map(e=>[e.code,e.name]));function BE(e){return JX[e]??e}import{jsx as og,jsxs as DE}from"react/jsx-runtime";function ZE(e,t,a){let s=new Map(e.map(o=>[o.code,o]));return(t?.length?t:e.map(o=>o.code)).map(o=>{let r=s.get(o);return{code:o,name:r?.name||BE(o),currency:r?.currency,url:r?.url||a?.[o]||""}})}function Wl(e){let{countries:t}=w0();return ZE(t,e).length>0}function h9({urls:e,countries:t}={}){let{country:a,setCountry:s,countries:o}=w0(),r=ZE(o,t,e),i=r.find(p=>p.code===a)??r[0];function n(p){let d=(e?r.find(u=>u.code===p)?.url:"")?.trim();if(d){window.location.href=d;return}o.some(u=>u.code===p)&&s(p)}let l=r.map(p=>({value:p.code,label:p.name,meta:p.currency})),c=ct({items:l,value:a,onPick:n});if(!i)return null;let h=c.open;return DE("div",{ref:c.wrapRef,className:"relative",children:[DE("button",{ref:p=>{c.triggerRef.current=p},type:"button","aria-haspopup":"listbox","aria-expanded":h,"aria-controls":h?c.listId:void 0,"aria-activedescendant":c.activeId,"aria-label":`Region: ${i.name}. Click to change.`,onClick:c.toggle,onKeyDown:c.onTriggerKeyDown,suppressHydrationWarning:!0,className:"inline-flex items-center gap-2 whitespace-nowrap border border-fg-dim px-2.5 py-1.5 font-mono text-[13px] uppercase tracking-[0.18em] transition-colors hover:border-fg",style:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:[og("span",{children:i.name}),og("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${h?"rotate-180":""}`,children:"\u25BE"})]}),h&&og(ht,{id:c.listId,tone:"region",ariaLabel:"Choose region",items:l,value:a,focusIdx:c.focusIdx,onFocus:c.setFocusIdx,onPick:c.pick,listRef:c.listRef})]})}import{useEffect as QX,useRef as GE}from"react";import{jsx as j4,jsxs as rg}from"react/jsx-runtime";var Us={search:"Search",account:"Account",cart:"Bag"},ig="whitespace-nowrap";function eJ(e){return e>99?"99+":String(e)}function tJ({count:e,ref:t}){return j4("span",{ref:t,"data-cart-badge":"","aria-hidden":"true",className:"pointer-events-none absolute -top-[7px] -right-[9px] inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-current px-1 text-[10px] leading-none font-semibold tabular-nums",style:{letterSpacing:0},children:j4("span",{style:{color:"var(--sf-header-ground, var(--bg))"},children:eJ(e)})})}function ql({onClick:e,count:t,asText:a,className:s}){let o=GE(null),r=GE(t);return QX(()=>{r.current!==t&&(r.current=t,!window.matchMedia("(prefers-reduced-motion: reduce)").matches&&o.current?.animate([{transform:"scale(0.6)"},{transform:"scale(1)"}],{duration:180,easing:"ease-out"}))},[t]),j4("button",{type:"button",onClick:e,"aria-label":`Open cart, ${t} item${t===1?"":"s"}`,className:`mono-eyebrow-ctl inline-flex items-center gap-1.5 opacity-80 transition-opacity hover:opacity-100 ${s??""}`,children:a?rg("span",{className:ig,children:[Us.cart,t>0?` ${t}`:""]}):rg("span",{className:"relative inline-flex",children:[j4("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:TS}),t>0?j4(tJ,{count:t,ref:o}):null]})})}function WE({asText:e,className:t}){return j4(T1,{href:"/account","aria-label":"Account",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${t??""}`,children:e?j4("span",{className:ig,children:Us.account}):rg("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[j4("circle",{cx:"12",cy:"8",r:"3.4"}),j4("path",{d:"M5 20a7 7 0 0 1 14 0"})]})})}function Ul({onClick:e,asText:t,className:a}){return j4("button",{type:"button",onClick:e,"aria-label":"Search",title:"Search (\u2318K)",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${a??""}`,children:t?j4("span",{className:ig,children:Us.search}):j4(O6,{name:"search",size:18,strokeWidth:1.6,rounded:!0})})}import{jsx as aJ}from"react/jsx-runtime";function Tt(){return aJ("span",{className:"opacity-50",children:m(vE)})}import{jsx as sJ}from"react/jsx-runtime";import{createContext as oJ,useContext as ng,useEffect as rJ,useState as iJ,useSyncExternalStore as nJ}from"react";var UE=[];function lJ(){let e=UE,t=new Set,a=s=>{e=s;for(let o of t)o()};return{offer:s=>(a([...e,s]),()=>{let o=e.indexOf(s);o>=0&&a([...e.slice(0,o),...e.slice(o+1)])}),subscribe:s=>(t.add(s),()=>t.delete(s)),offered:()=>e}}var jl=oJ(null);function jE({children:e}){let[t]=iJ(lJ);return sJ(jl.Provider,{value:t,children:e})}var Kl=()=>ng(jl)!==null;function lg(e){let t=ng(jl);rJ(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var cJ=()=>()=>{},qE=()=>UE;function KE(){let e=ng(jl),t=nJ(e?.subscribe??cJ,e?.offered??qE,qE);return e?{search:t.includes("search"),region:t.includes("region"),account:t.includes("account"),theme:t.includes("theme")}:null}import{useEffect as cg}from"react";function K4({active:e,onDismiss:t,focusRef:a,lockScroll:s=!0,scopeRef:o}){cg(()=>{if(!e)return;let r=o?.current?.ownerDocument??document,i=n=>{n.key==="Escape"&&t()};return r.addEventListener("keydown",i),()=>r.removeEventListener("keydown",i)},[e,t,o]),cg(()=>{if(!e||!s)return;let r=(o?.current?.ownerDocument??document).body,i=r.style.overflow;return r.style.overflow="hidden",()=>{r.style.overflow=i}},[e,s,o]),cg(()=>{e&&a?.current?.focus()},[e,a])}function Et(e){let t=(e??"").trim();return t===""||t==="#"}import{jsx as L0,jsxs as i6}from"react/jsx-runtime";var dJ=e=>/^https?:\/\//i.test(e),JE="flex list-none flex-col gap-2.5 text-[13px]",hg="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",$E="text-[12px] italic text-fg-dim/70",QE=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function uJ({showDividers:e}){return L0("ul",{className:JE,children:Array.from({length:Bu},(t,a)=>L0("li",{className:`text-fg ${QE(e,a)}`,children:L0(Tt,{})},a))})}function eH({item:e,label:t,link:a,onNavigate:s}){return Et(e.url)?L0("span",{className:t,children:M(e.label)}):dJ(e.url)?L0("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:a,onClick:s,children:M(e.label)}):L0(T1,{href:e.url,className:a,onClick:s,children:M(e.label)})}function YE({items:e,showDividers:t}){return L0("ul",{className:JE,children:e.map((a,s)=>L0("li",{className:QE(t,s),children:L0(eH,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${s}`))})}var gJ="opacity-80 transition-opacity hover:opacity-100";function vJ({items:e,label:t,editing:a}){let[s,o]=XE(!1),r=mJ(null),i=KE(),{open:n}=kt(),l=t||"Menu",c=hJ(()=>o(!1),[]);K4({active:s,onDismiss:c,scopeRef:r});let h=(d,u,v)=>e===null?Array.from({length:Bu},(g,b)=>L0("li",{className:u,children:L0(Tt,{})},b)):e.map((g,b)=>L0("li",{className:u,children:L0(eH,{item:g,label:d,link:`${d} ${gJ}`,onNavigate:v})},`${g.label}-${b}`)),p=i&&(i.search||i.region)?i:null;return i6("nav",{ref:r,"aria-label":l,"data-menu-row":"",className:"min-w-0",children:[L0("ul",{className:"m-0 hidden list-none flex-wrap items-center gap-x-[30px] gap-y-2 p-0 font-mono text-[13px] uppercase tracking-[0.18em] min-[801px]:flex",children:h("","")}),L0("button",{type:"button",className:"flex h-11 w-11 items-center justify-center min-[801px]:hidden","aria-expanded":s,"aria-label":s?"Close the menu":"Open the menu",onClick:()=>o(d=>!d),children:L0("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:s?L0("path",{d:"M6 6l12 12M18 6L6 18"}):L0("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),s?i6("div",{role:"dialog","aria-label":l,className:"fixed inset-x-0 bottom-0 top-[var(--sf-header-h,60px)] z-[60] flex flex-col overflow-y-auto bg-bg text-fg min-[801px]:hidden",children:[L0("ul",{className:"m-0 flex list-none flex-col px-5 py-3 font-mono text-[16px] uppercase tracking-[0.18em]",children:h("","flex min-h-14 items-center border-b border-line",c)}),p?i6("div",{className:"mt-auto flex flex-col gap-3.5 border-t border-line bg-surface p-5",children:[p.search?i6("button",{type:"button",className:"flex h-12 items-center gap-3 border border-line bg-bg px-3.5 text-left text-[15px]",onClick:a?void 0:()=>{c(),n()},children:[L0(O6,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),Us.search]}):null,p.region?i6("div",{className:"flex items-center justify-between",children:[L0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),L0(h9,{})]}):null]}):null]}):null]})}function js({menu:e,heading:t,accordionMobile:a=!1,showDividers:s=!1,editing:o=!1,layout:r="column"}){let{live:i,ready:n}=Nl(),l=dE({id:e?.id,handle:e?.handle,editing:o,ready:n,live:i}),c=l?[]:e?.items??[],h=t||e?.name||"",[p,d]=XE(!1);return pJ(()=>{if(!a)return;let u=window.matchMedia("(max-width: 800px)"),v=()=>d(u.matches);return v(),u.addEventListener("change",v),()=>u.removeEventListener("change",v)},[a]),r==="row"?L0(vJ,{items:l?null:c,label:h,editing:o}):l?i6("div",{className:"min-w-0",children:[L0("h4",{className:hg,children:t?U0(t):m(bE)}),L0(uJ,{showDividers:s}),L0("p",{className:`mt-3 ${$E}`,children:m(xE)})]}):c.length===0?i6("div",{className:"min-w-0",children:[h?L0("h4",{className:hg,children:U0(h)}):null,o?L0("p",{className:$E,children:m("This menu has no links yet \u2014 add them in {place}.",{place:m("Storefront \u2192 Menus")})}):null]}):a&&p?i6("details",{className:"min-w-0 border-b border-line",children:[i6("summary",{className:"flex cursor-pointer list-none items-center justify-between py-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:[U0(h),L0("span",{"aria-hidden":!0,children:"\uFF0B"})]}),L0("div",{className:"pb-3",children:L0(YE,{items:c,showDividers:s})})]}):i6("div",{className:"min-w-0",children:[h?L0("h4",{className:hg,children:U0(h)}):null,L0(YE,{items:c,showDividers:s})]})}import{createContext as SJ,useCallback as l4,useContext as MJ,useEffect as AJ,useMemo as LJ,useRef as wH,useState as Pt}from"react";function Ks(e){return typeof e=="number"?String(e):""}function tH(e){let t=Ks(e);return t&&`${t} LUG`}function pg(e){let t=e.spec?.lugs;return typeof t=="number"?t:null}function aH(e){let t=new Set;for(let a of e){let s=pg(a);s!==null&&t.add(s)}return[...t].sort((a,s)=>a-s)}function fJ(e){return e.length===0?null:{min:Math.min(...e),max:Math.max(...e)}}function $l(e){let t=fJ(e);return t?OL(t.min,t.max):null}function sH(e){let t=new Set;for(let a of e)for(let s of a.sizes??[])typeof s=="number"&&t.add(s);return[...t].sort((a,s)=>a-s)}var oH=5,nH=.2;function Ht(e){if(!e)return{holes:null,circles:[]};let t=e.replace(/\([^)]*\)?/g," ").trim(),a=t.match(/^\s*(\d+)\s*[x×*]\s*(.+)$/i),s=a?Number(a[1]):null,r=(a?a[2]:t).split(/[-/,]/).map(i=>Number(i.trim().replace(/[^\d.]/g,""))).filter(i=>Number.isFinite(i)&&i>0);return{holes:s,circles:r}}function mg(e){if(!e||e.length<2)return null;let[t,a]=e;return!Number.isFinite(t)||!Number.isFinite(a)?null:[Math.min(t,a),Math.max(t,a)]}function lH(e){if(!e)return null;let t=Ht(e.pcd||e.boltPattern);if(t.holes===null||t.circles.length===0)return null;let a=t.circles[0],s=mg(e.etRange),o=s?[s[0]-oH,s[1]+oH]:null;return{holes:t.holes,circle:a,centreBore:typeof e.centreBore=="number"&&e.centreBore>0?e.centreBore:null,etRange:o}}function bJ(e,t){return Math.abs(e-t)<=nH}function cH(e,t,a){let s=Ht(e);return(s.holes??t)!==a.holes?!1:s.circles.some(r=>bJ(r,a.circle))}function hH(e,t){return t.centreBore===null?!0:e+nH>=t.centreBore}function xJ(e,t){return e[0]<=t[1]&&e[1]>=t[0]}function p9(e,t){let a=`${t.holes}\xD7${t.circle}`;return e.pcds.length===0?{key:"unverifiable",wheel:"",vehicle:a}:e.pcds.some(s=>cH(s,e.lugs,t))?t.etRange!==null&&e.etRange!==null&&!xJ(e.etRange,t.etRange)?{key:"et",wheel:Yl(e.etRange),vehicle:Yl(t.etRange)}:e.centreBores.length>0&&!e.centreBores.some(s=>hH(s,t))?{key:"bore",wheel:`${e.centreBores.join(" / ")} mm`,vehicle:`${t.centreBore} mm`}:null:{key:"pcd",wheel:e.pcds.join(" / "),vehicle:a}}function pH(e){return{pcds:e.spec?.pcds??[],lugs:e.spec?.lugs??null,etRange:mg(e.spec?.etRange),centreBores:e.spec?.centreBores??[]}}function Xl(e){let t=e.et,a=e.rearEt??e.et;return{pcds:e.boltPattern?[e.boltPattern]:[],lugs:null,etRange:t==null||a==null?null:[Math.min(t,a),Math.max(t,a)],centreBores:e.centreBore==null?[]:[e.centreBore]}}function Jl(e,t){let a=p9(e,t);return a===null||a.key!=="et"?a:p9(e,{...t,etRange:null})}function dg(e,t){return p9(pH(e),t)}function mH(e,t){return p9(Xl(e),t)}function wJ(e,t){return Jl(Xl(e),t)===null}function dH(e,t){return t?e.filter(a=>wJ(a,t)):[...e]}function yJ(e,t){return Jl(pH(e),t)===null}function Ql(e,t){return t?e.filter(a=>yJ(a,t)):e}var rH=1;function zJ(e,t){let a=e.spec?.pcds??[],s=e.spec?.centreBores??[],o=mg(e.spec?.etRange);if(!t)return{pcds:a,etRange:o,centreBores:s};let r=e.spec?.lugs??null,i=a.filter(l=>cH(l,r,t)),n=s.filter(l=>hH(l,t));return{pcds:i.length>0?i:a,etRange:o,centreBores:n.length>0?n:s}}function Yl(e){return yl(e[0],e[1])}function iH(e){let t=e.slice(0,rH).join(" / "),a=e.length-rH;return a>0?`${t} +${a}`:t}var uH="\xB7";function ec(e){return[{fieldKey:"diameter",text:$l(e.sizes)},{fieldKey:"holes",text:tH(e.spec?.lugs)}].filter(t=>!!t.text)}function gH(e,t){let{pcds:a,etRange:s,centreBores:o}=zJ(e,t),r=[];return a.length>0&&r.push({fieldKey:"pcd",text:`PCD ${iH(a)}`}),s!==null&&r.push({fieldKey:"et",text:Yl(s)}),o.length>0&&r.push({fieldKey:"center_bore",text:`C/B ${iH(o)} mm`}),r}function Ft(e){return e?[{key:"pcd",name:"Bolt pattern",value:`${e.holes}\xD7${e.circle}`},{key:"bore",name:"Hub bore",value:e.centreBore!==null?`${e.centreBore} mm bore`:null},{key:"et",name:"Offset",value:e.etRange!==null?Yl(e.etRange):null}]:[]}function vH(e){return Ft(e).map(t=>t.value).filter(t=>t!==null).join(" \xB7 ")}var $s={default:"Sort \xB7 Featured",new:"Newest","price-asc":"Price \xB7 Low","price-desc":"Price \xB7 High",name:"Name A\u2013Z"},tc={process:null,size:null,lugs:null,finish:null,priceMin:null,priceMax:null,sort:"default"};function kJ(e,t,a){return!(t.process&&e.process!==t.process||t.size&&!e.sizes.includes(t.size)||t.lugs!=null&&pg(e)!==t.lugs||t.finish&&!e.finishes.some(s=>s.family===t.finish)||!Nn(e.prices,a,t.priceMin,t.priceMax))}function CJ(e,t,a){return[...e].sort((s,o)=>{switch(t){case"price-asc":return st(s.prices,o.prices,a,"asc");case"price-desc":return st(s.prices,o.prices,a,"desc");case"name":return s.name.localeCompare(o.name);case"new":return(o.badge==="new"?1:0)-(s.badge==="new"?1:0);default:return 0}})}function fH(e,t,a,s=null){let o=Ql(e,s);return CJ(o.filter(r=>kJ(r,t,a)),t.sort,a)}import{jsx as EJ}from"react/jsx-runtime";var yH={fit:null,name:"",resolving:!1,unresolved:!1};function TJ(e,t){return e.fit===t.fit&&e.name===t.name&&e.resolving===t.resolving&&e.unresolved===t.unresolved}var E4=()=>{},zH=SJ({filters:tc,setProcess:E4,setSize:E4,setLugs:E4,setFinish:E4,setPriceMin:E4,setPriceMax:E4,setSort:E4,clearAll:E4,reportCount:E4,total:0,reportLugs:E4,lugOptions:[],reportSizes:E4,sizeOptions:[],reportFinishes:E4,finishOptions:[],optionsReported:!1,scrollProcess:null,vehicle:yH,publishVehicle:E4}),ac="data-catalog-collection",bH=(e,t)=>e-t;function xH(e,t){return e.length===t.length&&e.every((a,s)=>a===t[s])}function ug(e){let t=wH(new Map),[a,s]=Pt([]),o=l4((r,i)=>{let n=t.current.get(r);if(n&&xH(n,i))return;t.current.set(r,i);let l=new Set;for(let h of t.current.values())for(let p of h)l.add(p);let c=[...l].sort(e);s(h=>xH(h,c)?h:c)},[e]);return[a,o]}function kH({children:e}){let[t,a]=Pt(tc),s=l4(j=>a(_=>({..._,process:j})),[]),o=l4(j=>a(_=>({..._,size:j})),[]),r=l4(j=>a(_=>({..._,lugs:j})),[]),i=l4(j=>a(_=>({..._,finish:j})),[]),n=l4(j=>a(_=>({..._,priceMin:j})),[]),l=l4(j=>a(_=>({..._,priceMax:j})),[]),c=l4(j=>a(_=>({..._,sort:j})),[]),h=l4(()=>a(j=>({...tc,sort:j.sort})),[]),[p,d]=Pt(yH),u=l4(j=>{d(_=>TJ(_,j)?_:j)},[]),v=wH(new Map),[g,b]=Pt(0),f=l4((j,_)=>{if(v.current.get(j)===_)return;v.current.set(j,_);let K=0;for(let Y of v.current.values())K+=Y;b(K)},[]),[y,x]=ug(bH),[k,S]=ug(bH),[L,R]=ug(UM),[F,O]=Pt(!1),P=l4((j,_)=>{O(!0),x(j,_)},[x]),E=l4((j,_)=>{O(!0),S(j,_)},[S]),N=l4((j,_)=>{O(!0),R(j,_)},[R]),[V,G]=Pt(null);AJ(()=>{let _=0,e1=()=>{_=0;let Y=null,h1=document.querySelectorAll(`[${ac}]`);for(let B of h1){let q=B.getBoundingClientRect();if(q.top<=140&&q.bottom>140){Y=B.getAttribute(ac)??null;break}}G(Y)},K=()=>{_||(_=requestAnimationFrame(e1))};return e1(),window.addEventListener("scroll",K,{passive:!0}),window.addEventListener("resize",K),()=>{window.removeEventListener("scroll",K),window.removeEventListener("resize",K),_&&cancelAnimationFrame(_)}},[]);let H=LJ(()=>({filters:t,setProcess:s,setSize:o,setLugs:r,setFinish:i,setPriceMin:n,setPriceMax:l,setSort:c,clearAll:h,reportCount:f,total:g,reportLugs:P,lugOptions:y,reportSizes:E,sizeOptions:k,reportFinishes:N,finishOptions:L,optionsReported:F,scrollProcess:V,vehicle:p,publishVehicle:u}),[t,s,o,r,i,n,l,c,h,f,g,P,y,E,k,N,L,F,V,p,u]);return EJ(zH.Provider,{value:H,children:e})}function sc(){return MJ(zH)}import{useCallback as ZJ,useEffect as ic,useRef as HH,useState as Xs}from"react";var HJ={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function CH(e){let t={};for(let a of Ki){let s=e[a];if(!s)continue;let o=ge({role:s},HJ);o.fontFamily&&(t[rd[a].font]=o.fontFamily),o.fontSize&&(t[rd[a].size]=o.fontSize)}return t}import{useEffect as NJ}from"react";import{useEffect as SH,useState as m9}from"react";import{jsx as Nt,jsxs as PJ}from"react/jsx-runtime";function n6(e,t){let[a,s]=m9(void 0),[o,r]=m9(0);return SH(()=>{if(t!==void 0)return;if(!e){s(null);return}let i=!1;return f0.getForm(e).then(n=>{i||s(n)}).catch(()=>{i||s(null)}),()=>{i=!0}},[t,e,o]),SH(()=>{if(t===void 0)return dl(()=>r(i=>i+1))},[t]),t!==void 0?t:a}var FJ="Something went wrong \u2014 your submission wasn't sent. Please try again.";function It(e,t="Thanks \u2014 we've received your submission."){return e.successMessage?.trim()||t}function X7({form:e,formSlug:t,editing:a=!1}){let[s,o]=m9({}),[r,i]=m9(""),[n,l]=m9(!1),[c,h]=m9(!1),[p,d]=m9(null);async function u(v){if(v.preventDefault(),!(a||n||!e||!t)){l(!0),d(null);try{let g=e.fields.map(b=>({fieldKey:b.key,value:s[b.key]??""}));await f0.submitForm(t,{answers:g,...r?{company:r}:{}}),h(!0)}catch{d(FJ)}finally{l(!1)}}}return{valueOf:v=>s[v]??"",set:(v,g)=>o(b=>({...b,[v]:g})),honeypot:r,setHoneypot:i,submitting:n,done:c,error:p,handleSubmit:u}}function Vt({value:e,onChange:t}){return Nt("input",{type:"text",name:"company",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"hidden",value:e,onChange:a=>t(a.target.value)})}function J7({field:e,value:t,onChange:a,className:s,rows:o=5,placeholder:r}){let i=r??e.placeholder;return e.type==="textarea"?Nt("textarea",{required:e.required,rows:o,value:t,placeholder:i,onChange:n=>a(n.target.value),className:s}):e.type==="select"?PJ("select",{required:e.required,value:t,onChange:n=>a(n.target.value),className:s,children:[Nt("option",{value:"",children:i||"Select\u2026"}),e.options.map(n=>Nt("option",{value:n,children:n},n))]}):e.type==="checkbox"?Nt("input",{type:"checkbox",required:e.required,checked:t==="true",onChange:n=>a(n.target.checked?"true":""),className:s}):Nt("input",{type:e.type==="email"?"email":e.type==="tel"?"tel":"text",required:e.required,value:t,placeholder:i,onChange:n=>a(n.target.value),className:s})}import{jsx as Ys}from"react/jsx-runtime";var MH="font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim";function $4({size:e,children:t}){return e==="tall"?Ys("section",{className:"grid min-h-[70vh] place-items-center border-b border-line px-[var(--sf-site-gutter,40px)] pt-[104px] pb-14 text-center",style:{background:"var(--section-bg)"},children:Ys("p",{className:MH,children:t})}):Ys("section",{className:"relative z-[2] border-t border-line bg-surface",children:Ys("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:Ys("p",{className:MH,children:t})})})}import{jsx as z3,jsxs as oc}from"react/jsx-runtime";var AH="w-full border-2 border-line bg-bg px-4 py-3.5 font-display text-[17px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent";function IJ({field:e,value:t,onChange:a}){let s={field:e,value:t,onChange:a};return e.type==="checkbox"?oc("label",{className:"flex items-start gap-3",children:[z3(J7,{...s,className:"mt-1 size-4 accent-accent"}),oc("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-fg",children:[e.label,e.required?z3("span",{className:"text-accent",children:" *"}):null]})]}):z3(t3,{label:e.label,required:e.required,children:z3(J7,{...s,className:e.type==="textarea"?AH+" resize-y":AH})})}function gg({formSlug:e,heading:t,intro:a,submitText:s,finePrint:o,form:r,editing:i=!1}={}){let n=n6(e,r);if(n===void 0)return z3($4,{size:"short",children:m("Loading form\u2026")});if(n===null)return z3($4,{size:"short",children:i?m("Choose a form in the inspector, under Form."):"This form is unavailable."});let l=(t??"").trim()||n.title;return z3("section",{className:"relative z-[2] border-t border-line bg-surface",children:oc("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[l&&z3("h2",{className:"mb-4 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:l}),(a??"").trim()&&z3("p",{className:"mb-11 max-w-[640px] font-display text-[16px] leading-[1.6] text-fg-dim",children:a}),z3(vg,{form:n,formSlug:e,submitText:s,finePrint:o,editing:i})]})})}function vg({form:e,formSlug:t,submitText:a,finePrint:s,editing:o=!1,onSent:r}){let{valueOf:i,set:n,honeypot:l,setHoneypot:c,submitting:h,done:p,error:d,handleSubmit:u}=X7({form:e,formSlug:t,editing:o});NJ(()=>{p&&r?.()},[p]);let v=(a??"").trim()||e.submitButtonText?.trim()||"Submit";return p?z3("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:It(e)}):oc("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:u,children:[e.fields.map(g=>z3(IJ,{field:g,value:i(g.key),onChange:b=>n(g.key,b)},g.key)),z3(Vt,{value:l,onChange:c}),d&&z3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:d}),z3("button",{type:o?"button":"submit",disabled:h,className:"cursor-pointer self-start bg-btn px-8 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:h?"Sending\u2026":v}),e.consentText?.trim()&&z3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:e.consentText}),(s??"").trim()&&z3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:s})]})}import{jsx as fg,jsxs as RJ}from"react/jsx-runtime";import{jsx as VJ}from"react/jsx-runtime";function LH(){return VJ("span",{className:"block h-px w-[30px] bg-current"})}function _J(e,t){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}var OJ="inline-block w-fit bg-accent px-3.5 py-1.5 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.16em] text-bg",BJ="flex items-center gap-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] opacity-80 max-[800px]:text-[length:var(--size-label,12px)] max-[800px]:tracking-[0.25em]";function O1({text:e,look:t="plain",size:a=13,scaled:s=!0,className:o="",classNameAfter:r=""}){if(t==="line")return RJ("div",{className:[o,BJ,r].filter(Boolean).join(" "),children:[fg(LH,{}),fg("span",{children:M(e)})]});let i=t==="filled"?OJ:_J(a,s);return fg("span",{className:[o,i,r].filter(Boolean).join(" "),children:M(e)})}import{useCallback as TH,useRef as DJ,useState as EH}from"react";function rc({source:e,dryRun:t=!1}){let[a,s]=EH("idle"),[o,r]=EH(null),i=DJ(!1),n=TH(()=>{i.current=!1,r(null),s("idle")},[]),l=TH(async c=>{if(!i.current){if(!it(c.email)){s("invalid");return}i.current=!0,r(null),s("sending");try{t||await f0.createNewsletterSubscription(ET(c,e))}catch(h){i.current=!1,r(h),s("error");return}i.current=!1,s("sent")}},[e,t]);return{status:a,error:o,submit:l,reset:n}}import{Fragment as qJ,jsx as c0,jsxs as N2}from"react/jsx-runtime";var GJ=50,nc="font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)]";function WJ(e){let t=xe({sectionAccent:U5(e.sectionAccent)}),a=Fi(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...CH(e.textStyles)}}}function FH({content:e,open:t=!0,onClose:a,onSent:s,inline:o=!1,prefillEmail:r="",source:i=i4.popup,mode:n="chosen",form:l}){let c=n==="chosen"?e.formSlug:"",h=n6(c||void 0,o?void 0:l??null),p=!!c&&!!h,[d,u]=Xs(""),[v,g]=Xs(""),[b,f]=Xs(()=>new Set(e.interests.slice(0,1))),[y,x]=Xs(e.frequencies[0]??""),{status:k,error:S,submit:L,reset:R}=rc({source:i,dryRun:o}),F=k==="sending",O=k==="invalid"?e.emailInvalidText:k==="error"?S instanceof S4?S.message:e.submitErrorText:null,[P,E]=Xs(""),N=HH(null),V=HH(null);ic(()=>{t&&R()},[t,R]),ic(()=>{k==="sent"&&!o&&s?.()},[k]);let G=ZJ(()=>a?.(),[a]);if(K4({active:!o&&t,onDismiss:G}),ic(()=>{if(o||!t)return;let $=window.setTimeout(()=>V.current?.focus(),GJ);return()=>window.clearTimeout($)},[o,t]),ic(()=>{!t||!r||g(r)},[t,r]),!o&&!t)return null;function H($){f(m1=>{let v1=new Set(m1);return v1.has($)?v1.delete($):v1.add($),v1})}function j($){$.target===N.current&&a?.()}function _($){$.preventDefault();let m1=v.trim().toLowerCase();E(m1),L({email:m1,firstName:d,interests:[...b],frequency:y})}let e1=e.successBody.replace(/\{email\}/g,P).replace(/\{issue\}/g,e.issueNumber),K=WJ(e),Y=e.formSide==="left",h1=N2("div",{className:"flex flex-wrap items-center justify-between gap-5 uppercase tracking-[0.18em] text-fg-dim",children:[N2("span",{className:"flex items-center gap-2 font-[family-name:var(--pp-fineprint-font,var(--font-mono))] text-[length:var(--pp-fineprint-size,12px)]",children:[c0("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),M(e.finePrint)]}),!o&&c0("button",{type:"button",onClick:a,className:"font-[family-name:var(--pp-dismiss-font,var(--font-mono))] text-[length:var(--pp-dismiss-size,12px)] uppercase tracking-[0.18em] text-fg-dim underline underline-offset-[3px] transition-colors hover:text-fg",children:M(e.dismissText)})]}),B=N2(qJ,{children:[c0("span",{className:"contents [&>span]:font-[family-name:var(--pp-formeyebrow-font,var(--font-mono))] [&>span]:text-[length:var(--pp-formeyebrow-size,var(--size-label,13px))]",children:c0(O1,{text:e.formLabel,scaled:!1,className:"mb-[18px]"})}),c0("h2",{id:"subscribe-modal-title",className:"font-[family-name:var(--pp-formheading-font,var(--font-display))] text-[length:var(--pp-formheading-size,34px)] font-medium uppercase leading-none tracking-[-0.025em] [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.02em]",children:X(e.formHeading)}),c0("p",{className:"mt-3.5 font-[family-name:var(--pp-formintro-font,var(--font-serif))] text-[length:var(--pp-formintro-size,17px)] italic leading-[1.55] text-fg-dim",children:M(e.formIntro,!0)})]}),q="px-11 py-12 max-[880px]:px-[26px] max-[880px]:py-8",Q;p&&h?Q=N2("div",{className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${q}`,children:[B,c0("div",{className:"mt-8",children:c0(vg,{form:h,formSlug:c,editing:o,onSent:s})}),c0("div",{className:"mt-auto pt-7",children:h1})]}):k!=="sent"?Q=N2("form",{onSubmit:_,noValidate:!0,className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${q}`,children:[B,N2("div",{className:"mt-8 flex flex-col gap-[18px]",children:[c0(t3,{label:M(e.firstNameLabel),required:!0,labelFace:nc,children:c0("input",{type:"text",value:d,onChange:$=>u($.target.value),placeholder:e.firstNamePlaceholder,required:!0,className:"border border-line bg-surface px-4 py-3.5 font-display text-[15px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:tracking-[0.04em] placeholder:text-fg-dim focus:border-accent"})}),c0(t3,{label:M(e.emailLabel),required:!0,labelFace:nc,children:c0("input",{type:"email",value:v,onChange:$=>g($.target.value),placeholder:e.emailPlaceholder,required:!0,className:"border border-line bg-surface px-4 py-3.5 font-display text-[15px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:tracking-[0.04em] placeholder:text-fg-dim focus:border-accent"})}),N2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[c0(t9,{labelFace:nc,children:M(e.interestsLabel)}),c0("div",{className:"flex flex-wrap gap-2",children:e.interests.map(($,m1)=>{let v1=b.has($);return c0("button",{type:"button",onClick:()=>H($),"aria-pressed":v1,className:["select-none border px-3.5 py-2.5 font-[family-name:var(--pp-option-font,var(--font-mono))] text-[length:var(--pp-option-size,12px)] uppercase tracking-[0.22em] transition-all",v1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:$},`${$}-${m1}`)})})]}),e.frequencies.length>0&&N2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[c0(t9,{labelFace:nc,children:M(e.frequencyLabel)}),c0("div",{className:"flex border border-line",children:e.frequencies.map(($,m1)=>{let v1=y===$;return c0("button",{type:"button",onClick:()=>x($),"aria-pressed":v1,className:["flex-1 px-2.5 py-3.5 font-[family-name:var(--pp-option-font,var(--font-mono))] text-[length:var(--pp-option-size,12px)] uppercase tracking-[0.24em] transition-all",m1<e.frequencies.length-1?"border-r border-line":"",v1?"bg-accent text-bg":"text-fg-dim hover:text-fg"].join(" "),children:$},`${$}-${m1}`)})})]})]}),N2("div",{className:"mt-auto flex flex-col gap-3.5 pt-7",children:[O&&c0("p",{role:"alert",className:"border border-red-300 bg-red-50 px-4 py-3 font-mono text-[12px] uppercase tracking-[0.18em] text-red-700",children:O}),N2("button",{type:"submit",disabled:F,className:"group flex items-center justify-between gap-[18px] border border-btn bg-btn px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg disabled:cursor-wait disabled:opacity-60 disabled:hover:border-btn disabled:hover:bg-btn",children:[c0("span",{children:e.submitText}),c0("span",{className:"transition-transform group-hover:translate-x-[4px]",children:F?"\u2026":"\u2192"})]}),h1]})]}):Q=N2("div",{className:"flex min-h-[560px] flex-col justify-center gap-6 px-11 py-12 max-[880px]:min-h-0 max-[880px]:px-[26px] max-[880px]:py-8",style:{animation:"subscribe-fade 0.25s ease"},children:[c0("div",{className:"flex h-16 w-16 items-center justify-center border border-accent font-display text-[32px] text-accent",children:"\u2713"}),c0("h3",{className:"font-[family-name:var(--pp-doneheading-font,var(--font-display))] text-[length:var(--pp-doneheading-size,38px)] font-medium uppercase leading-none tracking-[-0.025em] [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.02em]",children:X(e.successHeading)}),c0("p",{className:"max-w-[440px] font-[family-name:var(--pp-donebody-font,var(--font-serif))] text-[length:var(--pp-donebody-size,18px)] italic leading-[1.55] text-fg-dim",children:M(e1,!0)}),!o&&c0("button",{type:"button",onClick:a,className:"self-start border border-line px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:M(e.keepBrowsingText)})]});let a1=N2("div",{className:`relative w-[min(1100px,100%)] overflow-hidden border border-line bg-bg [border-radius:var(--sf-section-radius,0px)] max-[880px]:border-x-0 max-[880px]:border-b-0 ${K.className}`.trim(),style:{...K.style,background:"var(--bg)",color:"var(--fg)",boxShadow:o?"0 30px 80px -30px rgba(0,0,0,0.5)":"0 60px 120px -20px rgba(0,0,0,0.7)",animation:o?void 0:"subscribe-rise 0.35s cubic-bezier(.2,.7,.2,1)"},children:[!o&&c0("button",{ref:V,type:"button",onClick:a,"aria-label":"Close popup",className:"absolute right-[18px] top-[18px] z-[5] flex h-[38px] w-[38px] items-center justify-center border border-line font-mono text-[14px] text-fg-dim transition-colors hover:border-accent hover:text-fg max-[880px]:right-3 max-[880px]:top-3 max-[880px]:h-11 max-[880px]:w-11",style:{background:"color-mix(in oklab, var(--bg) 85%, transparent)"},children:"\u2715"}),N2("div",{className:["grid max-h-[calc(100vh-48px)] overflow-hidden max-[880px]:max-h-[88dvh] max-[880px]:grid-cols-1 max-[880px]:overflow-auto",Y?"grid-cols-[1fr_1.05fr]":"grid-cols-[1.05fr_1fr]"].join(" "),children:[N2("aside",{className:["relative flex min-h-[560px] flex-col justify-between overflow-hidden border-line px-[var(--sf-site-gutter,40px)] py-11 max-[880px]:min-h-[380px] max-[880px]:border-r-0 max-[880px]:border-l-0 max-[880px]:border-b max-[880px]:px-[26px] max-[880px]:py-8",Y?"order-2 border-l max-[880px]:order-none":"border-r",e.valuePanelOnPhone?"":"max-[880px]:hidden"].join(" "),style:{background:"var(--subscribe-panel-bg)"},children:[c0("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(0deg, transparent 0 28px, color-mix(in oklab, var(--accent) 4%, transparent) 28px 29px), repeating-linear-gradient(90deg, transparent 0 28px, color-mix(in oklab, var(--accent) 3%, transparent) 28px 29px)"}}),N2("div",{"aria-hidden":!0,className:"pointer-events-none absolute -right-[120px] -bottom-[120px] z-[1] h-[520px] w-[520px] rounded-full border opacity-50 max-[880px]:-right-[100px] max-[880px]:-bottom-[100px] max-[880px]:h-[340px] max-[880px]:w-[340px]",style:{borderColor:"color-mix(in oklab, var(--accent) 22%, transparent)"},children:[c0("div",{className:"absolute inset-[60px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, transparent)"}}),c0("div",{className:"absolute inset-[140px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 14%, transparent)"}})]}),N2("div",{className:["relative z-[2] flex items-start justify-between font-[family-name:var(--pp-meta-font,var(--font-mono))] text-[length:var(--pp-meta-size,12px)] uppercase tracking-[0.3em] text-fg-dim",Y&&!o?"pr-[52px]":""].join(" "),children:[c0("span",{children:M(e.metaLabel)}),(e.issueLabel||e.issueNumber)&&N2("span",{children:[M(e.issueLabel)," ",c0("strong",{className:"font-normal text-accent",children:e.issueNumber})]})]}),N2("div",{className:"relative z-[2] flex flex-col gap-[18px] py-8",children:[c0("span",{className:"contents [&>span]:font-[family-name:var(--pp-eyebrow-font,var(--font-mono))] [&>span]:text-[length:var(--pp-eyebrow-size,var(--size-label,12px))]",children:c0(O1,{text:e.kicker,size:12,scaled:!1})}),c0("h2",{className:"font-[family-name:var(--pp-heading-font,var(--font-display))] text-[length:var(--pp-heading-size,clamp(40px,4.8vw,68px))] font-medium uppercase leading-[0.92] tracking-[-0.04em] text-fg [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.03em]",children:X(e.heading)}),c0("p",{className:"max-w-[420px] font-[family-name:var(--pp-body-font,var(--font-serif))] text-[length:var(--pp-body-size,18px)] italic leading-[1.5]",style:{color:"color-mix(in oklab, var(--fg) 85%, transparent)"},children:M(e.deck,!0)})]}),e.stats.length>0&&c0("div",{className:"relative z-[2] grid grid-cols-2 gap-[18px] border-t pt-6",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, var(--site-line))"},children:e.stats.map(($,m1)=>N2("div",{children:[c0("div",{className:"mb-1.5 font-[family-name:var(--pp-statname-font,var(--font-mono))] text-[length:var(--pp-statname-size,11px)] uppercase tracking-[0.24em] text-fg-dim",children:M($.label)}),c0("div",{className:"font-[family-name:var(--pp-statvalue-font,var(--font-display))] text-[length:var(--pp-statvalue-size,22px)] font-medium tracking-[-0.015em] text-fg",children:M($.value)})]},`${$.label}-${m1}`))})]}),Q]})]});return o?c0("div",{className:"flex w-full justify-center p-6","data-subscribe-preview":!0,children:a1}):N2("div",{ref:N,onClick:j,role:"dialog","aria-modal":"true","aria-labelledby":"subscribe-modal-title",className:"fixed inset-0 z-[90] flex items-center justify-center p-6 backdrop-blur-[8px] max-[880px]:items-end max-[880px]:p-0",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)",animation:"subscribe-fade 0.25s ease"},children:[a1,c0("style",{children:`
+        @keyframes subscribe-fade { from { opacity: 0 } to { opacity: 1 } }
+        @keyframes subscribe-rise {
+          from { transform: translateY(20px); opacity: 0 }
+          to   { transform: translateY(0);    opacity: 1 }
+        }
+      `})]})}import{createContext as UJ,useCallback as Js,useContext as jJ,useEffect as xg,useMemo as KJ,useRef as $J,useState as Q7}from"react";function PH(e,t){return`${(En||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var bg="/api/chat/public";function NH(e){let t=bs.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function IH(e){let t=bs.getAccess();return I7(`${bg}/conversations/`,{method:"POST",token:t??void 0,body:JSON.stringify({subject:e.subject??"",body:e.body,guest_name:e.guestName??"",guest_email:e.guestEmail??"",guest_key:e.guestKey??""})})}async function VH(e,t){return I7(`${bg}/conversations/${e}/thread/`,NH(t))}async function RH(e,t,a){return I7(`${bg}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...NH(t)})}import{jsx as JJ}from"react/jsx-runtime";var YJ="sf:aid",_H="sf:chat",OH=UJ(null);function XJ(){let e=w3.getItem(_H);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function BH({children:e,preview:t=!1}){let[a,s]=Q7(!1),[o,r]=Q7(null),[i,n]=Q7([]),[l,c]=Q7(!1),[h,p]=Q7(null),[d,u]=Q7(0),[v,g]=Q7(!1),[b,f]=Q7(!1),y=$J(a);y.current=a,xg(()=>{t||(r(XJ()),TM.restoreSession().then(()=>g(!0)).catch(()=>g(!1)))},[t]);let x=Js(async O=>{try{let P=await VH(O.id,O.token);n(P.messages)}catch{}},[]);xg(()=>{t||o&&x(o)},[t,o,x,v]),xg(()=>{if(t||!o)return;let O=bs.getAccess()??o.token,P=!1,E=null,N,V=3e3,G=()=>{P||(E=new WebSocket(PH(o.id,O)),E.onmessage=H=>{try{let j=JSON.parse(H.data);j.type==="chat_event"&&j.event==="message"&&(x(o),!y.current&&j.payload?.sender_role==="employee"&&u(_=>_+1))}catch{}},E.onclose=()=>{P||(N=setTimeout(G,V),V=Math.min(V*2,3e4))},E.onerror=()=>E?.close())};return G(),()=>{P=!0,N&&clearTimeout(N),E?.close()}},[t,o,x]);let k=Js(()=>{s(!0),u(0)},[]),S=Js(()=>s(!1),[]),L=Js(()=>s(O=>(O||u(0),!O)),[]),R=Js(async(O,P)=>{let E=O.trim();if(E){if(t){n(N=>[...N,{id:`preview-${N.length}`,sender_role:"customer",sender_name:P?.name||"You",body:E,image_url:null,created_at:""}]),f(!0);return}c(!0),p(null);try{if(o){let N=await RH(o.id,o.token,E);n(V=>[...V,N])}else{let N=w3.getItem(YJ)||"",V=await IH({body:E,guestName:P?.name,guestEmail:P?.email,guestKey:N}),G={id:V.id,token:V.guest_token};w3.setItem(_H,JSON.stringify(G)),r(G),n(V.messages)}}catch{p("Could not send your message. Please try again shortly.")}finally{c(!1)}}},[o,t]),F=KJ(()=>({isOpen:a,open:k,close:S,toggle:L,messages:i,sending:l,error:h,unread:d,hasConversation:t?b:!!o,isSignedIn:v,send:R}),[a,k,S,L,i,l,h,d,o,v,R,t,b]);return JJ(OH.Provider,{value:F,children:e})}function DH(){let e=jJ(OH);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as QJ,useRef as eQ,useState as wg}from"react";import{jsx as m2,jsxs as l6}from"react/jsx-runtime";var tQ="Chat with us",aQ="We usually reply within a few minutes",sQ="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function oQ({m:e}){if(e.sender_role==="system")return m2("div",{className:"text-center text-[11px] text-fg/50 py-1",children:e.body});let t=e.sender_role==="bot",a=e.sender_role==="employee"||t;return m2("div",{className:`flex ${a?"justify-start":"justify-end"}`,children:l6("div",{className:`max-w-[80%] rounded-2xl px-3 py-2 text-sm ${a?"bg-fg/5 text-fg":"bg-accent text-black"}`,children:[a&&l6("div",{className:"mb-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-fg/50",children:[t&&m2("span",{"aria-hidden":"true",children:"\u2726"}),m2("span",{children:t?e.sender_name||"Assistant":e.sender_name||"Support"}),t&&m2("span",{className:"font-normal normal-case tracking-normal",children:"\xB7 automated"})]}),e.body&&m2("p",{className:"whitespace-pre-wrap",children:e.body}),e.image_url&&m2("a",{href:e.image_url,target:"_blank",rel:"noopener noreferrer",children:m2("img",{src:e.image_url,alt:"Attachment",className:"mt-1.5 max-h-48 w-auto rounded-lg"})})]})})}function yg({title:e,subtitle:t,greeting:a}={}){let{isOpen:s,toggle:o,close:r,messages:i,sending:n,error:l,unread:c,hasConversation:h,isSignedIn:p,send:d}=DH(),u=e?.trim()||tQ,v=t?.trim()||aQ,g=a?.trim()||sQ,[b,f]=wg(""),[y,x]=wg(""),[k,S]=wg(""),L=eQ(null),R=!p&&!h;QJ(()=>{s&&L.current?.scrollIntoView({behavior:G6(),block:"nearest"})},[i.length,s]);let F=b.trim().length>0&&(!R||y.trim()&&/.+@.+/.test(k)),O=()=>{!F||n||(d(b,R?{name:y.trim(),email:k.trim()}:void 0),f(""))};return s?l6("aside",{role:"dialog","aria-label":"Chat with us",className:"fixed bottom-5 right-5 z-[61] flex h-[min(560px,80vh)] w-[min(380px,calc(100vw-2.5rem))] flex-col overflow-hidden rounded-2xl border border-line bg-bg shadow-[0_20px_60px_rgba(0,0,0,.45)]",style:{color:"var(--fg)"},children:[l6("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[l6("div",{children:[m2("div",{className:"text-sm font-semibold text-fg",children:u}),m2("div",{className:"text-[11px] text-fg/50",children:v})]}),m2("button",{type:"button",onClick:r,"aria-label":"Close chat",className:"rounded-md p-1 text-fg/60 hover:bg-fg/5",children:m2("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:m2("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),l6("div",{className:"flex-1 space-y-2 overflow-y-auto px-3 py-3",children:[i.length===0&&m2("p",{className:"px-2 py-4 text-center text-sm text-fg/50",children:g}),i.map(P=>m2(oQ,{m:P},P.id)),m2("div",{ref:L})]}),l6("div",{className:"border-t border-line p-3",children:[R&&l6("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[m2("input",{value:y,onChange:P=>x(P.target.value),placeholder:"Your name",className:"rounded-lg border border-line bg-transparent px-2.5 py-1.5 text-sm outline-none focus:border-accent"}),m2("input",{value:k,onChange:P=>S(P.target.value),type:"email",placeholder:"Email",className:"rounded-lg border border-line bg-transparent px-2.5 py-1.5 text-sm outline-none focus:border-accent"})]}),l&&m2("p",{className:"mb-2 text-xs text-red-600",children:l}),l6("div",{className:"flex items-end gap-2",children:[m2("textarea",{value:b,onChange:P=>f(P.target.value),onKeyDown:P=>{P.key==="Enter"&&!P.shiftKey&&(P.preventDefault(),O())},rows:1,placeholder:"Type a message\u2026",className:"max-h-28 flex-1 resize-none rounded-lg border border-line bg-transparent px-3 py-2 text-sm outline-none focus:border-accent"}),m2("button",{type:"button",onClick:O,disabled:!F||n,className:"rounded-lg bg-btn px-3 py-2 text-sm font-semibold text-btn-ink disabled:opacity-40",children:n?"\u2026":"Send"})]})]})]}):l6("button",{type:"button",onClick:o,"aria-label":z2(u),className:"fixed bottom-5 right-5 z-[60] flex h-14 w-14 items-center justify-center rounded-full bg-btn text-btn-ink shadow-[0_10px_30px_rgba(0,0,0,.35)] transition-transform hover:scale-105",children:[m2("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:m2("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 12h7.5M8.25 8.25h7.5M3 12c0 4.556 4.03 8.25 9 8.25a9.76 9.76 0 002.555-.337l3.945 1.087-1.087-3.945A8.19 8.19 0 0021 12c0-4.556-4.03-8.25-9-8.25S3 7.444 3 12z"})}),c>0&&m2("span",{className:"absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-600 px-1 text-[11px] font-bold text-white",children:c})]})}import{jsx as zg,jsxs as iQ}from"react/jsx-runtime";var rQ=`
+.sf-preview-chat-pick [aria-label] { cursor: pointer; }
+.sf-preview-chat-pick:hover [aria-label] {
+  outline: 2px solid color-mix(in srgb, ${W6.accent} 45%, transparent);
+  outline-offset: 3px;
+}
+.sf-preview-chat-pick[data-selected] [aria-label] {
+  outline: 2px solid ${W6.accent};
+  outline-offset: 3px;
+}
+`;function kg(){let{chromePlaceholder:e,themeFromDocument:t}=F3(),{chat:a,selected:s,select:o}=hS();return e||t||!a.enabled?null:iQ("div",{className:"sf-preview-chat-pick","data-selected":s||void 0,onClick:r=>{r.stopPropagation(),o()},children:[zg("style",{children:rQ}),zg(BH,{preview:!0,children:zg(yg,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{useEffect as NQ,useRef as IQ}from"react";import{jsx as Cg,jsxs as nQ}from"react/jsx-runtime";import{useEffect as lQ,useState as cQ}from"react";function T0({fallback:e,className:t,src:a,alt:s="",objectPosition:o,objectFit:r="cover",sizes:i="100vw",priority:n=!1,deferFetch:l=!1,showBackground:c=!0,treatment:h}){let[p,d]=cQ(!1),u=a||"";lQ(()=>{d(!1)},[u]);let v=rz(u),g=!u||p;return nQ("div",{className:`relative h-full w-full overflow-hidden ${t??""}`,children:[Cg("div",{className:"absolute inset-0 flex items-center justify-center",style:c?{background:"var(--site-surface)"}:void 0,children:g?e:null}),u&&(v?Cg("img",{src:u,alt:s,decoding:"async",...l?{loading:"lazy"}:{},className:`absolute inset-0 h-full w-full${h?.className?` ${h.className}`:""}`,style:{display:p?"none":"block",objectFit:r,...o?{objectPosition:o}:{},...h?.style??{}},onError:()=>d(!0)}):Cg(gi,{src:u,alt:s,fill:!0,sizes:i,priority:n,...h?.className?{className:h.className}:{},style:{display:p?"none":"block",objectFit:r,...o?{objectPosition:o}:{},...h?.style??{}},onError:()=>d(!0)}))]})}import{useId as fQ}from"react";var hQ=25.4,Qs=400,cc=152,pQ=58,ZH=cc*Math.cos(pQ*Math.PI/180),mQ=14,dQ=Qs/2,uQ={sectionWidth:225,aspectRatio:60,rimDiameter:17};function WH(e){let t=L4(e);return t?{sectionWidth:t.width,aspectRatio:t.profile,rimDiameter:t.rim}:uQ}function qH(e){let t=e.rimDiameter*hQ/2,a=t+e.sectionWidth*e.aspectRatio/100,s=cc*(e.sectionWidth/a),o=t/a;return{cy:dQ,rx:ZH,ry:cc,cxf:Qs/2-s/2-mQ,dx:s,rimRx:ZH*o,rimRy:cc*o}}var M0=e=>e.toFixed(1);function hc(e,t,a,s=!1){let o=e.cxf+t*e.dx,[r,i]=s?[e.cy+e.ry,e.cy-e.ry]:[e.cy-e.ry,e.cy+e.ry];return`M${M0(o)} ${M0(r)} A${M0(e.rx)} ${M0(e.ry)} 0 0 ${a} ${M0(o)} ${M0(i)}`}function Sg(e,t,a){let s=e.cxf+t*e.dx,o=e.cxf+a*e.dx,r=e.cy-e.ry,i=e.cy+e.ry;return`M${M0(s)} ${M0(r)} L${M0(o)} ${M0(r)} A${M0(e.rx)} ${M0(e.ry)} 0 0 1 ${M0(o)} ${M0(i)} L${M0(s)} ${M0(i)} A${M0(e.rx)} ${M0(e.ry)} 0 0 0 ${M0(s)} ${M0(r)} Z`}function lc(e,t,a){let s=a*Math.PI;return[e.cxf+t*e.dx+e.rx*Math.sin(s),e.cy-e.ry*Math.cos(s)]}function UH(e,t,a,s,o){let[r,i]=lc(e,t,s),[n,l]=lc(e,t,o),[c,h]=lc(e,a,o),[p,d]=lc(e,a,s);return`M${M0(r)} ${M0(i)} A${M0(e.rx)} ${M0(e.ry)} 0 0 1 ${M0(n)} ${M0(l)} L${M0(c)} ${M0(h)} A${M0(e.rx)} ${M0(e.ry)} 0 0 0 ${M0(p)} ${M0(d)} L${M0(r)} ${M0(i)} Z`}var GH=[{f:[0,.215]},{f:[.245,.485]},{f:[.515,.755]},{f:[.785,1]}],gQ={COM:[{f:[0,.115]},{f:[.145,.26]},{f:[.29,.405]},{f:[.435,.55]},{f:[.58,.695]},{f:[.725,.84]},{f:[.87,1]}],P:[{f:[0,.17],blocks:{count:9,gap:.34}},{f:[.2,.38]},{f:[.42,.58]},{f:[.62,.8]},{f:[.83,1],blocks:{count:9,gap:.34,phase:.5}}],HP:[{f:[0,.3]},{f:[.34,.52]},{f:[.56,.7]},{f:[.74,1],blocks:{count:16,gap:.18}}],UHP:[{f:[0,.34]},{f:[.4,.56]},{f:[.62,1]}],SUV:[{f:[0,.16],blocks:{count:7,gap:.4}},{f:[.2,.36],blocks:{count:11,gap:.26,phase:.5}},{f:[.4,.6]},{f:[.64,.8],blocks:{count:11,gap:.26,phase:.5}},{f:[.84,1],blocks:{count:7,gap:.4}}],LT:[{f:[0,.22],blocks:{count:11,gap:.26}},{f:[.26,.48],blocks:{count:11,gap:.26,phase:.5}},{f:[.52,.74],blocks:{count:11,gap:.26}},{f:[.78,1],blocks:{count:11,gap:.26,phase:.5}}],AT:[{f:[0,.23],blocks:{count:6,gap:.46}},{f:[.29,.5],blocks:{count:6,gap:.46,phase:.5}},{f:[.56,.77],blocks:{count:6,gap:.46}},{f:[.83,1],blocks:{count:6,gap:.46,phase:.5}}],MT:[{f:[0,.29],blocks:{count:4,gap:.58}},{f:[.36,.64],blocks:{count:4,gap:.58,phase:.5}},{f:[.71,1],blocks:{count:4,gap:.58}}]},vQ=[["ultra high performance","UHP"],["uhp","UHP"],["high performance","HP"],["hp","HP"],["performance","HP"],["sport","HP"],["mud terrain","MT"],["mud","MT"],["mt","MT"],["all terrain","AT"],["at","AT"],["light truck","LT"],["lt","LT"],["commercial","COM"],["com","COM"],["van","COM"],["cargo","COM"],["suv","SUV"],["4x4","SUV"],["crossover","SUV"],["cuv","SUV"],["passenger","P"],["touring","P"],["highway","P"],["p","P"]];function jH(e){let t=` ${(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").trim()} `;if(t.trim()==="")return GH;for(let[a,s]of vQ)if(t.includes(` ${a} `))return gQ[s];return GH}var pc="Illustrations are drawn to each tyre's listed size and represent its category; supplier photography replaces them where available.";import{Fragment as eo,jsx as y0,jsxs as c6}from"react/jsx-runtime";var H4={rib:.2,grooveWall:.16,shoulder:.22,silhouette:.26,relief:[.26,.15,.11],lettering:.1,dishFill:.06,dishEdge:.3,spoke:.3,hubFill:.16,hubEdge:.34},bQ=[.8,.52,.24],KH=.4,$H=.88,YH=.3,XH=5,JH=.3,QH=.84,xQ=7,F0=e=>Math.round(e*10)/10;function Mg({size:e,type:t,className:a}){let s=fQ().replace(/[^a-zA-Z0-9]/g,""),o={tread:`${s}-tread`,wall:`${s}-wall`,rim:`${s}-rim`,shadow:`${s}-shadow`,crown:`${s}-crown`},r=qH(WH(e)),i=Sg(r,0,1),n=e?`${e} tyre illustration`:"Tyre illustration";return c6("svg",{"data-tyre-placeholder":"",viewBox:`0 0 ${Qs} ${Qs}`,role:"img","aria-label":n,fill:"none",className:a??"block h-full w-full",children:[y0("title",{children:n}),c6("defs",{children:[y0(yQ,{id:o}),y0("clipPath",{id:o.crown,children:y0("path",{d:i})})]}),y0("ellipse",{cx:F0(r.cxf+r.dx/2),cy:F0(r.cy+r.ry-4),rx:F0(r.dx*1.5),ry:16,fill:`url(#${o.shadow})`}),y0(zQ,{g:r,id:o}),y0(kQ,{g:r,id:o}),y0("path",{d:i,fill:`url(#${o.tread})`}),y0("g",{clipPath:`url(#${o.crown})`,children:jH(t).map(l=>y0(wQ,{g:r,column:l},l.f[0]))}),y0("path",{d:hc(r,0,0,!0),stroke:"currentColor",strokeOpacity:H4.shoulder,strokeWidth:1.2}),y0("path",{d:hc(r,1,1),stroke:"currentColor",strokeOpacity:H4.silhouette,strokeWidth:1.4})]})}function wQ({g:e,column:t}){let[a,s]=t.f;if(!t.blocks)return c6(eo,{children:[y0("path",{d:Sg(e,a,s),fill:"currentColor",fillOpacity:H4.rib}),y0("path",{d:hc(e,a,1),stroke:"currentColor",strokeOpacity:H4.grooveWall,strokeWidth:1})]});let{count:o,gap:r,phase:i=0}=t.blocks,n=1/o,l=[];for(let c=-1;c<=o;c+=1){let h=Math.max((c+i+r/2)*n,0),p=Math.min((c+i+1-r/2)*n,1);p-h>n*.15&&l.push([h,p])}return y0(eo,{children:l.map(([c,h])=>y0("path",{d:UH(e,a,s,c,h),fill:"currentColor",fillOpacity:H4.rib,stroke:"currentColor",strokeOpacity:H4.grooveWall,strokeWidth:1},c))})}function yQ({id:e}){return c6(eo,{children:[c6("linearGradient",{id:e.tread,x1:"0",y1:"0",x2:"1",y2:"0",children:[y0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.07}),y0("stop",{offset:"0.14",stopColor:"currentColor",stopOpacity:.24}),y0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.18}),y0("stop",{offset:"0.84",stopColor:"currentColor",stopOpacity:.1}),y0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.05})]}),c6("linearGradient",{id:e.wall,x1:"0.15",y1:"0",x2:"0.9",y2:"1",children:[y0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.28}),y0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.17}),y0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.08})]}),c6("linearGradient",{id:e.rim,x1:"0.1",y1:"0",x2:"0.9",y2:"1",children:[y0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.46}),y0("stop",{offset:"0.5",stopColor:"currentColor",stopOpacity:.26}),y0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.12})]}),c6("radialGradient",{id:e.shadow,children:[y0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.22}),y0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:0})]})]})}function zQ({g:e,id:t}){let a=e.rimRy/e.ry,s=r=>a+(1-a)*r,o=Math.max(6,(e.ry-e.rimRy)*.3);return c6(eo,{children:[y0("ellipse",{cx:F0(e.cxf),cy:F0(e.cy),rx:F0(e.rx),ry:F0(e.ry),fill:`url(#${t.wall})`}),bQ.map((r,i)=>{let n=s(r);return y0("ellipse",{cx:F0(e.cxf),cy:F0(e.cy),rx:F0(e.rx*n),ry:F0(e.ry*n),stroke:"currentColor",strokeOpacity:H4.relief[i],strokeWidth:1},r)}),y0("ellipse",{cx:F0(e.cxf),cy:F0(e.cy),rx:F0(e.rx*s(KH)),ry:F0(e.ry*s(KH)),stroke:"currentColor",strokeOpacity:H4.lettering,strokeWidth:F0(o)})]})}function kQ({g:e,id:t}){let a=Array.from({length:XH},(s,o)=>{let r=(o*(360/XH)-90)*Math.PI/180;return{x1:e.cxf+e.rimRx*JH*Math.cos(r),y1:e.cy+e.rimRy*JH*Math.sin(r),x2:e.cxf+e.rimRx*QH*Math.cos(r),y2:e.cy+e.rimRy*QH*Math.sin(r)}});return c6(eo,{children:[y0("ellipse",{cx:F0(e.cxf),cy:F0(e.cy),rx:F0(e.rimRx),ry:F0(e.rimRy),fill:`url(#${t.rim})`}),y0("ellipse",{cx:F0(e.cxf),cy:F0(e.cy),rx:F0(e.rimRx*$H),ry:F0(e.rimRy*$H),fill:"currentColor",fillOpacity:H4.dishFill,stroke:"currentColor",strokeOpacity:H4.dishEdge,strokeWidth:1}),a.map((s,o)=>y0("line",{x1:F0(s.x1),y1:F0(s.y1),x2:F0(s.x2),y2:F0(s.y2),stroke:"currentColor",strokeOpacity:H4.spoke,strokeWidth:xQ,strokeLinecap:"round"},o)),y0("ellipse",{cx:F0(e.cxf),cy:F0(e.cy),rx:F0(e.rimRx*YH),ry:F0(e.rimRy*YH),fill:"currentColor",fillOpacity:H4.hubFill,stroke:"currentColor",strokeOpacity:H4.hubEdge,strokeWidth:1})]})}import{jsx as Ag}from"react/jsx-runtime";function j6({image:e,size:t,type:a,sizes:s,priority:o=!1,className:r="aspect-square",showBackground:i=!0}){return Ag("div",{className:`text-fg ${r}`,style:{padding:"var(--sf-tyre-image-inset, 0)"},children:Ag(T0,{label:t||"Tyre",src:x4(e??void 0),alt:t?`${t} tyre`:"Tyre",objectFit:"contain",sizes:s,priority:o,showBackground:i,fallback:Ag(Mg,{size:t,type:a,className:"block h-full w-full p-3"})})})}function dc(e){if(!e||e.year===null)return null;let{make:t,model:a,year:s,modification:o}=e;return!t||!a||!o?null:{make:t,model:a,year:s,modification:o}}function CQ(e,t){let a=new URLSearchParams({make:t.make,model:t.model,year:String(t.year),modification:t.modification});return`/api/v1/tyres/${encodeURIComponent(e)}/fitment?${a.toString()}`}function mc(e,t=""){return{vehicle:{...e,region:t},status:"unknown",oemSizes:[],variants:[]}}function SQ(e,t){if(typeof t!="object"||t===null)return mc(e);let a=t,s=typeof a.vehicle=="object"&&a.vehicle!==null?a.vehicle:{},o=typeof s.region=="string"?s.region:"",r=a.status;if(r!=="fits"&&r!=="doesNotFit")return mc(e,o);let i=Array.isArray(a.variants)?a.variants.filter(n=>typeof n=="object"&&n!==null&&typeof n.sku=="string"&&typeof n.fits=="boolean"):[];return i.length===0?mc(e,o):{vehicle:{make:typeof s.make=="string"?s.make:e.make,model:typeof s.model=="string"?s.model:e.model,year:typeof s.year=="number"?s.year:e.year,modification:typeof s.modification=="string"?s.modification:e.modification,region:o},status:r,oemSizes:Array.isArray(a.oemSizes)?a.oemSizes.filter(n=>typeof n=="string"):[],variants:i.map(n=>({sku:n.sku,size:typeof n.size=="string"?n.size:"",fits:n.fits}))}}async function eF(e,t){try{let a=await I7(CQ(e,t),{baseUrl:EM});return SQ(t,a)}catch{return mc(t)}}function tF(e){if(!e)return[];let t=[];for(let a of[...e.frontTyres,...e.rearTyres]){let s=L4(a);if(!s)continue;let o=d5(s);t.includes(o)||t.push(o)}return t}function aF(e,t){if(t.length===0)return null;for(let a of e){let s=L4(a);if(!s)continue;let o=d5(s);if(t.includes(o))return o}return null}function to(e,t){if(!e||e.status==="unknown")return"unknown";let a=e.variants.find(s=>s.sku===t);return a?a.fits?"fits":"doesNotFit":"unknown"}var MQ="/tyres";function Rt(e){return e?`${MQ}/${e}`:null}function _t(e){let t=e.lastIndexOf(" ");return t===-1?{lead:"",accent:e}:{lead:e.slice(0,t+1),accent:e.slice(t+1)}}function Lg(e,t){return NM({partNumber:e.sku,prices:e.prices},t)}var AQ="Tyre";function uc(e,t,a,s){return{id:`${e.slug}|${t.sku}|${a.unit}|${a.spares>0?"spare":"no-spare"}`,slug:e.slug,name:_t(e.name),process:e.brand||AQ,positionNo:"01",config:[{label:t.size},{label:Fn(a)}],finishName:"",size:t.size,components:Lg(t,a),qty:s,href:Rt(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:a}}function gc(e){return e.kind==="tyre"}function sF(e,t){let a=e.prices?.[t];return typeof a!="number"||!Number.isFinite(a)||a<=0?!1:e.inStock}import{jsx as ao}from"react/jsx-runtime";function LQ(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function Tg({line:e,catalog:t,tyre:a}){let s=t.find(h=>h.slug===e.slug),o=e.config.find(h=>h.gold)?.label,r=s?.finishes.find(h=>h.name===o&&h.src)??s?.finishes.find(h=>h.src),i=s?.spokes??5,n=s?.mesh??!1,c=(s?.finishes.find(h=>h.name===o)??s?.finishes[0])?.color??WM;return ao("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:gc(e)?ao(j6,{image:a?.coverImage,size:e.size,type:LQ(a),sizes:"96px",className:"h-full w-full"}):r?.src?ao(t4,{src:r.src,alt:`${s?.name??e.slug} \u2014 ${r.name}`,width:120,height:120,sizes:"96px",className:"relative z-[2] block w-[88%] object-contain",style:{filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"}}):s||t.length===0?ao("div",{className:"relative z-[2] block w-[72%]",style:{color:c,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:ao(a9,{spokes:i,mesh:n,className:"block w-full"})}):null})}import{jsx as Eg,jsxs as EQ}from"react/jsx-runtime";function oF(e,t){return Math.min(Md,Math.max(1,e+t))}var rF="disabled:cursor-not-allowed disabled:opacity-40",TQ={large:{frame:"flex items-center border-2 border-fg-dim/50",button:`h-12 w-12 cursor-pointer bg-transparent font-mono text-[length:var(--size-label,16px)] font-bold text-fg transition-colors enabled:hover:bg-surface enabled:hover:text-accent ${rF}`,value:"w-11 text-center font-mono text-[length:var(--size-label,15px)] font-bold tracking-[0.1em] text-fg"},small:{frame:"flex items-center border border-line",button:`h-[30px] w-[30px] cursor-pointer font-mono text-fg-dim transition-colors enabled:hover:text-accent ${rF}`,value:"min-w-[36px] px-3 text-center font-mono text-[12px] tracking-[0.18em] text-fg"}};function so({value:e,onChange:t,size:a}){let s=TQ[a];return EQ("div",{className:s.frame,children:[Eg("button",{type:"button",onClick:()=>t(oF(e,-1)),disabled:e<=1,"aria-label":"Decrease quantity",className:s.button,children:"\u2212"}),Eg("span",{className:s.value,children:e}),Eg("button",{type:"button",onClick:()=>t(oF(e,1)),disabled:e>=Md,"aria-label":"Increase quantity",className:s.button,children:"+"})]})}import{useEffect as HQ,useState as FQ}from"react";var PQ=new Map;function iF(e){let[t,a]=FQ(null);return HQ(()=>{if(!e||t)return;let s=!0;return f0.listCatalog(["tyre"]).then(o=>{s&&a(new Map(o.flatMap(r=>r.kind==="tyre"?[[r.slug,r]]:[])))}).catch(o=>{console.error("[useTyreCatalog] tyre catalog read failed",o)}),()=>{s=!1}},[e,t]),t??PQ}import{Fragment as vc,jsx as B1,jsxs as b0}from"react/jsx-runtime";function oo({content:e=ji}){let{isOpen:t,preview:a,close:s,items:o,remove:r,setQty:i,totals:n,coupon:l,bundles:c}=M4(),h=new Set(o.flatMap(x=>(x.components??[]).map(k=>k.partNumber))),p=new Set(n.appliedBundles.map(x=>x.slug)),d=c.filter(x=>!p.has(x.slug)).filter(x=>x.components.some(k=>h.has(k.partNumber))).slice(0,2),{formatMoney:u,activeCountry:v}=w0(),g=v?.name??e.shipsToFallback,b=1+(e.leadTimeValue?1:0)+(g?1:0),f=IQ(null),y=iF(o.some(gc));return K4({active:t,onDismiss:s,lockScroll:!a}),NQ(()=>{t&&f.current?.focus({preventScroll:!0})},[t]),t?b0(vc,{children:[B1("div",{onClick:s,className:"fixed inset-0 z-[60] backdrop-blur-[4px]",style:{background:"rgba(0,0,0,0.68)",animation:"storefront-cart-fade 350ms ease both"},"aria-hidden":"true"}),b0("aside",{role:"dialog","aria-label":"Your cart","aria-modal":"true",className:"fixed inset-y-0 right-0 z-[61] flex w-[520px] max-w-[100vw] flex-col border-l border-line bg-bg max-[640px]:w-screen max-[640px]:border-l-0",style:{animation:"storefront-cart-slide 450ms cubic-bezier(.2,.7,.2,1) both",boxShadow:"-30px 0 80px rgba(0,0,0,.5)"},onClick:x=>x.stopPropagation(),children:[B1("style",{children:`
+          @keyframes storefront-cart-fade  { from { opacity: 0 } to { opacity: 1 } }
+          @keyframes storefront-cart-slide { from { transform: translateX(40px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
+        `}),b0("header",{className:"flex flex-shrink-0 flex-col gap-3.5 border-b border-line px-8 pb-[22px] pt-[26px] max-[640px]:px-[22px] max-[640px]:pt-[22px] max-[640px]:pb-[18px]",children:[b0("div",{className:"flex items-center justify-between",children:[b0("span",{className:"flex items-center gap-2.5 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e.kickerBadge?B1("span",{className:"border px-2 py-1 text-[10px]",style:{background:"color-mix(in oklab, var(--accent) 12%, transparent)",borderColor:"color-mix(in oklab, var(--accent) 50%, transparent)"},children:e.kickerBadge}):null,(e.kickerBadge?"\xB7 ":"")+e.kickerText]}),B1("button",{ref:f,type:"button",onClick:s,"aria-label":"Close cart",className:"flex h-8 w-8 items-center justify-center border border-line text-[14px] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u2715"})]}),b0("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[e.titleLead+" ",B1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:e.titleAccent})]}),B1("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:bC(e,o.length)})]}),b0("div",{className:`grid flex-shrink-0 ${VQ[b-1]} gap-px border-b border-line bg-line`,children:[B1(Hg,{label:"Items",value:b0(vc,{children:[B1("em",{className:"font-serif font-normal italic text-accent",children:n.sets})," set",n.sets===1?"":"s"," \xB7 ",n.units," item",n.units===1?"":"s"]})}),e.leadTimeValue?B1(Hg,{label:"Lead time",value:e.leadTimeValue}):null,g?B1(Hg,{label:"Ships to",value:g}):null]}),b0("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--site-line)_transparent] [scrollbar-width:thin]",children:[o.length===0?B1(DQ,{content:e}):o.map(x=>B1(RQ,{line:x,tyre:y.get(x.slug),onRemove:()=>r(x.id),onQtyChange:k=>i(x.id,k)},x.id)),d.length>0&&b0("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",style:{background:"color-mix(in oklab, var(--site-surface) 60%, transparent)"},children:[b0("div",{className:"mb-3.5 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[B1("span",{children:"You may also need"}),B1("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),B1("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:d.map(x=>B1(_Q,{href:`/bundles/${x.slug}`,title:x.name,sub:OQ(x,n.currency,u)},x.slug))})]}),B1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:B1(KM,{})}),e.promises.length>0&&B1("div",{className:"flex flex-wrap justify-center gap-[18px] border-b border-line px-8 pt-[22px] pb-7 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim max-[640px]:px-[22px]",children:e.promises.map(x=>B1(BQ,{children:x},x))})]}),b0("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-[22px]",children:[B1(e8,{label:`Subtotal \xB7 ${n.sets} set${n.sets===1?"":"s"}`,value:u(n.subtotal,n.currency)}),n.appliedBundles.map(x=>B1(e8,{label:`Bundle \xB7 ${x.name}${x.multiples>1?` \xD7${x.multiples}`:""}`,value:b0("span",{style:{color:"var(--green)"},children:["\u2212 ",u(x.discount,n.currency)]})},x.slug)),n.discount>0&&l?.valid&&B1(e8,{label:`Coupon \xB7 ${l.code}`,value:b0("span",{style:{color:"var(--green)"},children:["\u2212 ",u(n.discount,n.currency)]})}),l?.deferred&&B1(e8,{label:`Coupon \xB7 ${l.code}`,value:FM}),l?.valid&&l.effects?.gift&&B1(e8,{label:`Free gift \xB7 ${l.effects.gift.partNumber}${l.effects.gift.quantity>1?` \xD7${l.effects.gift.quantity}`:""}`,value:B1("span",{style:{color:"var(--green)"},children:"Free"})}),B1(e8,{label:"Shipping",value:n.shippingStatus==="free"?B1("span",{style:{color:"var(--green)"},children:"Free"}):ZM(n.shippingStatus)??u(n.shipping,n.currency)}),n.tax&&(n.tax.charged?B1(e8,{label:n.tax.inclusive?`${n.tax.name} included \xB7 ${n.tax.rate}%`:n.tax.name,value:u(n.tax.amount,n.currency)}):n.tax.name?B1(e8,{label:n.tax.name,value:"Calculated at checkout"}):null),b0("div",{className:"mt-1.5 flex items-center justify-between border-t border-line pt-3.5 text-fg",children:[b0("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",B1("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),B1("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:n.repricing?"\u2026":u(n.grand,n.currency)})]})]}),b0("div",{className:"flex flex-shrink-0 flex-col gap-2.5 px-8 pb-[22px] pt-3.5 max-[640px]:px-[22px]",children:[b0(T1,{href:"/checkout",onClick:s,"aria-disabled":o.length===0,className:["group flex items-center justify-between border px-5 py-[18px] font-mono text-[12px] uppercase tracking-[0.3em] transition-colors",o.length===0?"pointer-events-none cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:["Begin checkout",B1("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]}),B1("div",{className:"flex items-center justify-between px-1 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:B1(T1,{href:"/wheels",onClick:s,className:"text-fg transition-colors hover:text-accent",children:"\u2190 Keep browsing"})})]})]})]}):null}var VQ=["grid-cols-1","grid-cols-2","grid-cols-3"];function Hg({label:e,value:t}){return b0("div",{className:"flex flex-col gap-[3px] bg-bg px-4 py-3.5",children:[B1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:e}),B1("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:t})]})}function RQ({line:e,tyre:t,onRemove:a,onQtyChange:s}){let{catalog:o,totals:r}=M4(),i=(e.components??[]).reduce((c,h)=>c+(r.freeUnitsByPartNumber[h.partNumber]??0),0),{currency:n,formatMoney:l}=w0();return b0(vc,{children:[b0("article",{className:"grid grid-cols-[96px_1fr] gap-5 border-b border-line px-8 py-6 transition-colors hover:bg-[color-mix(in_oklab,var(--site-surface)_60%,transparent)] max-[640px]:grid-cols-[78px_1fr] max-[640px]:px-[22px] max-[640px]:py-5",children:[B1(Tg,{line:e,catalog:o,tyre:t}),b0("div",{className:"flex min-w-0 flex-col gap-2",children:[b0("div",{className:"flex items-start justify-between gap-3",children:[b0("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N\xB0 ",e.positionNo," \xB7 ",e.process==="FusionForge\xAE"?b0(vc,{children:["FusionForge",B1(Z6,{})]}):e.process]}),B1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:Ad(e,n)===null?R7:l(Ad(e,n),n)})]}),b0("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[e.name.lead,B1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:e.name.accent})]}),e.config.length>0&&b0("div",{className:"mt-1 flex flex-wrap gap-1.5",children:[e.config.map(c=>B1("span",{className:["border px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em]",c.gold?"border-[color-mix(in_oklab,var(--accent)_45%,var(--site-line))] text-accent":"border-line text-fg-dim"].join(" "),children:c.label},c.label)),i>0&&b0("span",{className:"border border-accent bg-accent px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em] text-bg",children:[i,"\xD7 free"]})]}),b0("div",{className:"mt-2.5 flex items-center justify-between gap-3",children:[B1(so,{value:e.qty,onChange:s,size:"small"}),b0("div",{className:"flex gap-3.5 font-mono text-[10px] uppercase tracking-[0.22em]",children:[B1(T1,{href:e.href??`/wheels/${e.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:e.href?"View product":"Edit finish"}),B1("button",{type:"button",onClick:a,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),e.verifiedFor&&b0("div",{className:"mx-8 -mt-px flex items-start gap-3 border-t-0 px-4 py-3.5 font-display text-[13px] leading-[1.45] text-fg max-[640px]:mx-[22px]",style:{background:"color-mix(in oklab, var(--accent) 8%, transparent)",border:"1px solid color-mix(in oklab, var(--accent) 35%, var(--site-line))",borderTop:"0"},children:[B1("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),b0("span",{children:["Verified for your ",B1("strong",{className:"font-medium text-accent",children:e.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function _Q({title:e,sub:t,href:a}){return b0(T1,{href:a,className:"flex items-center justify-between border border-line bg-bg px-3.5 py-3 text-left transition-colors hover:border-accent",children:[b0("span",{className:"flex min-w-0 flex-col gap-[3px]",children:[B1("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:e}),B1("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:t})]}),B1("span",{className:"ml-2 flex h-6 w-6 flex-shrink-0 items-center justify-center font-mono text-[13px] text-accent",style:{borderColor:"color-mix(in oklab, var(--accent) 45%, var(--site-line))",borderWidth:1,borderStyle:"solid"},children:"+"})]})}function OQ(e,t,a){let s=e.savings[t];if(s===void 0)return"Buy together";let o=a(s,t);return e.savingIsFrom?`Save from ${o}`:`Save ${o}`}function BQ({children:e}){return B1("span",{className:"inline-flex items-center gap-1.5 before:text-[6px] before:text-accent before:content-['\u25CF']",children:e})}function e8({label:e,value:t}){return b0("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[B1("span",{children:e}),B1("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:t})]})}function DQ({content:e}){return b0("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[B1("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:e.emptyKicker}),B1("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:e.emptyBody}),b0(T1,{href:"/wheels",className:"mt-3 inline-flex items-center gap-3 border border-line px-5 py-3 font-mono text-[11px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:["Browse the catalog ",B1("span",{className:"text-accent",children:"\u2192"})]})]})}import{Fragment as GQ,jsx as d9,jsxs as fc}from"react/jsx-runtime";var ZQ=St(()=>import("./chunks/EditorPreviewCheckout-SKKKKPGY.js"),{ssr:!1});function Fg(){let{chromePlaceholder:e,themeFromDocument:t}=F3(),{surface:a}=gS();return e||t||!a||a!=="cart"&&a!=="checkout"?null:a==="checkout"?fc(GQ,{children:[d9(ZQ,{}),d9(nF,{surface:a})]}):d9(O7,{children:fc(nt,{preview:!0,children:[d9(oo,{}),d9(nF,{surface:a})]})})}function nF({surface:e}){let{label:t,href:a}=RE(e);return fc("div",{style:{position:"fixed",bottom:14,left:"50%",transform:"translateX(-50%)",zIndex:2147483e3,display:"flex",alignItems:"center",gap:8,maxWidth:"calc(100% - 24px)",padding:"5px 6px 5px 13px",borderRadius:999,fontSize:12,fontWeight:600,fontFamily:"system-ui, sans-serif",color:"#334155",background:"rgba(255,255,255,0.94)",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 6px 24px rgba(15,23,42,0.18)",pointerEvents:"none"},children:[d9("span",{style:{whiteSpace:"nowrap"},children:m("{name} \xB7 preview only",{name:m(t)})}),fc("a",{href:a,target:"_blank",rel:"noopener noreferrer",style:{pointerEvents:"auto",flex:"none",display:"inline-flex",alignItems:"center",gap:5,padding:"4px 11px",borderRadius:999,color:"#fff",background:"#2563eb",textDecoration:"none"},children:[m("Open live"),d9(O6,{name:"external-link",size:13,rounded:!0})]})]})}import{CategoryIcon as tp1,CheckIcon as Sj,ClockIcon as Hy,ColumnsIcon as ap1,DirectionIcon as sp1,EyeIcon as op1,ListIcon as rp1,PageIcon as ip1,PlacementIcon as np1,ScrollPointIcon as lp1,TriggerIcon as cp1}from"efficient-easel/icons";import{useContext as qQ,useEffect as cF,useRef as xc,useState as wc}from"react";import{Button as yc}from"efficient-shell/ui";var ro=class extends Error{constructor(a){super("The storefront forms list could not be loaded.");this.cause=a;this.name="FormsUnavailableError"}},bc=null,Pg=null,Ng=null;function WQ(){bc=null,Pg=null,Ng=null}function lF(e=!1){let t=P3(),a=v2();return(e||!bc||Pg===null&&t!==null||Ng!==a)&&(Pg=t,Ng=a,bc=(t?F1.listForms(t,{siteId:a}):Promise.reject(new ro)).catch(s=>{throw WQ(),s instanceof ro?s:new ro(s)})),bc}import{jsx as I2,jsxs as h6}from"react/jsx-runtime";var hF="__create-a-new-form__";function UQ({value:e,forms:t,loadFailed:a,emptyLabel:s}){let o=t??[],r=e?o.some(p=>p.slug===e):!0,i=t===null&&!a,n={value:"",label:i?m("Loading\u2026"):a?m("Forms couldn\u2019t be loaded"):s===void 0?m("No form yet"):m(s)},l=e&&!r?[{value:e,label:i||a?e:m("{slug} \u2014 no form with this name",{slug:e})}]:[],c=o.map(p=>({value:p.slug,label:p.is_active?p.title:m("{title} (switched off)",{title:p.title})})),h=i?[]:[{value:hF,label:m("Create a new form")}];return[n,...l,...c,...h]}function jQ(e){return e===hF?{action:"create"}:{action:"store",slug:e}}function KQ({value:e,pickedId:t,forms:a}){if(!e||!t||a.some(o=>o.slug===e))return null;let s=a.find(o=>o.id===t);return s&&s.slug&&s.slug!==e?s.slug:null}function $Q(e){let t=[m("Goes to {place}",{place:m("Storefront \u2192 Forms")})],a=(e.notify_email??"").trim();return a&&t.push(m("Emails a copy to {email}",{email:a})),e.mailing_list_name&&t.push(e.subscribe_mode==="checkbox"?m("Joins the \u201C{audience}\u201D audience, but only when the consent box is ticked",{audience:e.mailing_list_name}):m("Joins the \u201C{audience}\u201D audience",{audience:e.mailing_list_name})),e.kind==="account_signup"&&t.push(e.signup_customer_type==="importer"?m("Creates a wholesale account"):m("Creates a retail account")),t}function Ig({value:e,onChange:t,label:a="Form",emptyLabel:s}){let o=b3(),r=qQ(we),i=r?r.capabilities.hasForms:!0,[n,l]=wc(null),[c,h]=wc(!1),[p,d]=wc(!1),[u,v]=wc(!1),g=xc(!0),b=xc(e);b.current=e;let f=xc(t);f.current=t;let y=xc(null),x=(P=!1)=>lF(P).then(E=>{if(g.current){l(E),h(!1);let N=KQ({value:b.current,pickedId:y.current,forms:E});N&&f.current(N)}return E},()=>(g.current&&h(!0),[]));cF(()=>(g.current=!0,i&&x(),()=>{g.current=!1}),[i]),cF(()=>i?dl(()=>{x(!0)}):void 0,[i]);let S=e?(n??[]).find(P=>P.slug===e)??null:null;S?y.current=S.id:e||(y.current=null);let L=!!e&&!S&&n!==null&&!c,R=UQ({value:e,forms:n,loadFailed:c,emptyLabel:s}),F=async()=>{d(!0),v(!1);try{let P=await pL(o,{mode:"create"}),E=await x(!0);if(!g.current)return;if(P.status==="timeout"){v(!0);return}if(P.status!=="saved")return;let{form:N}=P;N.slug!==b.current&&f.current(N.slug),E.some(V=>V.id===N.id)||x(!0)}finally{g.current&&d(!1)}},O=P=>{let E=jQ(P);E.action==="create"?F():(v(!1),t(E.slug))};return i?h6("div",{className:"sf-formpicker",children:[I2(Me,{label:a,options:R,fallback:"",value:e??"",onChange:O,placeholder:m("Search forms\u2026")}),u&&I2("p",{className:"sf-formsummary-warn",children:m("That didn\u2019t come back \u2014 pick the form from the list, or try again.")}),S?h6("div",{className:"sf-blogsource sf-formsummary",children:[h6("div",{children:[I2("div",{className:"sf-formsummary-caption",children:Q2("{n} field","{n} fields",S.fields.length)}),S.fields.length?I2("ol",{className:"sf-formsummary-fields",children:S.fields.map((P,E)=>I2("li",{children:P.label},P.key||`${P.label}-${E}`))}):I2("p",{className:"es-field-hint sf-hint-keep",children:m("This form has no fields yet, so there is nothing for a visitor to fill in.")})]}),h6("div",{children:[I2("div",{className:"sf-formsummary-caption",children:m("Where the answers go")}),I2("ul",{className:"sf-formsummary-fields",children:$Q(S).map(P=>I2("li",{children:P},P))})]}),!S.is_active&&I2("p",{className:"sf-formsummary-warn",children:m("This form is switched off, so it won\u2019t appear on the published page. Turn it back on in {place}.",{place:m("Storefront \u2192 Forms")})}),h6("div",{className:"sf-formsummary-actions",children:[I2(yc,{variant:"secondary",size:"sm",onClick:()=>hL(o,S.id),children:m("Edit form \u270E")}),I2(yc,{variant:"secondary",size:"sm",disabled:p,onClick:()=>{F()},children:m("New form +")})]}),I2("p",{className:"es-field-hint sf-hint-keep",children:m("The questions, the button text and the thank-you message all come from {place}. Edit them there \u2014 this section updates to match.",{place:m("Storefront \u2192 Forms")})})]}):h6("div",{className:"sf-blogsource sf-formsummary",children:[c?h6("p",{className:"es-field-hint sf-hint-keep",children:[m("This website\u2019s forms couldn\u2019t be loaded, so there is nothing to choose from yet."),e?` ${m("This section still points at \u201C{slug}\u201D, and that is unchanged.",{slug:e})}`:""]}):L&&I2("p",{className:"sf-formsummary-warn",children:m("This section points at \u201C{slug}\u201D, and this website has no form with that name. Pick one from the list above, or leave it \u2014 nothing has been changed.",{slug:e??""})}),h6("div",{className:"sf-formsummary-actions",children:[c&&I2(yc,{variant:"secondary",size:"sm",disabled:p,onClick:()=>{x(!0)},children:m("Try again")}),I2(yc,{variant:"secondary",size:"sm",disabled:p,onClick:()=>{F()},children:m("New form +")})]}),!c&&I2("p",{className:"es-field-hint sf-hint-keep",children:m("Pick a form to show here, or build a new one. Forms are made once in {place} and can be shown on any number of pages.",{place:m("Storefront \u2192 Forms")})})]})]}):I2("div",{className:"sf-formpicker",children:I2("div",{className:"sf-blogsource sf-formsummary",children:h6("div",{children:[I2("div",{className:"sf-formsummary-caption",children:m(a)}),h6("p",{className:"es-field-hint sf-hint-keep",children:[m("Forms aren\u2019t available in this editor, so there is nothing to choose here."),e?` ${m("This section still points at \u201C{slug}\u201D, and that is unchanged.",{slug:e})}`:""]})]})})})}import{jsx as YQ}from"react/jsx-runtime";function p6(e,t){return{type:"custom",render:({value:a,onChange:s})=>YQ(Ig,{value:a,onChange:s,...e?{label:e}:{},...t?{emptyLabel:t}:{}})}}import{createContext as XQ,useContext as JQ}from"react";import{jsx as QQ}from"react/jsx-runtime";var pF=XQ(null);function mF({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return QQ(pF.Provider,{value:a,children:t})}function dF(){return JQ(pF)}import{createContext as e11,useContext as t11}from"react";import{jsx as a11}from"react/jsx-runtime";var uF=e11("alloy-wheel");function gF({kind:e,children:t}){return a11(uF.Provider,{value:e??"alloy-wheel",children:t})}function vF(){return t11(uF)}import{createContext as fF,useContext as zc}from"react";import{jsx as i11}from"react/jsx-runtime";function s11(e){let t=e.replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().toLowerCase();return t?t[0].toUpperCase()+t.slice(1):e}var o11=/^\d{4}-\d{2}-\d{2}$/;function bF(e){return e?e.schema?.length?e.schema.filter(t=>typeof t?.key=="string"&&t.key in e.fields):Object.entries(e.fields).flatMap(([t,a])=>{let s=Array.isArray(a)?"images":typeof a=="string"?o11.test(a)?"date":"text":null;return s?[{key:t,label:s11(t),kind:s}]:[]}):[]}function kc(e,{firstField:t=!1}={}){if(!e)return[];let a=bF(e).filter(s=>s.kind==="images");return(t?a.slice(0,1):a).flatMap(s=>{let o=e.fields[s.key];return Array.isArray(o)?o.flatMap(r=>{let i=r?.url;if(typeof i!="string"||!i)return[];let n=r.alt;return[{url:i,alt:typeof n=="string"?n:""}]}):[]})}function r11(e){let t=new Date(`${e}T00:00:00Z`);return Number.isNaN(t.getTime())?e:t.toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric",timeZone:"UTC"})}function xF(e){return e?bF(e).flatMap(t=>{if(t.kind!=="text"&&t.kind!=="date")return[];let a=e.fields[t.key];return typeof a!="string"||!a.trim()?[]:[{label:t.label,value:t.kind==="date"?r11(a):a}]}):[]}var t8="product",Vg=fF(null);function Rg(e){let t=e?.recordType;return typeof t=="string"&&t.trim()||t8}function Cc(e){let t=e?.appState?.data?.root;return Rg(t?.props)!==t8}var wF=fF(t8);function yF({type:e,children:t}){return i11(wF.Provider,{value:e,children:t})}function Sc(e){let t=zc(Vg),a=zc(wF);return t?t.type!==t8:e&&a!==t8}var Mc={type:"sample",key:"sample",get title(){return m("Record title")},get fields(){return{first:m("A detail of this record"),second:m("Another detail"),third:m("A third")}},value:void 0,get schema(){return[{key:"first",label:m("First detail"),kind:"text"},{key:"second",label:m("Second detail"),kind:"text"},{key:"third",label:m("Third detail"),kind:"text"}]}},zF=4;function Ac(){return zc(Vg)}function kF(e){let t=zc(Vg);return t!==null&&t.type===e?t:null}import{createContext as l11,useContext as c11}from"react";var _g="heroBullets",io="\xB7",no={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function CF(e){return e.detail?`${e.label} ${io} ${e.detail}`:e.label}function n11(e){let t=e.trim();if(!t)return null;let a=t.indexOf(io);return a<0?{label:t,detail:""}:{label:t.slice(0,a).trim(),detail:t.slice(a+io.length).trim()}}function SF(e){let t=(e??{})[_g];return Array.isArray(t)?{bullets:t.map(s=>n11(typeof s=="string"?s:vC(s?.text,""))).filter(s=>s!==null)}:no}import{jsx as h11}from"react/jsx-runtime";var MF=l11(no);function AF({content:e,children:t}){return h11(MF.Provider,{value:e,children:t})}function LF(){return c11(MF)}var k2={text:"Button label",href:"#"},T={eyebrow:"Eyebrow",heading:"Main heading",accent:"Highlight line",body:"Add a sentence or two of supporting copy.",button:"Button label",link:"#",sectionHeading:"Section heading",slideName:"Slide name",boxName:"Box name",headingAccent:"Section heading *here.*",sectionNumber:"Section number",imageCaption:"Image caption",bookingConfirmation:"Thanks \u2014 we'll email you to confirm.",imageMeta:"Image meta",label:"Label",value:"Value",viewAll:"View all",date:"Month DD, YYYY",category:"Category"};var k3={Series:"transparent",StatsParagraph:"transparent",TimelineTrack:PC,Stats:void 0};import{jsx as $6}from"react/jsx-runtime";import{jsx as K6,Fragment as p11,jsxs as m11}from"react/jsx-runtime";import{useEasel as FF}from"efficient-easel/easel";import{LayersIcon as d11}from"efficient-easel/icons";import{SettingsDrill as u11,SettingsField as g11}from"efficient-easel/panel";import{default as TF}from"efficient-easel/screen/components/AddBlockRow";import{default as EF}from"efficient-easel/screen/components/AddChildRow";import{SlotChildActionsProvider as XC1,useSlotChildActions as HF}from"efficient-easel/screen/components/SlotChildActionsContext";function v11({parent:e,parentType:t,label:a,rowName:s,onSelectChild:o,onAddChild:r,nestDepth:i=0}){let n=fs(t,i);if(!n)return null;let{slot:l,choices:c,spec:h}=n,p=String(e.props.id),d=`${p}:${l}`,u=Array.isArray(e.props[l])?e.props[l]:[],v=h?.addBlocked?.(u)??null,g=h?.notice?.(u)??null,b=m11(p11,{children:[g?K6("p",{className:"sf-note",children:g}):null,u.map((f,y)=>K6(u11,{name:s(f),onOpen:()=>o(d,y,String(f.props.id),t)},String(f.props.id??`${d}-${y}`))),c?K6(TF,{choices:c,onPick:f=>r(p,l,f,u.length,t)}):h.fixed?null:K6(EF,{label:h.addLabel,blocked:v,onAdd:()=>r(p,l,h.childType,u.length,t)})]});return K6("div",{className:"sf-slot-rows",children:a?K6(g11,{label:m(a),icon:K6(d11,{}),value:String(u.length),children:b}):b})}function f11(e,t){return fs(e)?.spec?.notice?.(t)??null}function PF({parentType:e}){let{selectedItem:t}=FF(r=>r);if(!t||t.type!==e)return null;let a=fs(e)?.slot,s=a&&Array.isArray(t.props[a])?t.props[a]:[],o=f11(e,s);return o?K6("p",{className:"sf-note",children:o}):null}function b11(e,t){return fs(t)?.source==="footer"?e.blockRowName:e.childRowName}function NF({parentType:e,label:t}){let{appState:a,selectedItem:s}=FF(i=>i),o=HF();if(!o||!s||s.type!==e)return null;let r=e===wz?vi(a?.data,String(s.props.id)):0;return K6(v11,{parent:s,parentType:e,label:t,rowName:b11(o,e),onSelectChild:o.selectChild,onAddChild:o.addChild,nestDepth:r})}var IF="grayscale(1) contrast(1.03)",VF="Black and white";function x11(e){return e===!0?{filter:IF}:{}}function w11(e){let{filter:t}=x11(e);return t?{style:{filter:t}}:{}}var lo="sf-photo-grayscale",y11=`@media (hover:hover){.${lo}{filter:${IF};transition:filter 160ms ease}.${lo}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${lo}{transition:none}}`;function Ot(e,t){return typeof e=="boolean"?e?w11(!0):{}:t===!0?{className:lo}:{}}function RF(e){return e===!0?{[lo]:y11}:{}}import{AlignLeftIcon as C11,BlackAndWhiteIcon as S11,ContrastIcon as M11,HeightIcon as A11,TypeIcon as L11}from"efficient-easel/icons";var z11=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],k11=new Set(z11);function _F(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(k11.has(t[a]))return t[a];return null}var Y6=e=>f3(e,n1("Height",$6(A11,{}),$e.min,$e.max,$e.step,$e.fallback,$e.unit)),Y4={ctaText:I("Button",k2.text),ctaHref:N1("Button link")},m6=()=>y1("Alignment",$6(C11,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),Lc=()=>y1("Tone",$6(M11,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),N3=e=>Ve({...Jn[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),d6=(e,t)=>({type:"custom",render:()=>$6(NF,{parentType:e,label:t})}),Tc=e=>({type:"custom",render:()=>$6(PF,{parentType:e})});function T11(e){let{photographyGrayscale:t}=F3();return l1(VF,t===!0,$6(S11,{})).render(e)}function Bt(){return{type:"custom",render:e=>$6(T11,{...e})}}var Y1=Object.keys(Y5("full"));function Dt(e){let t=_F(e);return t?$6(y4,{noun:t}):$6(L11,{})}import{readLockHolder as _11}from"efficient-easel/edit-lock";var Bg="/api/storefront/section-templates/",Og=e=>`${Bg}${encodeURIComponent(e)}/`,Dg=e=>e.node!=null;function Ec(e){if(!Dg(e))throw new Error(`Section template ${e.id} has no design`);return e}var Gg=(e,t)=>e instanceof S4&&e.status===t;function E11(e){return{list:()=>et(`${Bg}?no_page=true`,{token:e()}).then(t=>Array.isArray(t)?t:t.results??[]),get:t=>et(Og(t),{token:e()}).catch(a=>{if(Gg(a,404))return null;throw a}),create:t=>et(Bg,{method:"POST",token:e(),body:JSON.stringify(t)}),patch:(t,a)=>et(Og(t),{method:"PATCH",token:e(),body:JSON.stringify(a)}),remove:t=>et(Og(t),{method:"DELETE",token:e()})}}var Zg="sf:section-templates",OF=`${Zg}.imported`,H11="Untitled section",F11=160,Hc=e=>(typeof e=="string"?e.trim().slice(0,F11):"")||H11;function P11(e){try{let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>{let s=a?.node;return typeof a?.id=="string"&&typeof s?.type=="string"}):[]}catch{return[]}}async function N11(e,t=w3){let a={created:0,seeded:0,left:0,skipped:0,kept:!1},s=t.getItem(Zg);if(s===null)return a;for(let o of P11(s))try{let r=await e.get(o.id);if(r)r.node==null?(await e.patch(o.id,{node:o.node}),a.seeded+=1):a.left+=1;else try{await e.create({id:o.id,name:Hc(o.name),node:o.node}),a.created+=1}catch(i){if(!Gg(i,400))throw i;a.skipped+=1}}catch{return{...a,kept:!0}}return t.setItem(OF,s),t.getItem(OF)===s&&t.removeItem(Zg),a}var Fc=class{constructor(t,a=w3){this.readToken=t;this.storage=a;this.imported=null;this.http=E11(t)}ready(){return this.imported?this.imported:this.readToken()?(this.imported=N11(this.http,this.storage).catch(()=>{}),this.imported):Promise.resolve()}async list(){return await this.ready(),(await this.http.list()).filter(Dg)}async get(t){return await this.ready(),this.http.get(t)}async ensure(t,a,s){await this.ready();let o=async i=>i?Dg(i)?i:Ec(await this.http.patch(t,{node:s})):null,r=await o(await this.http.get(t));if(r)return r;try{return Ec(await this.http.create({id:t,name:Hc(a),node:s}))}catch(i){if(Gg(i,400)){let n=await o(await this.http.get(t));if(n)return n}throw i}}async save(t,a){return await this.ready(),Ec(await this.http.create({name:Hc(t),node:a}))}async update(t,a){return await this.ready(),Ec(await this.http.patch(t,{node:a}))}async rename(t,a){return await this.ready(),this.http.patch(t,{name:Hc(a)})}async remove(t){await this.ready(),await this.http.remove(t)}};var BF={"PATCH /api/activity/note-media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/activity/notes/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/auth/entities/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_on_dark:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_square:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/auth/me/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PATCH /api/auth/users/{id}/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PATCH /api/bug-reports/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"PATCH /api/employee-documents/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issue-files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/carton-groups/{group_id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/pallets/{pallet_id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/update_status/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/platform/brand-catalog/brands/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/products/brands/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/products/design-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/products/dfm-log-files/{id}/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"PATCH /api/products/moulds/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/products/project-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/products/proposals/{id}/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"PATCH /api/products/weight-logs/{id}/":{image:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"},photo:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/purchase-invoices/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/purchase-orders/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/qc-reports/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/recruitment/candidates/{id}/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"PATCH /api/reimbursements/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/rnd/images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/sales-claims/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/storefront/header-settings/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/storefront/sites/{id}/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/activity/note-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/activity/notes/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/auth/entities/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_on_dark:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_square:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/auth/users/{id}/reset-password/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"POST /api/bank-statements/{id}/import_csv/":{file:{accept:".csv,text/csv,text/plain,application/vnd.ms-excel",hint:"CSV",max_bytes:5242880,max_files:1,policy:"csv_import"}},"POST /api/bank-statements/{id}/preview_csv/":{file:{accept:".csv,text/csv,text/plain,application/vnd.ms-excel",hint:"CSV",max_bytes:5242880,max_files:1,policy:"csv_import"}},"POST /api/bug-reports/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"POST /api/bug-reports/{id}/bookmark/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"POST /api/bug-reports/{id}/thread/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"POST /api/careers/assessments/{token}/snapshots/":{image:{accept:"image/*",max_bytes:409600,max_files:1,policy:"proctoring_snapshot"}},"POST /api/careers/jobs/{slug}/apply/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/chat/conversations/{id}/thread/":{files:{accept:"*",max_bytes:26214400,max_files:10,policy:"chat_files"}},"POST /api/chat/public/conversations/{id}/thread/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"chat_image",reencoded_image:!0}},"POST /api/customer-portal/conversations/{id}/thread/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"chat_image",reencoded_image:!0}},"POST /api/customer-portal/warranty-claim-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/dealer-portal/wheel-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/employee-documents/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issue-files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/bulk_update_status/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/actual_packing/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/carton-groups/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/generate-label/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/pallets/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/refresh-tracking/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/regenerate-label/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/regenerate_invoice/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/update_loaded/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/platform/brand-catalog/brands/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/assign-owner/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/publish/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/resync/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/unpublish/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/feedback/reports/{id}/thread/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"}},"POST /api/products/brands/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/products/brands/{id}/generate-box-pns/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/products/design-images/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/products/dfm-log-files/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"POST /api/products/moulds/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/products/project-images/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/products/proposals/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"POST /api/products/proposals/{id}/approve-project/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"POST /api/products/weight-logs/":{image:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"},photo:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/purchase-invoices/capture/":{file:{accept:"application/pdf,image/jpeg,image/png",hint:"PDF \xB7 JPG \xB7 PNG",max_bytes:15728640,max_files:1,policy:"bill_capture"}},"POST /api/purchase-invoices/files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/purchase-orders/files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/qc-reports/media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/recruitment/candidates/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/analyze-cv/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/hire/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/move-stage/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/reinstate/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/reject/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/withdraw/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/reimbursements/files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/rnd/images/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/rnd/{id}/upload_image/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/sales-claims/media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/sales/contacts/import-csv/":{file:{accept:".csv,text/csv,text/plain,application/vnd.ms-excel",hint:"CSV",max_bytes:5242880,max_files:1,policy:"csv_import"}},"POST /api/sales/contacts/{id}/avatar/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"POST /api/shop-portal/return-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/storefront/media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 SVG \xB7 WEBP \xB7 MP4",max_bytes:268435456,max_files:1,policy:"storefront_media"}},"POST /api/storefront/media/ingest/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 SVG \xB7 WEBP \xB7 MP4",max_bytes:268435456,max_files:1,policy:"storefront_media"}},"POST /api/storefront/sites/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/storefront/sites/{id}/address/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/storefront/sites/{id}/duplicate/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/supplier-portal/dfm-log-files/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"POST /api/utility/mail/send/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"mail_attachments"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"mail_attachments"}},"PUT /api/activity/note-media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/activity/notes/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/auth/entities/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_on_dark:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_square:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PUT /api/auth/me/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PUT /api/auth/users/{id}/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PUT /api/bug-reports/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"PUT /api/employee-documents/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/goods-issue-files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/goods-issues/{id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/products/brands/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PUT /api/products/design-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/products/dfm-log-files/{id}/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"PUT /api/products/moulds/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/products/project-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/products/proposals/{id}/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"PUT /api/products/weight-logs/{id}/":{image:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"},photo:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/purchase-invoices/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/purchase-orders/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/qc-reports/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/recruitment/candidates/{id}/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"PUT /api/reimbursements/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/rnd/images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/sales-claims/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/storefront/header-settings/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PUT /api/storefront/sites/{id}/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"PUT /api/storefront/sites/{id}/countries/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"PUT /api/storefront/sites/{id}/currencies/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"PUT /api/storefront/sites/{id}/part-prices/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}}};function DF(e,t){let a=BF[e][t];return{maxSizeBytes:a.max_bytes,maxFiles:a.max_files,accept:a.accept==="*"||a.accept==="*/*"?void 0:a.accept,acceptHint:a.hint}}var I11=["home","products","gallery","about","contact"],V11=e=>{let t=e.slug.trim().toLowerCase(),a=(e.title??"").trim().toLowerCase(),s=I11.findIndex(o=>o===t||o===a);return s===-1?Number.POSITIVE_INFINITY:s},ZF=e=>e.map((t,a)=>({page:t,idx:a,rank:V11(t)})).sort((t,a)=>t.rank-a.rank||t.idx-a.idx).map(t=>t.page);var qF="Popups",GF="Site";var UF={[CC]:{label:"Site popup",group:qF},[Z4]:{label:"Footer",group:GF},[fC]:{label:"Cart drawer",group:GF}};function qg(e){return UF[e.slug]?.label||e.title||e.slug}function Wg(e){let t=e.group?.trim();return t||null}function WF(e,t){let a=new Map;for(let s of e){let o=t(s),r=a.get(o);r?r.push(s):a.set(o,[s])}return a}function jF(e){let t=ZF(e),a=[],s=t.filter(n=>!ds(n.slug)),o=s.filter(n=>!Wg(n));o.length&&a.push({key:"top",group:null,pages:o});let r=s.filter(n=>Wg(n));for(let[n,l]of WF(r,c=>Wg(c)))a.push({key:`folder:${n}`,group:n,pages:l});let i=t.filter(n=>ds(n.slug));for(let[n,l]of WF(i,c=>UF[c.slug]?.group??qF))a.push({key:`system:${n}`,group:n,pages:l});return a}import{isExpiredSession as jS1,PAGE_CONFLICT_CODE as KF,readEaselFailure as KS1}from"efficient-easel/screen/lib/failure";var Pc=e=>e.layout_updated_at??e.updated_at??null,O11=["live","changed","never"],Ug=e=>O11.includes(e.live_state)?{live:e.live_state}:{};function B11(e){if(!e||typeof e!="object")return null;let t=e;return t.code!==KF?null:{savedBy:typeof t.saved_by=="string"?t.saved_by:"",savedByYou:t.saved_by_you===!0,secondsAgo:typeof t.seconds_ago=="number"?t.seconds_ago:0}}function D11(e){return e===401||e===403?"unauthorized":e===404?"not-found":e===MM||e>=500?"unavailable":"invalid"}function Z11(e){if(!(e instanceof S4))return e;if(e.status===409){let t=B11(e.data);if(t)return new j5("changed-elsewhere",e.message,{conflict:t,cause:e});let a=_11(e.data);if(a)return new j5("lock-taken",e.message,{holder:a,cause:e})}return new j5(D11(e.status),e.message,{cause:e})}var jg=new WeakMap;function G11(e,t){let a=An(),s=a?new URL(a).hostname:typeof window<"u"?window.location?.hostname??null:null,o=null,r=t.siteId(),i=t.token();if(pM(s)&&r&&i){let l=Mn(i,r);jg.has(l)?o=jg.get(l)??null:l.then(c=>jg.set(l,c))}let n=mM({pageSlug:e,siteSlug:o,hostname:s});return a?`${a}${n}`:n}var W11={group:"Template pages",groupKey:"template"},$F=e=>({id:e.id,slug:e.slug,label:e.title||e.slug,...W11,draft:!1});function YF(e){let t=async c=>{let h=e.token();if(!h)throw new j5("unauthorized","The editor has no sign-in yet.");try{return await c(h)}catch(p){throw Z11(p)}},a={list:c=>t(async h=>{let p=await F1.listPages(h,c?.siteId);return jF(p.filter(d=>d.slug!==Z4)).flatMap(d=>d.pages.map(u=>({id:u.id,slug:u.slug,label:qg(u),group:d.group,groupKey:d.key,draft:!u.is_published,kind:u.kind??null})))}),load:c=>t(async h=>{let p="id"in c?c.id:(await F1.findPageBySlug(c.slug,h,c.siteId))?.id,d=p?await F1.getPageById(p,h):null;return d?{id:d.id,layout:d.layout,kind:d.kind,version:Pc(d),...Ug(d)}:null}),save:(c,h,p)=>{let{version:d}=p;return d?t(async u=>{let v=await F1.saveLayout(c,h.layout,u,d,p.clientId||void 0);return{version:Pc(v),...Ug(v)}}):Promise.reject(new Error("Refusing to save this page: the editor does not know which version it is replacing. Reload the page and try again."))},version:c=>t(h=>F1.getPageById(c,h).then(Pc)),linkTargets:c=>t(async h=>(await F1.listPages(h,c?.siteId)).map(p=>({id:p.id,slug:p.slug,label:qg(p),layout:p.layout??null}))),publish:(c,h)=>t(async p=>{let d=await F1.publishPage(c,p,h?.version);return{version:Pc(d),...Ug(d)}})},s=c=>({list:()=>t(async h=>(await F1.listTemplatePages(c,h)).map($F)),load:h=>t(async p=>{let d=b=>"id"in h?b.id===h.id:b.slug===h.slug,u=b=>({id:b.id,layout:b.layout,version:null}),v=await F1.listTemplatePages(c,p);if(v.length)return u(v.find(d)??v[0]);let g=await F1.getTemplate(c,p).catch(()=>null);try{return u(await F1.createTemplatePage(c,{slug:be,title:"Home",layout:g?.layout??{}},p))}catch{let b=await F1.listTemplatePages(c,p),f=b.find(d)??b[0];return f?u(f):null}}),save:(h,p)=>t(async d=>(await F1.saveTemplatePageLayout(h,p.layout,d),{version:null})),create:h=>t(async p=>$F(await F1.createTemplatePage(c,{slug:h.slug,title:h.title,layout:h.layout},p))),remove:(h,p)=>t(d=>F1.deleteTemplatePage(h,d,p))}),o=c=>{let h=c?.siteId??e.siteId();if(!h)throw new j5("not-found","This editor is not connected to a website.");return h},r=c=>({name:c.name,slug:c.slug,mapsApiKey:c.maps_api_key,mapsMapId:c.maps_map_id}),i=c=>Object.fromEntries(Y8.map(h=>[h,c[gn(h)]??""])),n=c=>({enabled:c.enabled,title:c.title,subtitle:c.subtitle,greeting:c.greeting}),l={pages:a,lock:{claim:(c,h,p)=>t(async d=>({heartbeatSeconds:(await F1.claimPageEditLock(c,d,h,p)).heartbeat_seconds})),release:c=>t(h=>F1.releasePageEditLock(c,h))},site:{get:c=>t(async h=>r(await F1.getSite(o(c),h))),update:(c,h)=>t(async p=>r(await F1.updateSite(o(h),c.mapsApiKey===void 0?{}:{maps_api_key:c.mapsApiKey},p)))},media:{resolve:oz,maxUploadBytes:DF("POST /api/storefront/media/","file").maxSizeBytes},sectionTemplates:new Fc(e.token),social:{get:c=>t(async h=>i(await F1.getSocialSettings(h,o(c)))),update:(c,h)=>t(async p=>{let d=Object.fromEntries(Y8.filter(u=>u in c).map(u=>[gn(u),c[u]]));try{return i(await F1.updateSocialSettings(d,p,o(h)))}catch(u){if(u instanceof S4&&u.status===400){let v=u.data??{},g={};for(let b of Y8){let f=v[gn(b)],y=Array.isArray(f)?f[0]:f;typeof y=="string"&&y.trim()&&(g[b]=y)}if(Object.keys(g).length>0)throw new j5("invalid",u.message,{fields:g,cause:u})}throw u}})},theme:{get:c=>t(h=>F1.getThemeSettings(h,c?.siteId)),update:(c,h)=>t(p=>F1.updateThemeSettings(c,p,h?.siteId))},chat:{get:c=>t(async h=>n(await F1.getChatSettings(h,c?.siteId))),update:(c,h)=>t(async p=>n(await F1.updateChatSettings(c,p,h?.siteId)))},blog:{posts:c=>t(async h=>(await F1.listBlogPosts(h,{visibleOnly:!0,siteId:c?.siteId})).map(p=>({slug:p.slug,title:p.title,excerpt:p.excerpt,category:p.category,coverImage:p.cover_image?Z5(p.cover_image)??"":"",publishedAt:p.published_at,href:Ym(p.slug)})))},templates:{get:c=>t(async h=>{let p=await F1.getTemplate(c,h);return{id:p.id,name:p.name}}),pages:s},preview:{href:c=>G11(c,e),draftLink:c=>t(async h=>({url:(await F1.createPagePreviewLink(c,h)).url??null}))}};return l[$y]=!0,l}iC({read:e=>e instanceof S4?{status:e.status,data:e.data,message:e.message}:null,unreachableMessage:SM,loadRefusal:(e,{slug:t})=>e instanceof HM?`\u201C${t}\u201D exists on more than one website. Open it from the site you want to edit.`:null});Xy(e=>YF({token:()=>e.auth.token,siteId:()=>e.siteId()}));function q11(e={}){return e.portalAudience!==void 0&&AM(e.portalAudience),e.language!==void 0&&LM(e.language),YF({token:()=>ls().auth.token,siteId:()=>e.siteId??ls().siteId()})}import{createContext as U11,useContext as j11}from"react";import{jsx as a8,jsxs as Kg}from"react/jsx-runtime";function $g(e){return Z5(e)??void 0}var Yg=U11({}),XF=3;function Xg({tag:e,name:t,desc:a,href:s,imageSrc:o,imageLabel:r,price:i}){let{showPrice:n,cardStyle:l,partStyles:c,editing:h}=j11(Yg),p=l==="bordered"?" border border-line":l==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",d=$g(o),u=g=>h?{[X8]:g}:{},v=g=>xn(c?.[J8(g)]?.role,wS[g],yi);return Kg(T1,{href:s||"#",className:`sf-card group relative block w-full min-w-0 overflow-hidden bg-surface-2${p}`,children:[a8("div",{className:"relative z-0 aspect-[4/5] transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:scale-[1.04]",children:a8(T0,{label:r||"collection.jpg",src:d})}),a8("div",{className:"pointer-events-none absolute inset-0 z-[1] [background:rgba(0,0,0,0.4)] group-hover:[background:rgba(0,0,0,0.3)] max-[800px]:hidden",style:{transition:"none"}}),Kg("div",{className:"absolute inset-x-8 bottom-8 z-[2] flex flex-col gap-2.5 text-overlay-fg max-[800px]:relative max-[800px]:inset-auto max-[800px]:p-6 max-[800px]:gap-3 max-[800px]:text-fg",children:[e&&a8("span",{...u("tag"),style:v("tag"),className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.25em] opacity-70",children:M(e)}),t&&a8("h3",{...u("name"),style:v("name"),className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:typeof t=="string"?X(t,!1):t}),a&&S0(a).map((g,b)=>a8("p",{...u("body"),style:v("body"),className:"max-w-[420px] text-[length:var(--size-body,14px)] leading-[1.5] opacity-80",children:M(g)},b)),n&&i&&a8("span",{...u("price"),style:v("price"),className:"font-mono text-[length:var(--size-label,15px)] tracking-[0.05em] text-accent",children:M(i)}),Kg("span",{...u("link"),style:v("link"),className:"mt-2 inline-flex items-center gap-2.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em]",children:["Explore",a8("span",{className:"transition-transform group-hover:translate-x-[3px]","aria-hidden":!0,children:"\u2192"})]})]})]})}import{createContext as i01,useCallback as n01,useContext as l01,useEffect as c01,useRef as h01,useState as ev}from"react";import{useState as K11}from"react";function Nc(e){switch(e){case"tall":return"aspect-[3/4]";case"wide":return"aspect-[2/1]";case"landscape":return"aspect-[4/3]";case"portrait":return"aspect-[4/5]";case"auto":return"";default:return"aspect-square"}}function JF(e){return e==="below"}import{jsx as f5,jsxs as Zt}from"react/jsx-runtime";function Jg({build:e,hiddenMobile:t,alwaysShowOverlay:a,forceHover:s,index:o,total:r,ratio:i,captionPlace:n}){let[l,c]=K11(!1),h=JF(n),p=Zt("div",{className:["sf-card group relative overflow-hidden bg-surface-2",Nc(i),t?"max-[800px]:hidden":""].join(" "),children:[Zt("div",{className:["absolute inset-0 z-[1] flex items-center justify-center transition-[transform,filter,opacity] duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)]",s?"scale-[1.06] opacity-0 [filter:brightness(0.5)]":"group-hover:scale-[1.06] group-hover:opacity-0 group-hover:[filter:brightness(0.5)]"].join(" "),children:[f5(T0,{label:e.imageLabel,src:e.imageSrc}),f5("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.35)"}})]}),f5("div",{className:["absolute inset-0 z-[1] flex items-center justify-center transition-[transform,filter,opacity] duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)]",s?"opacity-100 scale-[1.06] [filter:brightness(0.5)]":"opacity-0 group-hover:scale-[1.06] group-hover:opacity-100 group-hover:[filter:brightness(0.5)]"].join(" "),style:{background:"var(--site-surface)"},children:e.detailSrc&&f5(t4,{src:e.detailSrc,alt:"",fill:!0,sizes:"(max-width: 800px) 100vw, (max-width: 1500px) 33vw, 25vw",loading:"lazy",className:"absolute inset-0 z-[3] object-cover",style:{display:l?"none":"block"},onError:()=>c(!0)})}),o!=null&&r!=null&&Zt("span",{className:"pointer-events-none absolute top-3 right-3 z-[3] font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] max-[800px]:top-2.5 max-[800px]:right-2.5",style:{color:"rgba(245,241,232,0.7)"},children:[String(o).padStart(2,"0")," / ",String(r).padStart(2,"0")]}),e.process&&f5("span",{className:["pointer-events-none absolute top-3 left-3 z-[3] inline-block max-w-[60%] truncate font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-accent max-[800px]:top-2.5 max-[800px]:left-2.5","transition-opacity duration-300 ease-out",a||s?"opacity-100":"opacity-0 group-hover:opacity-100 max-[800px]:opacity-100"].join(" "),children:l0(e.process)}),Zt("div",{className:["absolute inset-0 z-[2] flex flex-col justify-end gap-1 p-6","transition-[opacity,transform] duration-300 ease-out",a||s?"opacity-100 translate-y-0":"opacity-0 translate-y-2 group-hover:opacity-100 group-hover:translate-y-0 max-[800px]:opacity-100 max-[800px]:translate-y-0","max-[800px]:p-3.5"].join(" "),style:{color:"var(--overlay-fg)",background:"linear-gradient(180deg, transparent 40%, rgba(10,10,10,.85) 100%)"},children:[e.car&&f5("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-accent max-[800px]:text-[length:var(--size-label,11px)] max-[800px]:tracking-[0.15em]",children:e.car}),e.wheel&&f5("div",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.05] tracking-[-0.02em] max-[800px]:text-[length:var(--size-body,16px)]",children:e.wheel}),e.finish&&f5("div",{className:"mt-1.5 flex gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.12em]",style:{color:"rgba(245,241,232,0.7)"},children:f5("span",{children:l0(e.finish)})})]})]});return h?Zt("div",{className:t?"max-[800px]:hidden":"",children:[p,Zt("div",{className:"bg-surface px-3.5 pt-3 pb-3.5",children:[e.wheel&&f5("div",{className:"font-display text-[length:var(--size-body,15px)] font-medium leading-[1.25] tracking-[-0.01em] text-fg",children:e.wheel}),(e.finish||e.car)&&f5("div",{className:"mt-0.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg-dim",children:l0(e.finish||e.car)})]})]}):p}import{createContext as $11,useContext as Y11,useEffect as X11,useLayoutEffect as J11,useRef as Qg,useState as Q11}from"react";import{createPortal as e01}from"react-dom";import{Fragment as o01,jsx as co,jsxs as r01}from"react/jsx-runtime";var t01=".sf-themed-content",QF="sf-section-accent";function a01(e,t){let a={},s=!1,o=[];for(let r=e;r&&r!==t;r=r.parentElement)o.push(r);for(let r of o.reverse()){r.classList.contains(QF)&&(s=!0);let i=r.style;if(i)for(let n=0;n<i.length;n+=1){let l=i.item(n);l.startsWith("--")&&(a[l]=i.getPropertyValue(l))}}return{className:s?`contents ${QF}`:"contents",style:a}}function s01(e){let t=e.querySelectorAll("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])");return Array.from(t).filter(a=>!a.hasAttribute("hidden")&&a.getAttribute("aria-hidden")!=="true")}var eP=$11(()=>{});function u9({open:e,onClose:t,label:a,onPrev:s,onNext:o,className:r="",style:i,children:n}){let l=Qg(null),c=Qg(null),[h,p]=Q11(null);J11(()=>{if(!e){p(null);return}let v=l.current;if(!v)return;let g=v.closest(t01)??v.ownerDocument.body;p({host:g,theme:a01(v,g)})},[e]);let d=Qg({onClose:t,onPrev:s,onNext:o});d.current={onClose:t,onPrev:s,onNext:o};let u=e&&h!==null;return X11(()=>{if(!u)return;let v=c.current,g=v?.ownerDocument??document,b=g.activeElement;v?.focus();let f=k=>{if(k.key==="Escape")d.current.onClose();else if(k.key==="ArrowLeft")d.current.onPrev?.();else if(k.key==="ArrowRight")d.current.onNext?.();else if(k.key==="Tab"&&v){let S=s01(v);if(S.length===0){k.preventDefault(),v.focus();return}let L=S[0],R=S[S.length-1],F=g.activeElement,O=!!F&&v.contains(F)&&F!==v;if(k.shiftKey&&(!O||F===L))k.preventDefault(),R.focus();else if(!k.shiftKey&&(!O||F===R))k.preventDefault(),L.focus();else{k.preventDefault();let P=S.indexOf(F);S[k.shiftKey?P-1:P+1]?.focus()}}},y=g.defaultView??window;y.addEventListener("keydown",f);let x=g.body.style.overflow;return g.body.style.overflow="hidden",()=>{y.removeEventListener("keydown",f),g.body.style.overflow=x,b&&b.isConnected&&b.focus()}},[u]),e?r01(o01,{children:[co("span",{ref:l,hidden:!0}),h&&e01(co("div",{className:h.theme.className,style:h.theme.style,children:co("div",{ref:c,role:"dialog","aria-modal":"true","aria-label":a,tabIndex:-1,onClick:t,className:`fixed inset-0 z-(--sf-layer-lightbox) outline-none ${r}`,style:i,children:co(eP.Provider,{value:t,children:n})})}),h.host)]}):null}function Gt({className:e="absolute right-5 top-5 flex h-10 w-10 cursor-pointer items-center justify-center border border-fg-dim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",style:t,label:a="Close",children:s="\xD7"}){let o=Y11(eP);return co("button",{type:"button","aria-label":a,onClick:r=>{r.stopPropagation(),o()},className:e,style:t,children:s})}import{Fragment as Wt,jsx as n2,jsxs as I3}from"react/jsx-runtime";var ho=i01({}),po="data-gallery-grid",tv="data-gallery-tile";function p01(e,t){let[a,s]=ev(null);return c01(()=>{let o=e.current,r=o?.closest(`[${po}]`);if(!o||!r)return;let i=()=>{let l=Array.from(r.querySelectorAll(`[${tv}]`)),c=l.indexOf(o),h=c>=0?{index:c+1,total:l.length}:null;s(p=>p?.index===h?.index&&p?.total===h?.total?p:h)};if(i(),!t)return;let n=new MutationObserver(i);return n.observe(r,{childList:!0,subtree:!0}),()=>n.disconnect()},[e,t]),a}var tP=[{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"}];function m01(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function d01(e){let t=(e.photos??[]).map(r=>r?.src).filter(r=>!!r),a=e.image||t[0]||"",s=[a,...t].filter(r=>!!r),o=m01(e.name,"gallery-item");return{car:e.eyebrow??"",wheel:e.name??"",process:e.process??"",finish:e.meta??"",imageLabel:`${o}.jpg`,detailLabel:`${o}-detail.jpg`,imageSrc:a||void 0,detailSrc:t[0]||a||void 0,photos:s,href:e.href}}function mo({editing:e=!1,previewHover:t,ratio:a,captionPlace:s,...o}){let{galleryHref:r="/gallery",submitHref:i="/contact",previewHover:n}=l01(ho),l=d01(o),c=l.photos??(l.imageSrc?[l.imageSrc]:[]),h=h01(null),p=n01(L=>{h.current=L},[]),d=p01(h,e),u=e&&(!!t||!!n),[v,g]=ev(!1),[b,f]=ev(0),y=()=>f(L=>(L-1+c.length)%c.length),x=()=>f(L=>(L+1)%c.length),k=c[b]??l.imageSrc??"",S=n2(Jg,{build:l,forceHover:u,index:d?.index,total:d?.total,ratio:a,captionPlace:s});return I3(Wt,{children:[e?n2("div",{ref:p,[tv]:"",className:"block w-full text-left",children:S}):n2("button",{ref:p,[tv]:"",type:"button","aria-label":`Open ${l.car||"build"} on ${l.wheel||"wheel"}`,onClick:()=>{f(0),g(!0)},className:"block w-full cursor-pointer text-left focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2",children:S}),n2(u9,{open:v,onClose:()=>g(!1),label:`${l.car} on ${l.wheel}`,onPrev:c.length>1?y:void 0,onNext:c.length>1?x:void 0,className:"flex items-center justify-center p-6 backdrop-blur-[8px] max-[700px]:p-3",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)"},children:I3("div",{onClick:L=>L.stopPropagation(),className:"relative grid w-[min(1800px,100%)] max-h-[calc(100vh-48px)] grid-cols-[1.4fr_1fr] overflow-hidden border border-line bg-bg max-[1100px]:grid-cols-1 max-[1100px]:overflow-auto",style:{boxShadow:"0 60px 120px -20px rgba(0,0,0,0.7)"},children:[n2(Gt,{label:"Close popup",className:"absolute right-[24px] top-[24px] z-[5] flex h-[56px] w-[56px] items-center justify-center border border-line font-mono text-[length:var(--size-label,21px)] text-fg-dim transition-colors hover:border-accent hover:text-fg",style:{background:"color-mix(in oklab, var(--bg) 70%, transparent)"},children:"\u2715"}),I3("div",{className:"relative flex min-h-[690px] items-center justify-center overflow-hidden bg-surface-2 max-[1100px]:min-h-[450px]",children:[k&&n2("img",{src:k,alt:`${l.car} \u2014 ${b+1} of ${c.length}`,className:"block h-full max-h-[88vh] w-full object-cover"},k),c.length>1&&I3(Wt,{children:[n2("button",{type:"button","aria-label":"Previous photo",onClick:y,className:"absolute left-4 top-1/2 flex h-16 w-16 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 font-mono text-[length:var(--size-label,24px)] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25C1"}),n2("button",{type:"button","aria-label":"Next photo",onClick:x,className:"absolute right-4 top-1/2 flex h-16 w-16 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 font-mono text-[length:var(--size-label,24px)] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25B7"}),I3("span",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 border border-fg-dim/30 bg-overlay-scrim/50 px-4 py-1.5 font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.22em] text-fg-dim backdrop-blur-[4px]",children:[b+1," / ",c.length]})]})]}),I3("div",{className:"flex flex-col gap-[30px] px-[60px] py-[72px] max-[1100px]:px-9 max-[1100px]:py-[54px]",children:[l.process&&n2("span",{className:"font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.3em] text-accent",children:M(l.process)}),l.wheel&&n2("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(42px,4.5vw,60px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.025em]",children:X(l.wheel,!1)}),l.car&&I3("div",{className:"font-heading3 text-[length:var(--size-headingSmall,27px)] leading-[1.4] text-fg",children:["on ",n2("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em]",children:M(l.car,!0)})]}),I3("dl",{className:"mt-3 grid grid-cols-[auto_1fr] gap-x-7 gap-y-[18px] border-y border-line py-[30px] font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.22em]",children:[l.wheel&&I3(Wt,{children:[n2("dt",{className:"text-fg-dim",children:"Wheel"}),n2("dd",{className:"text-fg",children:M(l.wheel)})]}),l.process&&I3(Wt,{children:[n2("dt",{className:"text-fg-dim",children:"Process"}),n2("dd",{className:"text-fg",children:M(l.process)})]}),l.finish&&I3(Wt,{children:[n2("dt",{className:"text-fg-dim",children:"Finish"}),n2("dd",{className:"text-fg",children:M(l.finish)})]}),l.car&&I3(Wt,{children:[n2("dt",{className:"text-fg-dim",children:"Vehicle"}),n2("dd",{className:"text-fg",children:M(l.car)})]})]}),I3("div",{className:"mt-auto flex flex-col gap-3.5 pt-6",children:[I3(T1,{href:l.href||"/wheels",onClick:()=>g(!1),className:"group flex items-center justify-between gap-6 border border-btn bg-btn px-9 py-6 font-mono text-[length:var(--size-label,16px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg",children:[n2("span",{children:"View product"}),n2("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]}),I3(T1,{href:r,onClick:()=>g(!1),className:"flex items-center justify-between gap-6 border border-line px-9 py-6 font-mono text-[length:var(--size-label,16px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[n2("span",{children:"See more builds"}),n2("span",{children:"\u2192"})]}),I3(T1,{href:i,onClick:()=>g(!1),className:"flex items-center justify-between gap-6 border border-line px-9 py-6 font-mono text-[length:var(--size-label,16px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[n2("span",{children:"Submit your build"}),n2("span",{children:"\u2192"})]})]})]})]})})]})}import{createContext as f01,useContext as b01,useEffect as Ic,useId as x01,useMemo as w01,useState as q2}from"react";var u01=14,g01=3;function av(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function v01(e,t){let a=new Date(`${e}T00:00:00`);return a.setDate(a.getDate()+t),av(a)}async function aP(e,t,a={}){let s=a.days??u01,o=a.read??e9.getAvailability,r=0,i=0;for(let n=0;n<s;n++){if(a.signal?.aborted)return{outcome:"unreadable"};let l=v01(t,n);try{let c=await o(e,l);if(r=0,i++,c.slots.length>0)return{outcome:"found",date:l,availability:c}}catch{if(r++,r>=g01)return{outcome:"unreadable"}}}return i===s?{outcome:"noneInWindow",days:s}:{outcome:"unreadable"}}import{jsx as k01}from"react/jsx-runtime";var sP=f01(null);function s8(){let e=b01(sP);if(!e)throw new Error("useBookingForm must be used inside <BookingFormProvider>");return e}var sv=[{id:"example-1",name:"Example service",durationMinutes:45,price:"80.00",description:"What this appointment includes, in a sentence."},{id:"example-2",name:"Second example",durationMinutes:30,price:"0",description:""}];function y01(e){return{timezone:"UTC",slots:[`${e}T09:00:00.000Z`,`${e}T10:30:00.000Z`,`${e}T13:00:00.000Z`].map(t=>({start:t}))}}var ov={bookingNumber:"EXAMPLE-0000",service:"Example service",startAt:"2026-01-01T00:00:00.000Z",timezone:"UTC",customerTimezone:"",manageToken:"example"};function z01(e,t){return e&&t?.length===0}function oP({editing:e=!1,previewConfirmation:t=!1,children:a}){let s=x01(),o=w01(()=>av(new Date),[]),[r,i]=q2(),[n,l]=q2(""),[c,h]=q2(""),[p,d]=q2(o),[u,v]=q2(o),[g,b]=q2(!1),[f,y]=q2(null),[x,k]=q2(),[S,L]=q2(""),[R,F]=q2(""),[O,P]=q2(""),[E,N]=q2(""),[V,G]=q2(""),[H,j]=q2(()=>Td()),[_,e1]=q2(null),[K,Y]=q2(!1),[h1,B]=q2(!1),[q,Q]=q2(null),[a1,$]=q2("");Ic(()=>{$(Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC")},[]),Ic(()=>{let i0=!1;return e9.listServices().then(o0=>{i0||(i(o0.results),l(o0.currency),h(J1=>J1||o0.results[0]?.id||""))}).catch(()=>{i0||i([])}),()=>{i0=!0}},[]),Ic(()=>{if(g||!c)return;let i0={aborted:!1};return L(""),k(void 0),Q(null),y(null),Y(!0),aP(c,o,{signal:i0}).then(o0=>{if(!i0.aborted){if(o0.outcome==="found"){d(o0.date),v(o0.date),k(o0.availability);return}y(o0.outcome==="noneInWindow"?`No times are available in the next ${o0.days} days.`:"We couldn't load available times. Please try again.")}}).finally(()=>{i0.aborted||Y(!1)}),()=>{i0.aborted=!0}},[g,c,o]),Ic(()=>{if(!g||!c||!p)return;let i0=!1;return L(""),k(void 0),Q(null),y(null),Y(!0),e9.getAvailability(c,p).then(o0=>{i0||(k(o0),o0.slots.length===0&&y("No times are available on this date."))}).catch(()=>{i0||y("We couldn't load available times. Please try again.")}).finally(()=>{i0||Y(!1)}),()=>{i0=!0}},[p,g,c]);let m1=r?.find(i0=>i0.id===c),v1=m1?.depositAmountDue!=null,g0=!!(!e&&!h1&&m1&&S&&R.trim()&&O.trim()&&!v1);async function s0(i0){if(i0.preventDefault(),!(!g0||!m1)){B(!0),Q(null);try{let o0=await e9.create({serviceId:m1.id,start:S,customer:{name:R.trim(),email:O.trim(),phone:E.trim()},notes:V.trim(),idempotencyKey:H,customerTimezone:a1});e1(o0),j(Td())}catch(o0){Q(o0 instanceof S4&&o0.status===409?"That time was just booked. Choose another available time.":"Your appointment wasn't submitted. Please check your details and try again."),o0 instanceof S4&&o0.status===409&&(L(""),e9.getAvailability(m1.id,p).then(k).catch(()=>{}))}finally{B(!1)}}}let P1=z01(e,r);return k01(sP.Provider,{value:{fieldPrefix:s,editing:e,services:P1?sv:r,currency:P1?"AUD":n,serviceId:P1?sv[0].id:c,setServiceId:h,service:P1?sv[0]:m1,requiresPayment:P1?!1:v1,date:p,earliestDate:u,setDate:d,setDateTouched:b,availability:P1?y01(p):x,loadingSlots:P1?!1:K,noSlotsMessage:f,selectedStart:P1?`${p}T09:00:00.000Z`:S,setSelectedStart:L,customerTimezone:a1,name:R,setName:F,email:O,setEmail:P,phone:E,setPhone:N,notes:V,setNotes:G,confirmation:_??(t?ov:null),submitting:h1,error:q,canSubmit:P1?!1:g0,handleSubmit:s0,sample:!!P1},children:a})}import{jsx as Vc,Fragment as rP,jsxs as iP}from"react/jsx-runtime";var C01="sf-button group inline-flex items-center justify-center gap-2.5 border px-[22px] py-4 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] transition-colors",nP={primary:"border-btn bg-btn text-btn-ink hover:border-btn-2 hover:bg-btn-2",ghost:"border-current bg-transparent hover:bg-white/10"};function C3(e){let{variant:t="primary",arrow:a,glyphBefore:s,className:o,style:r,children:i,href:n,newTab:l,...c}=e,h=`${C01} ${nP[t]??nP.primary} ${o??""}`,p=s?iP(rP,{children:[a!==null&&Vc("span",{"aria-hidden":!0,className:"inline-flex",children:a??"\u2192"}),i]}):iP(rP,{children:[i,a!==null&&Vc("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:a??"\u2192"})]});return n?Vc(p0,{href:n,className:h,style:r,...l?{target:"_blank",rel:"noopener noreferrer"}:{},children:p}):Vc("button",{type:"button",className:h,style:r,...c,children:p})}import{jsx as P0,jsxs as $3}from"react/jsx-runtime";var uo="w-full border-2 border-line bg-bg px-4 py-3.5 font-[family-name:var(--bk-value-font,var(--font-display))] text-[length:var(--bk-value-size,17px)] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent";function S01(e,t){let a=Number(e);if(a===0)return"Free";try{return new Intl.NumberFormat(void 0,{style:"currency",currency:t}).format(a)}catch{return`${t} ${e}`}}function lP(e,t){try{return new Intl.DateTimeFormat(void 0,{hour:"numeric",minute:"2-digit",timeZone:t}).format(new Date(e))}catch{return new Date(e).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"})}}function cP(e,t){try{return new Intl.DateTimeFormat(void 0,{weekday:"long",day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit",timeZone:t,timeZoneName:"short"}).format(new Date(e))}catch{return new Date(e).toLocaleString()}}var go="font-[family-name:var(--bk-name-font,var(--font-mono))] text-[length:var(--bk-name-size,12px)]";function rv({number:e,children:t}){return $3("div",{className:"mb-4 flex items-center gap-3",children:[P0("span",{className:"flex size-8 shrink-0 items-center justify-center rounded-full border border-line font-[family-name:var(--bk-step-font,var(--font-mono))] text-[length:var(--bk-step-size,11px)] font-semibold text-fg-dim",children:e}),P0("h3",{className:"font-[family-name:var(--bk-step-font,var(--font-mono))] text-[length:var(--bk-step-size,12px)] font-semibold uppercase tracking-[0.2em] text-fg",children:t})]})}function Rc({eyebrow:e,heading:t,intro:a}){return $3("div",{className:"mb-10 max-w-[760px]",children:[(e??"").trim()&&P0("p",{className:"mb-4 font-mono text-[12px] font-semibold uppercase tracking-[0.24em] text-accent",children:e}),(t??"").trim()&&P0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.98] tracking-[-0.025em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:t}),(a??"").trim()&&P0("p",{className:"mt-5 max-w-[660px] font-display text-[17px] leading-[1.65] text-fg-dim",children:a})]})}function _c({style:e}={}){let{fieldPrefix:t,services:a,currency:s,serviceId:o,setServiceId:r,requiresPayment:i,date:n,earliestDate:l,setDate:c,setDateTouched:h,availability:p,loadingSlots:d,noSlotsMessage:u,selectedStart:v,setSelectedStart:g,customerTimezone:b}=s8();return a?$3("div",{className:"flex flex-col gap-9",style:e,children:[$3("div",{children:[P0(rv,{number:"01",children:"Choose a service"}),P0("div",{className:"grid gap-3 sm:grid-cols-2",children:a.map(f=>{let y=f.id===o;return $3("button",{type:"button","aria-pressed":y,onClick:()=>r(f.id),className:`min-h-11 border p-4 text-left transition-colors ${y?"border-accent bg-accent/10":"border-line bg-bg hover:border-fg-dim"}`,children:[P0("span",{className:"block font-[family-name:var(--bk-name-font,var(--font-display))] text-[length:var(--bk-name-size,18px)] font-medium text-fg",children:f.name}),$3("span",{className:"mt-1 block font-[family-name:var(--bk-value-font,var(--font-mono))] text-[length:var(--bk-value-size,11px)] uppercase tracking-[0.14em] text-fg-dim",children:[f.durationMinutes," min \xB7 ",S01(f.price,s)]}),f.description&&P0("span",{className:"mt-3 block font-[family-name:var(--bk-note-font,var(--font-display))] text-[length:var(--bk-note-size,14px)] leading-[1.5] text-fg-dim",children:f.description})]},f.id)})}),i&&P0("p",{className:"mt-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.14em] text-alert",role:"alert",children:"This service requires an upfront payment and cannot be booked through this form yet."})]}),$3("div",{children:[P0(rv,{number:"02",children:"Choose a date and time"}),P0(t3,{separate:!0,htmlFor:`${t}-date`,label:"Date",required:!0,labelFace:go,children:P0("input",{id:`${t}-date`,type:"date",min:l,value:n,onChange:f=>{h(!0),c(f.target.value)},className:uo,required:!0})}),P0("div",{className:"mt-4 grid grid-cols-2 gap-2 sm:grid-cols-3 min-[1200px]:grid-cols-4",role:"group","aria-label":"Available appointment times",children:d?P0("p",{className:"col-span-full py-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.18em] text-fg-dim",children:"Loading times\u2026"}):p?.slots.length?p.slots.map(f=>$3("button",{type:"button","aria-pressed":v===f.start,onClick:()=>g(f.start),className:`min-h-11 border px-3 py-2 font-[family-name:var(--bk-value-font,var(--font-mono))] text-[length:var(--bk-value-size,12px)] font-semibold uppercase tracking-[0.12em] transition-colors ${v===f.start?"border-accent bg-accent text-bg":"border-line bg-bg text-fg hover:border-accent"}`,children:[P0("span",{className:"block",children:lP(f.start,b||p.timezone)}),b&&b!==p.timezone&&$3("span",{className:"mt-0.5 block text-[9px] font-normal tracking-[0.08em] opacity-70",children:[lP(f.start,p.timezone)," business"]})]},f.start)):u?P0("p",{className:"col-span-full py-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.18em] text-fg-dim",role:"status",children:u}):null}),p?.timezone&&$3("p",{className:"mt-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,10px)] uppercase tracking-[0.16em] text-fg-dim",children:["Times shown in ",b||p.timezone,b&&b!==p.timezone?` \xB7 business timezone ${p.timezone}`:""]})]})]}):null}function Oc({buttonLabel:e,style:t}){let{fieldPrefix:a,editing:s,name:o,setName:r,email:i,setEmail:n,phone:l,setPhone:c,notes:h,setNotes:p,submitting:d,error:u,canSubmit:v}=s8();return $3("div",{className:"sf-card border border-line bg-bg p-5 min-[640px]:p-7",style:t,children:[P0(rv,{number:"03",children:"Your details"}),$3("div",{className:"flex flex-col gap-4",children:[P0(t3,{separate:!0,htmlFor:`${a}-name`,label:"Name",required:!0,labelFace:go,children:P0("input",{id:`${a}-name`,type:"text",autoComplete:"name",value:o,onChange:g=>r(g.target.value),className:uo,required:!0})}),P0(t3,{separate:!0,htmlFor:`${a}-email`,label:"Email",required:!0,labelFace:go,children:P0("input",{id:`${a}-email`,type:"email",inputMode:"email",autoComplete:"email",value:i,onChange:g=>n(g.target.value),className:uo,required:!0})}),P0(t3,{separate:!0,htmlFor:`${a}-phone`,label:"Phone",labelFace:go,children:P0("input",{id:`${a}-phone`,type:"tel",inputMode:"tel",autoComplete:"tel",value:l,onChange:g=>c(g.target.value),className:uo})}),P0(t3,{separate:!0,htmlFor:`${a}-notes`,label:"What would you like to cover?",labelFace:go,children:P0("textarea",{id:`${a}-notes`,rows:4,value:h,onChange:g=>p(g.target.value),className:`${uo} resize-y`})})]}),u&&P0("p",{className:"mt-4 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.16em] text-alert",role:"alert",children:u}),P0(C3,{type:s?"button":"submit",disabled:!v,arrow:null,className:"mt-6 w-full disabled:cursor-not-allowed disabled:opacity-50",children:d?"Submitting\u2026":(e??"").trim()||"Book appointment"})]})}function Bc({successMessage:e}){let{confirmation:t,customerTimezone:a}=s8();return t?$3("div",{className:"sf-card max-w-[760px] border border-line bg-bg p-6 min-[640px]:p-9",role:"status",children:[$3("p",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-accent",children:["Request received \xB7 ",t.bookingNumber]}),P0("h3",{className:"mt-4 font-display text-[28px] font-medium uppercase text-fg",children:t.service}),P0("p",{className:"mt-2 font-display text-[17px] text-fg-dim",children:cP(t.startAt,t.customerTimezone||a||t.timezone)}),t.customerTimezone&&t.timezone!==t.customerTimezone&&$3("p",{className:"mt-1 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:["Business time: ",cP(t.startAt,t.timezone)]}),(e??"").trim()&&P0("p",{className:"mt-5 max-w-[620px] font-serif text-[18px] italic leading-[1.6] text-fg-dim",children:e}),P0(C3,{href:`/book/${encodeURIComponent(t.manageToken)}`,newTab:t!==ov,variant:"ghost",className:"mt-7",children:"Manage booking"})]}):null}var Dc=["step","name","value","note"],iv={step:"Step",name:"Name",value:"Value",note:"Note"},Zc={step:"styleStep",name:"styleName",value:"styleValue",note:"styleNote"},hP={step:{font:"--bk-step-font",size:"--bk-step-size"},name:{font:"--bk-name-font",size:"--bk-name-size"},value:{font:"--bk-value-font",size:"--bk-value-size"},note:{font:"--bk-note-font",size:"--bk-note-size"}};function M01(e){return typeof e=="string"&&W5.includes(e)?e:null}var A01={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function pP(e){let t={};for(let a of Dc){let s=M01(e[Zc[a]]);if(!s)continue;let o=ge({role:s},A01);o.fontFamily&&(t[hP[a].font]=o.fontFamily),o.fontSize&&(t[hP[a].size]=o.fontSize)}return t}import{jsx as qt}from"react/jsx-runtime";var mP=["head","booking","details","confirm"],dP={head:"Head",booking:"Booking",details:"Your details",confirm:"Confirmation"};function nv({region:e,eyebrow:t,heading:a,intro:s,buttonLabel:o,successMessage:r,...i}){let{confirmation:n,services:l}=s8(),c=pP(i);return e==="head"?qt("div",{className:"min-[960px]:col-span-2",style:c,children:qt(Rc,{eyebrow:t,heading:a,intro:s})}):e==="confirm"?n?qt("div",{className:"min-[960px]:col-span-2",style:c,children:qt(Bc,{successMessage:r})}):null:n||!l||l.length===0?null:e==="booking"?qt(_c,{style:c}):e==="details"?qt(Oc,{buttonLabel:o,style:c}):null}import{jsx as o2,Fragment as L01,jsxs as X4}from"react/jsx-runtime";var g9="solid",lv=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function uP(e){return X2(lv,g9,e)}var cv="sf-secnum-outline",gP="font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]",vP=`@supports (-webkit-text-stroke: 1px currentColor){.${cv}{color:var(--site-surface-2);-webkit-text-stroke:1px var(--site-line)}}`;var vo=(e,t=!1)=>typeof e=="string"?X(e,t):e,Ut=(e,t=!1)=>typeof e=="string"?M(e,t):e;function h0({num:e,title:t,link:a,logo:s,description:o,accent:r,accentNum:i,numStyle:n=g9,look:l="standard",titleAccent:c,accentTracking:h="-0.02em",spaceBelow:p,rowGap:d,descriptionSize:u,className:v="",eyebrowLook:g=Ln}){let b=p??(l==="editorial"?"mb-[60px]":"");if(l==="editorial"){let L=!!t||!!c;return X4("header",{className:`${b} grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-3.5 ${v}`.trim(),children:[e&&(typeof e=="string"?o2(O1,{text:e,className:"pb-2"}):o2("span",{className:"pb-2",children:e})),L&&X4("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5.5vw,80px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:[t,c&&X4(L01,{children:[" ",o2("em",{className:"font-serif font-normal italic text-accent",style:{letterSpacing:h},children:c})]})]}),o&&o2("p",{className:"max-w-[360px] pb-1 text-right font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim max-[1100px]:max-w-full max-[1100px]:text-left",children:o})]})}if(l==="simple"){let L=`${b} ${v}`.trim();return X4("div",{className:L||void 0,children:[e&&(typeof e=="string"?o2(O1,{text:e,look:g,className:"mb-4 block"}):o2("span",{className:"mb-4 block",children:e})),t&&o2("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:vo(t)})]})}if(l==="statement"){let L=`${b} ${v}`.trim();return X4("div",{className:L||void 0,children:[e&&(typeof e=="string"?o2(O1,{text:e,look:g,className:"mb-4 block"}):o2("span",{className:"mb-4 block",children:e})),t&&o2("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em] text-fg",children:vo(t,!0)})]})}if(l==="natural"){let L=`flex max-w-[680px] flex-col ${d??"gap-5"} ${b} ${v}`.replace(/\s+/g," ").trim();return X4("div",{className:L,children:[e&&(typeof e=="string"?o2(O1,{text:e,look:g}):o2("span",{children:e})),t&&o2("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:vo(t)}),o&&o2("p",{className:`${u??"text-[length:var(--size-body,16px)]"} leading-[1.6] opacity-85`,children:o})]})}if(l==="essay"){let L=`${b} ${v}`.trim();return X4("div",{className:L||void 0,children:[e&&(typeof e=="string"?o2(O1,{text:e,look:g,className:"mb-4 block"}):o2("span",{className:"mb-4 block",children:e})),t&&o2("h2",{className:"font-heading2 text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:var(--size-headingSmall,28px)]",children:vo(t)})]})}let f=!!o||!!a,y=!!t,x=uP(n)==="outlined",k="font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em]",S=null;if(e)if(x)S=o2("span",{className:`${gP} text-fg-dim ${cv}`,children:Ut(e)});else if(i&&!r&&typeof e=="string"){let L=e.indexOf("/"),R=L===-1?e:e.slice(0,L),F=L===-1?"":e.slice(L);S=X4("span",{className:k,children:[o2("span",{className:"text-accent",children:Ut(R)}),F&&o2("span",{className:"text-fg-dim",children:Ut(F)})]})}else S=o2("span",{className:`${k} ${r?"text-accent":"text-fg-dim"}`,children:Ut(e)});return X4("div",{className:"mb-16 grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-6 max-[800px]:mb-9 max-[800px]:grid-cols-1 max-[800px]:gap-3 max-[800px]:pb-5",children:[x&&e&&o2("style",{children:vP}),X4("div",{className:"flex flex-col items-start gap-3",children:[s?.src&&o2("img",{src:B2(s.src),alt:s.alt,className:"h-8 w-auto object-contain"}),S]}),y&&o2("h2",{className:r?"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,5vw,64px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[0.95] tracking-[-0.025em]":"font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.03em] whitespace-pre-line max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] max-[800px]:leading-[1]",children:vo(t)}),f&&X4("div",{className:"flex flex-col items-end gap-3 max-[800px]:items-start",children:[o&&o2("p",{className:"max-w-[340px] font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim text-right max-[800px]:max-w-full max-[800px]:text-left",children:Ut(o)}),a&&X4(p0,{href:a.href,className:"inline-flex items-center gap-2 whitespace-nowrap font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:[Ut(a.text),o2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{jsx as J4,jsxs as fo}from"react/jsx-runtime";function T01(e){return e.type==="textarea"||e.type==="select"||e.type==="checkbox"}function fP({eyebrow:e,title:t}){return fo("div",{className:"flex flex-col gap-4",children:[e&&J4(O1,{text:e,scaled:!1}),t&&J4("h2",{className:"font-display text-[min(clamp(40px,5vw,72px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:X(t,!0)})]})}function Gc({body:e,buttonLabel:t,consent:a,form:s,submission:o,showForm:r,resolving:i,editing:n}){return fo("div",{className:"flex flex-col gap-7",children:[e&&S0(e).map((l,c)=>J4("p",{className:"max-w-[480px] font-display text-[16px] leading-[1.6] text-fg-dim",children:M(l)},c)),r&&(s?o.done?J4("p",{role:"status",className:"max-w-[480px] font-[family-name:var(--sb-thanks-font,var(--font-serif))] text-[length:var(--sb-thanks-size,17px)] italic leading-[1.6] text-fg-dim",children:It(s)}):fo("form",{className:"grid grid-cols-2 gap-2",onSubmit:o.handleSubmit,children:[s.fields.map(l=>{let c=["border border-line bg-transparent px-4 py-3.5 font-[family-name:var(--sb-field-font,var(--font-mono))] text-[length:var(--sb-field-size,14px)] tracking-[0.1em] text-fg outline-none focus:border-accent",T01(l)?"col-span-2":""].join(" ");return l.type==="checkbox"?fo("label",{className:"col-span-2 flex items-start gap-3 font-[family-name:var(--sb-tick-font,var(--font-mono))] text-[length:var(--sb-tick-size,12px)] uppercase tracking-[0.18em] text-fg-dim",children:[J4(J7,{field:l,value:o.valueOf(l.key),onChange:h=>o.set(l.key,h),className:"mt-0.5 size-4 accent-accent"}),fo("span",{children:[l.label,l.required?J4("span",{className:"text-accent",children:" *"}):null]})]},l.key):J4(J7,{field:l,value:o.valueOf(l.key),onChange:h=>o.set(l.key,h),rows:4,placeholder:l.placeholder||l.label,className:l.type==="textarea"?`${c} resize-y`:c},l.key)}),J4(Vt,{value:o.honeypot,onChange:o.setHoneypot}),o.error&&J4("p",{role:"alert",className:"col-span-2 font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:o.error}),t&&J4("button",{type:n?"button":"submit",disabled:o.submitting,className:"col-span-2 cursor-pointer bg-btn px-6 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:o.submitting?"Sending\u2026":M(t)})]}):J4("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:i?m("Loading form\u2026"):m("Choose a form in the inspector, under Form \u2014 until then this form is hidden on the live page and nothing can be submitted.")})),r&&a&&J4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:M(a)})]})}var Wc=["field","tick","thanks"],hv={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},qc={field:"styleField",tick:"styleTick",thanks:"styleThanks"},bP={field:{font:"--sb-field-font",size:"--sb-field-size"},tick:{font:"--sb-tick-font",size:"--sb-tick-size"},thanks:{font:"--sb-thanks-font",size:"--sb-thanks-size"}};function E01(e){return typeof e=="string"&&W5.includes(e)?e:null}var H01={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function xP(e){let t={};for(let a of Wc){let s=E01(e[qc[a]]);if(!s)continue;let o=ge({role:s},H01);o.fontFamily&&(t[bP[a].font]=o.fontFamily),o.fontSize&&(t[bP[a].size]=o.fontSize)}return t}import{jsx as Uc}from"react/jsx-runtime";var wP=["head","form"],yP={head:"Head",form:"Form"};function pv({region:e,eyebrow:t,title:a,body:s,buttonText:o,consent:r,formSlug:i,form:n,editing:l=!1,...c}){let h=n6(i,n),p=X7({form:h,formSlug:i,editing:l}),d=xP(c);return e==="head"?Uc("div",{style:d,children:Uc(h0,{look:"statement",num:t,title:a})}):Uc("div",{style:d,children:Uc(Gc,{body:s??"",buttonLabel:o??"",consent:r??"",form:h,submission:p,showForm:!!h||l,resolving:h===void 0,editing:l})})}var F01={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>mP.map(e=>({region:e,name:dP[e]})),addBlocked:()=>m("A Booking Form is these three boxes. They cannot be added to or removed."),skipSeed:e=>e.layout!=="boxes"},SubmitBuild:{slot:"boxes",childType:"SubmitBox",addLabel:"Add box",fixed:!0,seeds:()=>wP.map(e=>({region:e,name:yP[e]})),addBlocked:()=>m("A Submit-a-build section is these two boxes. They cannot be added to or removed."),skipSeed:e=>e.layout!=="boxes"},Collections:{slot:"cards",childType:"CollectionCard",addLabel:"Add card",seeds:()=>Array.from({length:XF},()=>({collection:null}))},ProductGrid:{slot:"products",childType:"ProductRef",addLabel:"Add product",seeds:()=>[{code:""},{code:""},{code:""}],legacy:e=>Array.isArray(e.design_codes)?e.design_codes.map(t=>t?.code).filter(t=>!!t).map(t=>({code:t})):[]},GalleryB:{slot:"items",childType:"GalleryItem",addLabel:"Add image",seeds:()=>tP.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(t=>({...t})):[]}};kz(F01);function jt(e,t){let a={};for(let s of Object.keys(e))a[s]={...e[s],...t[s]};return a}import{jsx as P01}from"react/jsx-runtime";import{OpacityIcon as N01}from"efficient-easel/icons";var zP={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow","Limited release"),title:W("Heading","Banner headline"),body:W("Body","A line or two of supporting copy."),_gBackground:w("Background image"),imageSrc:K1("Image","image/*"),overlay:n1("Overlay",P01(N01,{}),0,100,5,60,"%"),_gButton:w("Button"),...Y4,_gLayout:w("Layout")}};import{jsx as R01}from"react/jsx-runtime";import{jsx as bo,jsxs as mv,Fragment as I01}from"react/jsx-runtime";import{Fragment as V01}from"react";function kP({items:e,meta:t,editing:a=!1}){let s=(e??[]).filter(r=>r?.label?.trim()),o=s.length>0?s:a?[{label:m("Breadcrumb")}]:[];return o.length===0&&!t?null:mv("nav",{className:"flex items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[o.map((r,i)=>{let n=i===o.length-1;return mv(V01,{children:[i>0&&bo("span",{className:"opacity-40",children:"/"}),r.href&&!n?bo(p0,{href:r.href,className:"hover:text-fg",children:U0(r.label)}):bo("span",{className:n?"text-fg":void 0,children:U0(r.label)})]},i)}),t&&mv(I01,{children:[bo("span",{className:"opacity-40",children:"\xB7"}),bo("span",{children:M(t)})]})]})}function b5(e,t,a){return e||(a?.isEditing?m(t):void 0)}function M1(e,t,a){let s=Array.isArray(e)?e:[];return s.length?s:a?.isEditing?t:[]}function z(e,t,a){let s=D2(e);if(!s.hidden)return b5(s.text,t,a)}function l2(e,t,a){return D2(e).hidden?"":z(e,t,a)}function c4(e,t,a){return{text:z(e,k2.text,a),href:t||k2.href}}var dv={meta:"Trailing note"},_01=()=>[{label:m("Home"),href:"/"},{label:m("Section"),href:""}],CP={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>R01(kP,{items:M1(e,_01(),a),meta:z(t,dv.meta,a),editing:a?.isEditing})};var SP={fields:{_gContent:w("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:U("Label"),href:x3(U("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:I("Trailing note",dv.meta)}};import{jsx as V3,jsxs as O01}from"react/jsx-runtime";import{ButtonIcon as B01,ButtonIconIcon as D01,IconAfterTextIcon as Z01,IconBeforeTextIcon as G01,StylesIcon as W01,WidthIcon as q01}from"efficient-easel/icons";import*as U01 from"efficient-easel/icons";import{SettingsField as j01}from"efficient-easel/panel";import{useSelectedFields as LP}from"efficient-easel/easel";import{IconPicker as K01,Segmented as $01}from"efficient-shell/ui";function jc(e){return typeof e=="boolean"?e:!0}var uv=["none","arrow-right","arrow-long-right","arrow-up-right","chevron-right","external","cart","bag","tag","email","location","play","download","search","car"];function gv(e){return typeof e=="string"&&uv.includes(e)?e:void 0}function MP(e,t){return gv(e)??(jc(t)?"arrow-right":"none")}function Kc(e){return e==="before"?"before":"after"}function AP(e){return e==="fill"?"fill":"fit"}var vv=e=>({...Gi({type:"custom",render:()=>V3(Wi,{})},"always"),reachedBy:e});function Y01(e){let t=(e==="none"?"no-symbol":e).replace(/(^|-)([a-z])/g,(s,o,r)=>r.toUpperCase()),a=U01[`${t}Icon`];return a?V3(a,{size:16}):null}var X01=uv.map(e=>({value:e,icon:Y01(e)}));function J01({value:e,onChange:t}){let a=LP(),s=a.values.href,o=typeof e=="string"?e:e&&typeof e=="object"&&"text"in e?String(e.text??""):"";return V3(MC,{label:"Button",icon:V3(B01,{size:18}),text:o,onTextChange:t,link:typeof s=="string"?s:"",onLinkChange:r=>a.onChange("href",r)})}function Q01({value:e,onChange:t}){let a=LP(),s=MP(e,a.values.arrow),o=Kc(a.values.iconPosition);return V3(j01,{label:m("Icon"),icon:V3(D01,{size:18}),children:O01("div",{className:"flex items-center gap-2",children:[V3(K01,{label:m("Icon"),value:s,emptyValue:"none",options:X01,onChange:t}),s!=="none"&&V3($01,{label:m("Icon position"),value:o,onChange:r=>a.onChange("iconPosition",r),options:[{value:"before",icon:V3(G01,{size:16}),label:V3("span",{className:"sr-only",children:m("Icon before text")}),title:m("Icon before text")},{value:"after",icon:V3(Z01,{size:16}),label:V3("span",{className:"sr-only",children:m("Icon after text")}),title:m("Icon after text")}]})]})})}var TP={fields:{label:RC(U("Button"),e=>V3(J01,{value:e.value,onChange:e.onChange})),href:{...N1("Button link"),...vv("label")},_dSize:a0("Size"),widthFit:y1("Width",V3(q01,{}),[{label:"Fit content",value:"fit"},{label:"Fill",value:"fill"}],"fit"),_gStyle:w("Style"),variant:y1("Style",V3(W01,{}),[{label:"Filled",value:"primary"},{label:"Outline",value:"ghost"}],"primary"),icon:{type:"custom",render:e=>V3(Q01,{value:e.value,onChange:e.onChange})},iconPosition:vv("icon"),arrow:vv("icon"),_dLayout:a0("Layout"),align:m6()}};import{jsx as FP}from"react/jsx-runtime";import{ColumnsIcon as r21,StylesIcon as i21}from"efficient-easel/icons";import{jsx as s21}from"react/jsx-runtime";import{jsx as Kt,Fragment as e21,jsxs as fv}from"react/jsx-runtime";var t21="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",a21="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function EP({look:e,eyebrow:t,title:a,items:s,columns:o,omitHead:r=!1,editing:i=!1}={}){let n=Math.min(4,Math.max(2,o??3)),l=(s??[]).filter(h=>i||(h.title??"").trim()||(h.body??"").trim()),c=!!(t??"").trim()||!!(a??"").trim();return!i&&!c&&l.length===0?null:Kt("section",{className:"relative z-[2] bg-surface",children:fv("div",{className:r?a21:t21,children:[r?null:fv(e21,{children:[(t??"").trim()&&Kt(O1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&Kt("h2",{className:"mb-9 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-7 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(a??"",!1)})]}),l.length>0&&Kt("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--cd-cols),minmax(0,1fr))]",style:{"--cd-cols":String(n)},children:l.map((h,p)=>fv("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[Kt("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:M((h.title??"").trim()||"Card title")}),Kt("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:M((h.body??"").trim()||"A short line about this card.")})]},p))})]})})}var xo={eyebrow:"Label",title:"Section *heading.*"},o21=()=>[{title:m("Card title one"),body:m("A short line about this card.")},{title:m("Card title two"),body:m("A short line about this card.")},{title:m("Card title three"),body:m("A short line about this card.")}],HP={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return s21(EP,{look:C4(e.eyebrowLook,"Cards"),eyebrow:a(z(e.eyebrow,xo.eyebrow,e.puck)),title:a(z(e.title,xo.title,e.puck)),omitHead:t,items:M1(e.items,o21(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var PP={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",xo.eyebrow),eyebrowLook:w1("Eyebrow style",FP(i21,{}),[...W4],P7("Cards")),title:W("Heading",xo.title),items:{type:"array",label:"Cards",arrayFields:{title:z1("Card title"),body:_1("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:w("Style"),columns:n1("Columns",FP(r21,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Cards.headRows)};import{jsx as n21}from"react/jsx-runtime";import{StickyIcon as l21}from"efficient-easel/icons";var NP={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:U("Label"),count:U("Count")},getItemSummary:e=>e?.label?`${e.label}${e.count?` \xB7 ${e.count}`:""}`:"Tab"},activeTab:S2(x3(U("Active tab","All"))),_gLinks:w("Links"),links:{type:"array",label:"Right links",arrayFields:{label:U("Label"),href:x3(U("Link"))},getItemSummary:e=>e?.label||"Link"},_gStyle:w("Style"),sticky:l1("Stick under header",!0,n21(l21,{}))}};import{jsx as u21}from"react/jsx-runtime";import{StylesIcon as g21}from"efficient-easel/icons";import{jsx as m21}from"react/jsx-runtime";import{jsx as d2,jsxs as x5}from"react/jsx-runtime";function bv(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var IP=[100,70,46,30,19,12];function VP(e){return`color-mix(in srgb, var(--accent) ${IP[e%IP.length]}%, var(--bg))`}function c21({data:e,suffix:t}){let a=Math.max(...e.map(s=>s.value),0)||1;return d2("div",{className:"flex w-full flex-col gap-6",children:e.map((s,o)=>x5("div",{children:[x5("div",{className:"mb-2 flex items-baseline justify-between gap-4",children:[d2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg/60",children:M(s.label)}),x5("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[bv(s.value),t]})]}),d2("div",{className:"h-[10px] border border-line bg-bg",children:d2("div",{className:"h-full bg-accent",style:{width:`${Math.max(s.value/a*100,s.value===0?0:2)}%`}})})]},o))})}function h21({data:e,suffix:t}){let a={l:42,r:42,t:36,b:38},s=640-a.l-a.r,o=300-a.t-a.b,r=Math.max(...e.map(h=>h.value),0)||1,i=e.length>1?s/(e.length-1):0,n=e.map((h,p)=>({x:a.l+(e.length>1?p*i:s/2),y:a.t+o-h.value/r*o})),l=n.map((h,p)=>`${p===0?"M":"L"}${h.x},${h.y}`).join(" "),c=`${l} L${n[n.length-1].x},${a.t+o} L${n[0].x},${a.t+o} Z`;return x5("svg",{viewBox:"0 0 640 300",className:"w-full",role:"img","aria-hidden":!0,children:[[.25,.5,.75,1].map(h=>d2("line",{x1:a.l,x2:640-a.r,y1:a.t+o*(1-h),y2:a.t+o*(1-h),stroke:"var(--site-line)",strokeWidth:"1"},h)),d2("line",{x1:a.l,x2:640-a.r,y1:a.t+o,y2:a.t+o,stroke:"var(--site-line)",strokeWidth:"1.5"}),d2("path",{d:c,fill:"var(--accent)",opacity:"0.13"}),d2("path",{d:l,fill:"none",stroke:"var(--accent)",strokeWidth:"2.5"}),n.map((h,p)=>x5("g",{children:[d2("circle",{cx:h.x,cy:h.y,r:"4",fill:"var(--accent)"}),x5("text",{x:h.x,y:h.y-12,textAnchor:"middle",className:"font-display",fontSize:"14",fill:"var(--fg)",children:[bv(e[p].value),t]}),d2("text",{x:h.x,y:288,textAnchor:"middle",className:"font-mono",fontSize:"10",letterSpacing:"0.1em",fill:"var(--fg)",opacity:"0.55",children:e[p].label.toUpperCase()})]},p))]})}function p21({data:e,suffix:t}){let a=e.reduce((n,l)=>n+l.value,0)||1,s=80,o=2*Math.PI*s,r=0,i=e.map((n,l)=>{let c=n.value/a,h={frac:c,dash:Math.max(c*o-3,0),off:r,ink:VP(l)};return r+=c*o,h});return x5("div",{className:"flex w-full flex-wrap items-center justify-center gap-10",children:[d2("svg",{viewBox:"0 0 200 200",className:"w-[220px] max-w-full -rotate-90",role:"img","aria-hidden":!0,children:i.map((n,l)=>d2("circle",{cx:"100",cy:"100",r:s,fill:"none",stroke:n.ink,strokeWidth:"34",strokeDasharray:`${n.dash} ${o-n.dash}`,strokeDashoffset:-n.off},l))}),d2("ul",{className:"flex min-w-[200px] flex-1 flex-col gap-3",children:e.map((n,l)=>x5("li",{className:"flex items-baseline gap-3",children:[d2("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] flex-shrink-0 rotate-45",style:{background:VP(l)}}),d2("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:M(n.label)}),d2("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:t?`${bv(n.value)}${t}`:`${Math.round(n.value/a*100)}%`})]},l))})]})}function RP({eyebrow:e,title:t,body:a,chartStyle:s,items:o,valueSuffix:r,caption:i,editing:n=!1}={}){let l=(r??"").trim()===""?"":r??"",c=(o??[]).map(u=>({label:(u.label??"").trim(),value:parseFloat(u.value??"")})).filter(u=>n?!0:u.label&&Number.isFinite(u.value)).map(u=>({label:u.label||"\u2014",value:Number.isFinite(u.value)?u.value:0})),h=!!(e??"").trim()||!!(t??"").trim();if(!n&&!h&&c.length===0)return null;let p=s??"bars",d=c.length===0?null:p==="line"&&c.length>1?d2(h21,{data:c,suffix:l}):p==="donut"?d2(p21,{data:c,suffix:l}):d2(c21,{data:c,suffix:l});return d2("section",{className:"relative z-[2] border-y border-line bg-surface",children:x5("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:[grid-template-columns:minmax(0,5fr)_minmax(0,7fr)] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[x5("div",{children:[(e??"").trim()&&d2("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.16em] text-bg",children:M(e??"")}),(t??"").trim()&&d2("h2",{className:"mt-5 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(t??"",!1)}),(a??"").trim()&&d2("p",{className:"mt-5 max-w-[46ch] text-[length:var(--size-body,15px)] leading-relaxed text-fg/65",children:a})]}),x5("div",{children:[d,(i??"").trim()&&d2("p",{className:"mt-4 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg/40",children:i})]})]})})}var wo={eyebrow:"By the numbers",title:`A picture worth
+*a thousand rows.*`},d21=()=>[{label:m("Before"),value:"9"},{label:m("After"),value:"3"},{label:m("With us"),value:"1"}],_P={label:"Chart",defaultProps:{eyebrow:"",title:"",body:"",items:[],caption:"",chartStyle:"bars",valueSuffix:""},render:({eyebrow:e,title:t,body:a,items:s,caption:o,chartStyle:r,valueSuffix:i,puck:n})=>m21(RP,{eyebrow:z(e,wo.eyebrow,n),title:z(t,wo.title,n),body:a,items:M1(s,d21(),n),chartStyle:r,valueSuffix:i,caption:o,editing:n?.isEditing})};var OP={fields:{_gContent:w("Content"),eyebrow:I("Chip label",wo.eyebrow),title:W("Heading",wo.title),body:W("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:z1("Label"),value:U("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Point"},caption:I("Caption","Illustrative example"),_gStyle:w("Style"),chartStyle:w1("Chart style",u21(g21,{}),[{label:"Bars (comparison / funnel)",value:"bars"},{label:"Line (trend)",value:"line"},{label:"Donut (split of a whole)",value:"donut"}],"bars"),valueSuffix:S2(I("Value suffix","%"))}};import{jsx as P21}from"react/jsx-runtime";import{jsx as E1,Fragment as yv,jsxs as w5}from"react/jsx-runtime";import{useId as b21,useState as x21}from"react";import{InspectorUpLevel as zo}from"efficient-easel/chrome";import{useEasel as w21}from"efficient-easel/easel";import{ListField as GP}from"efficient-easel/fields";import{SettingsField as WP}from"efficient-easel/panel";import{ClockIcon as BP,ContrastIcon as y21,GlobeIcon as z21,LinkIcon as k21,LocationIcon as C21,PhoneIcon as S21,SquareIcon as M21,TypeIcon as zv}from"efficient-easel/icons";var v21=["tall","square","wide"],f21="tall";function $c(e){return v21.includes(String(e??""))?String(e):f21}var u2={sectionNumber:"\xB7 Locations",heading:"Our *locations.*",tagline:"Visit us in person \u2014 find your nearest studio below.",galleryKicker:"Gallery",galleryHint:"Hover to see in colour \xB7 click to jump",apiKey:"",mapId:"",mapTheme:"auto"},yo=[{photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
+Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""},{photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
+Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""}];function Yc(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var v9="other",k0={routingNumber:"02 \xB7 Routing",routingTagline:"What can we help you with?",groups:[{id:"fitment",eyebrow:"A \xB7 Label",title:"Group one",copy:"Short description of this routing group.",response:"< 48h"},{id:"trade",eyebrow:"B \xB7 Label",title:"Group two",copy:"Short description of this routing group.",response:"< 24h"},{id:"press",eyebrow:"C \xB7 Label",title:"Group three",copy:"Short description of this routing group.",response:"< 48h"},{id:"order",eyebrow:"D \xB7 Label",title:"Group four",copy:"Short description of this routing group.",response:"< 24h"}],formNumber:"03 \xB7 Message",formHeading:"Send *a note.*",metaLines:["Encrypted in transit","Stored 12 months"],showOther:!0,otherLabel:"Other",otherNoteTitle:"No matching team",otherNoteBody:"Tell us what you need in the message field below \u2014 we'll route it to whoever can help.",buttonText:"Send Message \u2192",consent:"By submitting, you agree to our privacy policy. We never share contact details with third parties.",channels:[{label:"Team one",value:"team-one@email.com",href:"mailto:team-one@email.com",sub:"Detail \xB7 Detail",groupId:"fitment"},{label:"Team two",value:"team-two@email.com",href:"mailto:team-two@email.com",sub:"Detail \xB7 Detail",groupId:"trade"},{label:"Team three",value:"team-three@email.com",href:"mailto:team-three@email.com",sub:"Detail \xB7 Detail",groupId:"press"},{label:"Team four",value:"team-four@email.com",href:"mailto:team-four@email.com",sub:"Detail \xB7 Detail",groupId:"order"},{label:"Phone",value:"+1 (000) 000-0000",href:"tel:+10000000000",sub:"Mon\u2013Fri \xB7 9:00\u201318:00"}]};function xv(e){return Ii(e)}var kv=(e,t)=>t||e?nM(e,t):m("Ungrouped");function A21(e){let t=[];return e.forEach((a,s)=>{let o=F7(a),r=t.find(i=>i.key===o);r||(r={key:o,name:String(a?.groupName??""),indices:[]},t.push(r)),r.indices.push(s)}),t}function wv({children:e}){return E1("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:e})}var qP={width:"100%",height:32,textAlign:"left",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"0 12px",fontSize:12,border:"1px solid var(--border-strong, #d0d0d0)",borderRadius:6,background:"transparent",color:"inherit",cursor:"inherit"},L21={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},UP={...L21,color:"#d85a30"};function X6({label:e,value:t,placeholder:a,textarea:s,icon:o,onChange:r,onBlur:i,onKeyDown:n}){let l=b21();return E1(WP,{label:e,icon:o??E1(zv,{}),htmlFor:l,children:s?E1("textarea",{id:l,value:t,placeholder:a,onChange:c=>r(c.target.value)}):E1("input",{id:l,type:"text",value:t,placeholder:a,onChange:c=>r(c.target.value),onBlur:i,onKeyDown:n})})}var T21=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],E21=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function DP({label:e,icon:t,options:a,value:s,onChange:o}){return E1(WP,{label:e,icon:t,children:E1("div",{role:"group","aria-label":e,style:{display:"flex",gap:4,flex:1},children:a.map(r=>{let i=s===r.value;return E1("button",{type:"button","aria-pressed":i,onClick:()=>o(r.value),style:{flex:1,padding:"6px 8px",fontSize:12,borderRadius:6,cursor:"pointer",border:`1px solid ${i?"var(--sf-accent, #2563eb)":"var(--border-strong, #d0d0d0)"}`,background:i?"var(--sf-accent, #2563eb)":"transparent",color:i?"#fff":"inherit",fontWeight:i?500:400},children:m(r.label)},r.value)})})})}function ZP({props:e,setSection:t,headOnly:a}){let s=i=>String(e[i]??""),o=e.mapTheme||u2.mapTheme,r=u2;return w5(yv,{children:[!a&&E1(wv,{children:m("Section")}),E1(X6,{label:m("Section number"),value:s("sectionNumber"),placeholder:r.sectionNumber,onChange:i=>t({sectionNumber:i})}),E1(X6,{label:m("Heading"),textarea:!0,value:s("heading"),placeholder:r.heading,onChange:i=>t({heading:i})}),E1(X6,{label:m("Body"),textarea:!0,value:s("tagline"),placeholder:r.tagline,onChange:i=>t({tagline:i})}),a?null:w5(yv,{children:[E1(wv,{children:m("City strip")}),E1(X6,{label:m("Eyebrow"),value:s("galleryKicker"),placeholder:r.galleryKicker,onChange:i=>t({galleryKicker:i})}),E1(X6,{label:m("Hint"),value:s("galleryHint"),placeholder:r.galleryHint,onChange:i=>t({galleryHint:i})}),E1(DP,{label:m("Shape"),icon:E1(M21,{}),options:E21,value:$c(e.imageShape),onChange:i=>t({imageShape:i})}),E1(wv,{children:m("Map & Theme")}),E1(DP,{label:m("Map theme"),icon:E1(y21,{}),options:T21,value:o,onChange:i=>t({mapTheme:i})})]})]})}function H21({cards:e,groupKey:t,onChange:a,onBack:s,onOpenCity:o,onNavigate:r}){let i=e.map((u,v)=>F7(u)===t?v:-1).filter(u=>u>=0),n=String(e[i[0]]?.groupName??""),l=new Set(e.map(F7).filter(u=>u!==t)),[c,h]=x21(t),p=u=>a(e.map(v=>F7(v)===t?{...v,...u}:v)),d=()=>{let u=c;if(u!==t){if(l.has(u)){h(t);return}a(e.map(v=>F7(v)===t?{...v,group:u}:v)),r(u)}};return w5("div",{className:"sf-locations-view",children:[E1(zo,{inline:!0,name:m("Section"),onSelect:s}),E1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:kv(t,n)}),E1(X6,{label:m("Group heading"),value:c,placeholder:m("e.g. Americas"),onChange:h,onBlur:d,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()}}),l.has(c)&&c!==t&&E1("p",{className:"sf-note sf-note--error",role:"alert",children:m("Another group already uses this heading \u2014 pick a different one.")}),E1(X6,{label:m("Group name"),value:n,placeholder:m("Shown beside the heading"),onChange:u=>p({groupName:u})}),E1(GP,{label:m("Cities in this group"),noun:m("city"),items:i.map(u=>e[u]),onChange:u=>a(lM(e,t,u)),newItem:()=>({...Cd,group:t,groupName:n}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,renderRow:(u,v)=>w5("button",{type:"button",style:qP,onClick:()=>o(i[v]),children:[E1("span",{children:u?.name||m("City")}),E1("span",{"aria-hidden":"true",children:"\u203A"})]})}),E1("div",{style:{marginTop:12},children:E1("button",{type:"button",style:UP,onClick:()=>{a(e.filter(u=>F7(u)!==t)),s()},children:Q2("Delete group ({n} city)","Delete group ({n} cities)",i.length)})})]})}function jP({value:e,onChange:t}){let a=Array.isArray(e)?e:[],s=iM(),o=xS(),r=A21(a),{appState:i,selectedItem:n}=w21(g=>g),l=cC(),c=n?.props??{},h=g=>{if(!n)return;let b=(i.data.content??[]).findIndex(f=>f.props.id===n.props.id);b<0||l.replaceComponent(zz,b,{type:n.type,props:{...n.props,...g}})},p=(g,b)=>t(a.map((f,y)=>y===g?{...f,...b}:f)),d=()=>{let g=new Set(r.map(y=>y.key)),b=r.length+1,f=`Group ${b}`;for(;g.has(f);)f=`Group ${++b}`;return f};if(s.level==="texts")return w5("div",{className:"sf-locations-view",children:[E1(zo,{inline:!0,name:m("Locations"),onSelect:()=>m5({level:"groups"})}),E1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:m("Texts")}),E1(ZP,{props:c,setSection:h,headOnly:!0})]});if(s.level==="image"){let g=a[s.index];return g?w5("div",{className:"sf-locations-view",children:[E1(zo,{inline:!0,name:String(g.name??"")||m("City"),onSelect:()=>m5({level:"city",index:s.index})}),E1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:m("Image")}),E1(gC,{value:g.photo||"",onChange:b=>p(s.index,{photo:b}),label:"Image",accept:"image/*"})]}):u()}if(s.level==="map"){let g=a[s.index];return g?w5("div",{className:"sf-locations-view",children:[E1(zo,{inline:!0,name:String(g.name??"")||m("City"),onSelect:()=>m5({level:"city",index:s.index})}),E1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:m("Map")}),E1(ln,{value:g.geocode,onChange:b=>p(s.index,{geocode:b}),label:"Coordinates"}),E1(X6,{label:m("Directions link"),icon:E1(k21,{}),value:String(g.mapsUrl??""),onChange:b=>p(s.index,{mapsUrl:b})})]}):u()}if(s.level==="city"){let g=s.index,b=a[g];if(!b)return u();let f=F7(b),y=(k,S)=>p(g,{[k]:S}),x=(k,S,L,R=!1)=>E1(X6,{label:S,icon:L,textarea:R,value:String(b[k]??""),onChange:F=>y(k,F)});return w5("div",{className:"sf-locations-view",children:[E1(zo,{inline:!0,name:kv(f,String(b.groupName??"")),onSelect:()=>m5({level:"group",key:f})}),E1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:b.name||m("City")}),x("name",m("Location name"),E1(zv,{})),x("state",m("State / Province"),E1(zv,{})),x("country",m("Country"),E1(z21,{})),x("address",m("Address"),E1(C21,{}),!0),x("phone",m("Phone"),E1(S21,{})),x("hours",m("Opening hours"),E1(BP,{})),x("timezone",m("Timezone chip"),E1(BP,{})),E1("div",{style:{marginTop:12},children:E1("button",{type:"button",style:UP,onClick:()=>{t(a.filter((k,S)=>S!==g)),m5({level:"group",key:f})},children:m("Delete city")})})]})}if(s.level==="group")return r.some(g=>g.key===s.key)?E1(H21,{cards:a,groupKey:s.key,onChange:t,onBack:()=>m5({level:"groups"}),onOpenCity:g=>m5({level:"city",index:g}),onNavigate:g=>m5({level:"group",key:g})},s.key):u();function u(){return w5("div",{className:"sf-locations-view",children:[E1(ZP,{props:c,setSection:h}),!o&&E1(yv,{children:v()})]})}function v(){return E1(GP,{label:m("Locations"),noun:m("group"),items:r,onChange:g=>{let b=g.find(f=>!r.some(y=>y.key===f.key));t(cM(a,g.map(f=>f.key),f=>[{...Cd,group:f,groupName:""}])),b&&m5({level:"group",key:b.key})},newItem:()=>({key:d(),name:"",indices:[]}),open:null,onOpen:()=>{},renderItem:()=>null,removeOnRow:!1,canDuplicate:()=>!1,above:r.length===0?E1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:m("No locations yet.")}):void 0,renderRow:g=>w5("button",{type:"button",style:qP,onClick:()=>m5({level:"group",key:g.key}),children:[E1("span",{style:{fontWeight:500},children:kv(g.key,g.name)}),w5("span",{style:{color:"var(--fg-dim, #999)"},children:[Q2("{n} city","{n} cities",g.indices.length)," \u203A"]})]})})}return u()}var F21="/geocode.json";async function KP(e){let t=e.trim();if(!t)return null;if(!Yy())throw new Error("geocode_unavailable");let a=await fetch(`${An()}${F21}?q=${encodeURIComponent(t)}`,{headers:{Accept:"application/json"}});if(!a.ok)throw new Error(`geocode_http_${a.status}`);let s=await a.json();if(!s||typeof s!="object")return null;let{lat:o,lng:r,label:i}=s,n=Number(o),l=Number(r);return!Number.isFinite(n)||!Number.isFinite(l)?null:{lat:n,lng:l,label:String(i??"")}}var Xc=e=>typeof e=="number"&&Number.isFinite(e);function Jc(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:Xc(a.lat)&&a.lat!==t.lat||Xc(a.lng)&&a.lng!==t.lng:!1})}async function Qc(e,t,{geocode:a=KP,courtesyGapMs:s=1100}={}){let o=i=>new Promise(n=>setTimeout(n,i)),r=e.slice();if(e.some(i=>i?.geocode?.pending)){let i=[],n=!1;for(let l of e){if(!l?.geocode?.pending){i.push(l);continue}n&&s>0&&await o(s),n=!0;try{let c=await a(t(l));i.push(c?{...l,lat:c.lat,lng:c.lng,geocode:{...l.geocode,pending:!1,ok:!0,status:`Found \u2014 ${c.label.split(",").slice(0,3).join(",").trim()}`,lat:c.lat,lng:c.lng}}:{...l,geocode:{...l.geocode,pending:!1,ok:!1,status:"No match \u2014 check the address and try again."}})}catch{i.push({...l,geocode:{...l.geocode,pending:!1,ok:!1,status:"Lookup busy \u2014 try again in a moment."}})}}r=i}return r.map(i=>{let n=i?.geocode;if(!n)return i;if(n.manual&&n.lat===void 0&&n.lng===void 0)return{...i,geocode:{...n,lat:i.lat,lng:i.lng}};let l=Xc(n.lat)&&n.lat!==i.lat?n.lat:i.lat,c=Xc(n.lng)&&n.lng!==i.lng?n.lng:i.lng;return l!==i.lat||c!==i.lng?{...i,lat:l,lng:c}:i})}var $P={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>P21(jP,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!Jc(a))return e;let s=await Qc(a,o=>{let r=Yc(o.region);return[String(o.address??"").replace(/\s*\n+\s*/g,", "),o.name,String(o.state??"").trim()||r.state,String(o.country??"").trim()||r.country].map(i=>String(i??"").trim()).filter(Boolean).join(", ")});return{...e,props:{...t,locations:s}}}};import{jsx as eN}from"react/jsx-runtime";import{ClockIcon as G21,TagIcon as W21}from"efficient-easel/icons";import{jsx as Z21}from"react/jsx-runtime";import{jsx as u6,jsxs as eh,Fragment as I21}from"react/jsx-runtime";import{useEffect as V21,useState as XP}from"react";import{Fragment as N21,jsx as YP}from"react/jsx-runtime";function $t({kind:e,children:t}){let a=Ck(e);return a?YP("span",{[Uz]:a.stamp,children:t}):YP(N21,{children:t})}var R21=24*3600*1e3,_21=[{key:"hours",label:"Hours"},{key:"minutes",label:"Minutes"},{key:"seconds",label:"Seconds"}];function O21(e,t){return Math.max(0,Math.ceil((e-t)/1e3))}function B21(e){let t=Date.parse((e??"").trim());return Number.isFinite(t)?t:null}var D21=e=>String(e).padStart(2,"0");function JP({title:e,zeroText:t,endsAt:a,showUnits:s=!0,editing:o=!1}={}){let r=B21(a),[i]=XP(()=>Date.now()+R21),n=r??(o?i:null),[l,c]=XP(()=>Date.now());if(V21(()=>{if(n===null)return;c(Date.now());let g=window.setInterval(()=>c(Date.now()),1e3);return()=>window.clearInterval(g)},[n]),n===null)return null;let h=O21(n,l),p=[Math.floor(h/3600),Math.floor(h%3600/60),h%60],d=(e??"").trim(),u=(t??"").trim(),v=`${p[0]} hours, ${p[1]} minutes and ${p[2]} seconds left`;return u6("section",{className:"relative z-[2] bg-bg",role:"timer","aria-live":"off",children:eh("div",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-col items-center gap-4 px-[var(--sf-site-gutter,40px)] py-12 text-center max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[d&&u6("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:M(d)}),h===0?u&&u6("p",{className:"font-heading3 text-[length:min(var(--size-headingSmall,32px),var(--sf-heading-max,9999px))] font-medium leading-tight text-fg",children:X(u,!1)}):eh(I21,{children:[u6("span",{className:"sr-only",children:v}),u6("div",{"aria-hidden":!0,className:"flex items-start gap-[clamp(8px,2vw,24px)]",children:_21.map((g,b)=>eh("div",{className:"contents",children:[b>0&&u6("span",{className:"font-mono text-[length:clamp(32px,7vw,80px)] leading-none text-accent",children:":"}),eh("div",{className:"flex min-w-0 flex-col items-center gap-2",children:[u6($t,{kind:$m,children:u6("span",{"data-countdown-unit":g.key,...o?{[C7]:$m}:{},suppressHydrationWarning:!0,className:"font-mono text-[length:clamp(40px,8vw,96px)] font-medium leading-none tabular-nums text-fg",children:D21(p[b])})}),s&&u6($t,{kind:ve,children:u6("span",{...o?{[C7]:ve}:{},className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:g.label})})]})]},g.key))})]})]})})}var th={title:"Back online in",zeroText:"Almost done. Back very soon."},QP={label:"Countdown",defaultProps:{...th,endsAt:"",showUnits:!0},render:({title:e,zeroText:t,endsAt:a,showUnits:s,puck:o})=>Z21(JP,{title:e,zeroText:t,endsAt:a,showUnits:s,editing:o?.isEditing})};var tN={fields:{title:I("Heading",th.title),zeroText:S2(I("At zero",th.zeroText)),endsAt:YC("Ends",eN(G21,{}),"In your own time zone. Every visitor counts down to the same moment."),showUnits:l1("Unit labels",!0,eN(W21,{}))}};var aN={fields:{html:{type:"textarea",label:"HTML"}}};import{jsx as $21}from"react/jsx-runtime";import{StylesIcon as Y21}from"efficient-easel/icons";var f9="line",Cv=[{label:"Line",value:"line"},{label:"Stripes \xB7 fine",value:"stripes-fine"},{label:"Stripes \xB7 medium",value:"stripes-medium"},{label:"Stripes \xB7 bold",value:"stripes-bold"}],q21={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},sN=28,U21="-45deg",j21="color-mix(in oklab, var(--accent) 50%, var(--bg))";function K21(e){return e!=="line"}function oN(e){return X2(Cv,f9,e)}function rN(e){if(!K21(e))return null;let{ink:t,period:a}=q21[e];return`repeating-linear-gradient(${U21}, ${j21} 0 ${t}px, transparent ${t}px ${a}px)`}var iN={fields:{style:w1("Style",$21(Y21,{}),Cv,f9),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as t31}from"react/jsx-runtime";import{jsx as J6,jsxs as ko}from"react/jsx-runtime";function X21(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function J21(e){let t=[];for(let a of e.replace(/\r\n?/g,`
+`).split(/\n[ \t]*\n/))a.split(`
+`).map(s=>s.replace(/\s+$/,"")).filter(s=>s.trim()!=="").forEach((s,o)=>{let r=Gz(s)[0].bullet,i=t.at(-1),n=o===0||!i||i.type==="ul"!==r;if(r){let l=s.slice(2);!n&&i?.type==="ul"?i.items.push(l):t.push({type:"ul",items:[l]})}else!n&&i?.type==="p"?i.text+=`
+${s}`:t.push({type:"p",text:s})});return t}var Q21=()=>[{label:m("First section"),heading:m("Your *first* section."),body:m(`Write the opening paragraph here.
+
+- Start a line with a dash for a bullet.
+- Add as many as you like.`)},{label:m("Second section"),heading:m("Your *second* section."),body:m("Leave a blank line between paragraphs to start a new one.")}],e31=120;function nN({tocTitle:e,sections:t,editing:a=!1,stickyTop:s=e31}){let o=(t??[]).filter(l=>(l.heading??"").trim()!==""||(l.label??"").trim()!==""||(l.body??"").trim()!=="");if(o.length===0&&!a)return null;let r=o.length===0&&a?Q21():o,i=new Set,n=r.map((l,c)=>{let h=X21(l.label||l.heading||"",c),p=h,d=2;for(;i.has(p);)p=`${h}-${d++}`;return i.add(p),p});return J6("section",{className:"relative z-[2] bg-bg",children:ko("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[240px_1fr] items-start gap-20 border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[900px]:grid-cols-1 max-[900px]:gap-10 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-[60px]",children:[ko("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:s},children:[e&&J6("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:M(e)}),r.map((l,c)=>ko("a",{href:`#${n[c]}`,className:`flex items-center justify-between gap-3 border-b border-line py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim transition-colors hover:text-fg${c===0?" border-t":""}`,children:[J6("span",{children:M(l.label||"Section")}),J6("span",{className:"text-accent",children:String(c+1).padStart(2,"0")})]},n[c]))]}),J6("div",{className:"flex flex-col gap-16",children:r.map((l,c)=>ko("article",{id:n[c],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:s},children:[ko("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(c+1).padStart(2,"0")," \xB7 ",M(l.label||"Section")]}),l.heading&&J6("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:M(l.heading)}),J21(l.body??"").map((h,p)=>h.type==="ul"?J6("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:h.items.map((d,u)=>J6("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['\xB7']",children:M(d)},u))},p):J6("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:M(h.text)},p))]},n[c]))})]})})}var Sv={toc:"On this page"},a31=()=>[{label:m("Section"),heading:m("Section heading *here.*"),body:m("Add this section's copy here. A blank line starts a new paragraph.")},{label:m("Section"),heading:m("Section heading *here.*"),body:m("Add this section's copy here.")}],lN={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>t31(nN,{tocTitle:z(e.tocTitle,Sv.toc,e.puck),sections:M1(e.sections,a31(),e.puck),editing:e.puck?.isEditing})};var cN={fields:{_gContent:w("Contents"),tocTitle:I("Contents heading",Sv.toc),_gSections:w("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:z1("Contents label"),heading:z1("Title"),body:_1("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};import{jsx as o31}from"react/jsx-runtime";import{jsx as b9,jsxs as Mv}from"react/jsx-runtime";function s31({level:e,className:t,children:a}){return b9(e===2?"h2":"h1",{className:t,children:a})}function hN({eyebrow:e,title:t,deck:a,meta:s,editing:o=!1,titleLevel:r}){let i=(s??[]).filter(n=>(n.label??"").trim()!==""||(n.value??"").trim()!=="");return!(e||t||a||i.length>0)&&!o?null:b9("section",{className:"relative z-[2] bg-bg",children:Mv("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-[100px] pb-[60px] max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:pt-[60px] max-[900px]:pb-10",children:[Mv("div",{className:"grid grid-cols-[auto_1fr_auto] items-end gap-10 pb-8 max-[900px]:grid-cols-1 max-[900px]:gap-4",children:[e&&b9(O1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&b9(s31,{level:r,className:"font-display text-[length:min(var(--size-headingLarge,clamp(56px,8vw,128px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.88] tracking-[-0.04em]",children:X(t,!0)}),i.length>0&&b9("div",{className:"pb-3 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[900px]:pb-0 max-[900px]:text-left",children:i.map((n,l)=>Mv("div",{children:[n.label&&b9("strong",{className:"font-normal text-fg",children:M(n.label)}),n.label&&n.value?" ":null,n.value?M(n.value):null]},l))})]}),a&&b9("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:M(a,!0)})]})})}var r31=()=>[{label:m("Label"),value:m("Value")},{label:m("Label"),value:m("Value")}],x9={eyebrow:T.eyebrow,title:T.headingAccent,deck:"Add a sentence or two introducing this document."},pN={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>o31(hN,{titleLevel:e.titleLevel,eyebrow:z(e.eyebrow,x9.eyebrow,e.puck),title:z(e.title,x9.title,e.puck),deck:z(e.deck,x9.deck,e.puck),meta:M1(e.meta,r31(),e.puck),editing:e.puck?.isEditing})};var mN={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",x9.eyebrow),title:W("Heading",x9.title),deck:W("Deck / standfirst",x9.deck),_gMeta:w("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:z1("Label"),value:z1("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||"Row"}}};import{jsx as n31}from"react/jsx-runtime";import{jsx as Co,jsxs as i31}from"react/jsx-runtime";function dN({cards:e,editing:t=!1}){let a=(e??[]).filter(s=>(s.label??"").trim()!==""||(s.value??"").trim()!==""||(s.desc??"").trim()!=="");return a.length===0&&!t?null:Co("section",{className:"relative z-[2] bg-bg",children:Co("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-3 gap-10 border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[900px]:grid-cols-1 max-[900px]:gap-4 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-10",children:a.map((s,o)=>i31("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[s.label&&Co(O1,{text:s.label,size:12}),s.value&&Co("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:M(s.value)}),s.desc&&Co("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:M(s.desc)})]},o))})})}var Av=[{label:"Label",value:"Value",desc:"Short description of this card."},{label:"Label",value:"Value",desc:"Short description of this card."},{label:"Label",value:"Value",desc:"Short description of this card."}],uN={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>n31(dN,{cards:M1(e.cards,Av,e.puck),editing:e.puck?.isEditing})};var gN={fields:{cards:Fe({type:"array",label:"Cards",arrayFields:{label:z1("Label"),value:z1("Value"),desc:_1("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:e=>e?.label||e?.value||"Card"},Av)}};import{jsx as h31}from"react/jsx-runtime";import{PageIcon as p31}from"efficient-easel/icons";import{jsx as l31}from"react/jsx-runtime";import{jsx as Lv,jsxs as Tv}from"react/jsx-runtime";function vN({tabs:e,metaLabel:t,metaValue:a,editing:s=!1}){let o=(e??[]).filter(i=>(i.label??"").trim()!=="");if(o.length===0&&!s)return null;let r=o.findIndex(i=>i.current);return Lv("nav",{className:`${Je} sticky top-[var(--sf-header-h,88px)] z-40 border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[900px]:px-4`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:Tv("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[o.map((i,n)=>{let l=n===r;return Tv(p0,{href:i.href||"#",className:["relative whitespace-nowrap border-r border-line px-[26px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",n===0?"border-l border-line":"",l?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[U0(i.label),l&&Lv("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},n)}),(t||a)&&Tv("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[t&&M(t),a&&Lv("strong",{className:"ml-2 font-normal text-accent",children:M(a)})]})]})})}var c31=()=>[{label:m("Tab"),href:"#",current:!0},{label:m("Tab"),href:"#",current:!1},{label:m("Tab"),href:"#",current:!1}],So={metaLabel:T.label,metaValue:T.value},fN={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>l31(vN,{tabs:M1(e.tabs,c31(),e.puck),metaLabel:z(e.metaLabel,So.metaLabel,e.puck),metaValue:z(e.metaValue,So.metaValue,e.puck),editing:e.puck?.isEditing})};var bN={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:U("Tab label"),href:N1("Links to"),current:l1("Current page",!1,h31(p31,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:w("Trailing note"),metaLabel:I("Note label",So.metaLabel),metaValue:I("Note value",So.metaValue)}};import{jsx as m31}from"react/jsx-runtime";import{StylesIcon as d31}from"efficient-easel/icons";var xN={fields:{eyebrow:I("Eyebrow",T.eyebrow),align:m6(),eyebrowLook:w1("Look",m31(d31,{}),W4,Tn)}};import{jsx as k31}from"react/jsx-runtime";import{ChevronIcon as C31}from"efficient-easel/icons";import{jsx as y31}from"react/jsx-runtime";import{Fragment as f31,jsx as Q4,jsxs as Ev}from"react/jsx-runtime";import{jsx as u31}from"react/jsx-runtime";import{useEffect as g31,useRef as v31}from"react";function Yt({nodeId:e,sectionType:t,children:a}){let s=v31(null),{selectedPartId:o,select:r}=Ci(),{setPartStyle:i}=Mi();return g31(()=>{let n=s.current,l=SS(t);if(!n||!e||!l)return;let c=[],h=Array.from(n.querySelectorAll(`[${X8}]`));for(let d of h){let u=zS(l,d.getAttribute(X8));if(!u)continue;let v=de(d);v&&c.push(v);let g=V6(e,J8(u));g===o?(d.setAttribute(U8,""),i({partId:g,...Vd(d),base:Kn(d)})):d.removeAttribute(U8)}let p=d=>{let u=kS(l,d.target);u&&(d.stopPropagation(),d.preventDefault(),r(V6(e,J8(u))))};return n.addEventListener("click",p,{capture:!0}),c.push(()=>n.removeEventListener("click",p,{capture:!0})),()=>{for(let d of c)d();for(let d of h)d.removeAttribute(U8)}},[e,t,o,r,i]),u31("div",{ref:s,style:{display:"contents"},children:a})}function wN(e){return z2(e).trim()}function Hv(e,t){return e?{[X8]:t}:{}}function Fv(e,t){let a=e?.[J8(t)]?.role;return xn(a,yS[t],yi)}function b31({editing:e,nodeId:t,children:a}){return!e||!t?Q4(f31,{children:a}):Q4(Yt,{nodeId:t,sectionType:"FAQ",children:a})}var x31="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",w31="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function yN({num:e,title:t,link:a,items:s,defaultOpen:o=!0,editing:r=!1,omitHead:i=!1,nodeId:n,partStyles:l}){let c=(s??[]).filter(g=>(g.question??"").trim()!==""),h=r&&c.length===0;if(c.length===0&&!r)return null;let p=h?[{question:m("Add your first question"),answer:m("Write the answer here.")},{question:m("Add another question"),answer:m("Write the answer here.")}]:c,d=p.filter(g=>(g.answer??"").trim()!=="").map(g=>({"@type":"Question",name:wN(g.question??""),acceptedAnswer:{"@type":"Answer",text:wN(g.answer??"")}})),u=!r&&d.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:d}).replace(/</g,"\\u003c"):null,v=t?X(t,!0):void 0;return Ev("section",{className:i?w31:x31,children:[Q4("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),u&&Q4("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:u}}),i?null:Q4(h0,{num:e!==void 0?M(e):void 0,title:v,link:a?{text:M(a.text),href:a.href}:void 0,accent:!0}),Q4(b31,{editing:r,nodeId:n,children:Q4("div",{children:p.map((g,b)=>Ev("details",{open:b===0&&o,className:"border-b border-line",children:[Ev("summary",{className:"flex cursor-pointer list-none items-center gap-6 py-7 [&::-webkit-details-marker]:hidden max-[800px]:gap-4 max-[800px]:py-5",children:[Q4("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...Hv(r,"number"),style:Fv(l,"number"),children:String(b+1).padStart(2,"0")}),Q4("span",{className:"flex-1 font-display text-[length:var(--size-body,18px)] font-medium uppercase tracking-[0.02em] text-fg max-[800px]:text-[length:var(--size-body,15px)]",...Hv(r,"question"),style:Fv(l,"question"),children:M(g.question??"")}),Q4("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),g.answer&&Q4("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:Q4("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...Hv(r,"answer"),style:Fv(l,"answer"),children:M(g.answer)})})]},b))})})]})}var w9={num:T.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},z31=()=>[{question:m("Your first question goes here?"),answer:m("Add your answer here \u2014 a sentence or two is plenty.")},{question:m("Your second question goes here?"),answer:m("Add your answer here. Keep it clear and concise so it stays easy to scan.")},{question:m("Your third question goes here?"),answer:m("Add your answer here.")},{question:m("Your fourth question goes here?"),answer:m("Add your answer here.")},{question:m("Your fifth question goes here?"),answer:m("Add your answer here.")}],zN={label:"Q&A",defaultProps:{num:"",title:"",linkText:"",linkHref:"/faq",defaultOpen:!0,items:[]},render:e=>{let t=U1(e.headPlacement)==="own-box",a=o=>t?void 0:o,s=z(e.linkText,w9.link,e.puck);return y31(yN,{num:a(z(e.num,w9.num,e.puck)),title:a(z(e.title,w9.title,e.puck)),link:a(s?{text:s,href:i1(e.linkHref)||"/faq"}:void 0),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:ue(e),items:M1(e.items,z31(),e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};var kN={fields:{_gContent:w("Content"),num:I("Number",w9.num),title:W("Heading",w9.title),linkText:I("Button",w9.link),linkHref:N1("Link"),_gQuestions:w("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:z1("Question"),answer:_1("Answer")},getItemSummary:e=>e.question||"Question"},_gLayout:w("Layout"),defaultOpen:l1("Open first answer",!0,k31(C31,{}))},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.FAQ.headRows)};import{jsx as h4,Fragment as sh,jsxs as A31}from"react/jsx-runtime";import{useContext as L31}from"react";import{SettingsField as LN}from"efficient-easel/panel";import{FieldSelect as TN}from"efficient-easel/fields";import{BlogPostIcon as EN}from"efficient-easel/icons";var CN=Lt({fetch:async(e,t)=>await p5().blog?.posts(t?{siteId:t}:void 0)??[],keyBy:v2});import{useEffect as SN,useRef as S31,useState as Pv}from"react";function Q6(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function Xt({load:e,resolve:t,snapshot:a,value:s,onChange:o}){let[r,i]=Pv(null),[n,l]=Pv(!1),[c,h]=Pv(!1),p=S31(!0);return SN(()=>(p.current=!0,e().then(d=>{p.current&&i(d)}),()=>{p.current=!1}),[]),SN(()=>{if(!s?.slug||r===null)return;let d=t(r,s);if(!d)return;let u=a(d);Q6(u,s)&&o(u)},[r]),{rows:r,loading:r===null,refreshing:n,errored:c,refresh:()=>{s?.slug&&(l(!0),h(!1),e(!0).then(d=>{if(!p.current)return;i(d);let u=t(d,s);u&&o(a(u))}).catch(()=>{p.current&&h(!0)}).finally(()=>{p.current&&l(!1)}))}}}import{jsx as ah,jsxs as M31}from"react/jsx-runtime";import{Button as MN}from"efficient-shell/ui";function e5({status:e,statusText:t,onRefresh:a,busy:s=!1,edit:o,hint:r,spaced:i=!0}){return M31("div",{className:"sf-blogsource",style:i?{marginTop:9}:void 0,children:[ah("p",{className:"sf-blogsource-status","data-state":e,children:t}),ah(MN,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:a,disabled:s,children:m("Refresh now")}),o?ah(MN,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:o.onClick,children:o.label}):null,ah("p",{className:"es-field-hint sf-hint-keep",children:r})]})}function T31(e){if(!e)return"";let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"2-digit"})}function AN(e){return{slug:e.slug,image:e.coverImage,title:e.title,dek:e.excerpt,date:T31(e.publishedAt),href:e.href}}function Jt({value:e,onChange:t}){let a=L31(we);return a&&!a.capabilities.hasBlog?e?.slug?h4(E31,{value:e,onChange:t}):h4(sh,{}):h4(H31,{value:e,onChange:t})}function E31({value:e,onChange:t}){return h4("div",{children:h4(LN,{label:m("Blog post source"),icon:h4(EN,{}),hint:h4(sh,{children:m("Linked to a blog post. This editor has no blog to pick another from; choose \u201CNone (manual)\u201D to author the section yourself.")}),children:h4(TN,{value:e.slug,ariaLabel:m("Blog post source"),onChange:a=>a?void 0:t(null),options:[{label:m("None (manual)"),value:""},{label:e.title||e.slug,value:e.slug}]})})})}function H31({value:e,onChange:t}){let{rows:a,loading:s,refreshing:o,errored:r,refresh:i}=Xt({load:CN,resolve:(d,u)=>d.find(v=>v.slug===u.slug),snapshot:AN,value:e,onChange:t}),n=d=>{if(!d){t(null);return}let u=(a??[]).find(v=>v.slug===d);u&&t(AN(u))},l=e?.slug&&!(a??[]).some(d=>d.slug===e.slug),c=r?"error":o?"loading":"idle",h=m("Storefront \u2192 Blog"),p=r?m("Couldn\u2019t reach {place}.",{place:h}):o?m("Syncing from {place}\u2026",{place:h}):m("Linked to \u201C{name}\u201D",{name:e?.title||e?.slug||""});return A31("div",{children:[h4(LN,{label:m("Blog post source"),icon:h4(EN,{}),hint:e?.slug?void 0:h4(sh,{children:m("Pick a post from {place} to auto-fill this section, or keep \u201CNone (manual)\u201D to author it yourself below.",{place:h})}),children:h4(TN,{value:e?.slug??"",ariaLabel:m("Blog post source"),onChange:n,readOnly:s,options:[{label:m("None (manual)"),value:""},...l?[{label:m("{name} (unavailable)",{name:e.title||e.slug}),value:e.slug}]:[],...(a??[]).map(d=>({label:d.title,value:d.slug}))]})}),e?.slug?h4(e5,{status:c,statusText:p,onRefresh:i,busy:o,hint:h4(sh,{children:m("Auto-fills the cover image, headline, dek, date and link from this post each time you open the editor. Those fields are hidden while a post is linked; the remaining fields stay yours to set.")})}):null]})}import{jsx as P31}from"react/jsx-runtime";import{jsx as p4,jsxs as Mo}from"react/jsx-runtime";import{Fragment as F31}from"react";function HN({image:e,badge:t,imageDate:a,category:s,readLabel:o,date:r,title:i,dek:n,ctaText:l,ctaHref:c,...h}){let p=[s?p4("span",{className:"text-accent",children:M(s)}):null,o?p4("span",{children:M(o)}):null,r?p4("span",{children:M(r)}):null].filter(Boolean);return p4("section",{className:D0(h)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:Mo("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[Mo("div",{className:"relative aspect-[5/4] overflow-hidden border-r border-line bg-surface-2 max-[1100px]:border-r-0 max-[1100px]:border-b",children:[p4(T0,{label:"featured-cover",src:e||void 0,alt:z2(i||"Cover"),sizes:"(max-width: 1100px) 100vw, 56vw"}),p4("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.45) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.55) 100%)"}}),t&&p4("span",{className:"absolute left-6 top-6 z-[2] bg-accent px-3 py-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-bg",children:M(t)}),a&&p4("span",{className:"absolute right-6 bottom-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg",children:M(a)})]}),Mo("div",{className:"flex flex-col justify-between gap-6 px-12 py-14 max-[1100px]:px-7 max-[1100px]:py-9",children:[p.length>0&&p4("div",{className:"flex items-center gap-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.28em] text-fg-dim",children:p.map((d,u)=>Mo(F31,{children:[u>0&&p4("span",{className:"opacity-40",children:"\xB7"}),d]},u))}),i&&p4("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(34px,3.5vw,58px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:X(i,!0)}),n&&S0(n).map((d,u)=>p4("p",{className:"max-w-[520px] font-serif text-[length:var(--size-body,20px)] italic leading-[1.5] text-fg-dim",children:M(d,!0)},u)),l&&p4("div",{children:Mo(p0,{href:c||"#",className:"group inline-flex items-center gap-3.5 py-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[M(l)," ",p4("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}var S3={badge:"Featured",imageDate:T.date,category:T.category,readLabel:"0 min read",date:T.date,title:"Add a *headline* for this story.",dek:"A short summary of the featured article \u2014 one or two sentences that draw the reader in.",ctaText:"Read the story",ctaHref:k2.href},FN={label:"Featured cover",defaultProps:{source:null,image:"",badge:"",imageDate:"",category:"",readLabel:"",date:"",title:"",dek:"",ctaText:"",ctaHref:""},render:({source:e,image:t,badge:a,imageDate:s,category:o,readLabel:r,date:i,title:n,dek:l,ctaText:c,ctaHref:h,puck:p})=>{let d=e,u=!!d?.slug;return P31(HN,{image:u?d.image:t,badge:z(a,S3.badge,p),imageDate:u?d.date:z(s,S3.imageDate,p),category:z(o,S3.category,p),readLabel:z(r,S3.readLabel,p),date:u?d.date:z(i,S3.date,p),title:u?d.title:z(n,S3.title,p),dek:u?d.dek:z(l,S3.dek,p),ctaText:z(c,S3.ctaText,p),ctaHref:u?d.href:i1(h)})}};var PN={fields:{source:p2(Jt),image:K1("Cover image","image/*"),badge:I("Badge",S3.badge),imageDate:I("Image date",S3.imageDate),_gContent:w("Content"),category:I("Category",S3.category),readLabel:I("Read time",S3.readLabel),date:I("Date",S3.date),title:W("Heading",S3.title),dek:W("Dek",S3.dek),ctaText:I("Button",S3.ctaText),ctaHref:N1("Link")},resolveFields:(e,{fields:t})=>{let a=!!e.props.source?.slug,s=new Set(a?["image","imageDate","date","title","dek","ctaHref"]:[]),o={};for(let[r,i]of Object.entries(t))s.has(r)||(o[r]=i,a&&r==="source"&&(o._nBound=$5(en)));return o}};import{jsx as GN}from"react/jsx-runtime";import{OpacityIcon as K31,StylesIcon as $31}from"efficient-easel/icons";import{jsx as j31}from"react/jsx-runtime";import{jsx as y9,jsxs as q31,Fragment as U31}from"react/jsx-runtime";import{jsx as NN,Fragment as N31,jsxs as I31}from"react/jsx-runtime";import{useEffect as IN,useRef as V31,useState as VN}from"react";function RN({children:e,className:t,style:a}){let s=V31(null),[o,r]=VN([]),[i,n]=VN(0);IN(()=>{let c=s.current;if(!c)return;let h=()=>{let d=Array.from(c.querySelectorAll(":scope > *"));r(d.map((u,v)=>u.dataset.tabLabel?.trim()||`Tab ${v+1}`))};h();let p=new MutationObserver(h);return p.observe(c,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tab-label"]}),()=>p.disconnect()},[]);let l=o.length?Math.min(i,o.length-1):0;return IN(()=>{let c=s.current;c&&Array.from(c.children).forEach((h,p)=>{h.hidden=o.length>1&&p!==l})},[o,l]),I31(N31,{children:[o.length>1&&NN(qS,{slides:o.map(c=>({name:c,process:""})),active:l,shape:"tabs",tone:"surface",label:"Tabs",ref:c=>{c&&(c.onclick=h=>{let p=h.target?.closest?.("[data-idx]")?.getAttribute("data-idx");p!=null&&n(Number(p))})}}),NN("div",{ref:s,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{jsx as _N}from"react/jsx-runtime";import{createContext as R31,useContext as _31}from"react";var ON=R31(!1);function Qt({contained:e,framedClass:t,fillClass:a,style:s,tabLabel:o,children:r}){let i=_31(ON),n=_d(e,i);return _N("div",{className:n?t:a,style:s,"data-tab-label":o,children:n?_N(ON.Provider,{value:!0,children:r}):r})}import{jsx as O31}from"react/jsx-runtime";import{createContext as B31}from"react";var Nv=B31(null),D31={dark:!0};function BN({children:e}){return O31(Nv.Provider,{value:D31,children:e})}import{jsx as Z31}from"react/jsx-runtime";var Ao="mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]",Lo="max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",To=`${Ao} ${Lo}`,G31="mx-auto w-full max-w-[1280px] px-[60px]",W31="max-[960px]:px-6",tP1=`${G31} ${W31}`;function c2({contained:e,className:t="",style:a,children:s}){return Z31(Qt,{contained:e,framedClass:`${To} ${t}`,fillClass:`w-full ${t}`,style:a,children:s})}function DN({direction:e,label:t,gap:a,justify:s,align:o,wrap:r,share:i,phoneRow:n,blockSpacing:l,bgImage:c,darken:h,darkenStyle:p,placement:d,padTop:u,padBottom:v,padTopPhone:g,padBottomPhone:b,padLeft:f,padRight:y,padLeftPhone:x,padRightPhone:k,contained:S=!0,fillHeight:L=!1,content:R}){let F=pt(c),O=Kl(),P=[AC(i),TC(l)].filter(Boolean).join(" "),E=P?` ${P}`:"",N=["flex",e==="row"?`flex-row ${LC(n)}`:"flex-col",Xi(r),F?Xn(d??"center",e):Yi(s,o)].join(" ")+E,V=L||F?" h-full":"",G=F||O?"":" py-6",H=`${Ao}${G} ${Lo}${V}`,j=O?V.trim():`w-full${G}${V}`,_=a4("Flex",a,e==="row"?"inline":"block"),e1=y9(R,{className:`${N}${_.className}${V}`,style:_.style,minEmptyHeight:120}),K=e==="tabs"?y9(RN,{className:`${N}${_.className}${V}`,style:_.style,children:e1}):e1,Y=t?.trim()||void 0,h1=a1=>y9(Qt,{contained:S,framedClass:H,fillClass:j,tabLabel:Y,children:a1});if(!F)return h1(K);let B=Yn(h,p),q=K8(typeof u=="number"?u:o4.desktop,typeof v=="number"?v:o4.desktop,typeof g=="number"?g:o4.phone,typeof b=="number"?b:o4.phone,typeof f=="number"?f:o4.side,typeof y=="number"?y:o4.side,typeof x=="number"?x:o4.sidePhone,typeof k=="number"?k:o4.sidePhone),Q=y9("div",{className:`relative z-[1] ${AA} ${q?.className??""}`.trimEnd(),style:B?{...q?.style,...G5}:q?.style,children:K});return h1(y9(U31,{children:q31("div",{className:`relative isolate overflow-hidden ${$n}${V}`,style:{backgroundImage:`url(${c})`,backgroundSize:"cover",backgroundPosition:"center"},children:[B&&y9("div",{className:"absolute inset-0 z-0",style:B,"aria-hidden":!0}),B?y9(BN,{children:Q}):Q]})}))}var Iv={content:{type:"slot"}},ZN={label:"Box",fields:Iv,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>j31(DN,{direction:e.direction,label:e.label,gap:e.gap,justify:e.justify,align:e.align,wrap:e.wrap,share:e.share,phoneRow:e.phoneRow,blockSpacing:e.blockSpacing,bgImage:e.bgImage,darken:e.darken,darkenStyle:e.darkenStyle,placement:e.placement,padTop:e.sectionPaddingTop,padBottom:e.sectionPaddingBottom,padTopPhone:e.sectionPaddingTopPhone,padBottomPhone:e.sectionPaddingBottomPhone,padLeft:e.sectionPaddingLeft,padRight:e.sectionPaddingRight,padLeftPhone:e.sectionPaddingLeftPhone,padRightPhone:e.sectionPaddingRightPhone,contained:e.contained,fillHeight:Ri(e),content:e.content})};var WN={fields:{_gContent:w("Content"),content:Iv.content,_gLayout:w("Layout"),direction:{type:"radio",options:aC("Flex")},label:S2(U("Tab name")),gap:s4("Flex"),justify:an(),align:sn(),wrap:on(),share:GC(),phoneRow:qC(),blockSpacing:WC(),_gBackground:w("Background image"),bgImage:K1("Image","image/*"),darken:n1("Darken",GN(K31,{}),G2.min,G2.max,G2.step,G2.fallback,G2.unit),darkenStyle:w1("Darken style",GN($31,{}),D7,D7[0].value),placement:B6("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(pt(a.bgImage)){let o=Re({fallback:{top:o4.desktop,bottom:o4.desktop,left:o4.side,right:o4.side}}),r={},i=!1;for(let[n,l]of Object.entries(t)){if(n in o){i||Object.assign(r,o),i=!0;continue}r[n]=l}return i||Object.assign(r,o),r}let s={...t};return delete s.darken,delete s.darkenStyle,delete s.placement,s}};import{jsx as QN}from"react/jsx-runtime";var z9={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as n41,ThemeIcon as l41}from"efficient-easel/icons";import{jsx as r41}from"react/jsx-runtime";import{jsx as A2,Fragment as e41,jsxs as k9}from"react/jsx-runtime";import{useEffect as Eo,useRef as z5,useState as ih}from"react";var Y31=[{elementType:"geometry",stylers:[{color:"#161616"}]},{elementType:"labels",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#c2b896"}]},{elementType:"labels.text.stroke",stylers:[{color:"#0a0a0a"},{weight:3}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#2a2a2a"},{weight:.5}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#3a3530"}]},{featureType:"administrative.country",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#d6cdb8"}]},{featureType:"administrative.locality",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#c2b896"}]},{featureType:"administrative.neighborhood",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#1a1a1a"}]},{featureType:"landscape.man_made",elementType:"geometry",stylers:[{color:"#181818"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#1c1c1c"}]},{featureType:"landscape.natural.terrain",elementType:"geometry",stylers:[{color:"#1f1f1f"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#262626"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{color:"#161616"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#2a2a2a"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#3a3530"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#1a1a1a"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#0a0a0a"}]},{featureType:"water",elementType:"labels",stylers:[{visibility:"off"}]}],X31=[{elementType:"geometry",stylers:[{color:"#e7e4de"}]},{elementType:"labels",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#56544f"}]},{elementType:"labels.text.stroke",stylers:[{color:"#e7e4de"},{weight:3}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#c3c1b9"},{weight:.5}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#a4a09a"}]},{featureType:"administrative.country",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#171513"}]},{featureType:"administrative.locality",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#56544f"}]},{featureType:"administrative.neighborhood",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#e2dfd8"}]},{featureType:"landscape.man_made",elementType:"geometry",stylers:[{color:"#dcd9d2"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#e4e1da"}]},{featureType:"landscape.natural.terrain",elementType:"geometry",stylers:[{color:"#dfdcd5"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#f2f0eb"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{color:"#d3d0c8"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#ebe9e2"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#bdb5a4"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#9d9584"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#d3d0c8"}]},{featureType:"water",elementType:"labels",stylers:[{visibility:"off"}]}],o8={dark:{background:"#0a0a0a",marker:"#c9a461",info:{bg:"#161616",fg:"#f0eadc",fgDim:"#998a72",accent:"#c9a461",closeX:"#c2b896",shadow:"0 8px 28px rgba(0, 0, 0, 0.7)"}},light:{background:"#e7e4de",marker:"#8a6a2a",info:{bg:"#f2f0eb",fg:"#0a0a0a",fgDim:"#666360",accent:"#8a6a2a",closeX:"#373532",shadow:"0 8px 28px rgba(55, 53, 50, 0.16)"}}},AP1=o8.dark.marker;function J31(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function qN(e="auto"){return e==="light"?!0:e==="dark"?!1:J31()}function ea(e="auto"){return qN(e)?X31:Y31}function r8(e="auto"){return qN(e)?o8.light:o8.dark}function y5(e="auto"){return r8(e).background}function ta(e="auto"){return r8(e).marker}function oh(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}import{jsx as Q31}from"react/jsx-runtime";function a3({num:e,title:t,titleAccent:a,desc:s,accentTracking:o="-0.02em",spaceBelow:r="mb-[60px]",className:i=""}){return Q31(h0,{look:"editorial",num:e,title:t,titleAccent:a,description:s,accentTracking:o,spaceBelow:r,className:i})}import{jsx as UN,jsxs as jN}from"react/jsx-runtime";function rh({groupKey:e,name:t,count:a}){return jN("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[UN("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?UN("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,jN("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[a," location",a===1?"":"s"]})]})}var t41=11,a41=6,Vv=60;function Rv(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&amp;":t==="<"?"&lt;":t===">"?"&gt;":t==='"'?"&quot;":"&#39;")}function YN(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?t41:a41,fillColor:ta(a),fillOpacity:1,strokeColor:ta(a),strokeOpacity:e.hq?.3:.25,strokeWeight:e.hq?14:9}}function KN(e,t,a,s,o,r){o.forEach(n=>n.setMap(null)),o.clear();let i=new t.LatLngBounds;return s.forEach((n,l)=>{if(!zs(n.lat,n.lng))return;i.extend({lat:n.lat,lng:n.lng});let c=new t.Marker({map:e,position:{lat:n.lat,lng:n.lng},icon:YN(n,t,a),title:n.city,zIndex:n.hq?100:10,cursor:"pointer"});c.addListener("click",()=>r(l)),o.set(l,c)}),i}function s41(e){return`
+    .footprint-map .gm-style { font-family: var(--font-role-label), var(--font-mono-fallback) !important; }
+    .footprint-map .gm-style .gm-style-iw-c {
+      background: ${e.bg} !important;
+      box-shadow: ${e.shadow} !important;
+      border-radius: 0 !important;
+      padding: 0 !important;
+      max-width: 280px !important;
+    }
+    .footprint-map .gm-style .gm-style-iw-d {
+      background: ${e.bg} !important;
+      overflow: hidden !important;
+      max-width: none !important;
+    }
+    .footprint-map .gm-style .gm-style-iw-tc::after { background: ${e.bg} !important; }
+    .footprint-map .gm-style button[aria-label="Close"] > span {
+      background-color: ${e.closeX} !important;
+    }
+  `}function $N({pal:e}){let t=e?e.marker:"var(--accent)",a=e?e.info.bg:"var(--site-surface)",s=e?e.background:"var(--bg)",o=e?`color-mix(in oklab, ${e.info.fgDim} 12%, transparent)`:"color-mix(in oklab, var(--fg) 3%, transparent)";return k9(e41,{children:[A2("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`radial-gradient(60% 70% at 50% 50%, color-mix(in oklab, ${t} 8%, ${a}) 0%, ${a} 60%, ${s} 100%)`}}),A2("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`repeating-linear-gradient(0deg, transparent 0 22px, ${o} 22px 23px), repeating-linear-gradient(90deg, transparent 0 22px, ${o} 22px 23px)`}})]})}function XN({sectionNumber:e="",heading:t="",tagline:a="",offices:s=[],apiKey:o="",mapId:r="",mapTheme:i="auto",padTop:n,padBottom:l,editing:c,omitHead:h=!1}){let p=typeof n=="number"?n:120,d=typeof l=="number"?l:120,[u,v]=ih(null),g=s.length===0&&!e&&!t&&!a;if(Eo(()=>{v(f=>f!==null&&f>=s.length?null:f)},[s]),g&&!c)return null;let b=Sn(s,f=>String(f.group??""),()=>"");return A2("section",{className:"relative z-[2] bg-bg",children:k9("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:p,paddingBottom:d},children:[!h&&(e||t||a)&&A2(a3,{num:e,title:t?X(t):void 0,desc:a||void 0,spaceBelow:"mb-12"}),A2(o41,{offices:s,apiKey:o,mapId:r,mapTheme:i,activeIndex:u,onSelect:v}),s.length>0&&A2("div",{className:"mt-12 flex flex-col gap-8",children:b.map((f,y)=>k9("div",{children:[f.key&&A2(rh,{groupKey:f.key,count:f.items.length}),A2("div",{className:["grid gap-[2px] bg-bg",vs(f.items.length),f.items.length>2?"max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1":f.items.length===2?"max-[700px]:grid-cols-1":""].join(" "),children:f.items.map(({item:x,index:k})=>{let S=u===k;return k9("button",{type:"button",onClick:()=>v(k),"aria-pressed":S,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",S?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[k9("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[x.hq&&A2("span",{className:"border border-accent bg-accent px-1.5 py-0.5 text-[length:var(--size-body,10px)] text-bg",children:"HQ"}),x.role&&A2("span",{className:"text-accent",children:x.role})]}),x.city&&A2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:A2(Q8,{value:x.city,children:x.city})}),x.country&&A2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:x.country}),x.address&&A2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:M(x.address)})]},k)})})]},f.key?`g:${f.key}`:`ungrouped:${y}`))}),s.length===0&&c&&A2("p",{className:"mt-8 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:m("Add an office in the inspector")})]})})}function o41({offices:e,apiKey:t,mapId:a,mapTheme:s,activeIndex:o,onSelect:r}){let i=qn(t,Gn()),n=Un(a,Wn()),l=!!i&&e.some(N=>zs(N.lat,N.lng)),c=s!=="auto",h=r8(s),p=z5(null),d=z5(null),u=z5(null),v=z5(null),g=z5(new Map),b=z5(null),f=z5(null),y=z5(null),x=z5(r);x.current=r;let k=z5(e);k.current=e;let S=z5(o);S.current=o;let[L,R]=ih(!1),[F,O]=ih(o8.dark),[P,E]=ih(o8.dark.background);return Eo(()=>{O(r8(s)),E(y5(s))},[s]),Eo(()=>{if(!l)return;let N=p.current;if(!N)return;let V=!1,G=null,H=async()=>{try{let _=await Dn(i);if(V||!d.current)return;let e1=new _.Map(d.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:y5(s),...n?{mapId:n}:{styles:ea(s)}});u.current=e1,v.current=_;let K=KN(e1,_,s,k.current,g.current,h1=>x.current(h1));f.current=K,K.isEmpty()||e1.fitBounds(K,Vv);let Y=new _.InfoWindow({disableAutoPan:!0});Y.addListener("closeclick",()=>x.current(null)),b.current=Y,e1.addListener("click",()=>x.current(null)),e1.addListener("tilesloaded",()=>{V||R(!0)}),s==="auto"&&!n&&(G=oh(()=>{V||!u.current||(u.current.setOptions({styles:ea(s),backgroundColor:y5(s)}),g.current.forEach((h1,B)=>{let q=k.current[B];q&&h1.setIcon(YN(q,_,s))}),O(r8(s)),E(y5(s)))}))}catch(_){console.error("[FootprintMap] Maps SDK failed:",_)}},j=new IntersectionObserver(_=>{for(let e1 of _)if(e1.isIntersecting){j.disconnect(),H();break}},{rootMargin:"200px"});return j.observe(N),()=>{V=!0,j.disconnect(),G?.(),b.current?.close(),b.current=null,u.current=null,v.current=null,g.current.forEach(_=>_.setMap(null)),g.current.clear(),f.current=null,R(!1)}},[l,i,n,s]),Eo(()=>{let N=u.current,V=v.current;if(!N||!V)return;let G=KN(N,V,s,e,g.current,H=>x.current(H));f.current=G,S.current===null&&!G.isEmpty()&&N.fitBounds(G,Vv)},[e,s]),Eo(()=>{let N=u.current,V=b.current;if(!N||!V)return;if(o===null){V.close(),y.current!==null&&f.current&&!f.current.isEmpty()&&N.fitBounds(f.current,Vv),y.current=null;return}let G=e[o],H=g.current.get(o);if(!G||!H){V.close(),y.current=o;return}N.panTo({lat:G.lat,lng:G.lng});let j=N.getZoom();j!=null&&j<4&&N.setZoom(4);let _=F.info,e1=G.hq?`<span style="background:${_.accent};color:${_.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",K=G.role?`<span style="color:${_.accent};">${Rv(G.role)}</span>`:"";V.setContent(`
+      <div style="padding:10px 14px 12px;min-width:180px;color:${_.fg};">
+        <div style="display:flex;align-items:center;gap:8px;font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;">
+          ${e1}${K}
+        </div>
+        <div style="font-family:var(--font-display),Georgia,serif;font-size:20px;font-weight:500;line-height:1.2;margin-top:6px;color:${_.fg};">${Rv(G.city)}</div>
+        <div style="font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:${_.fgDim};margin-top:4px;">${Rv(G.country)}</div>
+      </div>
+    `),V.open({map:N,anchor:H}),y.current=o},[o,L,F,e]),l?k9("div",{ref:p,className:"sf-card footprint-map relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",style:{backgroundColor:P},children:[A2("style",{dangerouslySetInnerHTML:{__html:s41(F.info)}}),A2($N,{pal:c?h:void 0}),A2("div",{ref:d,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:L?1:0}}),A2("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim transition-opacity duration-500",L?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):k9("div",{className:["relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",c?"":"bg-bg"].join(" "),style:c?{backgroundColor:h.background}:void 0,children:[A2($N,{pal:c?h:void 0}),A2("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",c?"":"text-fg-dim"].join(" "),style:c?{color:h.info.fgDim}:void 0,children:i?"Add office coordinates to plot the map":"Add a Google Maps API key to show the map"})]})}var C9={sectionNumber:T.sectionNumber,heading:`${T.heading}
+*${T.accent}*`,tagline:T.body},i41=()=>[{role:m("Headquarters"),city:m("City"),country:m("Country"),address:m("Street address"),lat:0,lng:0,hq:!0},{role:m("Office"),city:m("City"),country:m("Country"),address:m("Street address"),lat:0,lng:0,hq:!1}],JN={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:z9.apiKey,mapId:z9.mapId,mapTheme:z9.mapTheme,padTop:120,padBottom:120},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return r41(XN,{sectionNumber:a(z(e.sectionNumber,C9.sectionNumber,e.puck)),heading:a(z(e.heading,C9.heading,e.puck)),tagline:a(z(e.tagline,C9.tagline,e.puck)),omitHead:t,offices:M1(e.offices,i41(),e.puck),apiKey:i1(e.apiKey),mapId:i1(e.mapId),mapTheme:e.mapTheme??z9.mapTheme,padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var eI={fields:{_gContent:w("Section"),sectionNumber:I("Section number",C9.sectionNumber),heading:W("Heading",C9.heading),tagline:W("Body",C9.tagline),_gOffices:w("Offices"),offices:{type:"array",label:"Offices",arrayFields:{role:U("Role"),city:U("City"),country:U("Region \xB7 country"),address:z1("Address"),group:U("Group"),hq:l1("HQ",!1,QN(n41,{})),geocode:p2(ln,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},mapTheme:y1("Map theme",QN(l41,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],z9.mapTheme),_dLayout:a0("Layout"),...N3("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!Jc(a))return e;let s=await Qc(a,o=>[o.address,o.city,o.country].map(r=>String(r??"").replace(/\*/g,"").trim()).filter(Boolean).join(", "));return{...e,props:{...t,offices:s}}},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Footprint.headRows)};import{jsx as oI}from"react/jsx-runtime";import{ColumnsIcon as h41,PhoneIcon as p41}from"efficient-easel/icons";import{jsx as c41}from"react/jsx-runtime";import{jsx as tI}from"react/jsx-runtime";function aI({columns:e,mobileColumns:t,gap:a,contained:s=!0,fillHeight:o=!1,content:r}){let i=o?" h-full":"",n=`${Ao} py-6 ${Lo}${i}`,l=`w-full py-6${i}`,c=bi(e),h=xi(t,e),p=a4("Grid",a,"both");return tI(Qt,{contained:s,framedClass:n,fillClass:l,children:tI(r,{className:`sf-grid-zone grid${p.className}${i}`,style:{...p.style,"--sf-grid-cols":String(c),"--sf-grid-cols-phone":String(h)},minEmptyHeight:120})})}var _v={content:{type:"slot"}},sI={label:"Grid",fields:_v,defaultProps:{columns:"3",content:[]},render:e=>c41(aI,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:Ri(e),content:e.content})};var rI={fields:{columns:n1("Columns",oI(h41,{}),1,Lz,1,Ez),mobileColumns:n1("Columns on phone",oI(p41,{}),Vm,Tz,1,Vm),gap:s4("Grid"),content:_v.content}};import{jsx as m41}from"react/jsx-runtime";var iI={fields:{text:W("Heading",T.heading),level:w1("Level",m41(y4,{noun:"heading"}),[{label:"H1",value:"1"},{label:"H2",value:"2"},{label:"H3",value:"3"},{label:"H4",value:"4"},{label:"H5",value:"5"},{label:"H6",value:"6"}],"2"),align:m6()}};import{jsx as s3}from"react/jsx-runtime";import{ClockIcon as g41,EyeIcon as Bv,OpacityIcon as v41,PhoneIcon as lI,PlayIcon as f41,SlideArrowsBareIcon as b41,SlideArrowsRoundIcon as x41,SlideArrowsSquareIcon as w41,SlidePickerBarIcon as y41,SlidePickerCardsIcon as z41,SlidePickerDotsIcon as k41,SlidePickerNumbersIcon as C41,SquareIcon as cI}from"efficient-easel/icons";import{efficientLooks as S41}from"efficient-shell/icons/efficient-looks";import{jsx as d41}from"react/jsx-runtime";var Ov={slides:{type:"slot"}},nI={label:"Hero Slideshow",fields:Ov,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:aM.map(e=>({text:e}))},render:({slides:e,alignment:t,textureOpacity:a,showTexture:s,textureColor:o,phoneUpDown:r,phoneSideways:i,autoplay:n,autoplayInterval:l,showTicker:c,tickerItems:h,heightDesktop:p,heightMobile:d,showPicker:u,pickerShape:v,pickerPlacement:g,showArrows:b,arrowsShape:f,arrowsPlacement:y,puck:x})=>d41(sM,{slides:e,alignment:t,textureOpacity:a,showTexture:s,textureColor:o,phoneUpDown:r,phoneSideways:i,autoplay:n,autoplayInterval:l,showTicker:c,tickerItems:h,heightDesktop:p,heightMobile:d,showPicker:u,pickerShape:v,pickerPlacement:g,showArrows:b,arrowsShape:f,arrowsPlacement:y,editing:x?.isEditing})};var M41=S41.looks?.solid?.["slide-arrows-round"],A41={cards:s3(z41,{}),dots:s3(k41,{}),numbers:s3(C41,{}),bar:s3(y41,{})},L41={outline:s3(x41,{}),solid:s3(M41,{}),square:s3(w41,{}),bare:s3(b41,{})},hI={fields:{_dDevice:ke(),_gContent:w("Content"),slides:Ov.slides,_gStyle:w("Style"),alignment:m6(),_gTexture:w("Texture"),showTexture:l1("Show texture",!0,s3(Bv,{})),textureColor:X5("Texture color",dz),textureOpacity:n1("Texture opacity",s3(v41,{}),0,100,1,40,"%"),_gLayout:w("Layout"),heightDesktop:Y6("desktop"),heightMobile:Y6("mobile"),_gAutoplay:w("Auto-slide"),autoplay:l1("Auto-advance slides",!1,s3(f41,{})),autoplayInterval:n1("Still time per slide",s3(g41,{}),2,15,1,6,"s"),_gPicker:w("Slide picker"),showPicker:l1("Show slide picker",WS,s3(Bv,{})),pickerShape:y1("Slide picker shape",s3(cI,{}),DS.map(e=>({label:GS[e],value:e,picture:A41[e]})),ZS),pickerPlacement:B6("Slide picker placement",{stacking:!1,fallback:BS}),_gArrows:w("Arrows"),showArrows:l1("Show arrows",OS,s3(Bv,{})),arrowsShape:y1("Arrows shape",s3(cI,{}),VS.map(e=>({label:_S[e],value:e,picture:L41[e]})),RS),arrowsPlacement:B6("Arrows placement",{stacking:!1,fallback:IS}),_gPhone:f3("mobile",w("On a phone")),phoneUpDown:f3("mobile",y1(cz,s3(lI,{}),pz(),nz)),phoneSideways:f3("mobile",y1(hz,s3(lI,{}),mz(),lz))}};import{jsx as lh}from"react/jsx-runtime";import{NudgeIcon as vI,WidthIcon as fI}from"efficient-easel/icons";import{jsx as T41}from"react/jsx-runtime";import{jsx as pI}from"react/jsx-runtime";function mI({placement:e,nudgeX:t,nudgeY:a,width:s,gap:o,direction:r,justify:i,align:n,wrap:l,sectionPaddingTop:c,sectionPaddingBottom:h,sectionPaddingTopPhone:p,sectionPaddingBottomPhone:d,sectionPaddingLeft:u,sectionPaddingRight:v,sectionPaddingLeftPhone:g,sectionPaddingRightPhone:b,content:f,dragRef:y}){let x=bz(e),k=Nm(t),S=Nm(a),L=a4("HeroGroup",o,_i("HeroGroup",r)==="column"?"block":"inline"),R={"--sf-hg-row":fz(x),justifySelf:vz(x).column};typeof s=="number"&&Number.isFinite(s)&&(R["--sf-hg-w"]=`${xz(s)}%`),(k!==0||S!==0)&&(R["--sf-hg-nudge"]=`${k}px ${S}px`);let F=K8(c,h,p,d,u,v,g,b);return pI("div",{className:F?`sf-hero-group ${F.className}`:"sf-hero-group","data-hg":x,style:F?{...R,...F.style}:R,ref:y??void 0,children:f?pI(f,{className:["sf-hero-group-blocks flex",tC("HeroGroup",r),Yi(i,n),Xi(l)].filter(Boolean).join(" ")+L.className,style:L.style,minEmptyHeight:40}):null})}var Dv={content:{type:"slot",allow:az}},dI={label:ez,inline:!0,fields:Dv,defaultProps:{placement:gz,nudgeX:0,nudgeY:0,content:[]},render:({placement:e,nudgeX:t,nudgeY:a,width:s,gap:o,direction:r,justify:i,align:n,wrap:l,sectionPaddingTop:c,sectionPaddingBottom:h,sectionPaddingTopPhone:p,sectionPaddingBottomPhone:d,sectionPaddingLeft:u,sectionPaddingRight:v,sectionPaddingLeftPhone:g,sectionPaddingRightPhone:b,content:f,puck:y})=>T41(mI,{placement:e,nudgeX:t,nudgeY:a,width:s,gap:o,direction:r,justify:i,align:n,wrap:l,sectionPaddingTop:c,sectionPaddingBottom:h,sectionPaddingTopPhone:p,sectionPaddingBottomPhone:d,sectionPaddingLeft:u,sectionPaddingRight:v,sectionPaddingLeftPhone:g,sectionPaddingRightPhone:b,content:f,dragRef:y?.dragRef})};var bI={fields:{_gContent:w("Content"),name:S2(Pe(x3(U("Box name",T.boxName)))),content:Dv.content,_gLayout:w("Layout"),placement:B6("Placement",{stacking:!0}),width:n1("Width",lh(fI,{}),30,100,5,60,"%"),direction:UC("HeroGroup"),gap:s4("HeroGroup"),justify:an(),align:sn(),wrap:on(),_gNudge:w("Nudge"),nudgeX:n1("Sideways",lh(vI,{}),-40,40,1,0,"px"),nudgeY:n1("Up and down",lh(vI,{}),-40,40,1,0,"px"),...Re()},resolveFields:(e,{fields:t,appState:a})=>{let s=typeof e.props.id=="string"?e.props.id:"";if(vi(a?.data,s)===0)return t;let o={...t};return delete o.placement,o.width=n1("Width",lh(fI,{}),30,100,5,100,"%"),o}};import{jsx as ch}from"react/jsx-runtime";import{MediaIcon as D41,OpacityIcon as zI,PlacementIcon as Z41}from"efficient-easel/icons";var i8="bottom",n8="#0A0A0A",Zv=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],F41={bottom:180,top:0,left:270,right:90},P41=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],N41=[[null,33],[.6,67],[.94,100]];function I41(e,t){let a=/^#[0-9a-f]{6}$/i.test(e)?e:n8,s=parseInt(a.slice(1),16);return`rgba(${s>>16&255},${s>>8&255},${s&255},${t})`}function V41(e){return X2(Zv,i8,e)}function xI(e=n8,t=i8){let a=V41(t),s=(a==="top"||a==="bottom"?P41:N41).map(([o,r])=>`${o===null?"transparent":I41(e,o)} ${r}%`);return`linear-gradient(${F41[a]}deg, ${s.join(", ")})`}import{jsx as O41}from"react/jsx-runtime";import{jsx as aa,jsxs as R41}from"react/jsx-runtime";import{useRef as _41}from"react";function wI({overlay:e=100,overlayColor:t=n8,overlayPosition:a=i8,mediaType:s="image",mediaSrc:o,poster:r,objectPosition:i,tintColor:n="#000000",tintOpacity:l=0,heightDesktop:c,heightMobile:h,boxes:p,editing:d=!1}){let u=US(c,h),v=u?"min-h-[var(--sf-hero-h-m)] max-[720px]:flex max-[720px]:flex-col min-[720px]:min-h-0 min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",g=u?"max-[720px]:relative max-[720px]:flex-auto":"",b=u?{"--sf-hero-h-d":Ye(c),"--sf-hero-h-m":Ye(h)}:void 0,f=s==="video",y=f?x4(o):void 0,x=f?x4(r):x4(o)??x4(r),k=_41(null);return R41("section",{ref:k,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${v} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:b,children:[aa("div",{className:"absolute inset-0 z-[1]",children:aa(iz,{videoSrc:y,posterSrc:x,showVideo:f,objectPosition:i})}),l>0&&aa("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:n,opacity:Math.min(Math.max(l,0),100)/100}}),aa("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:xI(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),p&&aa("div",{className:["sf-hero-group-layer absolute inset-0 z-[3] mx-auto",g,"max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))]","px-[var(--sf-site-gutter,40px)] pt-[140px] pb-14",d?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:G5,children:aa(p,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}import{FOCAL_DEFAULT as B41}from"efficient-shell/format";var Gv={boxes:{type:"slot",allow:["HeroGroup"]}},yI={label:"Hero",fields:Gv,defaultProps:{mediaType:"image",imageFocal:B41,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:n8,overlayPosition:i8},render:({mediaType:e,mediaImage:t,mediaVideo:a,poster:s,imageFocal:o,tintColor:r,tintOpacity:i,overlay:n,overlayColor:l,overlayPosition:c,heightDesktop:h,heightMobile:p,boxes:d,puck:u})=>O41(wI,{mediaType:e,mediaSrc:(e==="image"?t:a)||void 0,poster:s||void 0,objectPosition:e==="image"&&o||void 0,tintColor:r,tintOpacity:e==="image"?i:0,overlay:n,overlayColor:l,overlayPosition:c,heightDesktop:h,heightMobile:p,boxes:d,editing:u?.isEditing})};var kI={fields:{_dDevice:ke(),boxNotice:Tc("HeroSingle"),boxes:Gv.boxes,_gStyle:w("Style"),overlay:n1("Overlay",ch(zI,{}),0,100,5,100,"%"),overlayColor:X5("Overlay color",n8),overlayPosition:rn("Overlay position",Zv,i8,"A corner would need a diagonal ramp, which this overlay does not draw.",ch(Z41,{})),_gLayout:w("Layout"),heightDesktop:Y6("desktop"),heightMobile:Y6("mobile"),_gMedia:w("Media"),mediaType:y1("Type",ch(D41,{}),nn,"image"),mediaImage:K1("Background image","image/*","Upload a background image"),imageFocal:_e("Image focus",He),mediaVideo:K1("Background video","video/*","Upload a background video"),poster:K1("Video poster","image/*","Upload a poster still"),_gTint:w("Image tint"),tintColor:X5("Tint color","#000000"),tintOpacity:n1("Tint opacity",ch(zI,{}),0,100,5,0,"%")},resolveFields:(e,{fields:t})=>{let a=e.props.mediaType??"image",s={...t};return a==="image"?(delete s.mediaVideo,delete s.poster):(delete s.mediaImage,delete s.imageFocal,delete s._gTint,delete s.tintColor,delete s.tintOpacity),s}};import{jsx as qv}from"react/jsx-runtime";import{MediaIcon as q41,OpacityIcon as U41,PlayIcon as j41}from"efficient-easel/icons";import{jsx as G41}from"react/jsx-runtime";import{FOCAL_DEFAULT as W41}from"efficient-shell/format";var Wv={groups:{type:"slot",allow:["HeroGroup"]}},CI={label:"Hero Slide",fields:Wv,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:W41,tintColor:"#000000",overlay:0},render:({name:e,process:t,mediaType:a,mediaVideo:s,mediaImage:o,poster:r,mediaSrc:i,videoSpeed:n,imageFocal:l,tintColor:c,overlay:h,groups:p,puck:d,...u})=>{let v=xe({...u,sectionAccent:U5(u.sectionAccent)});return G41(uz,{themeClassName:v?.className,themeStyle:v?.style,name:e||void 0,process:z(t,"Label",d),mediaType:a,mediaSrc:(a==="image"?o:s||i)||void 0,videoSpeed:typeof n=="number"?n:void 0,poster:r||void 0,objectPosition:a==="image"&&l||void 0,tintColor:c,tintOpacity:a==="image"?h:0,groups:p,editing:d?.isEditing})}};var SI={fields:{_gContent:w("Content"),name:S2(Pe(U("Slide name",T.slideName))),process:S2(I("Reel label","Label")),groupNotice:Tc("HeroSlide"),groups:Wv.groups,_gMedia:w("Media"),mediaType:y1("Type",qv(q41,{}),nn,"video"),mediaVideo:K1("Background video","video/*","Upload a background video"),videoSpeed:n1("Playback speed",qv(j41,{}),25,100,5,100,"%"),mediaImage:K1("Background image","image/*","Upload a background image"),imageFocal:_e("Image focus",He),poster:K1("Video poster","image/*","Upload a poster still"),_gTint:w("Image tint"),tintColor:X5("Tint color","#000000"),overlay:n1("Overlay",qv(U41,{}),0,100,5,0,"%")},resolveFields:(e,{fields:t})=>{let a=e.props.mediaType??"video",s={...t};return a==="image"?(delete s.mediaVideo,delete s.videoSpeed,delete s.poster):(delete s.mediaImage,delete s.imageFocal,delete s._gTint,delete s.tintColor,delete s.overlay),s}};import{jsx as K41}from"react/jsx-runtime";var MI=["cover","contain"],Uv={cover:"Cover",contain:"Contain"},hh="Image fit";function sa(e,t){return MI.includes(e)?e:t}function AI(){return MI.map(e=>({label:Uv[e],value:e}))}function LI(e){return e==="contain"?"object-contain":"object-cover"}function ph(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as $41}from"efficient-easel/icons";var TI={fields:{_gImage:w("Image"),src:K1("Image","image/*"),alt:S2(U("Alt text")),aspect:{type:"select",label:"Aspect ratio",options:[{label:"Auto",value:"auto"},{label:"21 : 9",value:"21/9"},{label:"16 : 9",value:"16/9"},{label:"4 : 3",value:"4/3"},{label:"1 : 1",value:"1/1"}]},fit:w1(hh,K41($41,{}),AI(),"cover"),focal:_e("Image focus",He,"src"),href:N1("Link"),_gStyle:w("Style"),grayscale:Bt(),_gShape:w("Shape"),corners:QC(),cornerSides:BC()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(ph(a.aspect,sa(a.fit,"cover")))return t;let s={...t};return delete s.focal,s}};import{jsx as Y41}from"react/jsx-runtime";var EI={fields:{_gContent:w("Content"),eyebrow:I("Chip label","Integrations"),title:W("Heading",`Plays well with
+*your favourite apps.*`),body:W("Body",""),apps:Z2("App chips",Y41(y4,{noun:"tag"}),"App name","verbatim"),_gStat:w("Stat & note"),statValue:I("Big stat","100s"),statLabel:I("Stat label",""),note:I("Footnote","")}};import{jsx as S9}from"react/jsx-runtime";import{CaseIcon as e51,FullWidthIcon as t51,OpacityIcon as a51,PlacementIcon as s51,StickyIcon as o51,TextLinesIcon as PI}from"efficient-easel/icons";import{jsx as J41}from"react/jsx-runtime";import{jsx as m4,jsxs as Ho,Fragment as X41}from"react/jsx-runtime";function HI({eyebrow:e,title:t,body:a,cta:s,imageLabel:o,imageSrc:r,imageSrcMobile:i,layout:n,copyShareDesktop:l,copyShareMobile:c,sticky:h=!0,heightDesktop:p,heightMobile:d,overlay:u,titleSizeDesktop:v,titleSizeMobile:g,bodySizeDesktop:b,bodySizeMobile:f,buttonColor:y,buttonTextColor:x,uppercase:k=!1,capStyle:S}){let L=Mt(n)==="stacked",R=h1=>L?`calc(${Ye(h1)} - ${wd})`:Ye(h1),F=R(p),O=R(d),P=T7(v,"clamp(48px,7vw,96px)","heading","headingLarge"),E=T7(g,"clamp(36px,7vw,96px)","heading","headingLarge"),N=T7(b,"17px","body","body"),V=T7(f,"16px","body","body"),G=u!=null?u/100:L?0:.6,H=y||"var(--btn)",j=x||"var(--btn-ink)",_={"--intro-h-d":F,"--intro-h-m":O,"--intro-title-d":P,"--intro-title-m":E,"--intro-body-d":N,"--intro-body-m":V,...L?{"--intro-copy-d":Gu(l,U4.desktop),"--intro-copy-m":Gu(c,U4.mobile),marginTop:wd}:{}},e1=S?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",K=Ho(X41,{children:[Ho("div",{className:"absolute inset-0",children:[m4("div",{className:"absolute inset-0 hidden min-[960px]:block",children:m4(T0,{label:o,src:r})}),m4("div",{className:"absolute inset-0 min-[960px]:hidden",children:m4(T0,{label:o,src:i||r})}),m4("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(45deg, transparent 0 80px, rgba(201,164,97,.04) 80px 81px)"}})]}),m4("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${G})`}})]}),Y=Ho("div",{style:S,className:"flex flex-col gap-6",children:[e&&m4(O1,{text:e,size:14}),t&&m4("h2",{className:["font-display font-medium leading-[0.95] tracking-[-0.03em]","text-[length:var(--intro-title-m)] min-[960px]:text-[length:var(--intro-title-d)]",k?"uppercase":""].join(" "),children:X(t,!1)}),a&&S0(a).map((h1,B)=>m4("p",{className:"max-w-[560px] leading-[1.6] opacity-85 text-[length:var(--intro-body-m)] min-[960px]:text-[length:var(--intro-body-d)]",children:M(h1)},B)),s.text&&m4("div",{className:"mt-2 self-start",children:m4(C3,{href:s.href,variant:"ghost",style:{background:H,color:j,borderColor:H},children:M(s.text)})})]});return L?Ho("section",{style:_,className:[h?"sticky top-0":"relative","flex flex-col","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[m4("div",{className:["relative z-[2] flex shrink-0 flex-col justify-center bg-bg py-10","min-h-[var(--intro-copy-m)] min-[960px]:min-h-[var(--intro-copy-d)]",e1].join(" "),style:{color:"var(--fg)"},children:Y}),m4("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:K})]}):Ho("section",{style:_,className:[h?"sticky top-0":"relative","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[K,m4("div",{className:["relative z-[2] flex h-full flex-col justify-center",e1].join(" "),style:G5,children:Y})]})}var l8={eyebrow:"\u2014 Label",title:`Section headline
+*Highlight line*`,body:"A sentence or two of supporting copy."};function Q41(e){if(e===!1)return M7(`var(--sf-page-width, ${S7.default}px)`)}var FI={label:"Scroll-Over Text",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",imageSrcMobile:"",heightDesktop:100,heightMobile:100,overlay:60,titleSizeDesktop:us,bodySizeDesktop:us,titleSizeMobile:us,bodySizeMobile:us,ctaText:"",ctaHref:"",buttonColor:"",buttonTextColor:"",sticky:!0,uppercase:!1,fullWidth:!0},render:e=>J41(HI,{eyebrow:z(e.eyebrow,l8.eyebrow,e.puck),title:z(e.title,l8.title,e.puck),body:z(e.body,l8.body,e.puck),imageLabel:i1(e.title)||l8.title,imageSrc:e.imageSrc||void 0,imageSrcMobile:e.imageSrcMobile||void 0,cta:c4(e.ctaText,e.ctaHref,e.puck),sticky:e.sticky,layout:Mt(e.layout),copyShareDesktop:e.copyShareDesktop,copyShareMobile:e.copyShareMobile,heightDesktop:e.heightDesktop,heightMobile:e.heightMobile,overlay:e.overlay,titleSizeDesktop:e.titleSizeDesktop,bodySizeDesktop:e.bodySizeDesktop,titleSizeMobile:e.titleSizeMobile,bodySizeMobile:e.bodySizeMobile,buttonColor:e.buttonColor||void 0,buttonTextColor:e.buttonTextColor||void 0,uppercase:e.uppercase,capStyle:Q41(e.fullWidth)})};var NI={fields:{_dDevice:ke(),_gContent:w("Content"),eyebrow:I("Eyebrow",l8.eyebrow),title:W("Heading",l8.title),body:W("Subtitle",l8.body),uppercase:l1("Uppercase heading",!1,S9(e51,{})),_gBackground:w("Background images"),imageSrc:f3("desktop",K1("Background image","image/*")),imageSrcMobile:f3("mobile",K1("Background image","image/*")),_gLayout:w("Layout"),layout:w1("Text position",S9(s51,{}),Zu,Du),heightDesktop:Y6("desktop"),heightMobile:Y6("mobile"),copyShareDesktop:f3("desktop",n1("Text height",S9(PI,{}),U4.min,U4.max,U4.step,U4.desktop,"%")),copyShareMobile:f3("mobile",n1("Text height",S9(PI,{}),U4.min,U4.max,U4.step,U4.mobile,"%")),sticky:l1("Scroll-over",!0,S9(o51,{})),_gWidth:w("Width"),fullWidth:l1("Full width",!0,S9(t51,{})),overlay:n1("Overlay",S9(a51,{}),0,100,5,60,"%"),_gTextDesktop:f3("desktop",w("Text style")),titleSizeDesktop:f3("desktop",gs("Heading font size",32,120,1,96,"heading")),bodySizeDesktop:f3("desktop",gs("Subtitle font size",12,28,1,17,"body")),_gTextMobile:f3("mobile",w("Text style")),titleSizeMobile:f3("mobile",gs("Heading font size",24,72,1,44,"heading")),bodySizeMobile:f3("mobile",gs("Subtitle font size",12,22,1,16,"body")),_gButton:w("Button"),...Y4,buttonColor:X5("Button color","#C9A461"),buttonTextColor:X5("Button text color","#000000")}};import{jsx as RI}from"react/jsx-runtime";import{ColumnsIcon as l51,StylesIcon as c51}from"efficient-easel/icons";import{jsx as i51}from"react/jsx-runtime";import{jsx as e7,jsxs as jv,Fragment as r51}from"react/jsx-runtime";function II({look:e,eyebrow:t,title:a,items:s,columns:o,editing:r=!1}={}){let i=Math.min(4,Math.max(2,o??3)),n=(s??[]).filter(c=>r||(c.label??"").trim()),l=!!(t??"").trim()||!!(a??"").trim();return!r&&!l&&n.length===0?null:e7("section",{className:"relative z-[2] border-y border-line bg-surface",children:jv("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[76px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[l&&jv("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&e7(O1,{text:t??"",look:e}),(a??"").trim()&&e7("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(a??"",!1)})]}),n.length>0&&e7("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--kf-cols),minmax(0,1fr))]",style:{"--kf-cols":String(i)},children:n.map((c,h)=>{let p=jv(r51,{children:[e7("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),e7("span",{className:"font-display text-[length:var(--size-body,17px)] font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent",children:M((c.label??"").trim()||m("Feature"))})]}),d=(c.href??"").trim();if(d&&!r){let u="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return d.startsWith("/")?e7(p0,{href:d,className:u,children:p},h):e7("a",{href:d,className:u,children:p},h)}return e7("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:p},h)})})]})})}var Fo={eyebrow:"Highlight",title:"Key *features.*"},n51=()=>[{label:m("Feature label one")},{label:m("Feature label two")},{label:m("Feature label three")},{label:m("Feature label four")},{label:m("Feature label five")},{label:m("Feature label six")}],VI={label:"Key Features",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:({eyebrow:e,title:t,items:a,columns:s,eyebrowLook:o,puck:r})=>i51(II,{look:C4(o,"KeyFeatures"),eyebrow:z(e,Fo.eyebrow,r),title:z(t,Fo.title,r),items:M1(a,n51(),r),columns:s,editing:r?.isEditing})};var _I={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",Fo.eyebrow),eyebrowLook:w1("Eyebrow style",RI(c51,{}),[...W4],P7("KeyFeatures")),title:W("Heading",Fo.title),items:{type:"array",label:"Features",arrayFields:{label:z1("Feature label"),href:x3(U("Link"))},defaultItemProps:{label:"",href:""},getItemSummary:e=>e?.label||"Feature"},_gStyle:w("Style"),columns:n1("Columns",RI(l51,{}),2,4,1,3)}};import{jsx as h51}from"react/jsx-runtime";import{HeightIcon as p51}from"efficient-easel/icons";var OI={fields:{src:K1("Logo image","image/*"),alt:S2(U("Alt text","Brand name","Read out in place of the picture, and shown if it can\u2019t load.")),href:N1("Link"),heightPx:n1("Height",h51(p51,{}),_n,On,1,B7,"px"),reverse:{type:"select",label:"Logo color",options:[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}]}},resolveFields:(e,{fields:t})=>{if((e.props.src??"").trim())return t;let a={...t};return delete a.alt,a}};import{jsx as mh}from"react/jsx-runtime";import{BlackAndWhiteIcon as m51,ColumnsIcon as d51,HeightIcon as u51,PaddingYIcon as g51}from"efficient-easel/icons";var BI={fields:{_gContent:w("Content"),heading:W("Heading","Trusted by *teams worldwide*"),items:{type:"array",label:"Logos",arrayFields:{src:K1("Image","image/*"),alt:S2(U("Name / alt"))},getItemSummary:e=>e.alt||e.src||"logo"},_gStyle:w("Style"),columns:n1("Columns",mh(d51,{}),3,6,1,5),logoHeight:n1("Logo height",mh(u51,{}),20,72,2,28,"px"),bandPadding:n1("Space above and below",mh(g51,{}),16,120,4,40,"px"),grayscale:l1("Black and white logos",!0,mh(m51,{}))}};import{jsx as v51}from"react/jsx-runtime";import{jsx as M3,jsxs as k5,Fragment as Kv}from"react/jsx-runtime";import{Fragment as DI}from"react";function ZI({headNum:e,headTitle:t,headDesc:a,category:s,metaMiddle:o,readLabel:r,title:i,dek:n,quote:l,quoteAttribution:c,ctaText:h,ctaHref:p,image:d,imageLabel:u,metaPublished:v,metaReads:g,omitHead:b=!1,...f}){let y=[s?M3("span",{className:"text-accent",children:M(s)}):null,o?M3("span",{children:M(o)}):null,r?M3("span",{children:M(r)}):null].filter(Boolean),x=!!v||!!g;return k5("section",{className:D0(f)?b?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":b?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[b?null:M3(a3,{num:e,title:t?X(t,!0):void 0,desc:a?M(a):void 0}),k5("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[k5("div",{className:"flex flex-col justify-center gap-7 border-r border-line bg-surface px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12",children:[y.length>0&&M3("div",{className:"flex items-center gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim",children:y.map((k,S)=>k5(DI,{children:[S>0&&M3("span",{className:"opacity-40",children:"\xB7"}),k]},S))}),i&&M3("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4.2vw,68px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:X(i,!0)}),n&&M3("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:M(n)}),(l||c)&&k5("blockquote",{className:"max-w-[520px] border-l-2 border-accent py-1.5 pl-[22px] font-serif text-[length:var(--size-body,17px)] italic leading-[1.6] text-fg-dim",children:[l&&k5(Kv,{children:["\u201C",M(l),"\u201D"]}),c&&M3("strong",{className:"mt-2.5 block font-display text-[length:var(--size-body,14px)] font-normal not-italic uppercase tracking-[0.22em] text-fg",children:M(c)})]}),h&&k5(p0,{href:p||"#",className:"inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:[M(h)," ",M3("span",{children:"\u2192"})]})]}),k5("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[M3(T0,{label:"long-read",src:d||void 0,alt:z2(i||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),M3("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 25%, transparent 60%, rgba(10,10,10,0.7) 100%)"}}),u&&M3(O1,{text:u,size:12,className:"absolute right-6 top-6 z-[2]"}),x&&M3("div",{className:"absolute bottom-6 left-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.8] tracking-[0.22em] text-overlay-fg",children:[v?k5(Kv,{children:[M3("strong",{className:"font-normal text-accent",children:"Published"})," ",M(v)]}):null,g?k5(Kv,{children:[M3("strong",{className:"font-normal text-accent",children:"Reads in"})," ",M(g)]}):null].filter(Boolean).map((k,S)=>k5(DI,{children:[S>0&&M3("br",{}),k]},S))})]})]})]})}var Z0={headNum:T.sectionNumber,headTitle:T.headingAccent,headDesc:T.body,category:T.category,metaMiddle:"Section",readLabel:"0 min read",title:"Article *headline* goes here.",dek:"A short summary of the article goes here.",quote:"A short pull quote.",quoteAttribution:"\u2014 "+T.date,ctaText:"Begin reading",ctaHref:k2.href,imageLabel:"Featured *image*",metaPublished:T.date,metaReads:"0 min"},GI={label:"Long read",defaultProps:{source:null,headNum:"",headTitle:"",headDesc:"",category:"",metaMiddle:"",readLabel:"",title:"",dek:"",quote:"",quoteAttribution:"",ctaText:"",ctaHref:"",image:"",imageLabel:"",metaPublished:"",metaReads:""},render:({source:e,headNum:t,headTitle:a,headDesc:s,category:o,metaMiddle:r,readLabel:i,title:n,dek:l,quote:c,quoteAttribution:h,ctaText:p,ctaHref:d,image:u,imageLabel:v,metaPublished:g,metaReads:b,headPlacement:f,puck:y})=>{let x=U1(f)==="own-box",k=R=>x?void 0:R,S=e,L=!!S?.slug;return v51(ZI,{headNum:k(z(t,Z0.headNum,y)),headTitle:k(z(a,Z0.headTitle,y)),headDesc:k(z(s,Z0.headDesc,y)),omitHead:x,category:z(o,Z0.category,y),metaMiddle:z(r,Z0.metaMiddle,y),readLabel:z(i,Z0.readLabel,y),title:L?S.title:z(n,Z0.title,y),dek:L?S.dek:z(l,Z0.dek,y),quote:z(c,Z0.quote,y),quoteAttribution:z(h,Z0.quoteAttribution,y),ctaText:z(p,Z0.ctaText,y),ctaHref:L?S.href:i1(d),image:L?S.image:u,imageLabel:z(v,Z0.imageLabel,y),metaPublished:L?S.date:z(g,Z0.metaPublished,y),metaReads:z(b,Z0.metaReads,y)})}};var WI={fields:{source:p2(Jt),_gHead:w("Section header"),headNum:I("Number",Z0.headNum),headTitle:W("Heading",Z0.headTitle),headDesc:W("Body",Z0.headDesc),_gMeta:w("Article"),category:I("Category",Z0.category),metaMiddle:I("Middle meta",Z0.metaMiddle),readLabel:I("Read time",Z0.readLabel),title:W("Article title",Z0.title),dek:W("Dek",Z0.dek),_gQuote:w("Pull quote"),quote:W("Quote",Z0.quote),quoteAttribution:I("Attribution",Z0.quoteAttribution),_gLink:w("Link"),ctaText:I("Button",Z0.ctaText),ctaHref:N1("Link"),image:K1("Image","image/*"),imageLabel:I("Image label",Z0.imageLabel),_gOverlay:w("Image caption"),metaPublished:I("Published",Z0.metaPublished),metaReads:I("Reads in",Z0.metaReads)},resolveFields:(e,{fields:t,parent:a})=>{let s=!!e.props.source?.slug,o=new Set(s?["image","title","dek","ctaHref","metaPublished"]:[]),r={};for(let[i,n]of Object.entries(t))o.has(i)||(r[i]=n,s&&i==="source"&&(r._nBound=$5(en)));return j1($1(r,a,Y1),e.props.headPlacement,W1.LongRead.headRows)}};var qI={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",T.eyebrow),heading:W("Heading",`Main heading
+*Highlight line*`),body:W("Body",T.body),stats:{type:"array",label:"Stats",arrayFields:{value:U("Number"),label:U("Label")},getItemSummary:e=>e.label||e.value||"Stat"},_gMedia:w("Media"),imageSrc:K1("Image","image/*"),_gStyle:w("Style"),grayscale:Bt()}};import{jsx as y51}from"react/jsx-runtime";import{TextLinesIcon as z51}from"efficient-easel/icons";import{jsx as b51}from"react/jsx-runtime";import{jsx as c8,Fragment as f51,jsxs as M9}from"react/jsx-runtime";function UI({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:o,issueTotal:r,...i}){let n=(t??[]).filter(u=>(u?.lead??"").trim()||(u?.rest??"").trim()),l=(o??[]).map(u=>u?.text??"").filter(u=>u.trim()),c=S0(a??""),h=!!e||n.length>0,p=!!s||l.length>0||!!r,d=c.length>0||p;return M9("section",{className:D0(i)?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8",children:[h&&M9("div",{className:"flex items-end justify-between gap-[60px] pb-8 max-[1100px]:flex-col max-[1100px]:items-start max-[1100px]:gap-4",children:[e&&c8(O1,{text:e,size:14,className:"pb-3.5"}),n.length>0&&c8("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:n.map((u,v)=>M9("div",{children:[c8("strong",{className:"font-normal text-fg",children:M(u.lead??"")}),u.rest?.trim()?M9(f51,{children:[" ",M(u.rest)]}):null]},v))})]}),d&&M9("div",{className:"grid grid-cols-[1fr_auto] items-start gap-[60px] border-t border-line pt-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-4",children:[c.length>0&&c8("div",{className:"max-w-[720px]",children:c.map((u,v)=>c8("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:M(u,!0)},v))}),p&&M9("div",{className:"min-w-[240px] text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.9] tracking-[0.22em] text-fg-dim max-[1100px]:text-left",children:[s&&c8("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:X(s,!1)}),l.map((u,v)=>M9("span",{children:[M(u),c8("br",{})]},v)),r&&c8("span",{className:"text-accent",children:M(r)})]})]})]})}var t7={eyebrow:T.eyebrow,lead:"A short lead paragraph introducing this section \u2014 a sentence or two about its theme.",issueHeading:"In this issue",issueTotal:"\u2014 Articles in total"},x51=()=>[{lead:m("Volume"),rest:m("No. 1")},{lead:m("Season"),rest:m("Year")},{lead:m("Frequency"),rest:""}],w51=()=>[{text:m("Article headline")},{text:m("Feature story")},{text:m("Interview")},{text:m("Field notes")}],jI={label:"Issue Header",defaultProps:{eyebrow:"",issueMeta:[],lead:"",issueHeading:"",issueList:[],issueTotal:""},render:({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:o,issueTotal:r,puck:i})=>b51(UI,{eyebrow:z(e,t7.eyebrow,i),issueMeta:M1(t,x51(),i),lead:z(a,t7.lead,i),issueHeading:z(s,t7.issueHeading,i),issueList:M1(o,w51(),i),issueTotal:z(r,t7.issueTotal,i),editing:i?.isEditing})};var KI={fields:{_gTop:w("Top row"),eyebrow:I("Eyebrow",t7.eyebrow),issueMeta:{type:"array",label:"Issue meta lines",arrayFields:{lead:z1("Bold word"),rest:z1("Rest")},getItemSummary:e=>[e?.lead,e?.rest].filter(Boolean).join(" ")||"Line"},_gLead:w("Lead"),lead:W("Lead",t7.lead),_gIssue:w("In this issue"),issueHeading:W("Panel heading",t7.issueHeading),issueList:Z2("Issue lines",y51(z51,{}),"Line","markup"),issueTotal:I("Total line",t7.issueTotal)}};import{jsx as h8}from"react/jsx-runtime";import{BlockColumnIcon as dh,PlacementIcon as M51,StateIcon as A51,TemplateIcon as L51,TextLinesIcon as T51}from"efficient-easel/icons";var $v=[{label:"Product record (spec tiles)",value:"spec-card"},{label:"Selector guide (pills + results)",value:"fitment"},{label:"Portal card (stock + button + orders)",value:"portal"},{label:"Kanban board (job columns)",value:"kanban"},{label:"Claims panel (rows + defect bars)",value:"claims"},{label:"Browser storefront (hero + tiles)",value:"browser"},{label:"Terminal (CLI session)",value:"terminal"}],k51=$v.map(e=>e.value),Yv="spec-card",C51={badge:["spec-card","fitment","portal","kanban","claims","browser"],cardTitle:["spec-card","fitment","portal","kanban","claims"],cardSubtitle:["spec-card","fitment","portal","kanban","claims"],rows:["spec-card","fitment","portal","kanban","claims"],button:["spec-card","fitment","portal","kanban","claims"],footnote:["spec-card","fitment","portal","kanban","claims"],pills:["fitment"],tiles:["spec-card","portal","kanban","claims"],_gKanban:["kanban"],col1Title:["kanban"],col1Cards:["kanban"],col2Title:["kanban"],col2Cards:["kanban"],col3Title:["kanban"],col3Cards:["kanban"],col4Title:["kanban"],col4Cards:["kanban"],_gClaims:["claims"],barsHeading:["claims"],bars:["claims"],_gTerminal:["terminal"],termLines:["terminal"],_gBrowser:["browser"],urlText:["browser"],heroTitle:["browser"],heroButton:["browser"],products:["browser"]};function S51(e){return k51.includes(e)?e:Yv}function $I(e,t){let a=S51(t),s={...e};for(let[o,r]of Object.entries(C51))r.includes(a)||delete s[o];return s}var YI={fields:{_gContent:w("Content"),eyebrow:I("Chip label","In the product"),title:W("Heading",`Seen from
+*the counter.*`),body:W("Body",""),_gCard:w("Mockup card"),variant:w1("Card type",h8(L51,{}),$v,Yv),cardHeader:I("Card header strip","Product record"),badge:I("Header badge","LIVE"),cardTitle:I("Card title",""),cardSubtitle:I("Card subtitle",""),pills:{type:"array",label:"Selector pills",arrayFields:{label:U("Label"),value:U("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Pill"},tiles:{type:"array",label:"Spec tiles",arrayFields:{label:U("Label"),value:U("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Tile"},rows:{type:"array",label:"Result / order rows",arrayFields:{lead:U("Lead"),detail:U("Detail"),state:w1("State",h8(A51,{}),[{label:"Match / done (green)",value:"ok"},{label:"In progress (accent)",value:"warn"},{label:"No match (gray \u2715)",value:"no"}],"ok"),status:U("Status chip")},defaultItemProps:{lead:"",detail:"",state:"ok",status:""},getItemSummary:e=>[e?.lead,e?.detail].filter(Boolean).join(" \xB7 ")||"Row"},button:I("Accent button",""),footnote:I("Accent footnote",""),_gKanban:w("Kanban columns"),col1Title:I("Column 1 title",""),col1Cards:Z2("Column 1 cards",h8(dh,{}),"Job card label","verbatim"),col2Title:I("Column 2 title",""),col2Cards:Z2("Column 2 cards",h8(dh,{}),"Job card label","verbatim"),col3Title:I("Column 3 title",""),col3Cards:Z2("Column 3 cards",h8(dh,{}),"Job card label","verbatim"),col4Title:I("Column 4 title",""),col4Cards:Z2("Column 4 cards",h8(dh,{}),"Job card label","verbatim"),_gClaims:w("Claims bars"),barsHeading:I("Bars heading","Defect rate by product"),bars:{type:"array",label:"Bars",arrayFields:{label:U("Label"),value:U("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Bar"},_gTerminal:w("Terminal"),termLines:Z2("Terminal lines",h8(T51,{}),"$ efficient \u2026","verbatim"),_gBrowser:w("Browser mock"),urlText:I("URL pill",""),heroTitle:I("Hero line",""),heroButton:I("Hero button",""),products:{type:"array",label:"Product tiles",arrayFields:{name:U("Name"),price:U("Price")},defaultItemProps:{name:"",price:""},getItemSummary:e=>[e?.name,e?.price].filter(Boolean).join(" \xB7 ")||"Tile"},_gStyle:w("Style"),align:w1("Mockup position",h8(M51,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>$I(t,e.props.variant)};import{jsx as I51}from"react/jsx-runtime";import{ListIcon as V51}from"efficient-easel/icons";var uh="dataSource";var E51="dataRows";var H51=Symbol.for("efficient.block-sources");function Xv(){let e=globalThis;return e[H51]??={sources:new Map,revision:0}}function Jv(e){let t=[...Xv().sources.values()];return e===void 0?t:t.filter(a=>a.blocks.includes(e))}function F51(e){return Xv().sources.get(e)??null}function gh(){return Xv().revision}function A9(e){let t=e?.[uh];return typeof t=="string"?t.trim():""}function P51(e){if(!e||typeof e!="object"||Array.isArray(e))return null;let t={};for(let[a,s]of Object.entries(e))typeof s=="string"&&s&&(t[a]=s);return Object.keys(t).length?t:null}function N51(e){let t=e?.[E51];return Array.isArray(t)?t.map(P51).filter(a=>a!==null):null}function vh(e,t,a=[]){let s=N51(e);if(s!==null&&(s.length||!t))return{rows:s,sample:!1};if(!t)return{rows:[],sample:!1};let o=F51(A9(e))?.sample;return{rows:o?.length?o:a,sample:!0}}function fh(e,t){return w1(e,I51(V51,{}),[{label:t,value:""}],"")}var XI=new WeakMap,JI=-1,Qv={},QI=new WeakMap;function R51(e,t,a){JI!==gh()&&(JI=gh(),Qv={});let s=XI.get(t);(!s||QI.get(s)!==Qv)&&(s=new Map,QI.set(s,Qv),XI.set(t,s));let o=Jv(e),r=a&&!o.some(l=>l.key===a)?a:"",i=`${e}\0${r}`,n=s.get(i);return n||(n={...t,options:[...t.options,...o.map(l=>({label:l.label,value:l.key})),...r?[{label:r,value:r}]:[]]},s.set(i,n)),n}var eV=new WeakMap;function bh(e,t,a,s={}){let o=t[uh];if(!o)return t;let r=A9(a),i=Jv(e).length>0||r!=="",n=i?R51(e,o,r):null,l=eV.get(t);l||eV.set(t,l=new Map);let c=`${gh()}\0${i?"1":"0"}\0${r}`,h=l.get(c);if(h)return h;let p=new Set(r?s.hides??[]:[]),d={};for(let[u,v]of Object.entries(t))u===uh?n&&(d[u]=n):p.has(u)||(d[u]=v);return l.set(c,d),d}import{Fragment as _51,jsx as tf}from"react/jsx-runtime";import{jsx as F4,jsxs as Po}from"react/jsx-runtime";function ef({eyebrow:e,title:t,rows:a,subRows:s,totalLabel:o,totalAmount:r,note:i,contained:n}){return F4(c2,{contained:n,className:"py-6",children:Po("div",{className:"sf-card mx-auto max-w-[560px] border border-line bg-surface px-8 py-9 max-[800px]:px-5 max-[800px]:py-6",children:[e&&F4(O1,{text:e,scaled:!1}),t&&F4("h2",{className:"mt-2 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.1] tracking-[-0.02em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(t,!1)}),a.length>0&&F4("ul",{className:"mt-6 flex flex-col",children:a.map((l,c)=>Po("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[Po("span",{className:"min-w-0",children:[l.label&&F4("span",{className:"block text-[15px]",children:M(l.label)}),l.meta&&F4("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:M(l.meta)})]}),l.amount&&F4("span",{className:"text-[15px] tabular-nums",children:M(l.amount)})]},c))}),s.length>0&&F4("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:s.map((l,c)=>Po("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[F4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:l.label&&M(l.label)}),l.amount&&F4("span",{className:"text-[14px] tabular-nums opacity-85",children:M(l.amount)})]},c))}),(o||r)&&Po("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[o&&F4("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:M(o)}),r&&F4("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:M(r)})]}),i&&F4("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:M(i)})]})})}var oa={title:"Order summary",note:"A short reassurance note under the total."},O51=()=>[{label:m("Product name"),meta:m("Finish \xB7 Size \xB7 \xD71"),amount:"$0,000"},{label:m("Second item"),meta:m("Detail line"),amount:"$000"}],B51=()=>[{label:m("Subtotal"),amount:"$0,000"},{label:m("Delivery"),amount:"$00"}],D51=()=>[{label:m("First item"),meta:m("A detail line"),amount:"$000"},{label:m("Second item"),meta:m("A detail line"),amount:"$000"},{label:m("Third item"),meta:m("A detail line"),amount:"$000"}],Z51=e=>({label:e.label,meta:e.meta,amount:e.amount}),tV={label:"Order Table",defaultProps:{eyebrow:"",title:"",rows:[],subRows:[],totalLabel:"",totalAmount:"",note:"",contained:!0},render:e=>{let{eyebrow:t,title:a,rows:s,subRows:o,totalLabel:r,totalAmount:i,note:n,contained:l,puck:c}=e;if(A9(e)!==""){let h=vh(e,!!c?.isEditing,D51());return h.rows.length?tf(ef,{eyebrow:z(t,T.eyebrow,c),title:z(a,oa.title,c),rows:h.rows.map(Z51),subRows:Array.isArray(o)?o:[],totalLabel:z(r,"",c),totalAmount:z(i,"",c),note:z(n,"",c),contained:l}):tf(_51,{})}return tf(ef,{eyebrow:z(t,T.eyebrow,c),title:z(a,oa.title,c),rows:M1(s,O51(),c),subRows:M1(o,B51(),c),totalLabel:z(r,"Total",c),totalAmount:z(i,"$0,000",c),note:z(n,oa.note,c),contained:l})}};var aV={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",T.eyebrow),title:W("Heading",oa.title),_gItems:w("Items"),dataSource:fh("Items from","Typed here"),rows:{type:"array",label:"Items",arrayFields:{label:z1("Item"),meta:z1("Meta line"),amount:z1("Amount")},getItemSummary:e=>e.label||"Item"},subRows:{type:"array",label:"Sub-total lines",arrayFields:{label:z1("Label"),amount:z1("Amount")},getItemSummary:e=>e.label||"Line"},_gTotal:w("Total"),totalLabel:I("Total label","Total"),totalAmount:I("Total amount","$0,000"),note:W("Note",oa.note),_gLayout:w("Layout")},resolveFields:(e,{fields:t})=>bh("OrderSummary",t,e.props,{hides:["rows"]})};import{jsx as G51}from"react/jsx-runtime";import{jsx as a7,jsxs as No}from"react/jsx-runtime";function sV({eyebrow:e,stats:t,lead:a,foundersHeading:s,foundersBody:o,attribution:r,padTop:i,padBottom:n}={}){let l=typeof i=="number"?i:60,c=typeof n=="number"?n:80,h=(t??[]).filter(u=>(u.value??"").trim()!==""||(u.label??"").trim()!==""),p=!!e||h.length>0,d=!!(s||o||r);return a7("section",{className:"relative z-[2] bg-bg",children:No("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] overflow-hidden border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:l,paddingBottom:c},children:[p&&No("div",{className:"mb-[40px] grid grid-cols-3 gap-[60px] border-b border-line pb-[40px] max-[1100px]:grid-cols-1 max-[1100px]:gap-6",children:[a7("div",{className:"col-span-2 max-[1100px]:col-span-1",children:e&&a7("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:M(e)})}),h.length>0&&a7("div",{className:"text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:h.map((u,v)=>No("div",{children:[u.value?a7("strong",{className:"font-normal text-fg",children:M(u.value)}):null," ",u.label?M(u.label):null]},v))})]}),(a||d)&&No("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[a&&a7("div",{className:"col-span-2 max-[1100px]:col-span-1",children:S0(a).map((u,v)=>a7("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:M(u)},v))}),d&&No("div",{className:"self-end font-display text-[length:var(--size-body,14px)] leading-[1.7] text-fg-dim max-[720px]:text-[length:var(--size-body,12px)]",children:[s&&a7("strong",{className:"mb-1.5 block text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg max-[720px]:text-[length:var(--size-body,16px)]",children:X(s,!1)}),o?M(o):null,r&&a7("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:M(r)})]})]})]})})}var s7={eyebrow:T.eyebrow,lead:"Introduce your company in a paragraph or two.",foundersHeading:"Add a short heading.",foundersBody:"Add a short statement here \u2014 a sentence or two is plenty.",attribution:"\u2014 Name, Year"},oV={label:"Lead Text",defaultProps:{eyebrow:"",lead:"",stats:[],foundersHeading:"",foundersBody:"",attribution:"",padTop:60,padBottom:80},render:({eyebrow:e,lead:t,stats:a,foundersHeading:s,foundersBody:o,attribution:r,padTop:i,padBottom:n,puck:l})=>G51(sV,{eyebrow:z(e,s7.eyebrow,l),lead:z(t,T.body,l),stats:a,foundersHeading:z(s,s7.foundersHeading,l),foundersBody:z(o,s7.foundersBody,l),attribution:z(r,s7.attribution,l),padTop:i,padBottom:n})};var rV={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",s7.eyebrow),lead:W("Lead",T.body),stats:{type:"array",label:"Stats",arrayFields:{value:z1("Number"),label:z1("Unit")},getItemSummary:e=>e.label||e.value||"Stat"},_gFounders:w("Founders"),foundersHeading:W("Founders heading",s7.foundersHeading),foundersBody:W("Founders statement",s7.foundersBody),attribution:I("Attribution",s7.attribution),_gStyle:w("Style"),...N3("ParagraphsA")}};import{jsx as W51}from"react/jsx-runtime";import{jsx as p8,jsxs as iV}from"react/jsx-runtime";function nV({heading:e,badges:t,assurances:a,contained:s}){return p8(c2,{contained:s,className:"py-6",children:iV("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[e&&p8("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:M(e)}),t.length>0&&p8("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:t.map((o,r)=>p8("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:o.src?p8("img",{src:B2(o.src),alt:z2(o.label||""),className:"max-h-5 w-auto opacity-90"}):o.label&&p8("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:M(o.label)})},r))}),a.length>0&&p8("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:a.map((o,r)=>o.text&&iV("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[p8("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),M(o.text)]},r))})]})})}var af={heading:"Ways to pay"},q51=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],U51=()=>[{text:m("Secure encrypted checkout")},{text:m("30-day returns")}],lV={label:"Payment Methods",defaultProps:{heading:"",badges:[],assurances:[],contained:!0},render:({heading:e,badges:t,assurances:a,contained:s,puck:o})=>W51(nV,{heading:z(e,af.heading,o),badges:M1(t,q51,o),assurances:M1(a,U51(),o),contained:s})};var cV={fields:{_gContent:w("Content"),heading:I("Heading",af.heading),badges:{type:"array",label:"Payment methods",arrayFields:{label:z1("Name"),src:K1("Logo","image/*")},getItemSummary:e=>e.label||e.src||"Method"},assurances:{type:"array",label:"Reassurance lines",arrayFields:{text:z1("Line")},getItemSummary:e=>e.text||"Line"},_gLayout:w("Layout")}};import{jsx as Io}from"react/jsx-runtime";import{jsx as R3,jsxs as L9}from"react/jsx-runtime";var hV=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],xh="card",o7={min:200,max:700,step:10,fallback:330,unit:"px"};function ra({post:e,scaffold:t=!1,layout:a,showCover:s=!0,placement:o,darken:r,darkenStyle:i,href:n,minHeight:l}){let c=n||(t?"#":`/journal/${e.slug}`),h=a==="cover",p=(e.meta||e.dateLabel||e.read)&&L9("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&R3("span",{className:"text-accent",children:M(e.meta)}),e.dateLabel&&R3("span",{children:M(e.dateLabel)}),e.read&&R3("span",{children:M(e.read)})]});if(h){let d=Yn(r,i);return L9(p0,{href:c,className:`${$n} group relative isolate flex overflow-hidden`,style:{minHeight:`${l??o7.fallback}px`},"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[R3("div",{className:"absolute inset-0",children:R3(T0,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),d&&R3("div",{className:"absolute inset-0 z-0",style:d,"aria-hidden":!0}),L9("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${Xn(o??"bottom-left","column")}`,children:[e.meta&&R3("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:M(e.meta)}),R3("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:X(e.title,!1)}),e.excerpt&&R3("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:M(e.excerpt)}),(e.dateLabel||e.read)&&L9("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&R3("span",{children:M(e.dateLabel)}),e.read&&R3("span",{children:M(e.read)})]})]})]})}return L9(p0,{href:c,style:{"--card-bg":"var(--site-surface)","--card-bg-hover":"var(--site-surface-2)"},className:"sf-card sf-card-fill group block bg-[var(--card-bg)] transition-colors duration-300 hover:bg-[var(--card-bg-hover)]","aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[s&&R3("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:R3(T0,{label:`event-${e.slug}`,src:e.cover||void 0})}),L9("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[p,R3("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:X(e.title,!1)}),e.excerpt&&R3("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:M(e.excerpt)}),L9("span",{className:"mt-1.5 inline-flex items-center gap-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors group-hover:text-accent",children:["Read more",R3("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{HeightIcon as K51,ImageIcon as $51,LayoutIcon as Y51,OpacityIcon as X51,StylesIcon as J51}from"efficient-easel/icons";import{jsx as j51}from"react/jsx-runtime";var C5={title:"Add a *headline* for this post.",excerpt:"A short summary of the post \u2014 one or two sentences.",category:T.category,date:T.date,readLabel:"0 min read"},pV={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:xh,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:D7[0].value,minHeight:o7.fallback},render:e=>{let t=e.source,a=!!t?.slug;return j51(ra,{post:{slug:a?t.slug:"post-card",title:(a?t.title:z(e.title,C5.title,e.puck))||"",excerpt:(a?t.dek:z(e.excerpt,C5.excerpt,e.puck))||"",cover:(a?t.image:e.image)||"",meta:z(e.category,C5.category,e.puck)||void 0,dateLabel:(a?t.date:z(e.date,C5.date,e.puck))||void 0,read:z(e.readLabel,C5.readLabel,e.puck)||void 0},href:(a?t.href:i1(e.href))||void 0,layout:e.layout,showCover:e.showCover,placement:e.placement,darken:e.darken,darkenStyle:e.darkenStyle,minHeight:e.minHeight,scaffold:!!e.puck?.isEditing&&!a})}};var mV={fields:{source:p2(Jt),image:K1("Cover image","image/*"),title:W("Heading",C5.title),excerpt:W("Excerpt",C5.excerpt),href:N1("Link"),category:I("Category",C5.category),date:I("Date",C5.date),readLabel:I("Read time",C5.readLabel),layout:w1("Card layout",Io(Y51,{}),hV,xh),showCover:l1("Show cover image",!0,Io($51,{})),placement:B6("Text position",{stacking:!1}),minHeight:n1("Card height",Io(K51,{}),o7.min,o7.max,o7.step,o7.fallback,o7.unit),_gTint:w("Image tint"),darken:n1("Darken",Io(X51,{}),G2.min,G2.max,G2.step,G2.fallback,G2.unit),darkenStyle:w1("Darken style",Io(J51,{}),D7,D7[0].value)},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};if(a.layout!=="cover")for(let o of["placement","darken","darkenStyle","minHeight","_gTint"])delete s[o];else delete s.showCover;if(a.source?.slug)for(let o of["image","title","excerpt","href"])delete s[o];return s}};import{jsx as fV}from"react/jsx-runtime";import{ColumnsIcon as a61,PlacementIcon as s61}from"efficient-easel/icons";import{jsx as e61}from"react/jsx-runtime";import{jsx as L2,Fragment as Q51,jsxs as r7}from"react/jsx-runtime";var dV={2:"grid-cols-2 max-[900px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"},sf="sf-itc-boxes",uV="sf-itc-steps";function gV({num:e,title:t,description:a,boxes:s,steps:o,columns:r=3,cta:i,padTop:n,padBottom:l,editing:c=!1,omitHead:h=!1,cardImage:p,cardText:d,...u}){let v=typeof n=="number"?n:120,g=typeof l=="number"?l:120,b=(o??[]).filter(k=>(k?.tag??"").trim()||(k?.meta??"").trim()||(k?.title??"").trim()||(k?.copy??"").trim()||(k?.image??"").trim()||(k?.specs??[]).some(S=>(S?.label??"").trim()||(S?.value??"").trim())),f=b.length>0?b:c&&!s?[1,2,3].map(k=>({tag:m("Column {n}",{n:k})})):[],y=dV[r]??dV[3],x=d==="on-image";return r7("section",{className:D0(u)?"relative z-[2] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:v,paddingBottom:g,...v3(p)},children:[h?null:L2(a3,{num:e,title:t?.trim()?M(t,!0):void 0,desc:a?.trim()?M(a,!1):void 0}),s?r7(Q51,{children:[L2("style",{children:`.${sf}:empty{display:none}.${sf}:not(:empty)~.${uV}{display:none}`}),L2(s,{className:`${sf} sf-card grid ${y} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,f.length>0&&L2("div",{className:`${uV} sf-card grid ${y} gap-[2px] border border-line bg-line`,children:f.map((k,S)=>{let L=(k.specs??[]).filter(R=>(R?.label??"").trim()||(R?.value??"").trim());return r7("article",{className:x?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[r7("div",{className:x?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[L2(T0,{label:k.tag?.trim()||k.title?.trim()||`column-${S+1}`,src:k.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...s?{deferFetch:!0}:{}}),L2("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.65) 100%)"}}),x&&L2("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:"linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.73) 55%, rgba(10,10,10,0.92) 100%)"}}),k.tag?.trim()&&L2("span",{className:"absolute left-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:l0(k.tag)}),k.meta?.trim()&&L2("span",{className:x?"absolute right-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80":"absolute right-5 bottom-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80",children:l0(k.meta)}),x&&(k.title?.trim()||k.copy?.trim())&&r7("div",{className:"absolute inset-x-0 bottom-0 z-[2] flex flex-col gap-2.5 px-8 pb-7 pt-14 max-[700px]:px-6 max-[700px]:pb-6",children:[k.title?.trim()&&L2("h3",{className:"flex min-h-[2em] flex-col justify-end font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg max-[700px]:text-[length:var(--size-headingSmall,26px)]",children:M(k.title,!0)}),k.copy?.trim()&&L2("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:M(k.copy,!1)})]})]}),x?L.length>0&&L2("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:L.map((R,F)=>r7("div",{className:"flex flex-col gap-1",children:[R.label?.trim()&&L2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:l0(R.label)}),R.value?.trim()&&L2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:l0(R.value)})]},F))}):r7("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[k.title?.trim()&&L2("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,34px)] font-medium uppercase leading-none tracking-[-0.02em] max-[700px]:text-[length:var(--size-headingSmall,28px)]",children:M(k.title,!0)}),k.copy?.trim()&&L2("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:M(k.copy,!1)}),L.length>0&&L2("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:L.map((R,F)=>r7("div",{className:"flex flex-col gap-1",children:[R.label?.trim()&&L2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:l0(R.label)}),R.value?.trim()&&L2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:l0(R.value)})]},F))})]})]},S)})}),i?.text&&L2("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:r7(p0,{href:i.href,className:"group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[l0(i.text),L2("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}var Vo={num:T.sectionNumber,title:T.headingAccent,description:T.body,cta:T.viewAll},t61=()=>[{image:"",tag:m("{letter} \xB7 Step",{letter:"A"}),meta:m("Short detail line"),title:m("Step *one*"),copy:m("Describe this step in a sentence or two."),specs:[{label:T.label,value:T.value},{label:T.label,value:T.value},{label:T.label,value:T.value},{label:T.label,value:T.value}]},{image:"",tag:m("{letter} \xB7 Step",{letter:"B"}),meta:m("Short detail line"),title:m("Step *two*"),copy:m("Describe this step in a sentence or two."),specs:[{label:T.label,value:T.value},{label:T.label,value:T.value},{label:T.label,value:T.value},{label:T.label,value:T.value}]},{image:"",tag:m("{letter} \xB7 Step",{letter:"C"}),meta:m("Short detail line"),title:m("Step *three*"),copy:m("Describe this step in a sentence or two."),specs:[{label:T.label,value:T.value},{label:T.label,value:T.value},{label:T.label,value:T.value},{label:T.label,value:T.value}]}],of={boxes:{type:"slot"}},vV={label:"Image & Text Columns",fields:of,defaultProps:{num:"",title:"",description:"",columns:3,padTop:120,padBottom:120},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return e61(gV,{num:a(z(e.num,Vo.num,e.puck)),title:a(z(e.title,Vo.title,e.puck)),description:a(z(e.description,T.body,e.puck)),omitHead:t,boxes:e.boxes,steps:M1(e.steps,t61(),e.puck),columns:typeof e.columns=="number"?e.columns:3,cta:c4(e.ctaText,e.ctaHref),padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,cardImage:e.cardImage,cardText:e.cardText,editing:e.puck?.isEditing})}};var bV={fields:{_sHeader:a0("Header"),_gContent:w("Content"),num:I("Number",Vo.num),title:I("Heading",Vo.title),description:W("Body",T.body),boxes:of.boxes,_dDesign:a0("Design"),columns:n1("Columns",fV(a61,{}),2,4,1,3),cardImage:H7(),cardText:y1("Text position",fV(s61,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),_dLayout:a0("Layout"),...N3("ProcessSteps")},resolveFields:(e,{fields:t,parent:a})=>{let s=j1($1(t,a,Y1),e.props.headPlacement,W1.ProcessSteps.headRows);if(!(Array.isArray(e.props.boxes)&&e.props.boxes.length>0))return s;let{cardText:o,...r}=s;return r}};import{jsx as l61}from"react/jsx-runtime";import{SquareIcon as c61}from"efficient-easel/icons";import{jsx as n61}from"react/jsx-runtime";import{jsx as wh,Fragment as o61,jsxs as xV}from"react/jsx-runtime";var r61="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",i61="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function wV({eyebrow:e,title:t,body:a,topBorder:s=!0,omitHead:o=!1,editing:r=!1}={}){let i=S0((a??"").trim()),n=!!(e??"").trim()||!!(t??"").trim()||i.length>0;return!r&&!n?null:wh("section",{className:`relative z-[2] ${s?"border-t border-line ":""}bg-bg`,children:xV("div",{className:o?i61:r61,children:[o?null:xV(o61,{children:[(e??"").trim()&&wh(O1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&wh("h2",{className:"mb-7 font-heading2 text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:var(--size-headingSmall,28px)]",children:X(t??"",!1)})]}),i.map((l,c)=>wh("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:M(l)},c))]})})}var T9={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},yV={label:"Editorial Text",defaultProps:{eyebrow:"",title:"",body:"",topBorder:!0},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return n61(wV,{eyebrow:a(z(e.eyebrow,T9.eyebrow,e.puck)),title:a(z(e.title,T9.title,e.puck)),omitHead:t,body:z(e.body,T9.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};var zV={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",T9.eyebrow),title:W("Heading",T9.title),body:W("Body",T9.body),_dDesign:a0("Design"),topBorder:l1("Top border",!0,l61(c61,{}))},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Prose.headRows)};import{jsx as cf}from"react/jsx-runtime";import{HashIcon as h61,StylesIcon as LV}from"efficient-easel/icons";var Ro="standard",lf=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],nf=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],rf=[...nf,"description"],SV={standard:["eyebrowLook"],editorial:[...nf,"eyebrowLook"],simple:rf,statement:rf,natural:nf,essay:rf},kV=["gap-5","gap-3"],CV=["text-[length:var(--size-body,16px)]","text-[15px]"];function MV(e){return X2(kV,kV[0],e)}function AV(e){return X2(CV,CV[0],e)}function yh(e){return X2(lf,Ro,e)}var TV={fields:{_gContent:w("Content"),headStyle:w1("Style",cf(LV,{}),[...lf],Ro),num:I("Number","01 / Section"),eyebrowLook:w1("Eyebrow style",cf(LV,{}),[...W4],Ln),numStyle:y1("Number style",cf(h61,{}),[...lv],g9),title:W("Heading","Section *title*"),description:W("Body","Short supporting line"),linkText:I("Button","View all"),linkHref:N1("Link"),_gLogo:w("Logo"),logoSrc:K1("Logo image","image/*"),logoAlt:S2(U("Logo alt text","Logo description")),...Y5("full")},resolveFields:(e,{fields:t})=>{let a=Z7(t,J2(e?.props??{},"full")),s=yh(e?.props?.headStyle),o={...a};for(let r of SV[s])delete o[r];return o}};import{jsx as m61}from"react/jsx-runtime";import{jsx as m8,jsxs as ia,Fragment as p61}from"react/jsx-runtime";function EV({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:o,background:r,editing:i=!1,omitHead:n=!1,...l}){let c=(s??[]).filter(d=>(d?.title??"").trim()||(d?.desc??"").trim()||(d?.num??"").trim()),h=c.length>0?c:i?[{title:m("Series title")}]:[],p=!!(r&&r!=="transparent");return ia("section",{className:D0(l)?n?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":n?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:p?{backgroundColor:r}:void 0,children:[n?null:m8(a3,{num:e,title:t?X(t):void 0,desc:a}),m8("div",{className:`grid grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1 ${p?"gap-[1px]":"gap-[2px] bg-bg"}`,children:h.map((d,u)=>{let v=!!(d.num?.trim()||d.since?.trim()),g=!!d.title?.trim(),b=!!(d.entries?.trim()||d.entriesLabel?.trim()||o);return ia("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[v&&ia("div",{className:"flex items-baseline justify-between gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[m8("span",{children:d.num?M(d.num):null}),d.since?.trim()?m8("span",{children:M(d.since)}):null]}),g&&m8("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-[1.04] tracking-[-0.02em]",children:X(d.title??"")}),d.desc?.trim()&&m8("p",{className:"font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",children:M(d.desc)}),b&&ia("div",{className:"mt-auto flex items-center justify-between border-t border-line pt-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[ia("span",{children:[d.entries?.trim()?m8("strong",{className:"font-normal text-fg",children:M(d.entries)}):null,d.entriesLabel?.trim()?ia(p61,{children:[d.entries?.trim()?" ":"",M(d.entriesLabel)]}):null]}),o&&m8("span",{className:"text-accent",children:M(o)})]})]},u)})})]})}var i7={headNum:T.sectionNumber,headTitle:T.headingAccent,headDesc:T.body,viewLabel:"View series \u2192"},d61=()=>[{num:"01",since:m("Year"),title:m("Column *title.*"),desc:m("A short description of this recurring column."),entries:"0",entriesLabel:m("entries")},{num:"02",since:m("Year"),title:m("Column *title.*"),desc:m("A short description of this recurring column."),entries:"0",entriesLabel:m("entries")},{num:"03",since:m("Year"),title:m("Column *title.*"),desc:m("A short description of this recurring column."),entries:"0",entriesLabel:m("entries")}],HV={label:"Recurring Columns",defaultProps:{headNum:"",headTitle:"",headDesc:"",cards:[],viewLabel:"",background:"transparent"},render:({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:o,background:r,headPlacement:i,puck:n})=>{let l=U1(i)==="own-box",c=h=>l?void 0:h;return m61(EV,{headNum:c(z(e,i7.headNum,n)),headTitle:c(z(t,i7.headTitle,n)),headDesc:c(z(a,i7.headDesc,n)),omitHead:l,cards:M1(s,d61(),n),viewLabel:z(o,i7.viewLabel,n),background:L7(r,k3.Series),editing:n?.isEditing})}};var FV={fields:{_gHead:w("Section header"),headNum:I("Number",i7.headNum),headTitle:W("Heading",i7.headTitle),headDesc:W("Body",i7.headDesc),_gCards:w("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:z1("Number"),since:z1("Right Top Text"),title:_1("Title"),desc:_1("Body"),entries:z1("Entries count"),entriesLabel:z1("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:w("Card link"),viewLabel:I("Card button",i7.viewLabel),_gStyle:w("Style"),background:E7("Background",k3.Series)},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Series.headRows)};var PV={fields:{size:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"},{label:"X-Large",value:"xl"}]}}};import{jsx as NV}from"react/jsx-runtime";import{BackgroundIcon as u61,ContrastIcon as g61}from"efficient-easel/icons";var IV={fields:{_gContent:w("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:U("Label","Label"),tone:y1("Tone",NV(g61,{}),[{label:"Normal",value:"normal"},{label:"Muted",value:"muted"}],"normal")},defaultItemProps:{text:"",tone:"normal"},getItemSummary:e=>e?.text||"Item",min:2,max:8},_gStyle:w("Style"),fill:y1("Strip fill",NV(u61,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{jsx as zh}from"react/jsx-runtime";import{AlignLeftIcon as z61,CaseIcon as k61,OpacityIcon as C61,PlacementIcon as S61}from"efficient-easel/icons";import{jsx as w61}from"react/jsx-runtime";import{jsx as o3,jsxs as d8}from"react/jsx-runtime";import{jsx as v61,jsxs as f61}from"react/jsx-runtime";import{createContext as b61,useContext as x61}from"react";var VV=b61(!1);function na(){return x61(VV)}function RV({grayscale:e,children:t}){let a=e===!0;return f61(VV.Provider,{value:a,children:[Object.entries(RF(e)).map(([s,o])=>v61("style",{children:o},s)),t]})}function _V({imageLabel:e,imageSrc:t,imageTint:a=.4,imageObjectPosition:s,eyebrow:o,title:r,body:i,cta:n,reverse:l=!1,uppercase:c=!1,textAlign:h="left",textBgSrc:p,textBgLabel:d,textBgTint:u=.6,textBgObjectPosition:v,featureBar:g,imageButton:b,grayscale:f}){let y=Ot(f,na()),x={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},k=x[h]??x.left;return o3("section",{className:"relative z-[2] bg-bg p-0",children:d8("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",l?"min-[961px]:[direction:rtl]":""].join(" "),children:[d8("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:l?{borderLeft:"1px solid var(--site-line)"}:{borderRight:"1px solid var(--site-line)"},children:[o3(T0,{label:e,src:t,objectPosition:s,treatment:y}),t&&a>0&&o3("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${a})`}}),(g||b)&&d8("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[g&&d8(p0,{href:g.href,className:"pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[o3("span",{children:M(g.wheel)}),o3("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),o3("span",{children:M(g.category)}),o3("span",{"aria-hidden":!0,children:"\u2192"}),o3("span",{children:M(g.cta??"Shop now")})]}),b&&d8(p0,{href:b.href,className:"pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[o3("span",{children:M(b.text??"Learn more")}),o3("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),d8("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[p&&d8("div",{className:"absolute inset-0","aria-hidden":!0,children:[o3(T0,{label:d??e,src:p,objectPosition:v,treatment:y}),u>0&&o3("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${u})`}})]}),o3("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:p?G5:void 0,children:d8("div",{className:["flex flex-1 flex-col justify-center gap-6",k.items,k.text].join(" "),children:[o&&o3(O1,{text:o,size:14}),r&&o3("h2",{className:["font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em]","max-[800px]:text-[length:var(--size-headingMedium,36px)] max-[800px]:leading-[1]",c?"uppercase":""].join(" "),children:X(r,!1)}),i&&S0(i).map((S,L)=>o3("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]","text-fg-dim"].join(" "),children:M(S)},L)),n.text&&o3("div",{className:`mt-2 ${k.cta}`,children:o3(C3,{href:n.href,variant:"primary",children:M(n.text)})})]})})]})]})})}var u8={eyebrow:"\u2014 Label",title:`Section headline *here.*
+*Highlight line*`,body:"Describe this section in a sentence or two."},hf={text:"Learn more"};function y61(e,t,a){let s=z(e,hf.text,a);if(s!==void 0)return{text:s,href:t||"#"}}var OV={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>w61(_V,{eyebrow:z(e.eyebrow,u8.eyebrow,e.puck),title:z(e.title,u8.title,e.puck),body:z(e.body,u8.body,e.puck),imageLabel:i1(e.title)||u8.title,imageSrc:e.imageSrc||void 0,reverse:e.reverse,uppercase:e.uppercase,textAlign:e.textAlign,cta:c4(e.ctaText,e.ctaHref,e.puck),imageButton:y61(e.imageBtnText,e.imageBtnHref,e.puck),textBgSrc:e.textBgSrc||void 0,textBgTint:(typeof e.overlay=="number"?e.overlay:60)/100,grayscale:e.grayscale})};var BV={fields:{_sText:a0("Text column"),_gContent:w("Content"),eyebrow:I("Eyebrow",u8.eyebrow),title:W("Heading",u8.title),body:W("Body",u8.body),uppercase:l1("Uppercase heading",!1,zh(k61,{})),textAlign:y1("Alignment",zh(z61,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:w("Button"),...Y4,_gTextBg:w("Background image"),textBgSrc:K1("Background image","image/*"),overlay:n1("Overlay",zh(C61,{}),0,100,5,60,"%"),_sImage:a0("Image column"),_gImage:w("Image"),imageSrc:K1("Image","image/*"),reverse:y1("Image side",zh(S61,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:w("Overlay button"),imageBtnText:I("Overlay button",hf.text),imageBtnHref:N1("Overlay button link"),_gStyle:w("Style"),grayscale:Bt()}};import{jsx as M61}from"react/jsx-runtime";import{ColumnsIcon as A61}from"efficient-easel/icons";var DV={fields:{_gContent:w("Content"),heading:I("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:z1("Value"),label:z1("Label")},getItemSummary:e=>e.label||e.value||"stat"},columns:n1("Columns",M61(A61,{}),2,4,1,4),_gStyle:w("Style"),background:E7("Background",k3.Stats)}};import{jsx as I61}from"react/jsx-runtime";import{AccentIcon as V61}from"efficient-easel/icons";import{jsx as P61}from"react/jsx-runtime";import{jsxs as ca,jsx as ha,Fragment as H61}from"react/jsx-runtime";import{useEffect as L61,useRef as ZV,useState as T61}from"react";var E61=1400;function la(e,t={}){let{threshold:a=.1,replay:s=!0,durationMs:o=E61}=t,r=ZV(null),i=ZV(null),[n,l]=T61(0);return L61(()=>{let c=r.current;if(!c)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){l(e);return}let h=()=>{i.current!==null&&(cancelAnimationFrame(i.current),i.current=null)},p=()=>{h();let u=performance.now(),v=g=>{let b=Math.min(1,(g-u)/o),f=1-Math.pow(1-b,3);l(Math.round(f*e)),b<1?i.current=requestAnimationFrame(v):i.current=null};i.current=requestAnimationFrame(v)},d=new IntersectionObserver(u=>{let v=u[0];v&&(v.isIntersecting?(p(),s||d.disconnect()):s&&(h(),l(0)))},{threshold:a});return d.observe(c),()=>{d.disconnect(),h()}},[e,a,s,o]),{ref:r,value:n}}var GV="font-normal italic text-accent";function F61({value:e,prefix:t,suffix:a,supSuffix:s,emphasizeAll:o,label:r,sub:i}){let n=(e??"").trim(),l=/^\d+$/.test(n),{ref:c,value:h}=la(l?parseInt(n,10):0),p=l?String(h):n,d=t??"";return ca("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[ca("div",{ref:c,className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(56px,7vw,96px)),var(--sf-heading-max,9999px))] font-medium leading-[0.9] tracking-[-0.04em] tabular-nums",children:[o?ca("em",{className:GV,children:[d,p]}):ca(H61,{children:[d,p,a?ha("em",{className:GV,children:a}):null]}),s?ha("sup",{className:"ml-8 inline-block pt-[18px] align-top font-mono text-[length:var(--size-label,13px)] leading-none tracking-[0.18em] text-accent",children:s}):null]}),(r||i)&&ca("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[r?ha("strong",{className:"mb-1 block font-display text-[length:var(--size-body,16px)] font-normal normal-case tracking-[-0.01em] text-fg",children:r}):null,i?M(i):null]})]})}function WV({eyebrow:e,title:t,desc:a,stats:s,background:o,padTop:r,padBottom:i,editing:n=!1,omitHead:l=!1,...c}={}){let h=typeof r=="number"?r:120,p=typeof i=="number"?i:120,d=(s??[]).filter(g=>(g.value??"").trim()!==""||(g.label??"").trim()!==""||(g.sub??"").trim()!==""||(g.suffix??"").trim()!==""||(g.supSuffix??"").trim()!==""),u=d.length>0?d:n?[{value:"0",label:m("Stat"),sub:m("Add your numbers.")}]:[],v=!!(o&&o!=="transparent");return ca("section",{className:D0(c)?"border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:h,paddingBottom:p,...v?{backgroundColor:o}:{}},children:[l?null:ha(a3,{num:e,title:t?X(t):void 0,desc:a?M(a):void 0}),u.length>0&&ha("div",{className:"sf-card grid grid-cols-4 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:u.map((g,b)=>ha(F61,{...g},b))})]})}var E9={eyebrow:T.eyebrow,title:T.headingAccent,desc:T.body},N61=()=>[{value:"00",label:T.label,sub:m("Short description of this figure.")},{value:"00",label:T.label,sub:m("Short description of this figure.")},{value:"00",label:T.label,sub:m("Short description of this figure.")},{value:"00",label:T.label,sub:m("Short description of this figure.")}],qV={label:"Stats with Text",defaultProps:{eyebrow:"",title:"",desc:"",stats:[],background:Ji,padTop:120,padBottom:120},render:({eyebrow:e,title:t,desc:a,stats:s,background:o,padTop:r,padBottom:i,headPlacement:n,puck:l})=>{let c=U1(n)==="own-box",h=p=>c?void 0:p;return P61(WV,{eyebrow:h(z(e,E9.eyebrow,l)),title:h(z(t,E9.title,l)),desc:h(z(a,E9.desc,l)),omitHead:c,stats:M1(s,N61(),l),background:L7(o,k3.StatsParagraph),padTop:c?0:typeof r=="number"?r:120,padBottom:typeof i=="number"?i:120,editing:l?.isEditing})}};var UV={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",E9.eyebrow),title:W("Heading",E9.title),desc:W("Body",E9.desc),stats:{type:"array",label:"Stats",arrayFields:{value:U("Number"),prefix:U("Prefix"),suffix:U("Unit"),supSuffix:U("Superscript"),emphasizeAll:l1("Whole number Theme Color",!1,I61(V61,{})),label:U("Label"),sub:_1("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:e=>e.label||e.value||"Stat"},_gStyle:w("Style"),background:E7("Background",k3.StatsParagraph),...N3("StatsParagraph")},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.StatsParagraph.headRows)};import{jsx as $V}from"react/jsx-runtime";import{ColumnsIcon as Z61,StylesIcon as G61}from"efficient-easel/icons";import{jsx as B61}from"react/jsx-runtime";import{jsx as n7,Fragment as R61,jsxs as kh}from"react/jsx-runtime";var _61="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",O61="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function jV({look:e,eyebrow:t,title:a,items:s,columns:o,omitHead:r=!1,editing:i=!1}={}){let n=Math.min(3,Math.max(1,o??3)),l=(s??[]).filter(h=>i||(h.quote??"").trim()),c=!!(t??"").trim()||!!(a??"").trim();return!i&&!c&&l.length===0?null:n7("section",{className:"relative z-[2] border-t border-line bg-surface",children:kh("div",{className:r?O61:_61,children:[r?null:kh(R61,{children:[(t??"").trim()&&n7(O1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&n7("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(a??"",!1)})]}),l.length>0&&n7("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--tm-cols),minmax(0,1fr))]",style:{"--tm-cols":String(n)},children:l.map((h,p)=>kh("figure",{className:"flex flex-col gap-5 bg-bg p-9 max-[800px]:p-7",children:[n7("span",{"aria-hidden":!0,className:"font-heading2 text-[length:var(--size-headingMedium,46px)] leading-none text-accent",children:"\u201C"}),n7("blockquote",{className:"flex-1 text-[length:var(--size-body,16px)] leading-[1.6] text-fg-dim",children:S0((h.quote??"").trim()||m("A short customer quote goes here.")).map((d,u)=>n7("p",{className:u?"mt-3":"",children:M(d)},u))}),kh("figcaption",{className:"border-t border-line pt-[18px]",children:[n7("div",{className:"font-display text-[length:var(--size-body,15px)] font-medium uppercase tracking-[0.04em] text-fg",children:(h.name??"").trim()||"Customer name"}),(h.role??"").trim()&&n7("div",{className:"mt-1 text-[length:var(--size-body,12px)] text-fg-dim",children:h.role})]})]},p))})]})})}var _o={eyebrow:"Feedback",title:"What people *say.*"},D61=()=>[{quote:m("A short customer quote goes here \u2014 replace it with a real testimonial from your customers."),name:m("Customer name"),role:m("Role \xB7 Location")},{quote:m("A second customer quote \u2014 what they loved, in a sentence or two."),name:m("Customer name"),role:m("Role \xB7 Location")},{quote:m("A third short quote to round out the row."),name:m("Customer name"),role:m("Role \xB7 Location")}],KV={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return B61(jV,{look:C4(e.eyebrowLook,"Testimonials"),eyebrow:a(z(e.eyebrow,_o.eyebrow,e.puck)),title:a(z(e.title,_o.title,e.puck)),omitHead:t,items:M1(e.items,D61(),e.puck),columns:e.columns,editing:e.puck?.isEditing})}};var YV={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",_o.eyebrow),eyebrowLook:w1("Eyebrow style",$V(G61,{}),[...W4],P7("Testimonials")),title:W("Heading",_o.title),items:{type:"array",label:"Quotes",arrayFields:{quote:_1("Quote"),name:U("Name"),role:U("Role \xB7 location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:w("Style"),columns:n1("Columns",$V(Z61,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Testimonials.headRows)};var XV={fields:{text:W("Body",T.body),align:m6(),tone:Lc()}};import{jsx as H9}from"react/jsx-runtime";import{ClockIcon as U61,DirectionIcon as j61,GapIcon as K61,LineBetweenIcon as $61,SquareIcon as Y61,StylesIcon as X61,TextSizeIcon as J61}from"efficient-easel/icons";var JV="none",QV=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function eR(e){return e==="above"||e==="below"?e:null}var tR="sf-ticker-join";function aR(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as q61}from"react/jsx-runtime";import{jsx as pf}from"react/jsx-runtime";var W61=()=>m("item");function sR({items:e,durationSec:t=50,tone:a="scrim",borders:s=!0,size:o,separator:r,scroll:i,join:n,editing:l}){let c=(e??[]).map(u=>u?.text?.trim()?u.text:l?W61():"").filter(Boolean);if(c.length===0)return null;let h=a!=="plain",p=eR(n),d=pf("div",{className:[p?`absolute inset-x-0 ${aR(p)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",s?"border-y border-line":""].filter(Boolean).join(" "),children:pf(NS,{items:c,durationSec:t,size:o,separator:r,scroll:i,backdrop:h?"themed-band":"themed-section"})});return p?pf("div",{className:tR,children:d}):d}var mf=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],oR={label:"Scrolling Bar",defaultProps:{items:[],tone:"scrim",borders:!0,size:yn,separator:zn,scrollDirection:kn,speed:50},render:({items:e,tone:t,borders:a,size:s,separator:o,scrollDirection:r,speed:i,join:n,puck:l})=>q61(sR,{items:M1(e,mf,l),tone:t,borders:a,size:s,separator:o,scroll:r,durationSec:i,join:n,editing:l?.isEditing})};var rR={fields:{_gContent:w("Content"),items:Fe(Z2(pd.label,pd.icon,"item","markup"),mf),_gStyle:w("Style"),tone:y1("Style",H9(X61,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:l1("Hairline borders",!0,H9(Y61,{})),size:y1("Text size",H9(J61,{}),[...HS],yn),separator:w1("Separator",H9($61,{}),FS,zn),scrollDirection:rn("Scroll direction",PS,kn,"A marquee cannot run diagonally, so the corners are not answers.",H9(j61,{}),JC),speed:n1("Scroll duration",H9(U61,{}),20,90,5,50,"s"),join:w1("Join",H9(K61,{}),QV,JV)}};import{jsx as t71}from"react/jsx-runtime";import{EyeIcon as a71}from"efficient-easel/icons";import{jsx as Q61}from"react/jsx-runtime";import{jsx as E0,Fragment as hR,jsxs as d4}from"react/jsx-runtime";function iR({eyebrow:e,title:t,intro:a,center:s=!1}){return d4(hR,{children:[e&&E0(O1,{text:e,size:12}),t&&E0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,76px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.94] tracking-[-0.03em] text-fg",children:X(t)}),a&&E0("p",{className:["font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",s?"max-w-[520px]":"max-w-[360px]"].join(" "),children:M(a,!0)})]})}function nR({cta:e,className:t=""}){return e?.text?d4(p0,{href:e.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4","font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg","transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[M(e.text),E0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]}):null}function lR({src:e,caption:t,meta:a,aspectClass:s,editing:o,sizes:r="100vw",className:i=""}){return!e&&!o?null:d4("figure",{className:["relative overflow-hidden border border-line bg-surface",s,i].join(" "),children:[E0(T0,{label:t||"Image",src:e,alt:z2(t??""),sizes:r}),E0("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.75) 100%)"}}),(t||a)&&d4("figcaption",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-center justify-between gap-3 px-4 py-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-overlay-fg/85",children:[E0("span",{children:t?M(t):""}),a&&E0("span",{className:"text-accent",children:M(a)})]})]})}function df({entry:e}){let t=S0(e.body??"");return d4(hR,{children:[e.title&&E0("h3",{className:"mb-3.5 font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.02em] text-fg max-[800px]:text-[length:var(--size-headingSmall,20px)]",children:X(e.title)}),t.length>0&&E0("div",{className:"space-y-3.5 font-display text-[length:var(--size-body,17px)] leading-[1.6] max-[800px]:text-[length:var(--size-body,16px)]",children:t.map((a,s)=>E0("p",{className:s===0?"text-fg":"text-fg-dim",children:M(a,!0)},s))})]})}var cR={boxShadow:"0 0 0 4px var(--bg)"};function pR({layout:e="split",eyebrow:t,title:a,intro:s,imageSrc:o,imageCaption:r,imageMeta:i,cta:n,entries:l,padTop:c,padBottom:h,editing:p}={}){let d=typeof c=="number"?c:120,u=typeof h=="number"?h:120,v=(l??[]).filter(g=>(g.date??"").trim()||(g.title??"").trim()||(g.body??"").trim());return E0("section",{className:"relative z-[2] bg-bg",children:E0("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:d,paddingBottom:u},children:e==="split"?d4("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[d4("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[E0(iR,{eyebrow:t,title:a,intro:s}),E0(lR,{src:o,caption:r,meta:i,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:p}),E0(nR,{cta:n,className:"mt-2 self-start"})]}),E0("ol",{className:"flex flex-col gap-12",children:v.map((g,b)=>d4("li",{className:"grid grid-cols-[80px_1fr] items-start gap-6 max-[700px]:grid-cols-1 max-[700px]:gap-2",children:[E0("span",{className:"pt-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?M(g.date):""}),E0("div",{className:"max-w-[640px]",children:E0(df,{entry:g})})]},b))})]}):d4("div",{children:[d4("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[E0(iR,{eyebrow:t,title:a,intro:s,center:!0}),E0(nR,{cta:n})]}),E0(lR,{src:o,caption:r,meta:i,aspectClass:"mx-auto mt-12 aspect-[16/9] w-full max-w-[900px]",sizes:"(max-width: 900px) 100vw, 900px",editing:p}),e==="spine"?E0("ol",{className:"relative mx-auto mt-16 max-w-[760px]",children:v.map((g,b)=>d4("li",{className:"relative border-l border-line pb-12 pl-10 last:pb-0 max-[700px]:pl-8",children:[E0("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:cR}),E0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?M(g.date):""}),E0("div",{className:"max-w-[640px]",children:E0(df,{entry:g})})]},b))}):d4("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[E0("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 h-full w-px bg-line left-[7px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2"}),v.map((g,b)=>{let f=b%2===0;return d4("li",{className:"relative mb-14 pl-8 last:mb-0 min-[801px]:grid min-[801px]:grid-cols-2 min-[801px]:gap-16 min-[801px]:pl-0",children:[E0("span",{className:"absolute top-1.5 h-2.5 w-2.5 rounded-full bg-accent left-[2px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2",style:cR}),d4("div",{className:f?"min-[801px]:col-start-1 min-[801px]:pr-8 min-[801px]:text-right":"min-[801px]:col-start-2 min-[801px]:pl-8",children:[E0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?M(g.date):""}),E0("div",{className:["max-w-[520px] max-[800px]:max-w-none",f?"min-[801px]:ml-auto":""].join(" "),children:E0(df,{entry:g})})]})]},b)})]})]})})})}var S5={eyebrow:T.eyebrow,title:`Section heading
+*Highlight line*`,intro:T.body,imageCaption:T.imageCaption,imageMeta:T.imageMeta,cta:k2.text},e71=()=>[{date:m("Year"),title:m("Milestone title."),body:m("Describe what happened, in a sentence or two.")},{date:m("Year"),title:m("Milestone title."),body:m("Describe what happened, in a sentence or two.")},{date:m("Year"),title:m("Milestone title."),body:m("Describe what happened, in a sentence or two.")}],mR={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>Q61(pR,{layout:e.layout||"split",eyebrow:z(e.eyebrow,S5.eyebrow,e.puck),title:z(e.title,S5.title,e.puck),intro:z(e.intro,S5.intro,e.puck),imageSrc:e.imageSrc||void 0,imageCaption:z(e.imageCaption,S5.imageCaption,e.puck),imageMeta:z(e.imageMeta,S5.imageMeta,e.puck),cta:c4(e.ctaText,e.ctaHref,e.puck),entries:M1(e.entries,e71(),e.puck),padTop:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})};var dR={fields:{_dLayout:a0("Layout"),layout:w1("Display",t71(a71,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),...N3("Timeline"),_sHeader:a0("Header"),_gContent:w("Content"),eyebrow:I("Eyebrow",S5.eyebrow),title:W("Heading",S5.title),intro:W("Intro",S5.intro),imageSrc:K1("Image","image/*"),imageCaption:I("Image caption",S5.imageCaption),imageMeta:I("Image meta",S5.imageMeta),_gButton:w("Button"),...Y4,_sEntries:a0("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:z1("Sub-title"),title:_1("Title"),body:_1("Body")},defaultItemProps:{date:"",title:"",body:""},getItemSummary:e=>e?.date||e?.title||"Entry"}}};import{jsx as r71}from"react/jsx-runtime";import{ClockIcon as i71}from"efficient-easel/icons";import{jsx as s71}from"react/jsx-runtime";import{jsx as t5,jsxs as Ch}from"react/jsx-runtime";function uR({eyebrow:e,title:t,intro:a,entries:s,cta:o,padTop:r,padBottom:i,background:n,editing:l,omitHead:c=!1}={}){let h=typeof r=="number"?r:120,p=typeof i=="number"?i:120,d=n??"var(--section-bg)",u=d!=="transparent",v=(s??[]).filter(f=>(f.date??"").trim()||(f.title??"").trim()||(f.blurb??"").trim());if(v.length===0&&!l)return null;let g=v.filter(f=>!f.future).length,b=v.length?g/v.length*100:0;return t5("section",{className:"relative z-[2]",children:Ch("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:h,paddingBottom:p,...u?{backgroundColor:d}:{}},children:[c?null:t5(a3,{num:e,title:t?X(t):void 0,desc:a?M(a,!0):void 0,spaceBelow:"",className:"text-fg"}),Ch("div",{className:c?"relative mt-0 grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-0 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0":"relative mt-[60px] grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-9 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0",style:{"--cols":v.length},children:[t5("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:t5("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${b}%`}})}),v.map((f,y)=>Ch("div",{className:["relative flex min-h-[280px] flex-col gap-3.5 px-3.5","border-l",f.future?"border-line":"max-[1100px]:border-accent border-line",y===0?"min-[1101px]:border-l-0":"","max-[1100px]:min-h-0 max-[1100px]:border-t-0 max-[1100px]:py-6 max-[1100px]:pl-7 max-[1100px]:ml-1.5"].join(" "),children:[t5("span",{className:["pointer-events-none absolute h-2.5 w-2.5 rounded-full border-2 border-bg",f.future?"border-line bg-surface-2":"bg-accent",y===0?"-top-[66px] left-[-1px]":"-top-[66px] left-[-5px]","max-[1100px]:left-[-5px] max-[1100px]:top-7"].join(" ")}),t5("span",{className:["font-mono text-[length:var(--size-label,13px)] tracking-[0.22em]",f.future?"text-fg-dim":"text-accent"].join(" "),children:f.date?t5(Q8,{value:f.date,children:l0(f.date)}):""}),f.title&&t5("h3",{className:"whitespace-pre-line font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase leading-[1.1] tracking-[-0.02em] text-fg",children:t5(Q8,{value:f.title,children:l0(f.title)})}),f.blurb&&t5("p",{className:"mt-auto font-display text-[length:var(--size-body,13px)] leading-[1.55] text-fg-dim",children:M(f.blurb,!0)})]},y))]}),o?.text&&t5("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:Ch(p0,{href:o.href,className:"group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[l0(o.text),t5("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}var F9={eyebrow:T.eyebrow,title:T.headingAccent,intro:T.body,cta:k2.text},o71=()=>[{date:m("Year"),title:m("Milestone"),blurb:m("A short line about this milestone."),future:!1},{date:m("Year"),title:m("Milestone"),blurb:m("A short line about this milestone."),future:!1},{date:m("Year"),title:m("Milestone"),blurb:m("A short line about this milestone."),future:!1},{date:m("Year \u2192"),title:m("Upcoming"),blurb:m("A milestone still to come."),future:!0}],gR={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:Ji,padTop:120,padBottom:120},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return s71(uR,{eyebrow:a(z(e.eyebrow,F9.eyebrow,e.puck)),title:a(z(e.title,F9.title,e.puck)),intro:a(z(e.intro,F9.intro,e.puck)),omitHead:t,entries:M1(e.entries,o71(),e.puck),cta:c4(e.ctaText,e.ctaHref,e.puck),background:L7(e.background,k3.TimelineTrack),padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};var vR={fields:{_sHeader:a0("Header"),eyebrow:I("Eyebrow",F9.eyebrow),title:W("Heading",F9.title),intro:W("Body",F9.intro),_sEntries:a0("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:U("Year"),title:_1("Title"),blurb:_1("Body"),future:l1("Upcoming",!1,r71(i71,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:e=>e?.date||e?.title||"Milestone"},_sButton:a0("Button"),...Y4,_dDesign:a0("Design"),background:E7("Background",k3.TimelineTrack),_dLayout:a0("Layout"),...N3("TimelineTrack")},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.TimelineTrack.headRows)};import{jsx as wR}from"react/jsx-runtime";import{AlignLeftIcon as c71,StylesIcon as h71}from"efficient-easel/icons";import{jsx as n71}from"react/jsx-runtime";import{jsx as Oo,jsxs as fR}from"react/jsx-runtime";function bR({title:e,buttons:t,padTop:a,padBottom:s,buttonsAlign:o,editing:r=!1}={}){let i=typeof a=="number"?a:140,n=typeof s=="number"?s:140,l=(t??[]).filter(p=>r||(p.label??"").trim()),c=!!(e??"").trim(),h=!c&&(o==="center"||o==="left")?o:null;return!r&&!c&&l.length===0?null:Oo("section",{className:"relative z-[2] bg-bg",children:fR("div",{className:h==="center"?"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-1 items-center justify-items-center gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":h==="left"?"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-1 items-center justify-items-start gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[1fr_auto] items-center gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:grid-cols-1 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:i,paddingBottom:n},children:[h===null&&!c&&l.length>0&&Oo("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),c&&Oo("h2",{className:"max-w-[1000px] font-display text-[length:min(var(--size-headingLarge,clamp(48px,7vw,108px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[0.94] tracking-[-0.035em] text-fg",children:X(e??"")}),l.length>0&&Oo("div",{className:"flex min-w-[280px] flex-col gap-3.5 max-[1100px]:min-w-0",children:l.map((p,d)=>{let u=(p.label??"").trim()||m("Button label"),v=p.href||"#",g=p.variant==="primary";return fR(p0,{href:v,className:["flex items-center justify-between gap-6 px-7 py-5","font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] transition-colors",g?"border border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg":"border border-line text-fg hover:border-accent hover:text-accent"].join(" "),children:[u," ",Oo("span",{"aria-hidden":!0,children:"\u2192"})]},d)})})]})})}var uf={title:`Section heading
+*Highlight line*`},l71=[{label:k2.text,href:k2.href,variant:"primary"},{label:k2.text,href:k2.href,variant:"outline"}],xR={label:"Call-to-Action Heading",defaultProps:{title:"",buttons:[],padTop:140,padBottom:140},render:({title:e,buttons:t,padTop:a,padBottom:s,buttonsAlign:o,puck:r})=>{let i=o,n=i==="center"||i==="left",l=D2(e),c=l.hidden?"":l.text.trim();return n71(bR,{title:n&&!c?void 0:z(e,uf.title,r),buttons:M1(t,l71,r),padTop:typeof a=="number"?a:140,padBottom:typeof s=="number"?s:140,buttonsAlign:i,editing:r?.isEditing})}};var yR={fields:{_gContent:w("Content"),title:W("Heading",uf.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:U("Button"),href:x3(U("Button link")),variant:w1("Style",wR(h71,{}),[{label:"Primary (Theme Color)",value:"primary"},{label:"Outline",value:"outline"}],"outline")},defaultItemProps:{label:"",href:"#",variant:"outline"},getItemSummary:e=>e?.label||"Button"},_gStyle:w("Style"),buttonsAlign:y1("Alignment",wR(c71,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...N3("TitleWithButtons")},resolveFields:(e,{fields:t})=>{let a=D2(e.props.title);if(!(!a.hidden&&a.text.trim()))return t;let{buttonsAlign:s,...o}=t;return o}};import{jsx as p71}from"react/jsx-runtime";import{jsx as g8,jsxs as gf}from"react/jsx-runtime";function zR({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:o,imageSrc:r,contained:i,overlay:n=60}){let l=Math.min(Math.max(n,0),100)/100;return g8(c2,{contained:i,className:"py-6",children:gf("div",{className:"sf-card relative overflow-hidden border border-line bg-surface px-10 py-16 max-[800px]:px-6 max-[800px]:py-10",children:[r&&gf("div",{className:"absolute inset-0","aria-hidden":!0,children:[g8("img",{src:B2(r),alt:"",className:"h-full w-full object-cover"}),g8("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${l})`}})]}),gf("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:r?G5:void 0,children:[e&&g8(O1,{text:e}),t&&g8("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(t,!1)}),a&&S0(a).map((c,h)=>g8("p",{className:"text-[length:var(--size-body,16px)] leading-[1.6] opacity-85",children:M(c)},h)),s&&g8("div",{className:"mt-2 self-start",children:g8(C3,{href:o||"#",variant:"primary",children:M(s)})})]})]})})}var kR={label:"Banner",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",ctaText:"",ctaHref:"",contained:!0,overlay:60},render:({eyebrow:e,title:t,body:a,imageSrc:s,ctaText:o,ctaHref:r,contained:i,overlay:n,puck:l})=>{let c=c4(o,r,l);return p71(zR,{eyebrow:z(e,"Limited release",l),title:z(t,"Banner headline",l),body:z(a,"A line or two of supporting copy.",l),imageSrc:s,overlay:typeof n=="number"?n:60,ctaText:c.text,ctaHref:c.href,contained:i})}};import{jsx as T71}from"react/jsx-runtime";import{jsx as Sh}from"react/jsx-runtime";import{ArrowLongRightIcon as m71,ArrowRightIcon as d71,ArrowUpRightIcon as u71,BagIcon as g71,CarIcon as v71,CartIcon as f71,ChevronRightIcon as b71,DownloadIcon as x71,EmailIcon as w71,ExternalIcon as y71,LocationIcon as z71,PlayIcon as k71,SearchIcon as C71,TagIcon as S71}from"efficient-shell/icons/efficient";var M71="sf-button-block",A71={"arrow-right":d71,"arrow-long-right":m71,"arrow-up-right":u71,"chevron-right":b71,external:y71,cart:f71,bag:g71,tag:S71,email:w71,location:z71,play:k71,download:x71,search:C71,car:v71},L71={left:"justify-start",center:"justify-center",right:"justify-end"};function CR({label:e,href:t,variant:a,align:s,contained:o,arrow:r,icon:i,iconPosition:n,widthFit:l}){let c=gv(i),h=c&&c!=="none"?A71[c]:void 0,p=c===void 0?jc(r)?{}:{arrow:null}:h?{arrow:Sh(h,{size:16}),...Kc(n)==="before"?{glyphBefore:!0}:{}}:{arrow:null},d=AP(l)==="fill"?{className:"w-full"}:{};return Sh(c2,{contained:o,className:`${M71} py-4`,children:Sh("div",{className:`flex ${L71[s]}`,children:Sh(C3,{href:t||"#",variant:a,...d,...p,children:M(e)})})})}var SR={label:"Button",defaultProps:{label:"",href:"#",variant:"primary",align:"left",contained:!0},render:({label:e,href:t,variant:a,align:s,contained:o,arrow:r,icon:i,iconPosition:n,widthFit:l,puck:c})=>T71(CR,{label:b5(e,k2.text,c)??"",href:t,variant:a,align:s,contained:o,arrow:r,icon:i,iconPosition:n,widthFit:l})};import{jsx as E71}from"react/jsx-runtime";import{jsx as Bo,jsxs as vf}from"react/jsx-runtime";function MR({tabs:e,activeTab:t,links:a,sticky:s=!0,editing:o=!1}){let r=(e??[]).filter(h=>h?.label?.trim()),i=r.length>0?r:o?[{label:m("Tab")}]:[],n=(a??[]).filter(h=>h?.label?.trim());if(i.length===0&&n.length===0)return null;let l=t?i.findIndex(h=>h.label.toLowerCase()===t.toLowerCase()):-1,c=l===-1?0:l;return Bo("nav",{className:`${s?`${Je} sticky top-[var(--sf-header-h,88px)] z-40 `:""}border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[1100px]:px-[min(16px,var(--sf-site-gutter,40px))]`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:vf("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[i.map((h,p)=>{let d=p===c,u=h.count?.trim()?h.count:"";return vf("span",{className:["relative whitespace-nowrap border-r border-line px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",p===0?"border-l border-line":"",d?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[U0(h.label),u&&Bo("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:U0(u)}),d&&Bo("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},p)}),n.length>0&&Bo("div",{className:"ml-auto flex border-l border-line",children:n.map((h,p)=>vf(p0,{href:h.href||"#",className:"flex items-center gap-2.5 px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim hover:text-fg",children:[U0(h.label)," ",Bo("span",{className:"text-accent",children:"\u2197"})]},p))})]})})}var H71=()=>[{label:m("All")},{label:T.category},{label:T.category}],F71=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],AR={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:F71,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:s,puck:o})=>E71(MR,{tabs:M1(e,H71(),o),activeTab:i1(t),links:a,sticky:s,editing:o?.isEditing})};import{jsx as O71}from"react/jsx-runtime";import{jsx as u0,jsxs as A3,Fragment as LR}from"react/jsx-runtime";import{useEffect as Do,useRef as ff,useState as Mh}from"react";var P71=`
+  .studio-map .gmap-canvas img[src*="google"] {
+    filter: grayscale(1) brightness(0.55) contrast(0.9);
+    opacity: 0.7;
+  }
+  .studio-map .gmap-canvas a[href*="maps.google.com"] {
+    filter: grayscale(1) brightness(0.55);
+    opacity: 0.7;
+  }
+  .studio-map .gmap-canvas .gm-style-cc {
+    filter: grayscale(1) brightness(0.55);
+    opacity: 0.55;
+  }
+  .studio-map .gmap-canvas .gm-style-cc *,
+  .studio-map .gmap-canvas .gm-style-cc a {
+    color: var(--fg-dim) !important;
+    background: transparent !important;
+  }
+  .studio-map .gmap-canvas .gm-style {
+    font-family: var(--font-role-label), var(--font-mono-fallback) !important;
+  }
+  .contact-loc {
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    transition: outline-color 600ms ease-out;
+  }
+  .contact-loc > div:first-child { transition: background-color 600ms ease-out; }
+  .contact-loc > div:first-child * { transition: color 600ms ease-out; }
+  .contact-loc[data-active="true"] { outline-color: var(--accent); }
+  .contact-loc[data-active="true"] > div:first-child { background-color: var(--accent); }
+  .contact-loc[data-active="true"] > div:first-child,
+  .contact-loc[data-active="true"] > div:first-child * { color: var(--bg) !important; }
+`,N71=`
+.loc-part-pick { cursor: pointer; position: relative; }
+/* \u26A0\uFE0F AN OVERLAY, NOT AN outline, AND THAT IS THE WHOLE FIX.
+   An inset outline is painted in the element's own box decoration and a
+   full-bleed child sitting above it hides it completely. A city TILE stacks
+   three: the picture (or its placeholder) at absolute inset-0, the gradient
+   scrim at absolute inset-0, and the caption at z-[1]. A MAP stacks its
+   canvas at absolute inset-0 and its address card at z-10 \u2014 but its
+   background is painted on the element itself, so its outline survived. That is
+   why the merchant saw the ring on the map and not on the picture: not a dead
+   control, a control that could not say it was live. Owner, 2026-09-09, having
+   clicked it: it works when clicked, hovering the picture shows nothing.
+   A ::after above every one of those children cannot be covered by any of
+   them, and it is the SAME rule for both halves rather than two that have to
+   agree. pointer-events: none so the ring never eats the click it advertises. */
+.loc-part-pick::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 30;
+  pointer-events: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  transition: box-shadow 120ms ease-out;
+}
+.loc-part-pick:hover::after {
+  /* \u26A0\uFE0F 8-DIGIT HEX, NOT color-mix(). Measured in a real editor: the same accent
+     written as color-mix(in srgb, X 45%, transparent) resolved to FULLY
+     TRANSPARENT inside a box-shadow, so the hover ring computed correctly and
+     painted nothing \u2014 the exact failure this whole change is fixing, reproduced
+     one layer down. The [data-selected] rule below, which names a plain colour,
+     painted blue in the same breath. 73 is 45% of 255. */
+  box-shadow: inset 0 0 0 2px ${W6.accent}73;
+}
+.loc-part-pick[data-selected]::after {
+  box-shadow: inset 0 0 0 2px ${W6.accent};
+}
+@media (prefers-reduced-motion: reduce) {
+  .loc-part-pick::after { transition: none; }
+}
+`;function TR({value:e}){if(typeof e=="string"){let t=e.split(`
+`);return u0(LR,{children:t.map((a,s)=>A3("span",{children:[a,s<t.length-1?u0("br",{}):null]},s))})}return u0(LR,{children:e})}function I71(){return u0("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:"repeating-linear-gradient(45deg, rgba(201,164,97,.05) 0 1px, transparent 1px 14px), linear-gradient(135deg, var(--site-surface-2), var(--site-surface))"},children:A3("svg",{width:"34",height:"34",viewBox:"0 0 24 24",fill:"none",stroke:"var(--fg-dim)",strokeWidth:1.4,"aria-hidden":"true",style:{opacity:.4},children:[u0("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1.5"}),u0("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),u0("path",{d:"M21 16l-5-5-4 4-2-2-7 7"})]})})}function ER({sectionNumber:e=u2.sectionNumber,heading:t=u2.heading,tagline:a=u2.tagline,galleryKicker:s=u2.galleryKicker,galleryHint:o=u2.galleryHint,locations:r=yo,apiKey:i="",mapId:n="",mapTheme:l="auto",imageShape:c,editing:h,nodeId:p,...d}){let[u,v]=Mh(!1);Do(()=>{let E=()=>v(document.documentElement.getAttribute("data-theme")==="light");E();let N=new MutationObserver(E);return N.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>N.disconnect()},[]);let[g,b]=Mh(null),f=E=>`loc-${E}`,y=E=>{b(E),typeof document<"u"&&document.getElementById(E)?.scrollIntoView({behavior:G6(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${E}`)};Do(()=>{if(typeof window>"u")return;let E=window.location.hash.replace(/^#/,"");!E||!document.getElementById(E)||(b(E),requestAnimationFrame(()=>{document.getElementById(E)?.scrollIntoView({behavior:G6(),block:"start"})}))},[]);let x=Nc($c(c)),{select:k,selectedLocationPartId:S}=bS(),L=(E,N)=>p?xd(p,E,N):"",R=(E,N)=>!!(h&&p&&S===L(E,N)),F=(E,N)=>h&&p?`${E}:${N}`:void 0,O=ff(null);Do(()=>{if(!h||!p)return;let E=O.current;if(!E)return;let N=Array.from(E.querySelectorAll("[data-loc-pick]")).map(V=>{let G=de(V),H=j=>{let _=V.getAttribute("data-loc-pick")??"",[e1,K]=_.split(":");K!=="image"&&K!=="map"||(j.stopPropagation(),j.preventDefault(),k(xd(p,Number(e1),K)))};return V.addEventListener("click",H,{capture:!0}),()=>{G?.(),V.removeEventListener("click",H,{capture:!0})}});return()=>N.forEach(V=>V())},[h,p,k,r.length]);let P=Sn(r,E=>String(E.group??""),E=>String(E.groupName??""));return A3("section",{id:"studios",ref:O,className:D0(d)?"scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",style:u?void 0:{background:"var(--section-bg)"},children:[u0("style",{dangerouslySetInnerHTML:{__html:P71}}),h&&p&&u0("style",{dangerouslySetInnerHTML:{__html:N71}}),(e||t||a)&&u0(a3,{num:e,title:t?X(t,!0):void 0,desc:a?M(a):void 0,spaceBelow:"mb-10"}),r.length>0&&A3("div",{className:"mb-12",children:[(s||o)&&A3("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[s&&u0(O1,{text:s,size:12}),o&&u0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:M(o)})]}),u0("div",{className:"flex flex-col gap-6",children:P.map((E,N)=>{let V=E.items.length===1;return A3("div",{children:[E.key&&u0("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:E.key}),u0("div",{className:["grid gap-[2px] border border-line bg-line",vs(E.items.length),E.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:E.items.map(({item:G,index:H})=>{let j=String(G?.name??""),_=String(G?.photo??""),e1=f(H);return A3("a",{href:`#${e1}`,"aria-label":`Jump to ${j||"location"} map`,onClick:K=>{K.preventDefault(),y(e1)},"data-loc-pick":F(H,"image"),className:["group relative block",x,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",V?"max-h-[440px]":"",...F(H,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":R(H,"image")?"":void 0,children:[_?u0(gi,{src:_,alt:z2(j||"Location"),fill:!0,sizes:V?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):u0(I71,{}),u0("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%)"}}),u0("figcaption",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-center justify-start gap-2 px-3 py-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-overlay-fg/85",children:u0("span",{children:j})})]},H)})})]},E.key?`g:${E.key}`:`ungrouped:${N}`)})})]}),P.map((E,N)=>A3("div",{className:N===0?"":"mt-10",children:[E.key&&u0(rh,{groupKey:E.key,name:E.name,count:E.items.length}),u0("div",{className:["grid gap-[2px] border border-line bg-line",vs(E.items.length),E.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:E.items.map(({item:V,index:G})=>u0(V71,{id:f(G),card:V,active:g===f(G),apiKey:i,mapId:n,mapTheme:l,mapPick:F(G,"map"),mapSelected:R(G,"map")},G))})]},E.key?`g:${E.key}`:`ungrouped:${N}`)),r.length>0&&A3("p",{className:"mt-8 text-right font-mono text-[10px] uppercase tracking-[0.25em] text-fg-dim/50",children:["Location coordinates \xA9"," ",u0("a",{href:"https://www.openstreetmap.org/copyright",target:"_blank",rel:"noopener noreferrer",className:"hover:text-accent",children:"OpenStreetMap contributors"})]})]})}function V71({id:e,card:t,active:a,apiKey:s,mapId:o,mapTheme:r,mapPick:i,mapSelected:n}){let l=t.phone?`tel:${String(t.phone).replace(/[^+\d]/g,"")}`:void 0,c=Yc(t.region),h=String(t.state??"").trim()||c.state,p=String(t.country??"").trim()||c.country,d=[h,p].filter(Boolean).join(" \xB7 ");return A3("article",{id:e,"data-active":a?"true":void 0,className:"contact-loc grid min-h-[840px] scroll-mt-[120px] grid-rows-[auto_1fr] bg-bg max-[1100px]:min-h-0",children:[A3("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[A3("div",{className:"flex items-start justify-between gap-3.5",children:[A3("div",{children:[t.name&&u0("div",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]",children:t.name}),d&&u0("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:d})]}),t.timezone&&u0("span",{className:"whitespace-nowrap border border-line px-2.5 py-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:t.timezone})]}),t.address!=null&&t.address!==""&&u0("div",{className:"mt-1.5 font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:u0(TR,{value:t.address})}),t.phone&&u0("div",{children:u0("a",{href:l,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg hover:text-accent",children:t.phone})}),t.hours!=null&&t.hours!==""&&u0("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:u0(TR,{value:t.hours})})]}),u0(_71,{name:String(t.name??""),state:h,country:p,lat:Number(t.lat),lng:Number(t.lng),mapsUrl:String(t.mapsUrl??""),apiKey:s,mapId:o,mapTheme:r,pick:i,selected:n})]})}var R71=13;function _71({name:e,state:t,country:a,lat:s,lng:o,mapsUrl:r,apiKey:i,mapId:n,mapTheme:l="auto",pick:c,selected:h}){let p=qn(i,Gn()),d=Un(n,Wn()),u=zs(s,o),v=!!p&&u,g=t,b=ff(null),f=ff(null),[y,x]=Mh(!1),k=l!=="auto",S=r8(l),[L,R]=Mh(l==="auto"?o8.dark.background:y5(l));Do(()=>{R(y5(l))},[l]),Do(()=>{if(!v)return;let P=b.current;if(!P)return;let E=null,N=null,V=!1,G=null,H=e1=>({path:e1.SymbolPath.CIRCLE,scale:7,fillColor:ta(l),fillOpacity:1,strokeColor:ta(l),strokeOpacity:.25,strokeWeight:10}),j=async()=>{try{let e1=await Dn(p);if(V||!f.current)return;E=new e1.Map(f.current,{center:{lat:s,lng:o},zoom:R71,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:y5(l),...d?{mapId:d}:{styles:ea(l)}}),N=new e1.Marker({map:E,position:{lat:s,lng:o},icon:H(e1)}),E.addListener("tilesloaded",()=>{V||x(!0)}),l==="auto"&&!d&&(G=oh(()=>{V||!E||(E.setOptions({styles:ea(l),backgroundColor:y5(l)}),N?.setIcon(H(e1)),R(y5(l)))}))}catch(e1){console.error("[StudioMap] Maps SDK failed:",e1)}},_=new IntersectionObserver(e1=>{for(let K of e1)if(K.isIntersecting){_.disconnect(),j();break}},{rootMargin:"200px"});return _.observe(P),()=>{V=!0,_.disconnect(),G?.()}},[v,p,s,o,d,l]);let F=r||(e?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([e,t,a].filter(Boolean).join(" "))}`:""),O=A3("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",k?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:k?{backgroundColor:S.info.bg,borderColor:`color-mix(in oklab, ${S.info.fgDim} 35%, transparent)`,boxShadow:S.info.shadow}:void 0,children:[A3("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:k?{color:S.info.fg}:void 0,children:[e||"Location",g?`, ${g}`:""]}),F&&u0("a",{href:F,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",k?"":"text-accent hover:text-fg"].join(" "),style:k?{color:S.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!v){let P=k?`linear-gradient(135deg, ${S.background}, ${S.info.bg})`:"linear-gradient(135deg, var(--site-surface-2), var(--site-surface))";return A3("div",{"data-loc-pick":c,className:["relative overflow-hidden max-[1100px]:aspect-square",k?"":"bg-bg",...c?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{...k?{backgroundColor:S.background}:null,backgroundImage:`repeating-linear-gradient(45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), ${P}`},children:[O,u0("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em]",k?"":"text-fg-dim/40"].join(" "),style:k?{color:S.info.fgDim,opacity:.4}:void 0,children:p?"Add latitude & longitude":"Add a Google Maps API key"})]})}return A3("div",{ref:b,"data-loc-pick":c,className:["studio-map relative overflow-hidden max-[1100px]:aspect-square",...c?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{backgroundColor:L},children:[u0("div",{ref:f,className:"gmap-canvas absolute inset-0"}),u0("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim transition-opacity duration-500",y?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"}),O]})}var HR={label:"Contact / Locations",defaultProps:{sectionNumber:u2.sectionNumber,heading:u2.heading,tagline:u2.tagline,galleryKicker:u2.galleryKicker,galleryHint:u2.galleryHint,locations:yo,apiKey:u2.apiKey,mapId:u2.mapId,mapTheme:u2.mapTheme},render:e=>O71(ER,{sectionNumber:l2(e.sectionNumber,u2.sectionNumber,e.puck),heading:l2(e.heading,u2.heading,e.puck),tagline:l2(e.tagline,u2.tagline,e.puck),galleryKicker:l2(e.galleryKicker,u2.galleryKicker,e.puck),galleryHint:l2(e.galleryHint,u2.galleryHint,e.puck),locations:e.locations??yo,apiKey:i1(e.apiKey),mapId:i1(e.mapId),mapTheme:e.mapTheme??u2.mapTheme,imageShape:e.imageShape,editing:e.puck?.isEditing,nodeId:e.puck?.isEditing?e.id:void 0})};import{jsx as z81}from"react/jsx-runtime";var Mf=Jj(JR());Mf.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function QR(e){return Mf.default.sanitize(e,{ALLOWED_TAGS:["p","br","hr","span","div","section","article","header","footer","h1","h2","h3","h4","h5","h6","strong","em","b","i","u","small","sup","sub","mark","ul","ol","li","blockquote","a","img","picture","source","figure","figcaption","video","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","title","alt","src","srcset","sizes","class","style","target","rel","width","height","loading","poster","controls"],ALLOW_DATA_ATTR:!1})}var e_={label:"Custom HTML",defaultProps:{html:`<section>
+  <h2>Custom section</h2>
+</section>`},render:({html:e})=>z81("div",{dangerouslySetInnerHTML:{__html:QR(e??"")}})};import{jsx as C81}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var k81={sm:"my-6",md:"my-12",lg:"my-20"};function t_({spacing:e,contained:t,style:a=f9}){let s=rN(oN(a));return Af(c2,{contained:t,className:k81[e],children:s?Af("hr",{className:"border-x-0 border-y border-line",style:{height:sN,backgroundImage:s}}):Af("hr",{className:"border-0 border-t border-line"})})}var a_={label:"Divider",defaultProps:{style:f9,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>C81(t_,{spacing:e,contained:t,style:a})};import{Fragment as A81,jsx as o_}from"react/jsx-runtime";import{jsx as S81}from"react/jsx-runtime";var M81={left:"",center:"justify-center",right:"justify-end"};function s_({text:e,align:t="left",look:a=Tn}){return S81(O1,{text:e,look:a,classNameAfter:a==="line"?M81[t]:""})}var r_={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:s})=>D2(e).hidden?o_(A81,{}):o_(s_,{text:b5(i1(e),T.eyebrow,s)??"",align:t,look:kM(a)})};import{Fragment as H81,jsx as n_}from"react/jsx-runtime";import{jsx as Lf}from"react/jsx-runtime";var L81={1:{size:"clamp(48px,7vw,96px)",role:"heading",step:"headingLarge",leading:"leading-[0.95]"},2:{size:"56px",sizeMobile:"36px",role:"heading",step:"headingMedium",rank:2,leading:"leading-none"},3:{size:"40px",sizeMobile:"28px",role:"heading",step:"headingSmall",rank:3,leading:"leading-[1.05]"},4:{size:"28px",role:"heading",step:"headingSmall",rank:3,leading:"leading-[1.1]"},5:{size:"22px",role:"body",step:"body",leading:"leading-[1.2]"},6:{size:"18px",role:"body",step:"body",leading:"leading-[1.3]"}},T81="font-display font-medium leading-[0.92] tracking-[-0.04em] text-[length:min(var(--size-headingLarge,clamp(64px,9vw,144px)),var(--sf-heading-max,9999px))] max-[800px]:text-[length:min(var(--size-headingMedium,clamp(48px,12vw,76px)),var(--sf-heading-max,9999px))] max-[800px]:leading-[0.95]",E81={left:"text-left",center:"text-center",right:"text-right"};function i_({level:e,text:t,align:a,contained:s,hero:o=!1}){if(o)return Lf("h1",{className:T81,children:X(t,!1)});let r=`h${e}`,i=L81[e],n=T7(void 0,i.size,i.role,i.step),l=i.sizeMobile?T7(void 0,i.sizeMobile,i.role,i.step):void 0,c={"--heading-size":n,...l?{"--heading-size-m":l}:{}},h=i.rank===2?"[font-weight:var(--sf-heading-2-weight,var(--sf-heading-weight,500))]":i.rank===3?"[font-weight:var(--sf-heading-3-weight,var(--sf-heading-weight,500))]":"[font-weight:var(--sf-heading-weight,500)]",p=["text-[length:var(--heading-size)]",i.leading,l?"max-[800px]:text-[length:var(--heading-size-m)]":""].filter(Boolean).join(" ");return Lf(c2,{contained:s,className:"py-6",children:Lf(r,{className:`font-display ${h} tracking-[-0.03em] text-fg ${p} ${E81[a]}`,style:c,children:X(t,!1)})})}var l_={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:s,puck:o})=>D2(e).hidden?n_(H81,{}):n_(i_,{text:b5(i1(e),T.heading,o)??"",level:t,align:a,contained:s})};import{jsx as P81}from"react/jsx-runtime";import{jsx as N9}from"react/jsx-runtime";var F81={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function c_({src:e,alt:t,aspect:a,contained:s,grayscale:o,href:r,width:i,fit:n,focal:l,corners:c,cornerSides:h}){let p=Ot(o,na()),d=NA(i),u=sa(n,"cover"),v=hC(c,h),g={...p.style??{},...l&&ph(a,u)?{objectPosition:l}:{}},b=e?N9("img",{src:B2(e),alt:t,className:`h-full w-full ${a==="auto"?"":LI(u)}${p.className?` ${p.className}`:""}`,...Object.keys(g).length?{style:g}:{}}):N9("div",{className:"flex aspect-[16/9] items-center justify-center border border-dashed border-line font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:"Image \u2014 set a path"}),f=(r??"").trim(),y=f&&e?f.startsWith("/")?N9(p0,{href:f,className:"block h-full w-full",children:b}):N9("a",{href:f,className:"block h-full w-full",children:b}):b;return N9(c2,{contained:s,className:"py-6",children:N9("figure",{...d?{style:d}:{},children:N9("div",{className:`relative w-full overflow-hidden bg-surface ${F81[a]}`,...v?{style:v}:{},children:y})})})}var h_={label:"Image",defaultProps:{src:"",alt:"",aspect:"16/9",contained:!1},render:({src:e,alt:t,aspect:a,contained:s,grayscale:o,href:r,width:i,fit:n,focal:l,corners:c,cornerSides:h})=>P81(c_,{src:e,alt:t,aspect:a,contained:s,grayscale:o,href:r,width:i,fit:n,focal:l,corners:c,cornerSides:h})};import{jsx as _81}from"react/jsx-runtime";import{jsx as Y3,jsxs as Th}from"react/jsx-runtime";var I1='<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>',V1='</title><path d="',R1='"/></svg>';var p_={title:"Adyen",slug:"adyen",get svg(){return I1+"Adyen"+V1+this.path+R1},path:"M11.64703 9.88245v2.93377c0 .13405.10867.24271.24272.24271h.46316V9.88245h1.76474v5.1503c0 .46916-.38033.8495-.8495.8495H9.94303v-1.23507h2.40991v-.52942h-1.62108c-.46917 0-.8495-.38033-.8495-.8495V9.88245h1.76467Zm-8.26124.00001c.46917 0 .8495.38034.8495.8495v3.3858H.8495c-.46916 0-.8495-.38033-.8495-.8495v-.94805c0-.46917.38034-.8495.8495-.8495h.91521v1.3455c0 .13406.10867.24272.24272.24272h.46316V11.184c0-.13405-.10867-.24271-.24272-.24271l-2.16719-.00002V9.88246Zm5.79068-1.76471v6.00001H5.79068c-.46917 0-.8495-.38033-.8495-.8495v-2.53631c0-.46917.38033-.8495.8495-.8495h.91515v2.93377c0 .13405.10867.24271.24272.24271h.46316l.00005-4.94118h1.76471Zm9.03286 1.76471a.8495.8495 0 0 1 .8495.8495v.94805c0 .46917-.38033.8495-.8495.8495h-.9152v-1.3455c0-.13404-.10868-.2427-.24272-.2427h-.46317v1.8749c0 .13406.10867.24272.24272.24272h2.16719v1.05883h-3.32511c-.46917 0-.8495-.38033-.8495-.8495v-3.3858Zm4.94117 0c.46916 0 .8495.38034.8495.8495v3.3858h-1.7647V11.184c-.0004-.13388-.10884-.24232-.24272-.24272h-.46316v3.1765H19.7647V9.88245Z",source:"https://www.adyen.com/press-and-media/presskit",hex:"0ABF53",guidelines:"https://www.adyen.com/press-and-media/presskit"};var m_={title:"Afterpay",slug:"afterpay",get svg(){return I1+"Afterpay"+V1+this.path+R1},path:"M12 0C5.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12 6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12Zm1.236 4.924a2.21 2.21 0 0 1 1.15.299l4.457 2.557c1.495.857 1.495 3.013 0 3.87l-4.457 2.558c-1.488.854-3.342-.22-3.342-1.935v-.34a.441.441 0 0 0-.66-.383L6.287 13.9a.441.441 0 0 0 0 .765l4.096 2.35a.44.44 0 0 0 .661-.382v-.685c0-.333.36-.542.649-.376l1.041.597a.441.441 0 0 1 .222.383v.29c0 1.715-1.854 2.789-3.342 1.935L5.157 16.22c-1.495-.857-1.495-3.013 0-3.87l4.457-2.558c1.488-.854 3.342.22 3.342 1.935v.34c0 .34.366.551.66.383l4.097-2.35a.441.441 0 0 0 0-.765l-4.096-2.351a.441.441 0 0 0-.661.382v.685c0 .333-.36.541-.649.375l-1.041-.597a.442.442 0 0 1-.222-.383v-.29c0-1.285 1.043-2.21 2.192-2.233z",source:"https://www.afterpay.com/en-AU/business/resources/marketing/logos",hex:"B2FCE4",guidelines:"https://www.afterpay.com/en-AU/business/resources/marketing/brand-tools/brand-guidelines"};var d_={title:"Aircall",slug:"aircall",get svg(){return I1+"Aircall"+V1+this.path+R1},path:"M23.451 5.906a6.978 6.978 0 0 0-5.375-5.39C16.727.204 14.508 0 12 0S7.273.204 5.924.516a6.978 6.978 0 0 0-5.375 5.39C.237 7.26.034 9.485.034 12s.203 4.74.515 6.094a6.978 6.978 0 0 0 5.375 5.39C7.273 23.796 9.492 24 12 24s4.727-.204 6.076-.516a6.978 6.978 0 0 0 5.375-5.39c.311-1.354.515-3.578.515-6.094 0-2.515-.203-4.74-.515-6.094zm-5.873 12.396l-.003.001c-.428.152-1.165.283-2.102.377l-.147.014a.444.444 0 0 1-.45-.271 1.816 1.816 0 0 0-1.296-1.074c-.351-.081-.928-.134-1.58-.134s-1.229.053-1.58.134a1.817 1.817 0 0 0-1.291 1.062.466.466 0 0 1-.471.281 8 8 0 0 0-.129-.012c-.938-.094-1.676-.224-2.105-.377l-.003-.001a.76.76 0 0 1-.492-.713c0-.032.003-.066.005-.098.073-.979.666-3.272 1.552-5.89C8.5 8.609 9.559 6.187 10.037 5.714a1.029 1.029 0 0 1 .404-.26l.004-.002c.314-.106.892-.178 1.554-.178.663 0 1.241.071 1.554.178l.005.002a1.025 1.025 0 0 1 .405.26c.478.472 1.537 2.895 2.549 5.887.886 2.617 1.479 4.91 1.552 5.89.002.032.005.066.005.098a.76.76 0 0 1-.491.713z",source:"https://aircall.io",hex:"00B388"};var Tf={title:"American Express",slug:"americanexpress",get svg(){return I1+"American Express"+V1+this.path+R1},path:"M16.015 14.378c0-.32-.135-.496-.344-.622-.21-.12-.464-.135-.81-.135h-1.543v2.82h.675v-1.027h.72c.24 0 .39.024.478.125.12.13.104.38.104.55v.35h.66v-.555c-.002-.25-.017-.376-.108-.516-.06-.08-.18-.18-.33-.234l.02-.008c.18-.072.48-.297.48-.747zm-.87.407l-.028-.002c-.09.053-.195.058-.33.058h-.81v-.63h.824c.12 0 .24 0 .33.05.098.048.156.147.15.255 0 .12-.045.215-.134.27zM20.297 15.837H19v.6h1.304c.676 0 1.05-.278 1.05-.884 0-.28-.066-.448-.187-.582-.153-.133-.392-.193-.73-.207l-.376-.015c-.104 0-.18 0-.255-.03-.09-.03-.15-.105-.15-.21 0-.09.017-.166.09-.21.083-.046.177-.066.272-.06h1.23v-.602h-1.35c-.704 0-.958.437-.958.84 0 .9.776.855 1.407.87.104 0 .18.015.225.06.046.03.082.106.082.18 0 .077-.035.15-.08.18-.06.053-.15.07-.277.07zM0 0v10.096L.81 8.22h1.75l.225.464V8.22h2.043l.45 1.02.437-1.013h6.502c.295 0 .56.057.756.236v-.23h1.787v.23c.307-.17.686-.23 1.12-.23h2.606l.24.466v-.466h1.918l.254.465v-.466h1.858v3.948H20.87l-.36-.6v.585h-2.353l-.256-.63h-.583l-.27.614h-1.213c-.48 0-.84-.104-1.08-.24v.24h-2.89v-.884c0-.12-.03-.12-.105-.135h-.105v1.036H6.067v-.48l-.21.48H4.69l-.202-.48v.465H2.235l-.256-.624H1.4l-.256.624H0V24h23.786v-7.108c-.27.135-.613.18-.973.18H21.09v-.255c-.21.165-.57.255-.914.255H14.71v-.9c0-.12-.018-.12-.12-.12h-.075v1.022h-1.8v-1.066c-.298.136-.643.15-.928.136h-.214v.915h-2.18l-.54-.617-.57.6H4.742v-3.93h3.61l.518.602.554-.6h2.412c.28 0 .74.03.942.225v-.24h2.177c.202 0 .644.045.903.225v-.24h3.265v.24c.163-.164.508-.24.803-.24h1.89v.24c.194-.15.464-.24.84-.24h1.176V0H0zM21.156 14.955c.004.005.006.012.01.016.01.01.024.01.032.02l-.042-.035zM23.828 13.082h.065v.555h-.065zM23.865 15.03v-.005c-.03-.025-.046-.048-.075-.07-.15-.153-.39-.215-.764-.225l-.36-.012c-.12 0-.194-.007-.27-.03-.09-.03-.15-.105-.15-.21 0-.09.03-.16.09-.204.076-.045.15-.05.27-.05h1.223v-.588h-1.283c-.69 0-.96.437-.96.84 0 .9.78.855 1.41.87.104 0 .18.015.224.06.046.03.076.106.076.18 0 .07-.034.138-.09.18-.045.056-.136.07-.27.07h-1.288v.605h1.287c.42 0 .734-.118.9-.36h.03c.09-.134.135-.3.135-.523 0-.24-.045-.39-.135-.526zM18.597 14.208v-.583h-2.235V16.458h2.235v-.585h-1.57v-.57h1.533v-.584h-1.532v-.51M13.51 8.787h.685V11.6h-.684zM13.126 9.543l-.007.006c0-.314-.13-.5-.34-.624-.217-.125-.47-.135-.81-.135H10.43v2.82h.674v-1.034h.72c.24 0 .39.03.487.12.122.136.107.378.107.548v.354h.677v-.553c0-.25-.016-.375-.11-.516-.09-.107-.202-.19-.33-.237.172-.07.472-.3.472-.75zm-.855.396h-.015c-.09.054-.195.056-.33.056H11.1v-.623h.825c.12 0 .24.004.33.05.09.04.15.128.15.25s-.047.22-.134.266zM15.92 9.373h.632v-.6h-.644c-.464 0-.804.105-1.02.33-.286.3-.362.69-.362 1.11 0 .512.123.833.36 1.074.232.238.645.31.97.31h.78l.255-.627h1.39l.262.627h1.36v-2.11l1.272 2.11h.95l.002.002V8.786h-.684v1.963l-1.18-1.96h-1.02V11.4L18.11 8.744h-1.004l-.943 2.22h-.3c-.177 0-.362-.03-.468-.134-.125-.15-.186-.36-.186-.662 0-.285.08-.51.194-.63.133-.135.272-.165.516-.165zm1.668-.108l.464 1.118v.002h-.93l.466-1.12zM2.38 10.97l.254.628H4V9.393l.972 2.205h.584l.973-2.202.015 2.202h.69v-2.81H6.118l-.807 1.904-.876-1.905H3.343v2.663L2.205 8.787h-.997L.01 11.597h.72l.26-.626h1.39zm-.688-1.705l.46 1.118-.003.002h-.915l.457-1.12zM11.856 13.62H9.714l-.85.923-.825-.922H5.346v2.82H8l.855-.932.824.93h1.302v-.94h.838c.6 0 1.17-.164 1.17-.945l-.006-.003c0-.78-.598-.93-1.128-.93zM7.67 15.853l-.014-.002H6.02v-.557h1.47v-.574H6.02v-.51H7.7l.733.82-.764.824zm2.642.33l-1.03-1.147 1.03-1.108v2.253zm1.553-1.258h-.885v-.717h.885c.24 0 .42.098.42.344 0 .243-.15.372-.42.372zM9.967 9.373v-.586H7.73V11.6h2.237v-.58H8.4v-.564h1.527V9.88H8.4v-.507",source:"https://commons.wikimedia.org/wiki/File:American_Express_logo_(2018).svg",hex:"2E77BC"};var u_={title:"Apple Pay",slug:"applepay",get svg(){return I1+"Apple Pay"+V1+this.path+R1},path:"M2.15 4.318a42.16 42.16 0 0 0-.454.003c-.15.005-.303.013-.452.04a1.44 1.44 0 0 0-1.06.772c-.07.138-.114.278-.14.43-.028.148-.037.3-.04.45A10.2 10.2 0 0 0 0 6.222v11.557c0 .07.002.138.003.207.004.15.013.303.04.452.027.15.072.291.142.429a1.436 1.436 0 0 0 .63.63c.138.07.278.115.43.142.148.027.3.036.45.04l.208.003h20.194l.207-.003c.15-.004.303-.013.452-.04.15-.027.291-.071.428-.141a1.432 1.432 0 0 0 .631-.631c.07-.138.115-.278.141-.43.027-.148.036-.3.04-.45.002-.07.003-.138.003-.208l.001-.246V6.221c0-.07-.002-.138-.004-.207a2.995 2.995 0 0 0-.04-.452 1.446 1.446 0 0 0-1.2-1.201 3.022 3.022 0 0 0-.452-.04 10.448 10.448 0 0 0-.453-.003zm0 .512h19.942c.066 0 .131.002.197.003.115.004.25.01.375.032.109.02.2.05.287.094a.927.927 0 0 1 .407.407.997.997 0 0 1 .094.288c.022.123.028.258.031.374.002.065.003.13.003.197v11.552c0 .065 0 .13-.003.196-.003.115-.009.25-.032.375a.927.927 0 0 1-.5.693 1.002 1.002 0 0 1-.286.094 2.598 2.598 0 0 1-.373.032l-.2.003H1.906c-.066 0-.133-.002-.196-.003a2.61 2.61 0 0 1-.375-.032c-.109-.02-.2-.05-.288-.094a.918.918 0 0 1-.406-.407 1.006 1.006 0 0 1-.094-.288 2.531 2.531 0 0 1-.032-.373 9.588 9.588 0 0 1-.002-.197V6.224c0-.065 0-.131.002-.197.004-.114.01-.248.032-.375.02-.108.05-.199.094-.287a.925.925 0 0 1 .407-.406 1.03 1.03 0 0 1 .287-.094c.125-.022.26-.029.375-.032.065-.002.131-.002.196-.003zm4.71 3.7c-.3.016-.668.199-.88.456-.191.22-.36.58-.316.918.338.03.675-.169.888-.418.205-.258.345-.603.308-.955zm2.207.42v5.493h.852v-1.877h1.18c1.078 0 1.835-.739 1.835-1.812 0-1.07-.742-1.805-1.808-1.805zm.852.719h.982c.739 0 1.161.396 1.161 1.089 0 .692-.422 1.092-1.164 1.092h-.979zm-3.154.3c-.45.01-.83.28-1.05.28-.235 0-.593-.264-.981-.257a1.446 1.446 0 0 0-1.23.747c-.527.908-.139 2.255.374 2.995.249.366.549.769.944.754.373-.014.52-.242.973-.242.454 0 .586.242.98.235.41-.007.667-.366.915-.733.286-.417.403-.82.41-.841-.007-.008-.79-.308-.797-1.209-.008-.754.615-1.113.644-1.135-.352-.52-.9-.578-1.09-.593a1.123 1.123 0 0 0-.092-.002zm8.204.397c-.99 0-1.606.533-1.652 1.256h.777c.072-.358.369-.586.845-.586.502 0 .803.266.803.711v.309l-1.097.064c-.951.054-1.488.484-1.488 1.184 0 .72.548 1.207 1.332 1.207.526 0 1.032-.281 1.264-.727h.019v.659h.788v-2.76c0-.803-.62-1.317-1.591-1.317zm1.94.072l1.446 4.009c0 .003-.073.24-.073.247-.125.41-.33.571-.711.571-.069 0-.206 0-.267-.015v.666c.06.011.267.019.335.019.83 0 1.226-.312 1.568-1.283l1.5-4.214h-.868l-1.012 3.259h-.015l-1.013-3.26zm-1.167 2.189v.316c0 .521-.45.917-1.024.917-.442 0-.731-.228-.731-.579 0-.342.278-.56.769-.593z",source:"https://developer.apple.com/apple-pay/marketing",hex:"000000"};var g_={title:"BigCommerce",slug:"bigcommerce",get svg(){return I1+"BigCommerce"+V1+this.path+R1},path:"M12.645 13.663h3.027c.861 0 1.406-.474 1.406-1.235 0-.717-.545-1.234-1.406-1.234h-3.027c-.1 0-.187.086-.187.172v2.125c.015.1.086.172.187.172zm0 4.896h3.128c.961 0 1.535-.488 1.535-1.35 0-.746-.545-1.35-1.535-1.35h-3.128c-.1 0-.187.087-.187.173v2.34c.015.115.086.187.187.187zM23.72.053l-8.953 8.93h1.464c2.281 0 3.63 1.435 3.63 3 0 1.235-.832 2.14-1.722 2.541-.143.058-.143.259.014.316 1.033.402 1.765 1.48 1.765 2.742 0 1.78-1.19 3.202-3.5 3.202h-6.342c-.1 0-.187-.086-.187-.172V13.85L.062 23.64c-.13.13-.043.359.143.359h23.631a.16.16 0 0 0 .158-.158V.182c.043-.158-.158-.244-.273-.13z",source:"https://www.bigcommerce.co.uk/press",hex:"121118",guidelines:"https://www.elastic.co/legal/trademarks"};var v_={title:"Brevo",slug:"brevo",get svg(){return I1+"Brevo"+V1+this.path+R1},path:"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zM7.2 4.8h5.747c2.34 0 3.895 1.406 3.895 3.516 0 1.022-.348 1.862-1.09 2.588C17.189 11.812 18 13.22 18 14.785c0 2.86-2.64 5.016-6.164 5.016H7.199v-15zm2.085 1.952v5.537h.07c.233-.432.858-.796 2.249-1.226 2.039-.659 3.037-1.52 3.037-2.655 0-.998-.766-1.656-1.924-1.656H9.285zm4.87 5.266c-.766.385-1.67.748-2.76 1.11-1.229.387-2.11 1.386-2.11 2.407v2.315h2.365c2.387 0 4.149-1.34 4.149-3.155 0-1.067-.625-2.087-1.645-2.677z",source:"https://www.brevo.com",hex:"0B996E"};var f_={title:"Calendly",slug:"calendly",get svg(){return I1+"Calendly"+V1+this.path+R1},path:"M19.655 14.262c.281 0 .557.023.828.064 0 .005-.005.01-.005.014-.105.267-.234.534-.381.786l-1.219 2.106c-1.112 1.936-3.177 3.127-5.411 3.127h-2.432c-2.23 0-4.294-1.191-5.412-3.127l-1.218-2.106a6.251 6.251 0 0 1 0-6.252l1.218-2.106C6.736 4.832 8.8 3.641 11.035 3.641h2.432c2.23 0 4.294 1.191 5.411 3.127l1.219 2.106c.147.252.271.519.381.786 0 .004.005.009.005.014-.267.041-.543.064-.828.064-1.816 0-2.501-.607-3.291-1.306-.764-.676-1.711-1.517-3.44-1.517h-1.029c-1.251 0-2.387.455-3.2 1.278-.796.805-1.233 1.904-1.233 3.099v1.411c0 1.196.437 2.295 1.233 3.099.813.823 1.949 1.278 3.2 1.278h1.034c1.729 0 2.676-.841 3.439-1.517.791-.703 1.471-1.306 3.287-1.301Zm.005-3.237c.399 0 .794-.036 1.179-.11-.002-.004-.002-.01-.002-.014-.073-.414-.193-.823-.349-1.218.731-.12 1.407-.396 1.986-.819 0-.004-.005-.013-.005-.018-.331-1.085-.832-2.101-1.489-3.03-.649-.915-1.435-1.719-2.331-2.395-1.867-1.398-4.088-2.138-6.428-2.138-1.448 0-2.855.28-4.175.841-1.273.543-2.423 1.315-3.407 2.299S2.878 6.552 2.341 7.83c-.557 1.324-.842 2.726-.842 4.175 0 1.448.281 2.855.842 4.174.542 1.274 1.314 2.423 2.298 3.407s2.129 1.761 3.407 2.299c1.324.556 2.727.841 4.175.841 2.34 0 4.561-.74 6.428-2.137a10.815 10.815 0 0 0 2.331-2.396c.652-.929 1.158-1.949 1.489-3.03 0-.004.005-.014.005-.018-.579-.423-1.255-.699-1.986-.819.161-.395.276-.804.349-1.218.005-.009.005-.014.005-.023.869.166 1.692.506 2.404 1.035.685.505.552 1.075.446 1.416C22.184 20.437 17.619 24 12.221 24c-6.625 0-12-5.375-12-12s5.37-12 12-12c5.398 0 9.963 3.563 11.471 8.464.106.341.239.915-.446 1.421-.717.529-1.535.873-2.404 1.034.128.716.128 1.45 0 2.166-.387-.074-.782-.11-1.182-.11-4.184 0-3.968 2.823-6.736 2.823h-1.029c-1.899 0-3.15-1.357-3.15-3.095v-1.411c0-1.738 1.251-3.094 3.15-3.094h1.034c2.768 0 2.552 2.823 6.731 2.827Z",source:"https://calendly.com/newsroom",hex:"006BFF",guidelines:"https://calendly.com/newsroom"};var b_={title:"Campaign Monitor",slug:"campaignmonitor",get svg(){return I1+"Campaign Monitor"+V1+this.path+R1},path:"M23.836 4.27c-.29-.413-.86-.515-1.273-.226L.163 19.73c.167.235.437.39.747.39h22.18c.503 0 .91-.41.91-.914V4.78c-.004-.176-.058-.352-.164-.51zm-22.4-.226c-.413-.29-.982-.19-1.272.226-.107.154-.162.332-.164.51v14.45l10.664-8.736-9.227-6.45v-.002z",source:"https://www.campaignmonitor.com/company/brand/",hex:"111324"};var x_={title:"DHL",slug:"dhl",get svg(){return I1+"DHL"+V1+this.path+R1},path:"M4.22 10.303l-.767 1.043h4.18c.21 0 .208.078.105.218-.105.142-.28.39-.386.534-.054.073-.154.207.171.207h1.71l.505-.69c.314-.426.028-1.312-1.095-1.312H4.22zm7.204 0l-1.475 2.002h5.39l1.473-2.002H14.61l-.843 1.146h-.985l.846-1.146h-2.203zm6.105 0l-1.474 2.002h2.334l1.472-2.002H17.53zm-12.845 1.3l-1.54 2.094h3.754c1.24 0 1.932-.844 2.145-1.136h-2.56c-.326 0-.226-.133-.172-.207.107-.143.283-.388.388-.53.104-.14.107-.22-.105-.22h-1.91zM0 12.562v.242h3.398l.176-.242H0zm9.762 0l-.836 1.136h2.203l.836-1.136H9.762zm3.185 0l-.836 1.136h2.203l.836-1.136h-2.203zm2.918 0s-.159.22-.238.326c-.276.374-.033.81.87.81h3.538l.834-1.136h-5.004zm5.408 0l-.177.242H24v-.242h-2.727zM0 13.01v.24h3.068l.178-.24H0zm20.943 0l-.175.24H24v-.24h-3.057zM0 13.457v.24h2.74l.176-.24H0zm20.615 0l-.177.24H24v-.24h-3.385z",source:"https://www.dpdhl-brands.com/dhl/en/guides/design-basics/logo-and-claim.html",hex:"FFCC00",guidelines:"https://www.dpdhl-brands.com/dhl/en/guides/design-basics/logo-and-claim.html"};var w_={title:"Dropbox",slug:"dropbox",get svg(){return I1+"Dropbox"+V1+this.path+R1},path:"M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z",source:"https://www.dropbox.com/branding",hex:"0061FF"};var y_={title:"eBay",slug:"ebay",get svg(){return I1+"eBay"+V1+this.path+R1},path:"M6.056 12.132v-4.92h1.2v3.026c.59-.703 1.402-.906 2.202-.906 1.34 0 2.828.904 2.828 2.855 0 .233-.015.457-.06.668.24-.953 1.274-1.305 2.896-1.344.51-.018 1.095-.018 1.56-.018v-.135c0-.885-.556-1.244-1.53-1.244-.72 0-1.245.3-1.305.81h-1.275c.136-1.29 1.5-1.62 2.686-1.62 1.064 0 1.995.27 2.415 1.02l-.436-.84h1.41l2.055 4.125 2.055-4.126H24l-3.72 7.305h-1.346l1.07-2.04-2.33-4.38c.13.255.2.555.2.93v2.46c0 .346.01.69.04 1.005H16.8a6.543 6.543 0 01-.046-.765c-.603.734-1.32.96-2.32.96-1.48 0-2.272-.78-2.272-1.695 0-.15.015-.284.037-.405-.3 1.246-1.36 2.086-2.767 2.086-.87 0-1.694-.315-2.2-.93 0 .24-.015.494-.04.734h-1.18c.02-.39.04-.855.04-1.245v-1.05h-4.83c.065 1.095.818 1.74 1.853 1.74.718 0 1.355-.3 1.568-.93h1.24c-.24 1.29-1.61 1.725-2.79 1.725C.95 15.009 0 13.822 0 12.232c0-1.754.982-2.91 3.116-2.91 1.688 0 2.93.886 2.94 2.806v.005zm9.137.183c-1.095.034-1.77.233-1.77.95 0 .465.36.97 1.305.97 1.26 0 1.935-.69 1.935-1.814v-.13c-.45 0-.99.006-1.484.022h.012zm-6.06 1.875c1.11 0 1.876-.806 1.876-2.02s-.768-2.02-1.893-2.02c-1.11 0-1.89.806-1.89 2.02s.765 2.02 1.875 2.02h.03zm-4.35-2.514c-.044-1.125-.854-1.546-1.725-1.546-.944 0-1.694.474-1.815 1.546z",source:"https://go.developer.ebay.com/logos",hex:"E53238"};var z_={title:"Etsy",slug:"etsy",get svg(){return I1+"Etsy"+V1+this.path+R1},path:"M8.559 2.445c0-.325.033-.52.59-.52h7.465c1.3 0 2.02 1.11 2.54 3.193l.42 1.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24 1.5.496 1.6 1.606 0 0 .11 3.27.11 8.64 0 5.385-.09 8.61-.09 8.61 0 .973-.39 1.333-1.59 1.573l-1.722.33V24l5.13-.165h8.55c1.935 0 6.39.165 6.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284 2.91c-1.005 2.28-2.476 2.445-4.11 2.445h-4.906c-1.63 0-2.415-.64-2.415-2.05V12.8s3.62 0 4.79.096c.912.064 1.463.325 1.76 1.598l.39 1.695h1.41l-.09-4.278.192-4.305h-1.391l-.45 1.89c-.283 1.244-.48 1.47-1.754 1.6-1.666.17-4.815.14-4.815.14V2.45h-.05z",source:"https://www.etsy.com/uk/press",hex:"F16521"};var k_={title:"Facebook",slug:"facebook",get svg(){return I1+"Facebook"+V1+this.path+R1},path:"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z",source:"https://about.meta.com/brand/resources/facebook/logo",hex:"0866FF",guidelines:"https://about.meta.com/brand/resources/facebook/logo"};var C_={title:"FedEx",slug:"fedex",get svg(){return I1+"FedEx"+V1+this.path+R1},path:"M22.498 14.298c-.016-.414.345-.751.75-.755a.745.745 0 0 1 .752.755.755.755 0 0 1-.751.745c-.395.002-.759-.346-.751-.745zm.759-.083c.067-.02.164-.042.162-.13.007-.09-.086-.133-.162-.134h-.163v.263c0 .001.165-.002.163.001zm-.163.107v.418h-.14v-.91h.327c.156-.021.294.092.286.253a.218.218 0 0 1-.156.19c.162.083.108.322.173.467h-.156a2.355 2.355 0 0 1-.04-.205c-.018-.093-.047-.229-.17-.213h-.124zm.76-.024a.603.603 0 0 0-.605-.632c-.338-.012-.62.302-.605.632a.619.619 0 0 0 .605.622.61.61 0 0 0 .605-.622zm-5.052-.579l-.878 1.008h-1.306l1.559-1.745-1.56-1.75h1.355l.902.997.878-.998h1.306l-1.543 1.743 1.559 1.753h-1.371l-.901-1.008zm-4.703-.352v-.827h1.904v-1.506l1.724 1.948-1.724 1.941v-1.556h-1.904zm1.56 1.36h-3.2V9.044h3.224v1.024H13.77v1.163h1.888v.958h-1.904v1.522h1.904v1.016zm-5.705-.655c-.54.017-.878-.552-.877-1.04-.01-.507.307-1.123.878-1.105.579-.025.871.6.845 1.103.023.501-.29 1.062-.846 1.042zM4.743 12.41c.076-.358.403-.67.78-.663a.788.788 0 0 1 .803.663H4.743zm15.182.564l1.815-2.047h-2.125l-.74.844-.763-.844h-4.037v-.548h1.912V8.741H10.84v2.58c-.362-.448-.981-.559-1.526-.492-.782.123-1.427.762-1.634 1.514-.254-.958-1.179-1.588-2.157-1.554-.781.009-1.6.365-1.987 1.071v-.818h-1.87v-.9h2.043v-1.4H0v6.287h1.666v-2.644h1.666a7.59 7.59 0 0 0-.082.622c-.013 1.232 1.042 2.27 2.274 2.236a2.204 2.204 0 0 0 2.157-1.432H6.254c-.14.268-.441.38-.73.36-.457.009-.83-.417-.829-.86h2.914c.083 1.027.988 1.966 2.043 1.947a1.53 1.53 0 0 0 1.19-.639v.41h7.215l.754-.86.754.86h2.192l-1.832-2.055z",source:"https://newsroom.fedex.com",hex:"4D148C"};var S_={title:"Gmail",slug:"gmail",get svg(){return I1+"Gmail"+V1+this.path+R1},path:"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z",source:"https://fonts.gstatic.com/s/i/productlogos/gmail_2020q4/v8/192px.svg",hex:"EA4335"};var M_={title:"Google Ads",slug:"googleads",get svg(){return I1+"Google Ads"+V1+this.path+R1},path:"M3.9998 22.9291C1.7908 22.9291 0 21.1383 0 18.9293s1.7908-3.9998 3.9998-3.9998 3.9998 1.7908 3.9998 3.9998-1.7908 3.9998-3.9998 3.9998zm19.4643-6.0004L15.4632 3.072C14.3586 1.1587 11.9121.5028 9.9988 1.6074S7.4295 5.1585 8.5341 7.0718l8.0009 13.8567c1.1046 1.9133 3.5511 2.5679 5.4644 1.4646 1.9134-1.1046 2.568-3.5511 1.4647-5.4644zM7.5137 4.8438L1.5645 15.1484A4.5 4.5 0 0 1 4 14.4297c2.5597-.0075 4.6248 2.1585 4.4941 4.7148l3.2168-5.5723-3.6094-6.25c-.4499-.7793-.6322-1.6394-.5878-2.4784z",source:"https://ads.google.com/home/",hex:"4285F4"};var A_={title:"Google Analytics",slug:"googleanalytics",get svg(){return I1+"Google Analytics"+V1+this.path+R1},path:"M22.84 2.9982v17.9987c.0086 1.6473-1.3197 2.9897-2.967 2.9984a2.9808 2.9808 0 01-.3677-.0208c-1.528-.226-2.6477-1.5558-2.6105-3.1V3.1204c-.0369-1.5458 1.0856-2.8762 2.6157-3.1 1.6361-.1915 3.1178.9796 3.3093 2.6158.014.1201.0208.241.0202.3619zM4.1326 18.0548c-1.6417 0-2.9726 1.331-2.9726 2.9726C1.16 22.6691 2.4909 24 4.1326 24s2.9726-1.3309 2.9726-2.9726-1.331-2.9726-2.9726-2.9726zm7.8728-9.0098c-.0171 0-.0342 0-.0513.0003-1.6495.0904-2.9293 1.474-2.891 3.1256v7.9846c0 2.167.9535 3.4825 2.3505 3.763 1.6118.3266 3.1832-.7152 3.5098-2.327.04-.1974.06-.3983.0593-.5998v-8.9585c.003-1.6474-1.33-2.9852-2.9773-2.9882z",source:"https://marketingplatform.google.com/intl/en_uk/about/analytics/",hex:"E37400"};var L_={title:"Google Calendar",slug:"googlecalendar",get svg(){return I1+"Google Calendar"+V1+this.path+R1},path:"M18.316 5.684H24v12.632h-5.684V5.684zM5.684 24h12.632v-5.684H5.684V24zM18.316 5.684V0H1.895A1.894 1.894 0 0 0 0 1.895v16.421h5.684V5.684h12.632zm-7.207 6.25v-.065c.272-.144.5-.349.687-.617s.279-.595.279-.982c0-.379-.099-.72-.3-1.025a2.05 2.05 0 0 0-.832-.714 2.703 2.703 0 0 0-1.197-.257c-.6 0-1.094.156-1.481.467-.386.311-.65.671-.793 1.078l1.085.452c.086-.249.224-.461.413-.633.189-.172.445-.257.767-.257.33 0 .602.088.816.264a.86.86 0 0 1 .322.703c0 .33-.12.589-.36.778-.24.19-.535.284-.886.284h-.567v1.085h.633c.407 0 .748.109 1.02.327.272.218.407.499.407.843 0 .336-.129.614-.387.832s-.565.327-.924.327c-.351 0-.651-.103-.897-.311-.248-.208-.422-.502-.521-.881l-1.096.452c.178.616.505 1.082.977 1.401.472.319.984.478 1.538.477a2.84 2.84 0 0 0 1.293-.291c.382-.193.684-.458.902-.794.218-.336.327-.72.327-1.149 0-.429-.115-.797-.344-1.105a2.067 2.067 0 0 0-.881-.689zm2.093-1.931l.602.913L15 10.045v5.744h1.187V8.446h-.827l-2.158 1.557zM22.105 0h-3.289v5.184H24V1.895A1.894 1.894 0 0 0 22.105 0zm-3.289 23.5l4.684-4.684h-4.684V23.5zM0 22.105C0 23.152.848 24 1.895 24h3.289v-5.184H0v3.289z",source:"https://fonts.gstatic.com/s/i/productlogos/calendar_2020q4/v8/192px.svg",hex:"4285F4"};var T_={title:"Google Drive",slug:"googledrive",get svg(){return I1+"Google Drive"+V1+this.path+R1},path:"M12.01 1.485c-2.082 0-3.754.02-3.743.047.01.02 1.708 3.001 3.774 6.62l3.76 6.574h3.76c2.081 0 3.753-.02 3.742-.047-.005-.02-1.708-3.001-3.775-6.62l-3.76-6.574zm-4.76 1.73a789.828 789.861 0 0 0-3.63 6.319L0 15.868l1.89 3.298 1.885 3.297 3.62-6.335 3.618-6.33-1.88-3.287C8.1 4.704 7.255 3.22 7.25 3.214zm2.259 12.653-.203.348c-.114.198-.96 1.672-1.88 3.287a423.93 423.948 0 0 1-1.698 2.97c-.01.026 3.24.042 7.222.042h7.244l1.796-3.157c.992-1.734 1.85-3.23 1.906-3.323l.104-.167h-7.249z",source:"https://developers.google.com/drive/web/branding",hex:"4285F4"};var E_={title:"Google Pay",slug:"googlepay",get svg(){return I1+"Google Pay"+V1+this.path+R1},path:"M3.963 7.235A3.963 3.963 0 00.422 9.419a3.963 3.963 0 000 3.559 3.963 3.963 0 003.541 2.184c1.07 0 1.97-.352 2.627-.957.748-.69 1.18-1.71 1.18-2.916a4.722 4.722 0 00-.07-.806H3.964v1.526h2.14a1.835 1.835 0 01-.79 1.205c-.356.241-.814.379-1.35.379-1.034 0-1.911-.697-2.225-1.636a2.375 2.375 0 010-1.517c.314-.94 1.191-1.636 2.225-1.636a2.152 2.152 0 011.52.594l1.132-1.13a3.808 3.808 0 00-2.652-1.033zm6.501.55v6.9h.886V11.89h1.465c.603 0 1.11-.196 1.522-.588a1.911 1.911 0 00.635-1.464 1.92 1.92 0 00-.635-1.456 2.125 2.125 0 00-1.522-.598zm2.427.85a1.156 1.156 0 01.823.365 1.176 1.176 0 010 1.686 1.171 1.171 0 01-.877.357H11.35V8.635h1.487a1.156 1.156 0 01.054 0zm4.124 1.175c-.842 0-1.477.308-1.907.925l.781.491c.288-.417.68-.626 1.175-.626a1.255 1.255 0 01.856.323 1.009 1.009 0 01.366.785v.202c-.34-.193-.774-.289-1.3-.289-.617 0-1.11.145-1.479.434-.37.288-.554.677-.554 1.165a1.476 1.476 0 00.525 1.156c.35.308.785.463 1.305.463.61 0 1.098-.27 1.465-.81h.038v.655h.848v-2.909c0-.61-.19-1.09-.568-1.44-.38-.35-.896-.525-1.551-.525zm2.263.154l1.946 4.422-1.098 2.38h.915L24 9.963h-.965l-1.368 3.391h-.02l-1.406-3.39zm-2.146 2.368c.494 0 .88.11 1.156.33 0 .372-.147.696-.44.973a1.413 1.413 0 01-.997.414 1.081 1.081 0 01-.69-.232.708.708 0 01-.293-.578c0-.257.12-.47.363-.647.24-.173.54-.26.9-.26Z",source:"https://pay.google.com/intl/en_us/about/",hex:"4285F4"};var H_={title:"Google Sheets",slug:"googlesheets",get svg(){return I1+"Google Sheets"+V1+this.path+R1},path:"M11.318 12.545H7.91v-1.909h3.41v1.91zM14.728 0v6h6l-6-6zm1.363 10.636h-3.41v1.91h3.41v-1.91zm0 3.273h-3.41v1.91h3.41v-1.91zM20.727 6.5v15.864c0 .904-.732 1.636-1.636 1.636H4.909a1.636 1.636 0 0 1-1.636-1.636V1.636C3.273.732 4.005 0 4.909 0h9.318v6.5h6.5zm-3.273 2.773H6.545v7.909h10.91v-7.91zm-6.136 4.636H7.91v1.91h3.41v-1.91z",source:"https://sheets.google.com",hex:"34A853"};var F_={title:"HubSpot",slug:"hubspot",get svg(){return I1+"HubSpot"+V1+this.path+R1},path:"M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z",source:"https://www.hubspot.com/style-guide",hex:"FF7A59",guidelines:"https://www.hubspot.com/style-guide"};var P_={title:"Instagram",slug:"instagram",get svg(){return I1+"Instagram"+V1+this.path+R1},path:"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077",source:"https://about.meta.com/brand/resources/instagram",hex:"FF0069",guidelines:"https://about.meta.com/brand/resources/instagram"};var N_={title:"Intercom",slug:"intercom",get svg(){return I1+"Intercom"+V1+this.path+R1},path:"M21 0H3C1.343 0 0 1.343 0 3v18c0 1.658 1.343 3 3 3h18c1.658 0 3-1.342 3-3V3c0-1.657-1.342-3-3-3zm-5.801 4.399c0-.44.36-.8.802-.8.44 0 .8.36.8.8v10.688c0 .442-.36.801-.8.801-.443 0-.802-.359-.802-.801V4.399zM11.2 3.994c0-.44.357-.799.8-.799s.8.359.8.799v11.602c0 .44-.357.8-.8.8s-.8-.36-.8-.8V3.994zm-4 .405c0-.44.359-.8.799-.8.443 0 .802.36.802.8v10.688c0 .442-.36.801-.802.801-.44 0-.799-.359-.799-.801V4.399zM3.199 6c0-.442.36-.8.802-.8.44 0 .799.358.799.8v7.195c0 .441-.359.8-.799.8-.443 0-.802-.36-.802-.8V6zM20.52 18.202c-.123.105-3.086 2.593-8.52 2.593-5.433 0-8.397-2.486-8.521-2.593-.335-.288-.375-.792-.086-1.128.285-.334.79-.375 1.125-.09.047.041 2.693 2.211 7.481 2.211 4.848 0 7.456-2.186 7.479-2.207.334-.289.839-.25 1.128.086.289.336.25.84-.086 1.128zm.281-5.007c0 .441-.36.8-.801.8-.441 0-.801-.36-.801-.8V6c0-.442.361-.8.801-.8.441 0 .801.357.801.8v7.195z",source:"https://www.intercom.com/press",hex:"6AFDEF",guidelines:"https://www.intercom.com/press"};var I_={title:"Klarna",slug:"klarna",get svg(){return I1+"Klarna"+V1+this.path+R1},path:"M4.592 2v20H0V2h4.592zm11.46 0c0 4.194-1.583 8.105-4.415 11.068l-.278.283L17.702 22h-5.668l-6.893-9.4 1.779-1.332c2.858-2.14 4.535-5.378 4.637-8.924L11.562 2h4.49zM21.5 17a2.5 2.5 0 110 5 2.5 2.5 0 010-5z",source:"https://klarna.design",hex:"FFB3C7"};var V_={title:"MailChimp",slug:"mailchimp",get svg(){return I1+"MailChimp"+V1+this.path+R1},path:"M11.267 0C6.791-.015-1.82 10.246 1.397 12.964l.79.669a3.88 3.88 0 0 0-.22 1.792c.084.84.518 1.644 1.22 2.266.666.59 1.542.964 2.392.964 1.406 3.24 4.62 5.228 8.386 5.34 4.04.12 7.433-1.776 8.854-5.182.093-.24.488-1.316.488-2.267 0-.956-.54-1.352-.885-1.352-.01-.037-.078-.286-.172-.586-.093-.3-.19-.51-.19-.51.375-.563.382-1.065.332-1.35-.053-.353-.2-.653-.496-.964-.296-.311-.902-.63-1.753-.868l-.446-.124c-.002-.019-.024-1.053-.043-1.497-.014-.32-.042-.822-.197-1.315-.186-.668-.508-1.253-.911-1.627 1.112-1.152 1.806-2.422 1.804-3.511-.003-2.095-2.576-2.729-5.746-1.416l-.672.285A678.22 678.22 0 0 0 12.7.504C12.304.159 11.817.002 11.267 0zm.073.873c.166 0 .322.019.465.058.297.084 1.28 1.224 1.28 1.224s-1.826 1.013-3.52 2.426c-2.28 1.757-4.005 4.311-5.037 7.082-.811.158-1.526.618-1.963 1.253-.261-.218-.748-.64-.834-.804-.698-1.326.761-3.902 1.781-5.357C5.834 3.44 9.37.867 11.34.873zm3.286 3.273c.04-.002.06.05.028.074-.143.11-.299.26-.413.414a.04.04 0 0 0 .031.064c.659.004 1.587.235 2.192.574.041.023.012.103-.034.092-.915-.21-2.414-.369-3.97.01-1.39.34-2.45.863-3.224 1.426-.04.028-.086-.023-.055-.06.896-1.035 1.999-1.935 2.987-2.44.034-.018.07.019.052.052-.079.143-.23.447-.278.678-.007.035.032.063.062.042.615-.42 1.684-.868 2.622-.926zm3.023 3.205l.056.001a.896.896 0 0 1 .456.146c.534.355.61 1.216.638 1.845.015.36.059 1.229.074 1.478.034.571.184.651.487.751.17.057.33.098.563.164.706.198 1.125.4 1.39.658.157.162.23.333.253.497.083.608-.472 1.36-1.942 2.041-1.607.746-3.557.935-4.904.785l-.471-.053c-1.078-.145-1.693 1.247-1.046 2.201.417.615 1.552 1.015 2.688 1.015 2.604 0 4.605-1.111 5.35-2.072a.987.987 0 0 0 .06-.085c.036-.055.006-.085-.04-.054-.608.416-3.31 2.069-6.2 1.571 0 0-.351-.057-.672-.182-.255-.1-.788-.344-.853-.891 2.333.72 3.801.039 3.801.039a.072.072 0 0 0 .042-.072.067.067 0 0 0-.074-.06s-1.911.283-3.718-.378c.197-.64.72-.408 1.51-.345a11.045 11.045 0 0 0 3.647-.394c.818-.234 1.892-.697 2.727-1.356.281.618.38 1.299.38 1.299s.219-.04.4.073c.173.106.299.326.213.895-.176 1.063-.628 1.926-1.387 2.72a5.714 5.714 0 0 1-1.666 1.244c-.34.18-.704.334-1.087.46-2.863.935-5.794-.093-6.739-2.3a3.545 3.545 0 0 1-.189-.522c-.403-1.455-.06-3.2 1.008-4.299.065-.07.132-.153.132-.256 0-.087-.055-.179-.102-.243-.374-.543-1.669-1.466-1.409-3.254.187-1.284 1.31-2.189 2.357-2.135.089.004.177.01.266.015.453.027.85.085 1.223.1.625.028 1.187-.063 1.853-.618.225-.187.405-.35.71-.401.028-.005.092-.028.215-.028zm.022 2.18a.42.42 0 0 0-.06.005c-.335.054-.347.468-.228 1.04.068.32.187.595.32.765.175-.02.343-.022.498 0 .089-.205.104-.557.024-.942-.112-.535-.261-.872-.554-.868zm-3.66 1.546a1.724 1.724 0 0 0-1.016.326c-.16.117-.311.28-.29.378.008.032.031.056.088.063.131.015.592-.217 1.122-.25.374-.023.684.094.923.2.239.104.386.173.443.113.037-.038.026-.11-.031-.204-.118-.192-.36-.387-.618-.497a1.601 1.601 0 0 0-.621-.129zm4.082.81c-.171-.003-.313.186-.317.42-.004.236.131.43.303.432.172.003.314-.185.318-.42.004-.236-.132-.429-.304-.432zm-3.58.172c-.05 0-.102.002-.155.008-.311.05-.483.152-.593.247-.094.082-.152.173-.152.237a.075.075 0 0 0 .075.076c.07 0 .228-.063.228-.063a1.98 1.98 0 0 1 1.001-.104c.157.018.23.027.265-.026.01-.016.022-.049-.01-.1-.063-.103-.311-.269-.66-.275zm2.26.4c-.127 0-.235.051-.283.148-.075.154.035.363.246.466.21.104.443.063.52-.09.075-.155-.035-.364-.246-.467a.542.542 0 0 0-.237-.058zm-11.635.024c.048 0 .098 0 .149.003.73.04 1.806.6 2.052 2.19.217 1.41-.128 2.843-1.449 3.069-.123.02-.248.029-.374.026-1.22-.033-2.539-1.132-2.67-2.435-.145-1.44.591-2.548 1.894-2.811.117-.024.252-.04.398-.042zm-.07.927a1.144 1.144 0 0 0-.847.364c-.38.418-.439.988-.366 1.19.027.073.07.094.1.098.064.008.16-.039.22-.2a1.2 1.2 0 0 0 .017-.052 1.58 1.58 0 0 1 .157-.37.689.689 0 0 1 .955-.199c.266.174.369.5.255.81-.058.161-.154.469-.133.721.043.511.357.717.64.738.274.01.466-.143.515-.256.029-.067.005-.107-.011-.125-.043-.053-.113-.037-.18-.021a.638.638 0 0 1-.16.022.347.347 0 0 1-.294-.148c-.078-.12-.073-.3.013-.504.011-.028.025-.058.04-.092.138-.308.368-.825.11-1.317-.195-.37-.513-.602-.894-.65a1.135 1.135 0 0 0-.138-.01z",source:"https://mailchimp.com/about/brand-assets",hex:"FFE01B",guidelines:"https://mailchimp.com/about/brand-assets"},R_={title:"Mailgun",slug:"mailgun",get svg(){return I1+"Mailgun"+V1+this.path+R1},path:"M11.837 0c6.602 0 11.984 5.381 11.984 11.994-.017 2.99-3.264 4.84-5.844 3.331a3.805 3.805 0 0 1-.06-.035l-.055-.033-.022.055c-2.554 4.63-9.162 4.758-11.894.232-2.732-4.527.46-10.313 5.746-10.416a6.868 6.868 0 0 1 7.002 6.866 1.265 1.265 0 0 0 2.52 0c0-5.18-4.197-9.38-9.377-9.387C4.611 2.594.081 10.41 3.683 16.673c3.238 5.632 11.08 6.351 15.289 1.402l1.997 1.686A11.95 11.95 0 0 1 11.837 24C2.6 23.72-2.87 13.543 1.992 5.684A12.006 12.006 0 0 1 11.837 0Zm0 7.745c-3.276-.163-5.5 3.281-4.003 6.2a4.26 4.26 0 0 0 4.014 2.31c3.276-.171 5.137-3.824 3.35-6.575a4.26 4.26 0 0 0-3.36-1.935Zm0 2.53c1.324 0 2.152 1.433 1.49 2.58a1.72 1.72 0 0 1-1.49.86 1.72 1.72 0 1 1 0-3.44Z",source:"https://mailgun.com",hex:"F06B66"};var __={title:"Make",slug:"make",get svg(){return I1+"Make"+V1+this.path+R1},path:"M13.38 3.498c-.27 0-.511.19-.566.465L9.85 18.986a.578.578 0 0 0 .453.678l4.095.826a.58.58 0 0 0 .682-.455l2.963-15.021a.578.578 0 0 0-.453-.678l-4.096-.826a.589.589 0 0 0-.113-.012zm-5.876.098a.576.576 0 0 0-.516.318L.062 17.697a.575.575 0 0 0 .256.774l3.733 1.877a.578.578 0 0 0 .775-.258l6.926-13.781a.577.577 0 0 0-.256-.776L7.762 3.658a.571.571 0 0 0-.258-.062zm11.74.115a.576.576 0 0 0-.576.576v15.426c0 .318.258.578.576.578h4.178a.58.58 0 0 0 .578-.578V4.287a.578.578 0 0 0-.578-.576Z",source:"https://www.make.com/en/press",hex:"6D00CC",guidelines:"https://www.make.com/en/press"};var O_={title:"MasterCard",slug:"mastercard",get svg(){return I1+"MasterCard"+V1+this.path+R1},path:"M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z",source:"https://www.mastercard.com/brandcenter/us/en/download-artwork.html",hex:"EB001B",guidelines:"https://www.mastercard.com/brandcenter/us/en/brand-requirements/mastercard.html"};var B_={title:"Messenger",slug:"messenger",get svg(){return I1+"Messenger"+V1+this.path+R1},path:"M12 0C5.24 0 0 4.952 0 11.64c0 3.499 1.434 6.521 3.769 8.61a.96.96 0 0 1 .323.683l.065 2.135a.96.96 0 0 0 1.347.85l2.381-1.053a.96.96 0 0 1 .641-.046A13 13 0 0 0 12 23.28c6.76 0 12-4.952 12-11.64S18.76 0 12 0m6.806 7.44c.522-.03.971.567.63 1.094l-4.178 6.457a.707.707 0 0 1-.977.208l-3.87-2.504a.44.44 0 0 0-.49.007l-4.363 3.01c-.637.438-1.415-.317-.995-.966l4.179-6.457a.706.706 0 0 1 .977-.21l3.87 2.505c.15.097.344.094.491-.007l4.362-3.008a.7.7 0 0 1 .364-.13",source:"https://about.meta.com/brand/resources/facebook/messenger-icon",hex:"0866FF",guidelines:"https://about.meta.com/brand/resources/facebook/messenger-icon"},Ef={title:"Meta",slug:"meta",get svg(){return I1+"Meta"+V1+this.path+R1},path:"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z",source:"https://www.meta.com",hex:"0467DF",guidelines:"https://www.facebook.com/brand/resources/meta/company-brand"};var D_={title:"MYOB",slug:"myob",get svg(){return I1+"MYOB"+V1+this.path+R1},path:"m11.276 9.347-1.254 3.346a366.37 366.37 0 0 1-1.325-3.346H7.275l2.038 5.132-.86 2.063h1.38l2.845-7.195ZM5.083 10.46c.551 0 .818.33.818 1.01v3.112h1.314v-3.259c0-1.241-.853-2.108-2.075-2.108-.588 0-1.127.206-1.516.58l-.016.015-.016-.015c-.39-.374-.926-.58-1.512-.58-1.225 0-2.08.867-2.08 2.108v3.26h1.314V11.47c0-.68.267-1.01.818-1.01.552 0 .819.33.819 1.01v3.112h1.314V11.47c0-.68.267-1.01.819-1.01zm18.2-.398c-.494-.547-1.191-.849-1.962-.849a2.56 2.56 0 0 0-1.521.497V7.458h-1.315v4.51c0 .721.258 1.396.725 1.9.512.553 1.215.846 2.035.846.819 0 1.52-.293 2.03-.845.467-.505.725-1.18.725-1.9a2.83 2.83 0 0 0-.717-1.908Zm-2.039 3.405c-.937 0-1.446-.772-1.446-1.499 0-.726.51-1.509 1.446-1.509.937 0 1.442.778 1.442 1.51 0 .73-.505 1.498-1.442 1.498m-5.965 1.248c1.788 0 2.753-1.418 2.753-2.753 0-1.334-.965-2.752-2.753-2.752-1.789 0-2.753 1.418-2.753 2.753 0 1.335.964 2.753 2.753 2.753zm.001-1.248c-.936 0-1.445-.773-1.445-1.5 0-.728.509-1.511 1.445-1.511s1.441.778 1.441 1.51c0 .733-.505 1.501-1.441 1.501",source:"https://www.myob.com",hex:"7B14EF"};var Z_={title:"Notion",slug:"notion",get svg(){return I1+"Notion"+V1+this.path+R1},path:"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z",source:"https://www.notion.so",hex:"000000"};var G_={title:"PayPal",slug:"paypal",get svg(){return I1+"PayPal"+V1+this.path+R1},path:"M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z",source:"https://www.paypal.com/us",hex:"002991",guidelines:"https://newsroom.paypal-corp.com/media-resources"};var W_={title:"Pinterest",slug:"pinterest",get svg(){return I1+"Pinterest"+V1+this.path+R1},path:"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z",source:"https://business.pinterest.com/en/brand-guidelines",hex:"BD081C",guidelines:"https://business.pinterest.com/en/brand-guidelines"};var q_={title:"QuickBooks",slug:"quickbooks",get svg(){return I1+"QuickBooks"+V1+this.path+R1},path:"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm.642 4.1335c.9554 0 1.7296.776 1.7296 1.7332v9.0667h1.6c1.614 0 2.9275-1.3156 2.9275-2.933 0-1.6173-1.3136-2.9333-2.9276-2.9333h-.6654V7.3334h.6654c2.5722 0 4.6577 2.0897 4.6577 4.667 0 2.5774-2.0855 4.6666-4.6577 4.6666H12.642zM7.9837 7.333h3.3291v12.533c-.9555 0-1.73-.7759-1.73-1.7332V9.0662H7.9837c-1.6146 0-2.9277 1.316-2.9277 2.9334 0 1.6175 1.3131 2.9333 2.9277 2.9333h.6654v1.7332h-.6654c-2.5725 0-4.6577-2.0892-4.6577-4.6665 0-2.5771 2.0852-4.6666 4.6577-4.6666Z",source:"https://design.intuit.com/quickbooks/brand",hex:"2CA01C",guidelines:"https://design.intuit.com/quickbooks/brand"};var U_={title:"Sage",slug:"sage",get svg(){return I1+"Sage"+V1+this.path+R1},path:"M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655 1.224.387 1.804.818 1.804 1.666 0 .86-.64 1.465-1.477 1.465-.84 0-1.566-.604-1.566-1.535 0-.516.242-.647.242-.934 0-.33-.227-.574-.599-.574-.423 0-.864.647-.864 1.566 0 1.48 1.266 2.57 2.787 2.57 1.535 0 2.701-1.163 2.701-2.656 0-1.623-1.166-2.267-2.472-2.655-1.209-.372-1.792-.818-1.792-1.666 0-.845.626-1.45 1.463-1.45.867 0 1.565.617 1.577 1.465.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543zm6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085-.882 0-1.577-.76-1.577-1.65 0-.962.71-1.725 1.608-1.725 1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984-1.566 0-2.86 1.22-2.86 2.856 0 1.58 1.282 2.83 2.817 2.83zm6.257 3.848c1.535 0 2.701-1.163 2.701-2.656 0-1.635-1.166-2.267-2.472-2.655-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535 0 .519-.241.647-.241.934 0 .33.226.574.583.574.441 0 .882-.647.882-1.566 0-1.48-1.278-2.57-2.801-2.57-1.535 0-2.687 1.163-2.687 2.656 0 1.623 1.152 2.267 2.46 2.655 1.224.372 1.804.818 1.804 1.666 0 .86-.64 1.45-1.462 1.45-.883 0-1.566-.601-1.578-1.465-.015-.388-.3-.604-.598-.604-.327 0-.626.216-.61.631.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503.426-.272.595-.504.595-.76 0-.272-.2-.516-.568-.516-.441 0-.795.66-1.877.66-.952 0-1.707-.76-1.707-1.722 0-.95.725-1.724 1.635-1.724.982 0 1.508.647 1.508 1.062 0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503 0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89 0-1.408-1.194-2.512-2.774-2.512-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842z",source:"https://www.sage.com",hex:"00D639"};var j_={title:"Shopify",slug:"shopify",get svg(){return I1+"Shopify"+V1+this.path+R1},path:"M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z",source:"https://www.shopify.com/brand-assets",hex:"7AB55C",guidelines:"https://www.shopify.com/brand-assets"};var K_={title:"Square",slug:"square",get svg(){return I1+"Square"+V1+this.path+R1},path:"M4.01 0A4.01 4.01 0 000 4.01v15.98c0 2.21 1.8 4 4.01 4.01h15.98C22.2 24 24 22.2 24 19.99V4A4.01 4.01 0 0019.99 0H4zm1.62 4.36h12.74c.7 0 1.26.57 1.26 1.27v12.74c0 .7-.56 1.27-1.26 1.27H5.63c-.7 0-1.26-.57-1.26-1.27V5.63a1.27 1.27 0 011.26-1.27zm3.83 4.35a.73.73 0 00-.73.73v5.09c0 .4.32.72.72.72h5.1a.73.73 0 00.73-.72V9.44a.73.73 0 00-.73-.73h-5.1Z",source:"https://squareup.com",hex:"3E4348"};var $_={title:"Squarespace",slug:"squarespace",get svg(){return I1+"Squarespace"+V1+this.path+R1},path:"M22.655 8.719c-1.802-1.801-4.726-1.801-6.564 0l-7.351 7.35c-.45.45-.45 1.2 0 1.65.45.449 1.2.449 1.65 0l7.351-7.351c.899-.899 2.362-.899 3.264 0 .9.9.9 2.364 0 3.264l-7.239 7.239c.9.899 2.362.899 3.263 0l5.589-5.589c1.836-1.838 1.836-4.763.037-6.563zm-2.475 2.437c-.451-.45-1.201-.45-1.65 0l-7.354 7.389c-.9.899-2.361.899-3.262 0-.45-.45-1.2-.45-1.65 0s-.45 1.2 0 1.649c1.801 1.801 4.726 1.801 6.564 0l7.351-7.35c.449-.487.449-1.239.001-1.688zm-2.439-7.35c-1.801-1.801-4.726-1.801-6.564 0l-7.351 7.351c-.45.449-.45 1.199 0 1.649s1.2.45 1.65 0l7.395-7.351c.9-.899 2.371-.899 3.27 0 .451.45 1.201.45 1.65 0 .421-.487.421-1.199-.029-1.649h-.021zm-2.475 2.437c-.45-.45-1.2-.45-1.65 0l-7.351 7.389c-.899.9-2.363.9-3.265 0-.9-.899-.9-2.363 0-3.264l7.239-7.239c-.9-.9-2.362-.9-3.263 0L1.35 8.719c-1.8 1.8-1.8 4.725 0 6.563 1.801 1.801 4.725 1.801 6.564 0l7.35-7.351c.451-.488.451-1.238 0-1.688h.002z",source:"https://www.squarespace.com/logo-guidelines",hex:"000000",guidelines:"https://www.squarespace.com/brand-guidelines"};var Y_={title:"Stripe",slug:"stripe",get svg(){return I1+"Stripe"+V1+this.path+R1},path:"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z",source:"https://stripe.com/newsroom/information",hex:"635BFF"};var X_={title:"Telegram",slug:"telegram",get svg(){return I1+"Telegram"+V1+this.path+R1},path:"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z",source:"https://telegram.org/tour/screenshots",hex:"26A5E4"};var J_={title:"TikTok",slug:"tiktok",get svg(){return I1+"TikTok"+V1+this.path+R1},path:"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z",source:"https://tiktok.com",hex:"000000"};var Q_={title:"Trello",slug:"trello",get svg(){return I1+"Trello"+V1+this.path+R1},path:"M21.147 0H2.853A2.86 2.86 0 000 2.853v18.294A2.86 2.86 0 002.853 24h18.294A2.86 2.86 0 0024 21.147V2.853A2.86 2.86 0 0021.147 0zM10.34 17.287a.953.953 0 01-.953.953h-4a.954.954 0 01-.954-.953V5.38a.953.953 0 01.954-.953h4a.954.954 0 01.953.953zm9.233-5.467a.944.944 0 01-.953.947h-4a.947.947 0 01-.953-.947V5.38a.953.953 0 01.953-.953h4a.954.954 0 01.953.953z",source:"https://atlassian.design/resources/logo-library",hex:"0052CC",guidelines:"https://atlassian.design/foundations/logos"};var eO={title:"UPS",slug:"ups",get svg(){return I1+"UPS"+V1+this.path+R1},path:"M11.668 14.544l-.028-5.226c.138-.055.387-.111.608-.111.995 0 1.41.774 1.41 2.682 0 1.853-.47 2.765-1.438 2.765-.22 0-.441-.055-.552-.11zM3.124 7.438c4.203-3.843 9.29-4.866 14.018-4.866 1.3 0 2.544.083 3.76.194h-.028v11.253c0 2.184-.774 3.926-2.295 5.171-1.355 1.134-5.447 2.959-6.581 3.456-1.161-.525-5.253-2.378-6.581-3.456-1.493-1.244-2.295-3.014-2.295-5.171V7.438zm12.664 2.599c.028.912.276 1.576 1.687 2.406.747.442 1.051.747 1.051 1.272 0 .581-.387.94-1.023.94-.553 0-1.189-.304-1.631-.691v1.576c.553.304 1.217.525 1.88.525 1.687 0 2.433-1.189 2.461-2.267.028-.995-.249-1.742-1.659-2.571-.608-.387-1.134-.636-1.106-1.244 0-.581.525-.802.995-.802.581 0 1.161.332 1.521.691V8.378c-.304-.221-.94-.581-1.88-.553-1.135.028-2.296.829-2.296 2.212zm-5.834 9.484h1.714l-.028-3.594c.166.028.415.083.774.083 1.908 0 2.986-1.687 2.986-4.175 0-2.461-1.106-4.009-3.152-4.009-.94 0-1.687.221-2.295.608v11.087zm-5.945-6.166c0 1.797.829 2.71 2.516 2.71 1.051 0 1.908-.249 2.571-.691V7.991H7.41v6.387c-.194.138-.47.221-.802.221-.774 0-.885-.719-.885-1.189V7.991H4.009v5.364zM22.12 2.295v11.723c0 2.516-.94 4.645-2.765 6.111-1.549 1.3-6.332 3.429-7.355 3.871-1.023-.442-5.806-2.571-7.355-3.843-1.797-1.465-2.765-3.594-2.765-6.111V2.295C4.756.747 8.074 0 12 0s7.244.747 10.12 2.295zm-.304.221c-2.71-1.465-6-2.184-9.788-2.184s-7.079.746-9.788 2.184v11.502c0 2.433.912 4.452 2.627 5.862 1.576 1.3 6.581 3.484 7.161 3.76.581-.249 5.585-2.433 7.161-3.733 1.714-1.41 2.627-3.429 2.627-5.862V2.516zm-2.433 20.295c0 .47-.387.829-.829.829a.831.831 0 0 1-.829-.829c0-.47.387-.829.829-.829.441 0 .801.359.829.829zm-.166 0a.679.679 0 0 0-.664-.691c-.359 0-.664.332-.664.691 0 .359.304.664.664.664a.673.673 0 0 0 .664-.664zm-.553.055c.028.055.304.442.304.442h-.221s-.276-.387-.276-.415h-.028v.415h-.194v-.995l.304-.028c.249 0 .332.166.332.304s-.083.25-.221.277zm.027-.276c0-.055 0-.138-.166-.138h-.083v.304h.028c.194 0 .221-.083.221-.166z",source:"https://www.ups.com",hex:"150400"};var tO={title:"Visa",slug:"visa",get svg(){return I1+"Visa"+V1+this.path+R1},path:"M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z",source:"https://merchantsignageeu.visa.com/product.asp?dptID=696",hex:"1A1F71"};var aO={title:"Vonage",slug:"vonage",get svg(){return I1+"Vonage"+V1+this.path+R1},path:"M9.279 11.617l-4.54-10.07H0l6.797 15.296a.084.084 0 0 0 .153 0zm9.898-10.07s-6.148 13.868-6.917 15.565c-1.838 4.056-3.2 5.07-4.588 5.289a.026.026 0 0 0 .004.052h4.34c1.911 0 3.219-1.285 5.06-5.341C17.72 15.694 24 1.547 24 1.547z",source:"https://www.vonage.com",hex:"000000"};var sO={title:"WhatsApp",slug:"whatsapp",get svg(){return I1+"WhatsApp"+V1+this.path+R1},path:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z",source:"https://about.meta.com/brand/resources/whatsapp/whatsapp-brand",hex:"25D366",guidelines:"https://about.meta.com/brand/resources/whatsapp/whatsapp-brand"};var oO={title:"Wise",slug:"wise",get svg(){return I1+"Wise"+V1+this.path+R1},path:"M6.488 7.469 0 15.05h11.585l1.301-3.576H7.922l3.033-3.507.01-.092L8.993 4.48h8.873l-6.878 18.925h4.706L24 .595H2.543l3.945 6.874Z",source:"https://wise.design/foundations/logo",hex:"9FE870",guidelines:"https://wise.design/foundations/logo"};var rO={title:"Wix",slug:"wix",get svg(){return I1+"Wix"+V1+this.path+R1},path:"m0 7.354 2.113 9.292h.801a1.54 1.54 0 0 0 1.506-1.218l1.351-6.34a.171.171 0 0 1 .167-.137c.08 0 .15.058.167.137l1.352 6.34a1.54 1.54 0 0 0 1.506 1.218h.805l2.113-9.292h-.565c-.62 0-1.159.43-1.296 1.035l-1.26 5.545-1.106-5.176a1.76 1.76 0 0 0-2.19-1.324c-.639.176-1.113.716-1.251 1.365l-1.094 5.127-1.26-5.537A1.33 1.33 0 0 0 .563 7.354H0zm13.992 0a.951.951 0 0 0-.951.95v8.342h.635a.952.952 0 0 0 .951-.95V7.353h-.635zm1.778 0 3.158 4.66-3.14 4.632h1.325c.368 0 .712-.181.918-.486l1.756-2.59a.12.12 0 0 1 .197 0l1.754 2.59c.206.305.55.486.918.486h1.326l-3.14-4.632L24 7.354h-1.326c-.368 0-.712.181-.918.486l-1.772 2.617a.12.12 0 0 1-.197 0L18.014 7.84a1.108 1.108 0 0 0-.918-.486H15.77z",source:"https://www.wix.com/about/design-assets",hex:"0C6EFC",guidelines:"https://www.wix.com/about/design-assets"};var iO={title:"WooCommerce",slug:"woocommerce",get svg(){return I1+"WooCommerce"+V1+this.path+R1},path:"M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z",source:"https://woocommerce.com/style-guide",hex:"96588A",guidelines:"https://woocommerce.com/trademark-guidelines"};var nO={title:"Xero",slug:"xero",get svg(){return I1+"Xero"+V1+this.path+R1},path:"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm6.585 14.655c-1.485 0-2.69-1.206-2.69-2.689 0-1.485 1.207-2.691 2.69-2.691 1.485 0 2.69 1.207 2.69 2.691s-1.207 2.689-2.69 2.689zM7.53 14.644c-.099 0-.192-.041-.267-.116l-2.043-2.04-2.052 2.047c-.069.068-.16.108-.258.108-.202 0-.368-.166-.368-.368 0-.099.04-.191.111-.263l2.04-2.05-2.038-2.047c-.075-.069-.113-.162-.113-.261 0-.203.166-.366.368-.366.098 0 .188.037.258.105l2.055 2.048 2.048-2.045c.069-.071.162-.108.26-.108.211 0 .375.165.375.366 0 .098-.029.188-.104.258l-2.056 2.055 2.055 2.051c.068.069.104.16.104.258 0 .202-.165.368-.365.368h-.01zm8.017-4.591c-.796.101-.882.476-.882 1.404v2.787c0 .202-.165.366-.366.366-.203 0-.367-.165-.368-.366v-4.53c0-.204.16-.366.362-.366.166 0 .316.125.346.289.27-.209.6-.317.93-.317h.105c.195 0 .359.165.359.368 0 .201-.164.352-.375.359 0 0-.09 0-.164.008l.053-.002zm-3.091 2.205H8.625c0 .019.003.037.006.057.02.105.045.211.083.31.194.531.765 1.275 1.829 1.29.33-.003.631-.086.9-.229.21-.12.391-.271.525-.428.045-.058.09-.112.12-.168.18-.229.405-.186.54-.083.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66-.255.164-.525.284-.811.345-.33.09-.645.104-.975.06-1.095-.135-2.01-.93-2.28-2.01-.06-.21-.09-.42-.09-.645 0-.855.421-1.695 1.125-2.205.885-.615 2.085-.66 3-.075.63.405 1.035 1.021 1.185 1.771.075.419-.21.794-.734.81l.068-.046zm6.129-2.223c-1.064 0-1.931.865-1.931 1.931 0 1.064.866 1.931 1.931 1.931s1.931-.867 1.931-1.931c0-1.065-.866-1.933-1.931-1.933v.002zm0 2.595c-.367 0-.666-.297-.666-.666 0-.367.3-.665.666-.665.367 0 .667.299.667.665 0 .369-.3.667-.667.666zm-8.04-2.603c-.91 0-1.672.623-1.886 1.466v.03h3.776c-.203-.855-.973-1.494-1.891-1.494v-.002z",source:"https://www.xero.com/uk/about/media/downloads",hex:"13B5EA"};var lO={title:"YouTube",slug:"youtube",get svg(){return I1+"YouTube"+V1+this.path+R1},path:"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",source:"https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors",hex:"FF0000",guidelines:"https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors"};var cO={title:"Zapier",slug:"zapier",get svg(){return I1+"Zapier"+V1+this.path+R1},path:"M4.157 0A4.151 4.151 0 0 0 0 4.161v15.678A4.151 4.151 0 0 0 4.157 24h15.682A4.152 4.152 0 0 0 24 19.839V4.161A4.152 4.152 0 0 0 19.839 0H4.157Zm10.61 8.761h.03a.577.577 0 0 1 .23.038.585.585 0 0 1 .201.124.63.63 0 0 1 .162.431.612.612 0 0 1-.162.435.58.58 0 0 1-.201.128.58.58 0 0 1-.23.042.529.529 0 0 1-.235-.042.585.585 0 0 1-.332-.328.559.559 0 0 1-.038-.235.613.613 0 0 1 .17-.431.59.59 0 0 1 .405-.162Zm2.853 1.572c.03.004.061.004.095.004.325-.011.646.064.937.219.238.144.431.355.552.609.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265.714.714 0 0 0 .484-.136.642.642 0 0 0 .23-.318l.915.257a1.398 1.398 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.234 2.234 0 0 1-.836.136 1.923 1.923 0 0 1-1.001-.245 1.618 1.618 0 0 1-.665-.703 2.221 2.221 0 0 1-.227-1.036 1.95 1.95 0 0 1 .48-1.398 1.9 1.9 0 0 1 1.3-.488Zm-9.607.023c.162.004.325.026.48.079.207.065.4.174.563.314.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065c-.064.163-.155.31-.272.439a1.122 1.122 0 0 1-.374.264 1.023 1.023 0 0 1-.453.083 1.334 1.334 0 0 1-.866-.264.965.965 0 0 1-.329-.801.993.993 0 0 1 .076-.431 1.02 1.02 0 0 1 .242-.363 1.478 1.478 0 0 1 1.043-.303h.952v-.181a.696.696 0 0 0-.136-.454.553.553 0 0 0-.438-.154.695.695 0 0 0-.378.086.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378.261-.091.54-.136.82-.129.053-.003.106-.007.163-.007Zm4.384.007c.174 0 .347.038.506.114.182.083.34.211.458.374.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448 1.148 1.148 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.052 1.052 0 0 1-.48-.457 1.298 1.298 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.129 1.129 0 0 1 .843-.344h.076v-.004Zm7.559.084h.903l.113.805h.053a1.37 1.37 0 0 1 .235-.484.813.813 0 0 1 .313-.242.82.82 0 0 1 .39-.076h.234v1.051h-.401a.662.662 0 0 0-.313.008.623.623 0 0 0-.272.155.663.663 0 0 0-.174.26.683.683 0 0 0-.027.314v1.875h-1.054v-3.666Zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754-.045-.117H2.441v-.896Zm11.815 0h1.055v3.659h-1.055V10.45Zm3.443.684.019.016a.69.69 0 0 0-.351.045.756.756 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787h.003Zm-5.718.163c-.026 0-.057 0-.083.004a.78.78 0 0 0-.31.053.746.746 0 0 0-.257.189 1.016 1.016 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.634.634 0 0 0 .253.196.638.638 0 0 0 .314.061.644.644 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.216 1.216 0 0 0-.181-.711.677.677 0 0 0-.503-.257Zm-4.509 1.266a.464.464 0 0 0-.268.102.373.373 0 0 0-.114.276c0 .053.008.106.027.155a.375.375 0 0 0 .087.132.576.576 0 0 0 .397.11v.004a.863.863 0 0 0 .563-.182.573.573 0 0 0 .211-.457v-.14h-.903Z",source:"https://www.figma.com/file/NQFxTCE5pGR3dHZt0DkOyy/Zapier-Brand-Guidelines-%5BExternal%5D?type=design&node-id=101-9701&mode=design",hex:"FF4F00",guidelines:"https://www.figma.com/file/NQFxTCE5pGR3dHZt0DkOyy/Zapier-Brand-Guidelines-%5BExternal%5D?type=design&node-id=101-9701&mode=design"};var hO={title:"Zendesk",slug:"zendesk",get svg(){return I1+"Zendesk"+V1+this.path+R1},path:"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z",source:"https://brandland.zendesk.com",hex:"03363D",guidelines:"https://brandland.zendesk.com"};var pO={title:"Zoom",slug:"zoom",get svg(){return I1+"Zoom"+V1+this.path+R1},path:"M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z",source:"https://brand.zoom.us/media-library/",hex:"0B5CFF",guidelines:"https://brand.zoom.us/usage-legal/"};var N81={adyen:p_,afterpay:m_,aircall:d_,americanexpress:Tf,amex:Tf,applepay:u_,bigcommerce:g_,brevo:v_,calendly:f_,campaignmonitor:b_,dhl:x_,dropbox:w_,ebay:y_,etsy:z_,facebook:k_,fedex:C_,gmail:S_,googleads:M_,googleanalytics:A_,googlecalendar:L_,googledrive:T_,googlepay:E_,googlesheets:H_,hubspot:F_,instagram:P_,intercom:N_,klarna:I_,mailchimp:V_,mailgun:R_,make:__,mastercard:O_,messenger:B_,meta:Ef,metaads:Ef,myob:D_,notion:Z_,paypal:G_,pinterest:W_,quickbooks:q_,sage:U_,shopify:j_,square:K_,squarespace:$_,stripe:Y_,telegram:X_,tiktok:J_,trello:Q_,ups:eO,visa:tO,vonage:aO,whatsapp:sO,wise:oO,wix:rO,woocommerce:iO,xero:nO,youtube:lO,zapier:cO,zendesk:hO,zoom:pO};function mO(e){return N81[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}function I81(e,t){let a=Array.from({length:t},()=>[]);return e.forEach((s,o)=>a[o%t].push(s)),a.filter(s=>s.length>0)}function V81({name:e}){let t=mO(e);return Th("span",{className:"flex flex-shrink-0 items-center gap-2.5 whitespace-nowrap rounded border border-line bg-bg px-5 py-2.5",children:[t&&Y3("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:Y3("path",{d:t.path})}),Y3("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:e})]})}function R81({names:e,reverse:t}){return Y3("div",{className:"overflow-hidden","aria-hidden":!1,children:Y3("div",{className:"flex w-max gap-3 pr-3 [animation:sf-marquee_var(--sf-marquee-t)_linear_infinite] motion-reduce:[animation:none]",style:{"--sf-marquee-t":`${Math.max(e.length*6,30)}s`,animationDirection:t?"reverse":"normal"},children:[0,1].map(a=>Y3("div",{className:"flex gap-3","aria-hidden":a===1,children:e.map((s,o)=>Y3(V81,{name:s},o))},a))})})}function dO({eyebrow:e,title:t,body:a,apps:s,statValue:o,statLabel:r,note:i,editing:n=!1}={}){let l=(s??[]).map(p=>(p.text??"").trim()).filter(p=>n||p).map(p=>p||m("App")),c=!!(e??"").trim()||!!(t??"").trim();if(!n&&!c&&l.length===0)return null;let h=I81(l,3);return Th("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[Th("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(e??"").trim()&&Y3("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:M(e??"")}),(t??"").trim()&&Y3("h2",{className:"mt-5 font-display text-[40px] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[30px]",children:X(t??"",!1)}),(a??"").trim()&&Y3("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:a})]}),h.length>0&&Y3("div",{className:"flex flex-col gap-3",children:h.map((p,d)=>Y3(R81,{names:p,reverse:d%2===1},d))}),((o??"").trim()||(i??"").trim())&&Th("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(o??"").trim()&&Y3("div",{className:"font-display text-[min(64px,var(--sf-heading-max,9999px))] font-medium uppercase leading-none text-accent max-[800px]:text-[min(46px,var(--sf-heading-max,9999px))]",children:o}),(r??"").trim()&&Y3("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:M(r??"")}),(i??"").trim()&&Y3("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:i})]})]})}var uO={label:"Integrations Grid",defaultProps:{eyebrow:"",title:"",body:"",apps:[],statValue:"",statLabel:"",note:""},render:({eyebrow:e,title:t,body:a,apps:s,statValue:o,statLabel:r,note:i,puck:n})=>_81(dO,{eyebrow:z(e,"Integrations",n),title:z(t,`Plays well with
+*your favourite apps.*`,n),body:a,apps:s,statValue:o,statLabel:r,note:i,editing:n?.isEditing})};import{jsx as B81}from"react/jsx-runtime";import{jsx as gO}from"react/jsx-runtime";import{useContext as O81}from"react";function vO({src:e,alt:t,href:a,heightPx:s=B7,reverse:o=!0}){let r=Oi(),i=(e??"").trim(),n=i?{src:B2(i),reversedSrc:null,inkIsDark:null,wordmark:t?.trim()||null}:{src:r.src,reversedSrc:r.reversedSrc,inkIsDark:r.inkIsDark,wordmark:r.wordmark},l=O81(Nv),c=Kl(),h=gO(lt,{variant:"footer",sizePx:s,src:n.src,reverse:o,reversedSrc:n.reversedSrc,inkIsDark:n.inkIsDark,wordmark:n.wordmark,siteName:r.siteName,fitToContainer:c,...l?.dark?{onLightSurface:!1}:{}});return a?gO(p0,{href:a,className:"inline-flex",children:h}):h}var fO={label:"Logo",defaultProps:{heightPx:B7,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:s,reverse:o})=>B81(vO,{src:e||void 0,alt:D2(t).text||void 0,href:a||void 0,heightPx:s,reverse:o!=="off"})};import{jsx as Z81}from"react/jsx-runtime";import{jsx as Uo,jsxs as D81}from"react/jsx-runtime";function bO({items:e,contained:t,heading:a,columns:s,grayscale:o,logoHeight:r,bandPadding:i}){let n=s!=null?{flex:`0 0 calc((100% - ${(s-1)*3.5}rem) / ${s})`}:void 0;return D81(c2,{contained:t,className:i==null?"py-10":"",style:i==null?void 0:{paddingTop:`${i}px`,paddingBottom:`${i}px`},children:[a!=null&&a!==""?Uo("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:X(a,!1)}):null,Uo("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(e??[]).map((l,c)=>Uo("div",{className:"text-center",style:n,children:l.src?Uo("img",{src:B2(l.src),alt:l.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",r==null?"h-7":"",o===!1?"":"grayscale"].filter(Boolean).join(" "),style:r==null?void 0:{height:`${r}px`}}):Uo("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:U0(l.alt||"Logo")})},c))})]})}var G81=()=>[{src:"",alt:m("Logo one")},{src:"",alt:m("Logo two")},{src:"",alt:m("Logo three")},{src:"",alt:m("Logo four")},{src:"",alt:m("Logo five")}],xO={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,logoHeight:o,bandPadding:r,grayscale:i,puck:n})=>Z81(bO,{items:M1(e,G81(),n),contained:t,heading:z(a,"Trusted by *teams worldwide*",n),columns:s,logoHeight:o,bandPadding:r,grayscale:i})};import{jsx as q81}from"react/jsx-runtime";import{jsx as l7,jsxs as zO}from"react/jsx-runtime";import{jsx as wO,jsxs as W81}from"react/jsx-runtime";function yO({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),s=a?parseInt(a[1],10):0,o=a?a[2]:"",{ref:r,value:i}=la(s),n=a?i+o:e;return W81("div",{ref:r,className:"min-w-0",children:[wO("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:n}),wO("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}function kO({eyebrow:e,heading:t,body:a,stats:s,imageSrc:o,grayscale:r,...i}={}){let n=Ot(r,na()),l=e||null,c=t||null,h=a||null,p=(s??[]).filter(d=>(d.value??"").trim()!==""||(d.label??"").trim()!=="");return l7("section",{className:"relative z-[2] bg-bg p-0",children:zO("div",{className:"grid h-screen min-h-[100vh] grid-cols-2 border-y border-line max-[960px]:h-auto max-[960px]:grid-cols-1",children:[l7("div",{className:"flex flex-col justify-center border-r border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[960px]:order-2 max-[960px]:border-r-0 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[960px]:py-[60px]",children:zO("div",{className:D0(i)?"flex w-full flex-col gap-7":"ml-auto flex w-full flex-col gap-7 max-w-[calc(var(--sf-site-width,1600px)/2_-_var(--sf-site-gutter,40px)*2_-_1px)] max-[960px]:ml-0 max-[960px]:max-w-none",children:[l!==null&&l7(O1,{text:l,size:14}),c!==null&&l7("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] max-[800px]:leading-[1]",children:X(c,!0)}),h!==null&&S0(h).map((d,u)=>l7("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:M(d)},u)),p.length>0&&l7("div",{className:"mt-4 grid max-w-[520px] gap-6 border-t border-line pt-7",style:{gridTemplateColumns:`repeat(${p.length}, minmax(0, 1fr))`},children:p.map((d,u)=>l7(yO,{target:d.value??"",label:d.label??""},u))})]})}),l7("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:l7(T0,{label:"manifesto",src:o||void 0,objectFit:"cover",objectPosition:"center",treatment:n})})]})})}var U81=[{value:"00",label:T.label},{value:"00",label:T.label},{value:"00",label:T.label}],CO={label:"Brand Text",defaultProps:{eyebrow:"",imageSrc:"",stats:[]},render:({eyebrow:e,heading:t,body:a,stats:s,imageSrc:o,grayscale:r,widthMode:i,fullWidth:n,pageWidth:l,puck:c})=>q81(kO,{eyebrow:l2(e,T.eyebrow,c),heading:l2(t,T.heading,c),body:l2(a,T.body,c),stats:M1(s,U81,c),imageSrc:o||void 0,grayscale:r,widthMode:i,fullWidth:n,pageWidth:l})};import{jsx as J81}from"react/jsx-runtime";import{jsx as A1,jsxs as e2,Fragment as SO}from"react/jsx-runtime";var Hf="#ffffff",g6="#16181d",b8="#5b6470",Eh="#9aa3ae",da="#f4f6f8",I9="#e3e7ec",Hh="#1f9d55";function j81({rows:e}){return A1("div",{className:"flex flex-col gap-3",children:e.map((t,a)=>{let s=t.state??"ok",o=s==="no";return e2("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:o?"#fbfbfc":da,borderColor:I9},children:[s==="no"?A1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:Eh},children:"\u2715"}):A1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:s==="warn"?"var(--accent)":Hh}}),A1("span",{className:"text-[14px] font-semibold",style:{color:o?Eh:g6},children:t.lead}),A1("span",{className:"text-[13px]",style:{color:o?Eh:b8},children:t.detail}),(t.status??"").trim()&&A1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:s==="ok"?Hh:s==="warn"?"var(--accent)":Eh},children:t.status})]},a)})})}var MO=["#c7cdd5","var(--accent)","#c7cdd5",Hh];function K81({columns:e}){return A1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:da,gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:e.map((t,a)=>e2("div",{className:"flex flex-col gap-2",children:[e2("div",{className:"flex items-baseline justify-between px-1",children:[A1("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:b8},children:t.title}),A1("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:t.cards.length})]}),t.cards.map((s,o)=>e2("div",{className:"rounded-md border px-2.5 py-2",style:{background:Hf,borderColor:a===e.length-1?"#bfe3ce":I9},children:[A1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:MO[a%MO.length]}}),A1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:g6},children:s})]},o))]},a))})}function $81({heading:e,bars:t}){let a=Math.max(...t.map(o=>o.value),0)||1,s=t.findIndex(o=>o.value===a);return e2("div",{className:"border-t pt-4",style:{borderColor:I9},children:[e.trim()&&A1("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:b8},children:e}),A1("div",{className:"flex flex-col gap-2.5",children:t.map((o,r)=>e2("div",{className:"flex items-center gap-3",children:[A1("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:g6},children:o.label}),A1("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(o.value/a*60,4)}%`,background:r===s?"var(--accent)":r%2?"#c7cdd5":"#9aa3ae"}}),e2("span",{className:"text-[12px]",style:{color:b8},children:[o.value,"%"]})]},r))})]})}function AO({size:e}){let t=e/2;return e2("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":!0,children:[A1("circle",{cx:t,cy:t,r:t*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),A1("circle",{cx:t,cy:t,r:t*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),A1("circle",{cx:t,cy:t,r:t*.14,fill:"var(--accent)"})]})}function Y81({header:e,lines:t}){return e2("div",{style:{background:"#0c0e11"},children:[e2("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[A1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),A1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),A1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&A1("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:e})]}),e2("div",{className:"flex flex-col gap-1.5 px-5 py-5 font-mono text-[13px] leading-relaxed",children:[t.map((a,s)=>a.startsWith("$ ")?e2("div",{children:[A1("span",{style:{color:"var(--accent)"},children:"$ "}),A1("span",{style:{color:"#f4f6f2"},children:a.slice(2)})]},s):a.startsWith("\u2713")?A1("div",{style:{color:"#6fcf7e"},children:a},s):A1("div",{style:{color:"rgba(244,246,242,0.55)"},children:a},s)),A1("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function X81({urlText:e,heroTitle:t,heroButton:a,products:s}){return e2("div",{children:[e2("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:da},children:[A1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),A1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),A1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&A1("span",{className:"mx-auto rounded border px-6 py-1 text-[11px]",style:{background:Hf,borderColor:I9,color:b8},children:e}),A1("span",{className:"w-[54px]","aria-hidden":!0})]}),e2("div",{className:"relative overflow-hidden px-5 py-6",style:{background:g6},children:[A1("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:A1(AO,{size:104})}),t.trim()&&A1("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:t}),a.trim()&&A1("div",{className:"mt-3 inline-block rounded px-3.5 py-1.5 text-[11px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:a})]}),s.length>0&&A1("div",{className:"grid grid-cols-3 gap-3 p-4",children:s.map((o,r)=>e2("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:I9},children:[A1("div",{className:"flex items-center justify-center py-3",style:{background:da},children:A1(AO,{size:56})}),e2("div",{className:"flex flex-col gap-1 p-2.5",children:[A1("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:g6},children:o.name}),A1("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:o.price}),A1("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:g6},"aria-hidden":!0,children:"Add to cart"})]})]},r))})]})}function LO({eyebrow:e,title:t,body:a,variant:s="spec-card",cardHeader:o,badge:r,cardTitle:i,cardSubtitle:n,pills:l,tiles:c,rows:h,button:p,footnote:d,col1Title:u,col1Cards:v,col2Title:g,col2Cards:b,col3Title:f,col3Cards:y,col4Title:x,col4Cards:k,barsHeading:S,bars:L,termLines:R,urlText:F,heroTitle:O,heroButton:P,products:E,align:N="right",editing:V=!1}={}){let G=(l??[]).filter(a1=>V||(a1.value??"").trim()),H=(c??[]).filter(a1=>V||(a1.label??"").trim()),j=(h??[]).filter(a1=>V||(a1.lead??"").trim()),_=[[u,v],[g,b],[f,y],[x,k]].map(([a1,$])=>({title:(a1??"").trim(),cards:($??[]).map(m1=>(m1.text??"").trim()).filter(Boolean)})).filter(a1=>a1.title||a1.cards.length>0),e1=(L??[]).map(a1=>({label:(a1.label??"").trim(),value:parseFloat(a1.value??"")})).filter(a1=>a1.label&&Number.isFinite(a1.value)),K=(R??[]).map(a1=>a1.text??"").filter(a1=>V||a1.trim()),Y=(E??[]).map(a1=>({name:(a1.name??"").trim(),price:(a1.price??"").trim()})).filter(a1=>a1.name),h1=!!(e??"").trim()||!!(t??"").trim(),B=!!(o??"").trim()||!!(i??"").trim()||G.length>0||H.length>0||j.length>0||_.length>0||e1.length>0||Y.length>0||K.length>0||!!(O??"").trim();if(!V&&!h1&&!B)return null;let q=e2("div",{className:`w-full overflow-hidden rounded-2xl shadow-[0_24px_60px_rgba(0,0,0,0.35)] ${s==="kanban"||s==="browser"||s==="terminal"?"max-w-[600px]":"max-w-[520px]"}`,style:{background:Hf},children:[s!=="terminal"&&(o??"").trim()&&e2("div",{className:"flex items-center justify-between px-6 py-4",style:{background:g6},children:[A1("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:o}),(r??"").trim()&&e2("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[A1("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:Hh}}),r]})]}),s==="terminal"?A1(Y81,{header:o??"",lines:K}):s==="browser"?A1(X81,{urlText:F??"",heroTitle:O??"",heroButton:P??"",products:Y}):e2("div",{className:"flex flex-col gap-5 p-6",children:[((i??"").trim()||(n??"").trim())&&e2("div",{children:[(i??"").trim()&&A1("div",{className:"text-[22px] font-bold leading-tight",style:{color:g6},children:i}),(n??"").trim()&&A1("div",{className:"mt-1 text-[14px]",style:{color:b8},children:n})]}),s==="fitment"&&G.length>0&&A1("div",{className:"flex flex-wrap gap-2.5",children:G.map((a1,$)=>e2("span",{className:"flex items-baseline gap-2 rounded border px-4 py-2",style:{background:da,borderColor:I9},children:[A1("span",{className:"text-[11px]",style:{color:b8},children:a1.label}),A1("span",{className:"text-[13px] font-bold",style:{color:g6},children:a1.value})]},$))}),s!=="fitment"&&H.length>0&&A1("div",{className:"grid grid-cols-2 gap-3",children:H.map((a1,$)=>e2("div",{className:"rounded-lg px-4 py-3",style:{background:da},children:[A1("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:b8},children:a1.label}),A1("div",{className:"mt-1 text-[17px] font-bold",style:{color:g6},children:a1.value})]},$))}),j.length>0&&A1(j81,{rows:j}),(p??"").trim()&&A1("div",{className:"self-start rounded-lg px-6 py-2.5 text-[14px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:p}),s==="kanban"&&_.length>0&&A1(K81,{columns:_}),s==="claims"&&e1.length>0&&A1($81,{heading:S??"",bars:e1}),(d??"").trim()&&A1("div",{className:"border-t pt-4",style:{borderColor:I9},children:A1("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:d})})]})]}),Q=e2("div",{children:[(e??"").trim()&&A1("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:M(e??"")}),(t??"").trim()&&A1("h2",{className:"mt-5 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(t??"",!1)}),(a??"").trim()&&A1("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:a})]});return A1("section",{className:"relative z-[2] border-y border-line bg-surface",children:A1("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:grid-cols-2 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:N==="left"?e2(SO,{children:[A1("div",{className:"flex justify-center min-[960px]:justify-start",children:q}),Q]}):e2(SO,{children:[Q,A1("div",{className:"flex justify-center min-[960px]:justify-end",children:q})]})})})}var TO={label:"Mockup Card",defaultProps:{eyebrow:"",title:"",body:"",variant:"spec-card",cardHeader:"",badge:"",cardTitle:"",cardSubtitle:"",pills:[],tiles:[],rows:[],button:"",footnote:"",col1Title:"",col1Cards:[],col2Title:"",col2Cards:[],col3Title:"",col3Cards:[],col4Title:"",col4Cards:[],barsHeading:"",bars:[],termLines:[],urlText:"",heroTitle:"",heroButton:"",products:[],align:"right"},render:({eyebrow:e,title:t,body:a,variant:s,cardHeader:o,badge:r,cardTitle:i,cardSubtitle:n,pills:l,tiles:c,rows:h,button:p,footnote:d,col1Title:u,col1Cards:v,col2Title:g,col2Cards:b,col3Title:f,col3Cards:y,col4Title:x,col4Cards:k,barsHeading:S,bars:L,termLines:R,urlText:F,heroTitle:O,heroButton:P,products:E,align:N,puck:V})=>J81(LO,{eyebrow:z(e,"In the product",V),title:z(t,`Seen from
+*the counter.*`,V),body:a,variant:s,cardHeader:o,badge:r,cardTitle:i,cardSubtitle:n,pills:l,tiles:c,rows:h,button:p,footnote:d,col1Title:u,col1Cards:v,col2Title:g,col2Cards:b,col3Title:f,col3Cards:y,col4Title:x,col4Cards:k,barsHeading:S,bars:L,termLines:R,urlText:F,heroTitle:O,heroButton:P,products:E,align:N,editing:V?.isEditing})};import{jsx as x8}from"react/jsx-runtime";var EO={label:"Section Header",defaultProps:{headStyle:Ro,num:"01 / Section",numStyle:g9,title:"Section *title*",description:"",logoSrc:"",logoAlt:"",linkText:"",linkHref:"",fullWidth:!0,pageWidth:S7.default},render:({headStyle:e,num:t,numStyle:a,eyebrowLook:s,title:o,description:r,logoSrc:i,logoAlt:n,linkText:l,linkHref:c,rowGap:h,descriptionSize:p,widthMode:d,fullWidth:u,pageWidth:v,puck:g})=>{let b=z(l,"View all",g),f=J2({widthMode:d,fullWidth:u,pageWidth:v},"full"),y=yh(e);return x8("section",{className:"px-[var(--sf-site-gutter,40px)] pt-10 max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-6",children:x8("div",{className:f.mode==="page"?To:void 0,children:y==="editorial"?x8(a3,{num:z(t,"01 / Section",g),title:(()=>{let x=z(o,"Section *title*",g);return x?X(x,!0):void 0})(),desc:(()=>{let x=z(r,"Short supporting line",g);return x?M(x):void 0})(),spaceBelow:""}):y==="simple"?x8(h0,{look:"simple",num:z(t,"01 / Section",g),title:z(o,"Section *title*",g),eyebrowLook:C4(s,"SectionHeader")}):y==="statement"?x8(h0,{look:"statement",num:z(t,"01 / Section",g),title:z(o,"Section *title*",g),eyebrowLook:C4(s,"SectionHeader")}):y==="natural"?x8(h0,{look:"natural",num:z(t,"01 / Section",g),title:z(o,"Section *title*",g),description:z(r,"Short supporting line",g),eyebrowLook:C4(s,"SectionHeader"),rowGap:MV(h),descriptionSize:AV(p)}):y==="essay"?x8(h0,{look:"essay",num:z(t,"01 / Section",g),title:z(o,"Section *title*",g),eyebrowLook:C4(s,"SectionHeader")}):x8(h0,{num:z(t,"01 / Section",g),title:z(o,"Section *title*",g),description:z(r,"Short supporting line",g),logo:i?{src:i,alt:i1(n)}:void 0,link:b?{text:b,href:i1(c)||"#"}:void 0,numStyle:a,accent:!0})})})}};import{jsx as t91}from"react/jsx-runtime";import{jsx as Q81}from"react/jsx-runtime";var e91={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function HO({size:e}){return Q81("div",{"aria-hidden":!0,className:e91[e]})}var FO={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>t91(HO,{size:e})};import{jsx as s91}from"react/jsx-runtime";import{jsx as jo}from"react/jsx-runtime";var a91=()=>[{text:m("Spec label"),tone:"normal"},{text:m("Spec value"),tone:"muted"},{text:m("Spec label"),tone:"normal"},{text:m("Spec value"),tone:"muted"}];function PO({cells:e,fill:t="dark",editing:a=!1}){let s=(e??[]).filter(n=>(n?.text??"").trim()),o=s.length>0?s:a?a91():[];if(o.length===0)return null;let r=t!=="none",i=jo("div",{className:"mx-auto flex max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))] flex-wrap items-baseline justify-between gap-x-8 gap-y-1 px-[var(--sf-site-gutter,40px)] py-4 text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-3",children:o.map((n,l)=>jo("span",{className:r?n.tone==="muted"?"text-plate-band-fg-dim":"text-plate-band-fg":n.tone==="muted"?"text-fg-dim":"text-fg",children:n.text},l))});return jo("section",{className:"w-full",children:r?jo("div",{className:"bg-plate-band",children:i}):jo("div",{className:"border-t border-line",children:i})})}var NO={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>s91(PO,{cells:e,fill:t,editing:a?.isEditing})};import{jsx as l91}from"react/jsx-runtime";import{jsx as V9,jsxs as RO}from"react/jsx-runtime";import{Fragment as o91,jsx as IO,jsxs as r91}from"react/jsx-runtime";function VO({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:s}=la(t?Number.parseInt(t[1],10):0);return!t||z2(e)!==e?IO(o91,{children:M(e)}):IO(Q8,{value:e,children:r91("span",{ref:a,children:[s,t[2]]})})}var i91="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",n91={2:"grid grid-cols-2 gap-8",3:"grid grid-cols-3 gap-8 max-[800px]:grid-cols-2",4:"grid grid-cols-4 gap-8 max-[800px]:grid-cols-2"};function _O({items:e,contained:t,heading:a,columns:s,background:o,editing:r}){let i=s===void 0?i91:n91[s],n=V9("div",{className:i,children:(e??[]).map((l,c)=>RO("div",{className:"border-t border-line pt-5",children:[V9("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:r?M(l.value):V9(VO,{value:l.value})}),V9("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:M(l.label)})]},c))});return a===void 0&&o===void 0?V9(c2,{contained:t,className:"py-12",children:n}):V9(c2,{contained:t,className:"py-12",children:RO("div",{style:o?{backgroundColor:o}:void 0,children:[a?V9("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:M(a)}):null,n]})})}var c91=[{value:"00",label:T.label},{value:"00",label:T.label},{value:"00",label:T.label},{value:"00",label:T.label}],OO={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,background:o,puck:r})=>l91(_O,{items:M1(e,c91,r),contained:t,heading:z(a,"By the *numbers*",r),columns:s,background:L7(o,k3.Stats),editing:r?.isEditing})};import{Fragment as d91,jsx as DO}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var h91={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},p91="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",m91={default:"text-fg",dim:"text-fg-dim"};function BO({text:e,align:t,tone:a,contained:s,hero:o=!1}){if(o)return Ff("p",{className:p91,children:M(e)});let r=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${h91[t]} ${m91[a]}`;return Ff(c2,{contained:s,className:"py-4",children:S0(e).map((i,n)=>Ff("p",{className:r,children:M(i)},n))})}var ZO={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:s,puck:o})=>D2(e).hidden?DO(d91,{}):DO(BO,{text:b5(i1(e),T.body,o)??"",align:t,tone:a,contained:s})};var GO={Banner:kR,Breadcrumb:CP,ButtonBlock:SR,Cards:HP,CategoryBar:AR,Chart:_P,ContactLocations:HR,CustomHTML:e_,Divider:a_,DocBody:lN,DocMasthead:pN,DocMetaCards:uN,DocTabs:fN,Eyebrow:r_,FAQ:zN,FeaturedCover:FN,Flex:ZN,Footprint:JN,Grid:sI,Heading:l_,Hero:nI,HeroGroup:dI,HeroSingle:yI,HeroSlide:CI,ImageBlock:h_,Integrations:uO,IntroBleed:FI,Countdown:QP,KeyFeatures:VI,LogoBlock:fO,Logos:xO,LongRead:GI,Manifesto:CO,Masthead:jI,Mockup:TO,OrderSummary:tV,ParagraphsA:oV,PaymentBadges:lV,PostCard:pV,ProcessSteps:vV,Prose:yV,SectionHeader:EO,Series:HV,Spacer:FO,SpecStrip:NO,Split:OV,Stats:OO,StatsParagraph:qV,Testimonials:KV,Text:ZO,Ticker:oR,Timeline:mR,TimelineTrack:gR,TitleWithButtons:xR};var u91={Banner:zP,Breadcrumb:SP,ButtonBlock:TP,Cards:PP,CategoryBar:NP,Chart:OP,ContactLocations:$P,Countdown:tN,CustomHTML:aN,Divider:iN,DocBody:cN,DocMasthead:mN,DocMetaCards:gN,DocTabs:bN,Eyebrow:xN,FAQ:kN,FeaturedCover:PN,Flex:WN,Footprint:eI,Grid:rI,Heading:iI,Hero:hI,HeroGroup:bI,HeroSingle:kI,HeroSlide:SI,ImageBlock:TI,Integrations:EI,IntroBleed:NI,KeyFeatures:_I,LogoBlock:OI,Logos:BI,LongRead:WI,Manifesto:qI,Masthead:KI,Mockup:YI,OrderSummary:aV,ParagraphsA:rV,PaymentBadges:cV,PostCard:mV,ProcessSteps:bV,Prose:zV,SectionHeader:TV,Series:FV,Spacer:PV,SpecStrip:IV,Split:BV,Stats:DV,StatsParagraph:UV,Testimonials:YV,Text:XV,Ticker:rR,Timeline:dR,TimelineTrack:vR,TitleWithButtons:yR},G1=jt(GO,u91);import{IconButton as WO}from"efficient-shell/ui";import{SettingsField as g91}from"efficient-easel/panel";import{ColumnsIcon as v91}from"efficient-easel/icons";import{Fragment as qO,jsx as ua,jsxs as Pf}from"react/jsx-runtime";function f91(e,t,a,s){let o=a.indexOf(e[t]),r=o>=0?o:0,i=a[Math.min(Math.max(r+s,0),a.length-1)];return{...e,[t]:i}}function Ko({label:e,unit:t,steps:a,value:s,onChange:o,format:r=String,note:i}){let n=Q5(),l=a.indexOf(s[n]),c=l>=0?l:0,h=p=>o(f91(s,n,a,p));return ua(g91,{label:m(e),icon:ua(v91,{}),action:Pf("div",{className:"sf-colstep",children:[ua(WO,{variant:"secondary",size:"sm","aria-label":m("Fewer {unit} on {view}",{unit:t,view:m(J5[n])}),disabled:c<=0,onClick:()=>h(-1),children:"\u2212"}),ua("span",{className:"sf-colstep-value","aria-live":"polite",children:r(a[c])}),ua(WO,{variant:"secondary",size:"sm","aria-label":m("More {unit} on {view}",{unit:t,view:m(J5[n])}),disabled:c>=a.length-1,onClick:()=>h(1),children:"+"})]}),hint:Pf(qO,{children:[n4(m("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:ua("strong",{children:m(J5[n])})}),i?Pf(qO,{children:[" ",i]}):null]})})}var c7="auto",If=1,UO=6,Vf={desktop:c7,tablet:c7,mobile:c7},jO=[c7,...Array.from({length:UO-If+1},(e,t)=>If+t)],b91="1rem",KO=`var(--sf-block-gap-rem, var(--sf-card-gap, ${b91}))`,Rf=240,_f=150,x91=.5,w91=e=>`--plp-grid-cols-${e}`,y91="--plp-grid-gap";function $O(e){return e===c7?"Auto":String(e)}function Nf(e){if(e===c7)return c7;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),If),UO):c7}function Fh(e){if(!e||typeof e!="object")return{...Vf};let t=e;return{desktop:Nf(t.desktop),tablet:Nf(t.tablet),mobile:Nf(t.mobile)}}function z91(e){if(e===c7)return`repeat(auto-fill, minmax(${Rf}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${KO}`}) / ${e} - ${x91}px)`;return`repeat(auto-fill, minmax(max(${_f}px, ${a}), 1fr))`}function YO(e,t=null){let a={[y91]:KO};for(let s of AS)a[w91(s)]=z91(e[t??s]);return a}import{Fragment as k91,jsx as Of}from"react/jsx-runtime";function Bf({value:e,onChange:t}){return Of(Ko,{label:"Columns",unit:m("items per row"),steps:jO,value:Fh(e),format:a=>m($O(a)),onChange:t,note:Of(k91,{children:n4(m("{auto} fits as many {px}px-wide cards as the width allows. A number is a maximum: where it would squeeze cards under {min}px the row shows fewer.",{px:Rf,min:_f}),{auto:Of("strong",{children:m("Auto")})})})})}import{useCallback as L5,useEffect as et1,useId as tt1,useMemo as X3,useRef as at1,useState as st1}from"react";import{jsxs as XO}from"react/jsx-runtime";function M5({text:e,linkText:t,linkHref:a}){let s=(t??"").trim(),o=(a??"").trim(),r=!!s&&!!o;return!e&&!r?null:XO("p",{className:"mt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.06em] text-fg-dim",children:[e?M(e):null,e&&r?" ":null,r&&XO(T1,{href:o,className:"text-accent transition-colors hover:text-fg",children:[M(s)," \u2192"]})]})}import{jsx as S91}from"react/jsx-runtime";var C91="This website has no currency yet. Add one in {place} and these cards will price. Only you can see this line.";function $o({editing:e}){return aE(e)?S91(M5,{text:m(C91,{place:m("Settings")})}):null}function M91(e){return e.length===1?T4[e[0]]:"Products"}function Ph(e){return e.length===1?e[0]:null}function A91(e){switch(Ph(e)){case"alloy-wheel":return"Only wheels that bolt on";case"tyre":return"Only sizes your car takes";default:return"Only what fits your car"}}function L91(e){switch(Ph(e)){case"alloy-wheel":return{heading:"Let's find wheels that fit your car.",intro:"Tell us what you drive and we'll show you every set that bolts straight on \u2014 bolt pattern, offset and hub bore checked for you."};case"tyre":return{heading:"Let's find tyres that fit your car.",intro:"Tell us what you drive and we'll show you every tyre made in your car's factory sizes \u2014 front and rear checked for you."};default:return{heading:"Let's find products that fit your car.",intro:"Tell us what you drive and we'll show you what fits. Wheels are checked on bolt pattern, offset and hub bore. Tyres are checked on the sizes your car takes."}}}function T91(e){switch(Ph(e)){case"alloy-wheel":return"We only list a wheel here once its bolt pattern and hub bore are confirmed against your car. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand.";case"tyre":return"We only list a tyre here once one of its sizes is confirmed for your car. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand.";default:return"We only list a product here once it is confirmed against your car: a wheel on its bolt pattern and hub bore, a tyre on the sizes your car takes. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand."}}var E91="We don't have factory tyre data for this exact car, so we can't promise a fit. Here are all tyres instead \u2014 the size is printed on your current tyre's sidewall.";function Yo(e){let t=e6(e),a=L91(e),s=`showing every ${t.one}`;return{promise:A91(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:s,eyebrow:`${M91(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:T91(e),noData:Ph(e)==="tyre"?E91:`No fitment data for this car \u2014 ${s}`,cascadeDown:`Vehicle data is unavailable right now \u2014 browse all ${t.many} and we'll help you check fitment at checkout.`,countFits:o=>`${o} ${o===1?t.one:t.many} fit${o===1?"s":""}`}}function JO(e,t,a,s){let o=Yo(a),r=a.length!==s.length;return{heading:!r&&e||o.gateHeading,intro:!r&&t||o.gateIntro}}import{useCallback as se1,useEffect as oe1,useMemo as re1,useState as SB}from"react";import{useState as H91}from"react";import{jsx as Df}from"react/jsx-runtime";function Xo({brand:e,logo:t}){let[a,s]=H91(!1),o=(e??"").trim();if(!o)return null;let r=a?void 0:x4(t??void 0);return Df("div",{className:"sf-card-plate absolute inset-x-0 bottom-0 flex h-1/4 items-center justify-center bg-[var(--card-bg)] px-4 transition-colors duration-200 group-hover:bg-[var(--card-bg-hover)]",children:r?Df("img",{src:r,alt:o,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):Df("span",{className:"truncate font-display text-[length:var(--size-body,18px)] font-medium uppercase leading-none tracking-[-0.01em] text-fg",children:o})})}import{Fragment as F91,jsx as QO,jsxs as P91}from"react/jsx-runtime";function Zf(e,t){return!e&&!t?null:P91(F91,{children:[e&&QO("span",{className:"text-fg",children:e}),e&&t?QO("span",{className:"mx-[6px] text-fg-dim",children:"\xB7"}):null,t]})}function Jo(e,t){let a=vt(t);return e.kind||e.brand&&a("brand")?!0:e.process&&a(ft)}function Nh({kindLabel:e,brand:t,process:a},s){if(!Jo({kind:!!e,brand:!!t,process:!!a},s))return null;let o=vt(s);return Zf(e,o("brand")?t:null)??(o(ft)?a:null)}import{useEffect as N91,useState as eB}from"react";var Gf=new Map;function I91(e){let t=Gf.get(e);if(t)return t;let a=f0.getTyre(e).catch(s=>{throw Gf.delete(e),s});return Gf.set(e,a),a}function tB(e,t){let[a,s]=eB("idle"),[o,r]=eB(null);return N91(()=>{if(!t||!e)return;let i=!1;return s("loading"),I91(e).then(n=>{i||(r(n),s("ready"))}).catch(()=>{i||s("error")}),()=>{i=!0}},[e,t]),{state:a,tyre:o}}import{Fragment as V91}from"react";import{Fragment as Wf,jsx as A5,jsxs as v6}from"react/jsx-runtime";var Ih="mt-3 flex h-[26px] items-center gap-1",Vh="flex min-w-0 items-center gap-1 overflow-hidden",Rh="shrink-0 border border-line px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",qf="border px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] whitespace-nowrap",_h=`${qf} border-accent/60 text-accent`,R91=e=>`calc((100% - ${e}px) / 2)`,_91=2,O91=28,aB=e=>_91+2*O91+(e?10:0);var B91=16;var D91="whitespace-nowrap",Z91=e=>typeof e=="string"?e:e.text;function Oh(e,t="\xB7"){return e.map((a,s)=>{let o=Z91(a),r=typeof a!="string"&&a.accent;return v6(V91,{children:[A5("span",{className:`${D91}${r?" text-accent":""}`,children:s<e.length-1?`${o} ${t}`:o}),s<e.length-1?" ":null]},o)})}var Bh="mt-3 flex flex-col gap-2",R9="cursor-pointer bg-btn px-4 py-2.5 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-btn-ink transition-colors hover:bg-fg",Dh="border border-btn px-4 py-2.5 text-center font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",G91="border px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em]",Qo="absolute right-[18px] top-[18px] z-10";function ga({tone:e,className:t,children:a}){return A5("span",{className:[t,G91,e==="solid"?"border-accent bg-accent text-bg":"border-accent text-accent"].filter(Boolean).join(" "),children:a})}function _9({variant:e="catalog",wide:t=!1,href:a,identityLink:s=!1,outline:o="none",imageBackgroundFill:r=K5,containerProps:i,probes:n,indexBadge:l,badges:c,image:h,imageSecond:p,plate:d,eyebrow:u,reserveEyebrow:v=!1,name:g,spec:b,was:f,price:y,metaLine:x,swatches:k,showPrice:S=!0,reserveSwatches:L=!0,extras:R}){let F=e==="catalog",O=IC(r),P=O&&r===Te,E=P?"bg-[var(--wheel-stage)] p-[5px]":O?"p-[5px]":"",N=O&&!P?{backgroundColor:r}:{},V=(a1,$)=>A5("figure",{className:`m-0 aspect-square [flex:0_0_auto] max-w-full max-[800px]:w-[252px] ${$}`,style:{width:R91(aB(O))},children:a1}),G=F?v6("div",{className:t?`relative mt-2 mb-5 flex items-center justify-center [&_img]:object-top max-[800px]:flex-col ${E}`:`relative mt-2 mb-5 flex aspect-square items-center justify-center overflow-hidden [&_img]:object-top ${E}`,style:t?{...N,borderRadius:10,columnGap:aB(O),rowGap:B91}:{...N,borderRadius:"var(--sf-card-image-radius, 10px)"},children:[t?v6(Wf,{children:[V(h,"max-[800px]:-translate-x-[38px]"),V(p??h,"max-[800px]:translate-x-[38px]")]}):h,d]}):v6("div",{className:"relative mb-[18px] aspect-square overflow-hidden bg-bg p-[30px] [&_img]:object-top",style:{borderRadius:"var(--sf-card-image-radius, 10px)"},children:[h,d]}),H=`font-mono text-[length:var(--size-label,12px)] uppercase text-accent ${F?"tracking-[0.3em]":"tracking-[0.25em]"}`,j=u?A5("div",{className:H,children:u}):F&&v?A5("div",{"aria-hidden":!0,className:H,children:"\xA0"}):null,_=A5("div",{className:F?"mt-2 h-[60px] overflow-hidden break-words font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]":"mt-[6px] font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium tracking-[-0.02em]",children:g}),e1=A5("div",{className:F?"mt-2 h-[38px] overflow-hidden font-mono text-[length:var(--size-label,13px)] leading-[19px] tracking-[0.14em] text-fg-dim":"mt-[4px] font-mono text-[length:var(--size-label,13px)] tracking-[0.1em] text-fg-dim",children:b}),K=S?v6("div",{className:"mt-2 font-mono text-[length:var(--size-label,13px)]",children:[f&&A5("span",{className:"mr-2 text-fg-dim line-through",children:f}),y]}):null,Y=S&&x?A5("div",{className:"mt-[2px] font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",children:x}):null,h1=F&&!k?L?A5("div",{"aria-hidden":!0,className:"mt-4 h-4"}):null:k,B=[F?"sf-card sf-card-fill group relative flex min-h-[460px] flex-col bg-[var(--card-bg)] px-7 pt-8 pb-7 transition-colors duration-200 hover:bg-[var(--card-bg-hover)]":"sf-card sf-card-fill group relative block bg-[var(--card-bg)] p-5 transition-colors duration-300 hover:bg-[var(--card-bg-hover)]",qi(o),t?"col-span-2 max-[800px]:col-span-1 @max-[720px]:col-span-1":""].filter(Boolean).join(" "),q=v6(Wf,{children:[G,j,_]}),Q=v6(Wf,{children:[e1,K,Y,h1,R]});return a?s?v6("article",{...i,className:B,children:[n,l,c,A5(T1,{href:a,className:"flex flex-col",children:q}),Q]}):v6(T1,{href:a,className:B,children:[n,l,c,q,Q]}):v6("article",{...i,className:B,children:[n,l,c,q,Q]})}function Uf(e){return(e.components??[]).reduce((a,s)=>a+s.wheels,0)>4}function sB(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(Uf)}var W91=150,q91="Front + rear",oB="L/R pair",rB="Not handed",U91="L/R";function j91(e){return e.et==null||e.rearEt==null?0:Math.abs(e.rearEt-e.et)}function K91(e){return j91(e)>=W91}function iB(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(K91)}function va(e){return e.directional===!0}function nB(e){return e.rearWidth!=null||e.rearEt!=null&&e.rearEt!==e.et}function lB(e){return{twoObjects:Y91(e),handed:e.handed??!1,staggered:!1}}function cB(e){let t=[e.twoObjects?q91:"",e.handed?U91:""].filter(Boolean);return t.length?t.join(" \xB7 "):null}function hB(e){return e.handed}function $91(e){return new Set((e.components??[]).map(t=>t.partNumber)).size>1}function pB(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some($91)}function Y91(e){return(e.setWheelCount??0)>4}var X91=new Set(["boltPattern"]);function mB(e,t){return e&&X91.has(t)}var J91="dually";function fa(e){let t=e.components.reduce((o,r)=>o+r.wheels,0)||4,a=e.kind,s=[a==="staggered"?"Staggered":a===J91?"Dually":"",va(e)?"L/R":""].filter(Boolean);return s.length?`${s.join(" ")} set of ${t}`:`Set of ${t}`}function Q91(e,t){return[...new Set(e.filter(a=>!t||a.finishName===t).map(a=>a.size))]}function ba(e,t,a){if(!(!t||!a))return e.find(s=>s.finishName===t&&s.size===a)}function er(e){return e!=null&&e.inStock===!1}function dB(e,t){return t?e.filter(a=>a.finishName===t&&er(a)):[]}function uB(e,t,a){return t.findIndex((s,o)=>a[o]!==!1&&Q91(e,s).length>0)}function Zh(e){let t=new Set((e.sizePairs??[]).map(o=>`${o.diameter}x${o.width}`)),a=e.spec?.pcds??[],s=e.spec?.etRange??[];return t.size===1&&a.length<=1&&(s.length===0||s[0]===s[s.length-1])}function Gh(e){return e.et==null?null:e.rearEt!=null&&e.rearEt!==e.et?`${e.et}/${e.rearEt}`:String(e.et)}function jf(e){return e.diameter==null||e.width==null?JSON.stringify([e.size]):JSON.stringify([e.kind,e.diameter,e.width,e.rearWidth??null])}function gB(e){return e.diameter==null||e.width==null?e.size:`${e.diameter}" ${e.kind}`}function vB(e){return e.diameter==null||e.width==null?"":e.rearWidth!=null?`${W2(e.width)} front / ${W2(e.rearWidth)} rear`:`${W2(e.width)} all round`}function tr(e){if(e.diameter==null||e.width==null)return e.size;let t=(a,s)=>`${e.diameter} \xD7 ${W2(a)}${s!=null?` ET ${s}`:""}`;return nB(e)?`${t(e.width,e.et)} front \xB7 ${t(e.rearWidth??e.width,e.rearEt)} rear`:t(e.width,e.et)}function Kf(e,t){return t?e.filter(a=>a.finishName===t):[]}var fB="handed",bB="plain";function ar(e){let t=e.variants??[],a=e.finishes.map(d=>({value:d.name,label:d.name,swatch:d.color}));function s(d){let u=[];for(let v of t){let g=d(v);!g||u.some(b=>b.value===g.value)||u.push(g)}return u}let o=s(d=>({value:jf(d),label:gB(d),note:vB(d)})),r=s(d=>d.boltPattern?{value:d.boltPattern,label:d.boltPattern}:null),i=s(d=>{let u=Gh(d);return u===null?null:{value:u,label:`ET ${u}`}}),n=s(d=>d.centreBore==null?null:{value:W2(d.centreBore),label:`${W2(d.centreBore)} mm`}),l=s(d=>({value:va(d)?fB:bB,label:va(d)?oB:rB})),c=t.map(d=>({id:`${d.finishName}|${d.size}`,options:{finish:d.finishName,size:jf(d),variantSize:d.size,...d.boltPattern?{boltPattern:d.boltPattern}:{},...Gh(d)!==null?{et:Gh(d)}:{},...d.centreBore==null?{}:{centreBore:W2(d.centreBore)},pairing:va(d)?fB:bB},inStock:!er(d),image:null,components:d.components})),p=((e.defaultFinish?a.find(d=>d.value===e.defaultFinish):void 0)??a[0])?.value;return{kind:"alloy-wheel",source:e,slug:e.slug,name:e.name,eyebrow:e.process,badge:e.badge==="new"?"New 2026":e.badge?"Bestseller":"",href:`/wheels/${e.slug}`,crumbs:[{label:"Home",href:"/"},{label:"Wheels",href:"/wheels"},{label:e.process,href:"/wheels"},{label:e.name}],cover:e.coverImage??null,inStock:e.inStock===!0,mediaGroups:e.mediaGroups,optionFields:[{key:"finish",label:"Finish",prompt:"Select a finish",role:"resolves",display:"swatch",defaultValue:p},{key:"size",label:"Size",prompt:"Select a size",role:"resolves",display:"pill",empty:{text:"This wheel isn't available to order online in this finish.",linkText:"Contact us about it \u2192",href:"/contact"}},{key:"boltPattern",label:"Bolt pattern",prompt:"Select a bolt pattern",role:"describes",display:"pill"},{key:"et",label:"Offset",prompt:"Select an offset",role:"describes",display:"pill"},{key:"centreBore",label:"Centre bore",prompt:"Select a centre bore",role:"describes",display:"pill"},{key:"pairing",label:"Wheels",prompt:"Select a pairing",role:"describes",display:"pill"}],optionValues:{finish:a,size:o,boltPattern:r,et:i,centreBore:n,pairing:l},parts:c,anchorPrices:e.prices,anchorMsrpPrices:e.msrpPrices??{}}}function xB(e,t){if(e.kind!=="alloy-wheel"||t===null)return e;let a=new Set(dH(e.source.variants??[],t));if(a.size===0)return e;let s=e.parts.filter(n=>{let l=w8(e.source,n);return l!==null&&a.has(l)});if(s.length===0||s.length===e.parts.length)return e;let o=(n,l)=>new Set(n.map(c=>c.options[l]).filter(c=>c!==void 0)),r={},i=[];for(let n of e.optionFields){let l=o(e.parts,n.key),c=o(s,n.key),h=(e.optionValues[n.key]??[]).filter(d=>c.has(d.value)||!l.has(d.value));r[n.key]=h;let p=n.defaultValue!==void 0&&!h.some(d=>d.value===n.defaultValue)?h[0]?.value:n.defaultValue;i.push(p===n.defaultValue?n:{...n,defaultValue:p})}return{...e,optionFields:i,optionValues:r,parts:s}}function w8(e,t){return t?ba(e.variants??[],t.options.finish,t.options.variantSize)??null:null}function wB(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]??qM}function kB(e){return e.kind==="tyre"?"advisory":"required"}var xa={choice:PM,qty:1};function ee1(e,t){if(e.kind!=="alloy-wheel")return`Set of ${4}`;let a=w8(e.source,t);return a?fa(a):`Set of ${4}`}var yB=(e,t)=>e===1?t:`${e} \xD7 ${t}`;function zB(e){return e.unit==="set"?{label:`Add a spare \u2014 ${V7+1} instead of ${V7}`}:null}var O9={howMany:"How many wheels",oneSet:"One set",oneSetPlusSpare:"One set + 1 spare",whichSide:"Which side is the spare?",left:"Left",right:"Right"};function te1(e,t){return t.unit!=="set"||IM(e)===null?null:{counts:[{value:V7,label:O9.oneSet},{value:V7+Hn,label:O9.oneSetPlusSpare}],side:t.spares>0?{label:O9.whichSide,options:[{value:"left",label:O9.left},{value:"right",label:O9.right}]}:null}}function $f(e,t,a){if(e.kind==="tyre")return{packs:[{value:"set",label:`A set of ${V7}`},{value:"single",label:"Just one"}],extra:zB(a.choice),spareCounts:[],spareSide:null,components:t?Lg({sku:t.id,prices:t.components[0].prices},a.choice):[],quantityLabel:yB(a.qty,Fn(a.choice))};let s=t?te1(t.components,a.choice):null;return{packs:[],extra:s?null:zB(a.choice),spareCounts:s?.counts??[],spareSide:s?.side??null,components:t?Sd(t.components,a.choice):[],quantityLabel:yB(a.qty,VM(ee1(e,t),a.choice))}}function CB(e,t,a,s,o){if(!t)return null;if(e.kind==="tyre"){let h=(e.source.variants??[]).find(p=>p.sku===t.id);return h?uc(e.source,h,s.choice,s.qty):null}let r=e.source,i=w8(r,t);if(!i)return null;let n=t.options.finish??"",l=i.size,c=s.choice.spares>0;return{id:`${r.slug}|${n}|${l}|${o.fitmentKey}${c?"|spare":""}`,slug:r.slug,name:_t(r.name),process:r.process,positionNo:"01",config:[{label:l},{label:n,gold:!0},{label:o.fitmentLabel},{label:$f(e,t,s).quantityLabel}],finishName:n,size:l,components:Sd(t.components,s.choice),qty:s.qty,...c?{pack:s.choice}:{}}}function Wh(e,t){let a=t.trim(),s=e.trim();return!s||!ae1(a,s)?a:a.slice(s.length).replace(/^[^\p{L}\p{N}]+/u,"")||a}function ae1(e,t){if(e.length<t.length||e.slice(0,t.length).toLowerCase()!==t.toLowerCase())return!1;let a=e[t.length];return a===void 0||!/[\p{L}\p{N}]/u.test(a)}import{Fragment as ce1,jsx as y8,jsxs as sr}from"react/jsx-runtime";var ie1="from ",ne1=2,le1=[];function Yf({brand:e,brandLogo:t,brandPlate:a=!0,kindLabel:s=null,showBrand:o=!0,name:r,slug:i,sizes:n,fitSize:l=null,rimDiameters:c,prices:h,image:p,currency:d,editing:u=!1,fieldUsage:v=le1}){let g=vt(v),{add:b,open:f,warmCatalog:y}=M4();oe1(()=>{u||y("tyre")},[u,y]);let{currency:x}=w0(),k=_7(at(h,d),null),S=In(k,d,ie1),L=[n.length>0?`${n.length} ${n.length===1?"size":"sizes"}`:null,g("rim_diameter")?$l(c):null].filter(Boolean).join(" \xB7 "),R=Rt(i),[F,O]=SB(!1),P=se1(()=>{i&&O(!0)},[i]),{state:E,tyre:N}=tB(i??null,F),V=re1(()=>N?.variants??[],[N]),[G,H]=SB(null),j=V.length===1?V[0].size:null,_=G??j,e1=V.find(m1=>m1.size===_),K=e1!=null&&sF(e1,x),Y=E==="ready",h1=!R||E==="error"||Y&&V.length===0;function B(){!N||!e1||!K||u||(b(uc(N,e1,xa.choice,xa.qty)),f())}let q=Y&&V.length>0?V.map(m1=>m1.size):n,Q=q.slice(0,ne1),a1=q.length-Q.length,$=m1=>["cursor-pointer transition-colors",qf,m1?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" ");return y8(_9,{href:R,identityLink:!0,containerProps:{onPointerEnter:P,onTouchStart:P,onFocusCapture:P},image:y8(j6,{image:p,className:"h-full w-full",sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 280px",showBackground:!1}),plate:a?y8(Xo,{brand:e,logo:t}):null,eyebrow:Zf(s,o&&g("brand")&&e||null),name:Wh(e??"",r),spec:L,price:S,metaLine:k.priced?"each":null,extras:sr(ce1,{children:[l&&sr("p",{className:"font-mono text-[length:var(--size-label,11px)] font-medium uppercase tracking-[0.14em] text-green",children:["Fits \xB7 ",l]}),sr("div",{className:Ih,children:[y8("div",{className:Vh,children:Q.map(m1=>Y&&V.length>0?y8("button",{type:"button",title:m1,"aria-label":m1,"aria-pressed":_===m1,onClick:()=>H(m1),className:$(_===m1),children:m1},m1):y8("span",{className:_h,children:m1},m1))}),a1>0&&sr("span",{className:Rh,children:["+",a1]})]}),sr("div",{className:Bh,children:[!h1&&k.priced&&y8("button",{type:"button",onClick:B,[tt]:"",disabled:Y&&!K,className:K||!Y?`${R9}${K?"":" opacity-80"}`:"cursor-not-allowed border border-dashed border-accent/50 px-4 py-2.5 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-accent/70",children:Y&&!K?"Select a size":"Add to basket"}),R&&y8(T1,{href:R,className:Dh,children:"Open product page"})]})]})})}import{jsx as he1}from"react/jsx-runtime";function or({item:e,currency:t,kindLabel:a=null,showBrand:s=!0,fitSize:o=null,editing:r=!1,fieldUsage:i}){return he1(Yf,{brand:e.brand,brandLogo:e.brandLogo,kindLabel:a,showBrand:s,name:e.name,slug:e.slug,sizes:e.sizes,fitSize:o,rimDiameters:e.rimDiameters,prices:e.prices,image:e.coverImage,currency:t,editing:r,fieldUsage:i})}import{jsx as qh,jsxs as pe1}from"react/jsx-runtime";function Xf({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:s,onPickType:o}){let{currency:r}=w0(),i=tT(e,r,e3);return i.length===0?null:qh("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:i.map(n=>qh("li",{children:pe1("button",{type:"button",onClick:()=>n.key==="price"?a(null):n.key==="inStock"?s(!1):n.key==="kind"?o(null):t(n.key,n.value),className:`flex cursor-pointer items-center gap-1.5 px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-bg hover:bg-fg ${n.key==="inStock"?"bg-green":"bg-accent"}`,children:[n.label,qh("span",{"aria-hidden":"true",children:"\u2715"}),qh("span",{className:"sr-only",children:"Remove filter"})]})},`${n.key}:${n.value}`))})}function wa(e){let t=typeof e=="number"?e:Number.parseInt(String(e??""),10);return!Number.isFinite(t)||t<1||t>5?1:Math.trunc(t)}function Qf(e,t){if(!e||!t||!Number.isFinite(t)||t<=0)return null;let a=e.lugRenderings?.[String(t)];if(!Array.isArray(a))return null;let s=a.filter(o=>typeof o=="string"&&o.length>0);return s.length>0?s:null}function de1({carRenderings:e,renderings:t,coverIndex:a,shownFinishName:s,defaultFinishName:o,shownSrc:r}){if(e&&e.length>0){let n=Math.min(Math.max(a,1)-1,e.length-1);return e[n]??r}if(a<=1||!t||t.length===0||!o||s!==o)return r;let i=Math.min(a-1,t.length-1);return t[i]??r}function Uh({overrideSrc:e,hookSrc:t,failed:a}){return e&&!a.has(e)?e:t&&t!==e&&!a.has(t)?t:null}function jh(e,t,a,s,o){let r=a===void 0?void 0:e.finishes?.find(i=>i.name===a);return de1({carRenderings:Qf(r,o),renderings:e.defaultFinishRenderings,coverIndex:t,shownFinishName:a,defaultFinishName:e.defaultFinish,shownSrc:s})}import{useState as Pe1}from"react";import{jsx as eb,jsxs as ue1}from"react/jsx-runtime";function rr({finishes:e,availability:t,selectedIdx:a,hoverIdx:s,activeFinish:o,onSelect:r,onHover:i,showLabel:n=!0,className:l}){return ue1("div",{className:["mt-4",l].filter(Boolean).join(" "),children:[eb("div",{className:"flex flex-wrap items-center gap-2",onMouseLeave:()=>i(null),onClick:c=>c.preventDefault(),children:e.map((c,h)=>{if(!t[h])return null;let p=h===a,d=s===h&&s!==a;return eb("button",{type:"button",title:c.name,"aria-label":c.name,"aria-pressed":p,onMouseEnter:()=>i(h),onFocus:()=>i(h),onBlur:()=>i(null),onClick:u=>{u.preventDefault(),u.stopPropagation(),r(h)},className:["h-4 w-4 shrink-0 rounded-full transition-all",p?"ring-2 ring-accent ring-offset-2 ring-offset-surface":d?"ring-1 ring-fg ring-offset-2 ring-offset-surface":"ring-1 ring-fg/30 ring-offset-1 ring-offset-surface"].join(" "),style:{background:c.color,border:"1px solid var(--swatch-border)"}},c.name)})}),n&&o&&eb("div",{className:"mt-2 truncate font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:o.name})]})}import{useState as ge1}from"react";import{jsx as ya,jsxs as MB}from"react/jsx-runtime";function ir({src:e,alt:t=""}){let[a,s]=ge1(!1),o=e||"";return ya("div",{className:"relative aspect-square overflow-hidden bg-bg",children:MB("div",{className:"absolute inset-0 flex items-center justify-center transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[60deg]",children:[ya("div",{className:"absolute inset-0 z-[1] flex items-center justify-center",children:MB("div",{className:"relative flex h-[70%] w-[70%] items-center justify-center rounded-full border-2",style:{borderColor:"var(--accent)"},children:[ya("div",{className:"absolute inset-[10%] rounded-full border",style:{borderColor:"var(--accent)",opacity:.4}}),ya("div",{className:"absolute left-1/2 top-1/2 h-[18%] w-[18%] -translate-x-1/2 -translate-y-1/2 rounded-full border-2",style:{borderColor:"var(--accent)"}}),ya("div",{className:"absolute left-1/2 top-1/2 h-[6%] w-[6%] -translate-x-1/2 -translate-y-1/2 rounded-full",style:{background:"var(--accent)"}})]})}),o&&ya("img",{src:o,alt:t,className:"absolute inset-0 z-[2] h-full w-full object-contain",style:{display:a?"none":"block"},onError:()=>s(!0)})]})})}import{useEffect as TB,useLayoutEffect as xe1,useRef as we1,useState as EB}from"react";import{useId as LB,useRef as be1,useState as tb}from"react";import{useCallback as AB,useRef as ve1,useState as fe1}from"react";function Kh(){let[e,t]=fe1("idle"),a=ve1(!1),s=AB(()=>{a.current=!1,t("idle")},[]),o=AB(async({partNumbers:r,email:i,productSlug:n,subscribeToOffers:l=!1,dryRun:c=!1})=>{if(a.current)return;let h=i.trim();if(!it(h)){t("invalid");return}a.current=!0,t("sending");try{if(!c)for(let p of r)await f0.createStockAlert({partNumber:p,email:h,productSlug:n})}catch{a.current=!1,t("error");return}if(l&&!c)try{await f0.createNewsletterSubscription({email:h,source:i4.stockAlertOptIn})}catch{}a.current=!1,t("sent")},[]);return{status:e,submit:o,reset:s}}import{jsx as G0,jsxs as B3}from"react/jsx-runtime";function ab({wheelName:e,productSlug:t,finishName:a,variants:s,initialSize:o,onClose:r,editing:i=!1}){let n=LB(),l=LB(),c=be1(null),{currency:h}=w0(),p=Kh(),[d,u]=tb(()=>o??s[0]?.size??""),[v,g]=tb(""),[b,f]=tb(!1);K4({active:!0,onDismiss:r,focusRef:c});let y=s.find(R=>R.size===d)??s[0];if(!y)return null;let x=p.status==="sent",k=p.status==="sending",S=p.status==="invalid"?"Please enter a valid email address.":p.status==="error"?"Couldn't save that \u2014 please try again.":null;function L(){y&&p.submit({partNumbers:y.components.map(R=>R.partNumber),email:v,productSlug:t,subscribeToOffers:b,dryRun:i})}return G0("div",{role:"dialog","aria-modal":"true","aria-labelledby":n,onClick:R=>{R.target===R.currentTarget&&r()},className:"fixed inset-0 z-[90] flex items-center justify-center overflow-y-auto p-6 backdrop-blur-[6px]",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)"},children:B3("div",{ref:c,tabIndex:-1,className:"relative w-[420px] max-w-full border-2 border-accent bg-surface text-left shadow-[0_24px_60px_rgba(0,0,0,0.55)] outline-none",children:[G0("button",{type:"button",onClick:r,"aria-label":"Close",className:"absolute right-[10px] top-[10px] z-[2] flex h-9 w-9 cursor-pointer items-center justify-center text-fg-dim transition-colors hover:text-accent",children:G0("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:G0("path",{d:"M6 6l12 12M18 6 6 18"})})}),x?B3("div",{className:"px-6 py-8 text-center",children:[G0("span",{className:"mx-auto mb-4 grid h-16 w-16 place-items-center rounded-full border-[1.5px] border-accent bg-accent/15",children:G0("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2.5","aria-hidden":!0,children:G0("path",{d:"M20 6 9 17l-5-5"})})}),G0("h3",{id:n,className:"font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"You're on the list"}),B3("p",{className:"mx-auto mt-2 max-w-[34ch] text-[13px] leading-[1.6] text-fg-dim",children:["We'll alert ",G0("strong",{className:"font-normal text-fg",children:v.trim()})," as soon as the ",l0(e)," in ",y.size," is back. Keep an eye on your inbox."]}),G0("button",{type:"button",onClick:r,className:"mt-6 w-full cursor-pointer border border-line px-4 py-3 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-fg transition-colors hover:border-accent hover:text-accent",children:"Continue browsing"})]}):B3("form",{className:"p-6",noValidate:!0,onSubmit:R=>{R.preventDefault(),L()},children:[B3("div",{className:"mb-2 flex items-center gap-3",children:[G0("span",{className:"grid h-11 w-11 flex-none place-items-center border-[1.5px] border-accent bg-accent/15",children:B3("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":!0,children:[G0("path",{d:"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"}),G0("path",{d:"M13.7 21a2 2 0 0 1-3.4 0"})]})}),B3("div",{children:[G0("div",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:"Back-in-stock alert"}),G0("h3",{id:n,className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"Notify me"})]})]}),B3("p",{className:"mb-5 text-[13px] leading-[1.6] text-fg-dim",children:["We'll email you the moment the"," ",G0("strong",{className:"font-normal text-fg",children:l0(e)}),a?` in ${a}`:""," ","is back in stock. No spam \u2014 one alert, then we're done."]}),B3("fieldset",{className:"mb-4 border-0 p-0",children:[G0("legend",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Which fitment?"}),G0("div",{className:"flex flex-wrap gap-2",children:s.map(R=>{let F=R.size===y.size;return B3("button",{type:"button","aria-pressed":F,onClick:()=>u(R.size),className:["flex min-w-[calc(50%-4px)] flex-1 cursor-pointer flex-col items-start gap-0.5 border-[1.5px] px-3 py-2.5 text-left transition-colors",F?"border-accent bg-accent/15":"border-line hover:border-accent/60"].join(" "),children:[G0("span",{className:"font-mono text-[12px] font-bold tracking-[0.08em] text-fg",children:R.size}),G0("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{let O=OM(R.components,h);return O.setTotal!=null?e3(O.setTotal,h):R7})()})]},R.size)})})]}),B3("div",{className:"mb-4",children:[G0("label",{htmlFor:l,className:"mb-2 block font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Email address"}),G0("input",{id:l,type:"email",value:v,onChange:R=>{g(R.target.value),(p.status==="invalid"||p.status==="error")&&p.reset()},placeholder:"you@example.com",disabled:k,className:"w-full border-2 border-line bg-bg px-3.5 py-3 font-display text-[15px] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent disabled:opacity-60"})]}),B3("label",{className:"mb-5 flex cursor-pointer items-start gap-2.5 text-[12px] leading-[1.5] text-fg-dim",children:[G0("input",{type:"checkbox",checked:b,onChange:R=>f(R.target.checked),className:"mt-0.5 h-[18px] w-[18px] flex-none cursor-pointer accent-[var(--accent)]"}),G0("span",{children:"Also send me fitment tips and occasional offers for my vehicle."})]}),B3("button",{type:"submit",disabled:k,className:"flex h-[50px] w-full cursor-pointer items-center justify-center gap-2 bg-btn px-4 font-mono text-[12px] font-bold uppercase tracking-[0.24em] text-btn-ink transition-colors hover:bg-fg disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:bg-btn",children:[B3("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[G0("path",{d:"m22 2-7 20-4-9-9-4Z"}),G0("path",{d:"M22 2 11 13"})]}),k?"Sending\u2026":"Notify me when available"]}),S&&G0("p",{role:"alert",className:"mt-2.5 text-[12px] leading-[1.5]",style:{color:"var(--alert)"},children:S}),B3("div",{className:"mt-3 flex items-center justify-center gap-1.5 text-[11px] text-fg-dim",children:[B3("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[G0("rect",{x:"3",y:"11",width:"18",height:"11",rx:"1"}),G0("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"We never share your details."]})]})]})})}import{Fragment as Ae1,jsx as p7,jsxs as $h}from"react/jsx-runtime";var ye1=3;function ze1({labels:e}){let t=e.slice(0,ye1),a=we1(null),[s,o]=EB(t.length),r=e.join("|");xe1(()=>{let n=a.current;if(!n)return;let l=()=>{let h=[...n.children];if(h.length===0)return o(0);let p=h[0].offsetTop;o(h.filter(d=>d.offsetTop===p).length)};if(l(),typeof ResizeObserver>"u")return;let c=new ResizeObserver(l);return c.observe(n),()=>c.disconnect()},[r]);let i=Math.max(0,e.length-s);return $h("div",{className:Ih,children:[p7("div",{ref:a,className:ke1,children:t.map(n=>p7("span",{className:_h,children:n},n))}),i>0&&$h("span",{className:Rh,children:["+",i]})]})}var ke1=`${Vh} flex-wrap self-stretch content-start pt-px`;function Ce1({wheel:e,sel:t,price:a,editing:s}){let{add:o,open:r,warmCatalog:i}=M4();TB(()=>{s||i()},[s,i]);let{arm:n}=t;TB(()=>{n()},[n]);function l(){let c=t.selectedVariant;!c||!t.canAdd||a.priced&&(s||(o({id:`${e.slug}|${c.finishName}|${c.size}|quick`,slug:e.slug,name:_t(e.name),process:e.process,positionNo:"01",config:[{label:c.size},{label:c.finishName,gold:!0},{label:fa(c)}],finishName:c.finishName,size:c.size,components:c.components,qty:1}),r()))}return p7("button",{type:"button",onClick:l,[tt]:"",disabled:!t.canAdd,className:t.canAdd?R9:`${R9} opacity-80`,children:"Add to basket"})}function Se1(e){let t=qL(e);return t.length>0?t:[...new Set(e.sizes.map(a=>`${a}"`))]}function Me1(e,t,a){return Zh(e)?t.outOfStock?"notify":t.unsellable||!a||t.detailState==="ready"&&!t.canAdd?"choose":"add":"choose"}function Yh({wheel:e,sel:t,price:a,editing:s,show:o,href:r}){let[i,n]=EB(!1),l=o.sizes?p7(ze1,{labels:Se1(e)}):null,c=Me1(e,t,a.priced),h=o.buy?c==="notify"?p7("button",{type:"button",onClick:()=>n(!0),className:R9,children:"Notify me when back"}):c==="add"?p7(Ce1,{wheel:e,sel:t,price:a,editing:s}):p7(T1,{href:r,className:`${R9} text-center`,children:"Select a size"}):null,p=o.page?p7(T1,{href:r,className:Dh,children:"Open product page"}):null,d=h||p?$h("div",{className:Bh,children:[h,p]}):null;return{extras:l||d?$h(Ae1,{children:[l,d]}):null,dialog:i?p7(ab,{wheelName:e.name,productSlug:e.slug,finishName:t.confirmedFinishName,variants:t.outOfStockVariants,initialSize:t.selectedVariant?.size,onClose:()=>n(!1),editing:s}):null}}import{useCallback as IB,useEffect as rb,useMemo as Jh,useRef as ib,useState as VB}from"react";import{useEffect as Le1,useMemo as Te1,useState as sb}from"react";import{jsx as HB}from"react/jsx-runtime";function Xh(e,t,a){let[s,o]=sb(()=>{let b=a?e.findIndex(f=>f.name===a):-1;return b>=0?b:0}),[r,i]=sb(null),[n,l]=sb(()=>e.map(()=>!0)),c=b=>{l(f=>{if(f[b]===!1)return f;let y=[...f];return y[b]=!1,y})},h=Te1(()=>n.map((b,f)=>b?f:-1).filter(b=>b!==-1),[n]);Le1(()=>{if(h.length===0){s!==-1&&o(-1),r!==null&&i(null);return}s>=0&&!h.includes(s)&&o(h[0]),r!==null&&!h.includes(r)&&i(null)},[h,s,r]);let p=r??s,d=p>=0?e[p]:void 0,u=d?.src??t,v=h.length>=2,g=e.length>0?HB("div",{className:"hidden","aria-hidden":!0,children:e.map((b,f)=>HB(t4,{src:b.src,alt:"",width:16,height:16,loading:"eager",onError:()=>c(f)},b.src))}):null;return{selectedIdx:s,setSelectedIdx:o,hoverIdx:r,setHoverIdx:i,availability:n,finish:d,shownSrc:u,showSwatches:v,probes:g}}import{useEffect as Ee1,useState as FB}from"react";var ob=new Map;function He1(e){let t=ob.get(e);if(t)return t;let a=f0.getWheel(e).catch(s=>{throw ob.delete(e),s});return ob.set(e,a),a}function PB(e,t){let[a,s]=FB("idle"),[o,r]=FB(null);return Ee1(()=>{if(!t)return;let i=!1;return s("loading"),He1(e).then(n=>{i||(r(n),s("ready"))}).catch(()=>{i||s("error")}),()=>{i=!0}},[e,t]),{state:a,wheel:o}}function NB(e,t){return t.length===0?-1:e.findIndex(a=>t.includes(a.family))}var Fe1=[];function Qh(e,t=Fe1){let a=Jh(()=>e.finishes.filter(N7),[e.finishes]),s=a.length>0,o=Xh(a,e.coverImage??null,e.defaultFinish??void 0),[r,i]=VB(!1),n=IB(()=>{s&&i(!0)},[s]),{state:l,wheel:c}=PB(e.slug,r),h=Jh(()=>c?.variants??[],[c]),p=o.selectedIdx>=0?a[o.selectedIdx]?.name??null:null,[d,u]=VB(null),{setSelectedIdx:v}=o,g=ib(!1),b=IB(E=>{g.current=!0,v(E)},[v]),f=t.join(","),y=ib(null);rb(()=>{if(y.current===f)return;y.current=f;let E=NB(a,t);E<0||(g.current=!0,v(E))},[f,t,a,v]);let x=ib(!1);rb(()=>{if(x.current||g.current||h.length===0||!p||(x.current=!0,Kf(h,p).length>0))return;let E=uB(h,a.map(N=>N.name),o.availability);E>=0&&v(E)},[h,p,a,o.availability,v]);let k=Jh(()=>Kf(h,p),[h,p]),S=Zh(e);rb(()=>{u(E=>E&&k.some(N=>N.size===E)?E:S&&k.length===1?k[0].size:null)},[k,S]);let L=ba(h,p,d),R=er(L),F=L!=null&&!R,O=!s||l==="error"||l==="ready"&&k.length===0,P=Jh(()=>dB(h,p),[h,p]);return{...o,setSelectedIdx:b,finishes:a,arm:n,detailState:l,confirmedFinishName:p,sizeOptions:k,size:d,setSize:u,selectedVariant:L,outOfStock:R,outOfStockVariants:P,canAdd:F,unsellable:O}}import{Fragment as Ie1,jsx as z8,jsxs as RB}from"react/jsx-runtime";var Ne1=[];function nb({wheel:e,colours:t,fit:a=null,editing:s=!1,brandPlate:o=!1,kindLabel:r=null,showBrand:i=!0,showProcess:n=!1,coverIndex:l=1,fieldUsage:c=Ne1,spinOnHover:h=!1,imageBackgroundFill:p=K5,showBadge:d=!0,outline:u=k4,indexBadge:v=z4,showCardSizes:g=!0,showCardBuy:b=!0,showCardPage:f=!0,showCardPrice:y=!0,showCardFinishes:x=!0}){let{currency:k}=w0(),S=Qh(e,t),L=jh(e,l,S.finish?.name,S.shownSrc,a?.holes),R=ot(e,S.selectedVariant,k,1),F=Vn(R,k),[O,P]=Pe1(()=>new Set),E=$=>P(m1=>m1.has($)?m1:new Set(m1).add($)),N=Uh({overrideSrc:L,hookSrc:S.shownSrc,failed:O}),V=ut(e),G=gH(e,a),H=Yh({wheel:e,sel:S,price:R,editing:s,href:`/wheels/${e.slug}`,show:{sizes:g,buy:b,page:f}}),j=S.detailState==="ready",_=S.unsellable,e1=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",K=N?z8(t4,{src:N,alt:S.finish?`${e.name} \u2014 ${S.finish.name}`:e.name,width:800,height:800,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:["block h-full w-full object-contain",e1].filter(Boolean).join(" "),draggable:!1,onError:()=>E(N)},N):z8(ir,{imageLabel:e.name}),Y=v!=="off"?z8("span",{"aria-hidden":!0,className:`${Ce} ${Se}`}):null,h1=d?e.badge:null,B=R.onSale||h1?RB("div",{className:`${Qo} pointer-events-none flex flex-col items-end gap-1`,children:[R.onSale&&z8(ga,{tone:"solid",children:"Sale"}),h1&&z8(ga,{tone:h1==="new"?"solid":"outline",children:h1==="new"?"New":"Bestseller"})]}):null,q=x&&S.finishes.length>0&&S.availability.some(Boolean)?z8(rr,{finishes:S.finishes,availability:S.availability,selectedIdx:S.selectedIdx,hoverIdx:S.hoverIdx,activeFinish:S.finish,onSelect:S.setSelectedIdx,onHover:S.setHoverIdx,showLabel:!1}):null,Q=bl(G.length>0?G:ec(e),c).map($=>$.text),a1=R.priced?["each",R.setTotal!=null&&S.selectedVariant?`${fa(S.selectedVariant)} \xB7 ${e3(R.setTotal,k)}`:null].filter(Boolean).join(" \xB7 "):null;return RB(Ie1,{children:[z8(_9,{href:`/wheels/${e.slug}`,identityLink:!0,containerProps:{onPointerEnter:S.arm,onTouchStart:S.arm,onFocusCapture:S.arm},probes:S.probes,outline:u,imageBackgroundFill:p,indexBadge:Y,badges:B,image:K,plate:o?z8(Xo,{brand:V,logo:e.brandLogo}):null,eyebrow:Nh({kindLabel:r,brand:i&&V?l0(V):null,process:n&&e.process?l0(e.process):null},c),reserveEyebrow:Jo({kind:!!r,brand:i,process:n},c),name:l0(e.name),spec:Oh(Q,uH),was:F,price:rt(R,k),metaLine:a1,swatches:q,reserveSwatches:x,showPrice:y,extras:H.extras}),H.dialog]})}import{jsx as nr,jsxs as ep}from"react/jsx-runtime";function lb({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let s=nT(t,e),o="flex h-9 w-9 cursor-pointer items-center justify-center border border-line font-mono text-[13px] transition-colors hover:border-accent hover:text-accent disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:border-line disabled:hover:text-fg";return ep("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[ep("div",{className:"flex items-center gap-1.5",children:[nr("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:o,children:"\u2039"}),s.map((r,i)=>r===null?nr("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${i}`):nr("button",{type:"button",onClick:()=>a(r),"aria-current":r===e?"page":void 0,className:["h-9 min-w-9 cursor-pointer border px-2 font-mono text-[13px] tabular-nums transition-colors",r===e?"border-accent bg-accent text-bg":"border-line hover:border-accent hover:text-accent"].join(" "),children:r},r)),nr("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:o,children:"\u203A"})]}),ep("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",nr("select",{value:e,onChange:r=>a(Number(r.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-1.5 font-mono text-[12px] text-fg",children:Array.from({length:t},(r,i)=>i+1).map(r=>ep("option",{value:r,children:["Page ",r," of ",t]},r))})]})]})}import{useState as Oe1}from"react";import{useState as Ve1}from"react";import{jsx as lr,jsxs as Re1}from"react/jsx-runtime";function cb({checked:e,count:t,noun:a,onChange:s}){let[o,r]=Ve1(!1);return Re1("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[lr("input",{type:"checkbox",role:"switch",checked:e,onChange:i=>s(i.target.checked),onFocus:i=>r(i.target.matches(":focus-visible")),onBlur:()=>r(!1),className:"sr-only","aria-label":`In stock only (${t} ${a})`}),lr("span",{"aria-hidden":"true",className:`relative inline-block h-[17px] w-[30px] flex-none rounded-full transition-colors ${e?"bg-green":"bg-line"} ${o?"outline outline-2 outline-offset-2 outline-accent":""}`,children:lr("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),lr("span",{className:"flex-1",children:"In stock only"}),lr("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as _e1}from"react";import{jsx as cr,jsxs as _B}from"react/jsx-runtime";function hb({options:e,noun:t,onPick:a}){let s=_e1();return e.length===0?null:_B("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[cr("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),cr("div",{className:"flex flex-col pt-1.5",children:e.map(o=>{let r=o.count===0&&!o.checked;return _B("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${r?"opacity-40":"cursor-pointer"}`,children:[cr("input",{type:"radio",name:s,checked:o.checked,disabled:r,onChange:()=>a(o.kind),"aria-label":`${o.label} (${o.count} ${t})`,className:"h-[15px] w-[15px] flex-none accent-[var(--accent)]"}),cr("span",{className:`flex-1 ${o.checked?"text-accent":""}`,children:o.label}),cr("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:o.count})]},o.kind??"all")})})]})}import{jsx as pb,jsxs as za}from"react/jsx-runtime";function mb({boxes:e,composed:t,matches:a,noun:s,onPick:o}){return za("div",{className:"grid grid-cols-3 gap-1.5",children:[e.map(r=>za("label",{className:"flex flex-col gap-1",children:[pb("span",{className:"font-mono text-[9.5px] uppercase tracking-[0.14em] text-fg-dim",children:r.label}),za("select",{value:r.value??"",onChange:i=>o(r.part,i.target.value?Number(i.target.value):null),"aria-label":`Tyre ${r.label.toLowerCase()}`,className:`w-full cursor-pointer rounded border bg-surface px-2 py-1.5 text-[13px] ${r.value===null?"border-line":"border-accent text-accent"}`,children:[pb("option",{value:"",children:"Any"}),r.options.map(i=>za("option",{value:i.value,children:[i.label,i.count===0?" \xB7 0":""]},i.value))]})]},r.part)),t&&za("p",{className:"col-span-3 flex items-baseline gap-2 pt-0.5",children:[pb("span",{className:"font-mono text-[12px] tracking-[0.04em] text-accent",children:t}),a!==null&&za("span",{className:"text-[11.5px] text-fg-dim",children:["\xB7 ",a," ",s]})]})]})}import{jsx as R2,jsxs as m7}from"react/jsx-runtime";function db({facets:e,filters:t,typeOptions:a,sizeBoxes:s,sizeMatches:o,noun:r,priceBounds:i,inStockCount:n,onToggle:l,onPickType:c,onPickSize:h,onPriceMax:p,onInStockOnly:d,onClearAll:u}){let{currency:v}=w0(),[g,b]=Oe1({});return m7("aside",{className:"w-full flex-none lg:sticky lg:[--sf-plp-rail-gap:16px] lg:[--sf-plp-rail-top:calc(var(--sf-header-h,88px)+var(--sf-plp-rail-gap))] lg:top-[var(--sf-plp-rail-top)] lg:max-h-[calc(100svh-var(--sf-plp-rail-top)-var(--sf-plp-rail-gap))] lg:w-[268px] lg:overflow-y-auto lg:overscroll-contain lg:pr-2.5",children:[m7("div",{className:"flex items-center justify-between pb-2",children:[R2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),zl(t)&&R2("button",{type:"button",onClick:u,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-accent hover:text-fg",children:"Clear all"})]}),a.length>0&&R2("div",{className:"pb-1 pt-1",children:R2(hb,{options:a,noun:r.many,onPick:c})}),n!==null&&R2("div",{className:"border-t border-line py-2",children:R2(cb,{checked:t.inStockOnly,count:n,noun:r.many,onChange:d})}),s&&R2(OB,{label:du.tyreSizes,open:!g.tyreSizes,onToggle:()=>b(f=>({...f,tyreSizes:!f.tyreSizes})),children:!g.tyreSizes&&R2("div",{className:"pb-3",children:R2(mb,{boxes:s,composed:t.tyreSizes[0]??"",matches:o,noun:r.many,onPick:h})})}),e.map(f=>{if(f.options.length===0)return null;let y=!g[f.key];return R2(OB,{label:f.label,open:y,onToggle:()=>b(x=>({...x,[f.key]:!x[f.key]})),children:y&&R2("ul",{className:"flex flex-col pb-3",children:f.options.map(x=>{let k=x.count===0&&!x.checked;return R2("li",{children:m7("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${k?"opacity-40":"cursor-pointer"}`,children:[R2("input",{type:"checkbox",checked:x.checked,disabled:k,onChange:()=>l(f.key,x.value),"aria-label":`${f.label}: ${x.label} (${x.count} ${r.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),x.swatch&&R2("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--site-line)]",style:{background:x.swatch}}),R2("span",{className:"flex-1 capitalize",children:x.label}),R2("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:x.count})]})},x.value)})})},f.key)}),i&&m7("div",{className:"border-t border-line py-3",children:[m7("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price \xB7 per ",r.one]}),R2("input",{type:"range",min:i.min,max:i.max,step:5,value:t.priceMax??i.max,onChange:f=>{let y=Number(f.target.value);p(y>=i.max?null:y)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${r.one}`}),m7("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[R2("span",{className:"text-fg-dim",children:e3(i.min,v)}),m7("span",{children:["Up to ",e3(t.priceMax??i.max,v)]})]})]})]})}function OB({label:e,open:t,onToggle:a,children:s}){return m7("div",{className:"border-t border-line",children:[m7("button",{type:"button",onClick:a,"aria-expanded":t,"aria-label":`${t?"Collapse":"Expand"} ${e} filters`,className:"flex w-full cursor-pointer items-center justify-between py-3 text-left",children:[R2("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:e}),R2("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"\u25BE"})]}),s]})}import{jsx as ka,jsxs as BB}from"react/jsx-runtime";function ub(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function hr({label:e,value:t,options:a,onChange:s,placeholder:o,disabled:r,compact:i=!1,editing:n=!1}){let c=(a.find(u=>u.value===t)?.label??t)||o||"\u2014",h=ub(a,o),p=ct({items:h,value:t,onPick:s}),d=p.open;return BB("div",{ref:p.wrapRef,className:"relative",children:[BB("div",{ref:u=>{p.triggerRef.current=u},role:"button",tabIndex:r?-1:0,"aria-haspopup":"listbox","aria-expanded":d,"aria-controls":d?p.listId:void 0,"aria-activedescendant":p.activeId,"aria-label":e,"aria-disabled":r||void 0,onClick:()=>!r&&p.toggle(),onKeyDown:u=>!r&&p.onTriggerKeyDown(u),className:["relative flex flex-col bg-bg transition-colors",i?"gap-1 px-3.5 py-2.5":"min-h-[160px] gap-3.5 px-6 py-7",r?"opacity-50":"cursor-pointer hover:bg-surface"].join(" "),children:[ka("span",{...n?{[C7]:ve}:{},className:["font-mono uppercase text-accent",i?"text-[length:var(--size-label,10px)] tracking-[0.2em]":"text-[length:var(--size-label,12px)] tracking-[0.3em]"].join(" "),children:ka($t,{kind:ve,children:e})}),ka("span",{className:["font-display font-medium tracking-[-0.02em]",i?"truncate pr-4 text-[length:var(--size-body,15px)] leading-[1.2]":"mt-auto text-[length:var(--size-headingSmall,24px)] leading-[1.1]",t?"text-fg":"text-fg-dim"].join(" "),...n?{[C7]:Km}:{},children:ka($t,{kind:Km,children:c})}),ka("span",{className:["pointer-events-none absolute font-mono text-accent",i?"right-3 top-3 text-[length:var(--size-label,11px)]":"right-[22px] top-[22px] text-[length:var(--size-label,14px)]"].join(" "),children:"\u25BE"})]}),d&&!r&&ka(ht,{id:p.listId,tone:"cell",items:h,value:t,focusIdx:p.focusIdx,onFocus:p.setFocusIdx,onPick:p.pick,listRef:p.listRef})]})}var pr=["make","model","year","trim"],B9={make:"Make",model:"Model",year:"Year",trim:"Trim"};function DB(e,t){switch(e){case"make":return t.make!=="";case"model":return t.model!=="";case"year":return t.year!==null;case"trim":return t.modification!==""}}function ZB(e,t){for(let a of pr){if(a===e)break;if(!DB(a,t))return a}return e}function GB(e){return pr.find(t=>!DB(t,e))??null}var mr={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function tp({parentPicked:e,loading:t,options:a,waiting:s,loadingLabel:o,readyLabel:r,emptyLabel:i}){return e?t?{placeholder:o,disabled:!0}:a.length===0?{placeholder:i,disabled:!0}:{placeholder:r,disabled:!1}:{placeholder:s,disabled:!0}}function ap(e){let{vehicle:t,loading:a}=e;return{make:tp({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:tp({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:mr.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:tp({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:mr.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:tp({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:mr.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function WB(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function qB(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function UB(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function jB(e){let{vehicle:t}=e;return{make:t.make?e.makeName:"",model:t.model?e.modelName:"",year:t.year!==null?String(t.year):"",trim:t.modification?e.modName:""}}import{jsx as sp,jsxs as Be1}from"react/jsx-runtime";function g4({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:s}=e,o=ap(e);return Be1("div",{className:["grid gap-[2px] border border-line bg-line",t?"grid-cols-4 max-[900px]:grid-cols-2":"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"].join(" "),children:[sp(hr,{label:B9.make,placeholder:o.make.placeholder,disabled:o.make.disabled,value:s.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),sp(hr,{label:B9.model,placeholder:o.model.placeholder,disabled:o.model.disabled,value:s.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),sp(hr,{label:B9.year,placeholder:o.year.placeholder,disabled:o.year.disabled,value:s.year!==null?String(s.year):"",options:e.yearOptions,onChange:e.setYear,compact:t,editing:a}),sp(hr,{label:B9.trim,placeholder:o.trim.placeholder,disabled:o.trim.disabled,value:s.modification,options:e.modOptions,onChange:e.setModification,compact:t,editing:a})]})}import{jsx as i3,jsxs as d7}from"react/jsx-runtime";function gb({cascade:e,appliedName:t,fit:a,fitSummary:s=null,resolving:o,unresolved:r,matchCount:i,copy:n,onAmend:l,onClear:c}){return i3("div",{className:"border-b border-line bg-surface px-5 py-4 md:px-10",children:!(t!=="")?d7("div",{className:"flex flex-wrap items-end gap-4",children:[d7("div",{className:"flex-none",children:[d7("div",{className:"flex items-center gap-2",children:[i3(KB,{}),i3("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Select your car"})]}),i3("p",{className:"mt-0.5 font-mono text-[11px] uppercase tracking-[0.14em] text-fg-dim",children:n.promise})]}),i3("div",{className:"min-w-[280px] flex-1",children:i3(g4,{cascade:e,compact:!0})})]}):d7("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-3",children:[d7("div",{className:"flex items-center gap-2.5",children:[i3(KB,{}),d7("div",{children:[i3("p",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-fg-dim",children:"Fitment for"}),i3("p",{className:"font-display text-[16px] font-medium uppercase leading-[1.1] tracking-[-0.01em]",children:t})]})]}),o?i3("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):r?i3("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:n.noData}):d7("div",{className:"flex flex-wrap items-center gap-1.5",children:[i3("span",{className:"border border-line px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-fg-dim",children:s??vH(a)}),i3("span",{className:"bg-accent px-2 py-1 font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-bg",children:n.countFits(i)})]}),d7("div",{className:"ml-auto flex items-center gap-4",children:[i3("button",{type:"button",onClick:l,className:"cursor-pointer border border-line px-4 py-2.5 font-mono text-[11px] uppercase tracking-[0.16em] hover:border-accent hover:text-accent",children:"Amend search"}),i3("button",{type:"button",onClick:c,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:n.showAll})]})]})})}function KB(){return d7("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":"true",className:"flex-none",children:[i3("path",{d:"M5 17h14l1.5-5.5a2 2 0 0 0-1.4-2.4L17 8l-1.6-3.2A2 2 0 0 0 13.6 3.7H10.4A2 2 0 0 0 8.6 4.8L7 8l-2.1.6a2 2 0 0 0-1.4 2.4L5 17Z"}),i3("circle",{cx:"7.5",cy:"17.5",r:"1.8"}),i3("circle",{cx:"16.5",cy:"17.5",r:"1.8"})]})}import{useId as De1,useRef as Ze1}from"react";import{jsx as u7,jsxs as Ge1}from"react/jsx-runtime";function vb({cascade:e,heading:t,intro:a,ready:s,copy:o,onSkip:r}){let i=De1(),n=Ze1(null);return K4({active:s,onDismiss:r,focusRef:n}),u7("div",{role:"dialog","aria-modal":"true","aria-labelledby":i,"aria-hidden":s?void 0:!0,className:["fixed inset-x-0 bottom-0 top-[var(--sf-header-h,88px)] z-40 overflow-y-auto bg-bg","transition-opacity duration-200",s?"opacity-100":"pointer-events-none opacity-0"].join(" "),children:u7("div",{className:"flex min-h-full items-center justify-center px-6 py-14 max-[700px]:px-5 max-[700px]:py-10",children:Ge1("div",{ref:n,tabIndex:-1,className:"w-full max-w-[720px] outline-none",children:[u7("p",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:o.eyebrow}),u7("h2",{id:i,className:"mt-3 max-w-[16ch] font-display text-[min(clamp(30px,5vw,50px),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:l0(t)}),u7("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:l0(a)}),u7("div",{className:"mt-8",children:u7(g4,{cascade:e})}),e.cascadeError&&u7("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:o.cascadeDown}),u7("button",{type:"button",onClick:r,className:"mt-6 w-full cursor-pointer py-3 font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:o.browseInstead})]})})})}import{useEffect as qe1,useMemo as Ue1,useState as je1}from"react";var g7={year:null,make:"",model:"",modification:""};var f6={make:"make",model:"model",year:"year",trim:"trim"};function I4(e){return!!e.make&&!!e.model&&e.year!==null&&!!e.modification}function $B(e){let t=Number(e.get(f6.year)),a={...g7,make:e.get(f6.make)??"",model:e.get(f6.model)??"",year:Number.isFinite(t)&&t>0?Math.floor(t):null,modification:e.get(f6.trim)??""};return I4(a)?a:null}function b6(e,t){return!t||!I4(t)||(e.set(f6.make,t.make),e.set(f6.model,t.model),e.set(f6.year,String(t.year)),e.set(f6.trim,t.modification)),e}var We1=["tyre"];function YB(e){return We1.filter(t=>e.includes(t))}function XB(e){return!e||!I4(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function JB(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function QB(e,t,a){if(a===null||t.length===0)return[...e];let s=new Set(a);return e.filter(o=>!t.includes(j0(o))||s.has(U7(o)))}function eD({catalog:e,shownKinds:t,vehicle:a,editing:s=!1}){let o=YB(t),r=s?null:XB(a),[i,n]=je1(null),l=JB(o,r,i!==null),c=l?JSON.stringify(l):"";qe1(()=>{if(!c)return;let d=JSON.parse(c),u=!0;return f0.listCatalog(d.kinds,d.vehicle).then(v=>{u&&n({key:c,slugs:v.map(U7)})}).catch(v=>{console.error("[useVehicleCatalog] catalog refetch failed",v)}),()=>{u=!1}},[c]);let h=i?.slugs??null,p=o.join(",");return Ue1(()=>QB(e,p?p.split(","):[],h),[e,p,h])}import{useCallback as bb,useEffect as dr,useMemo as Ye1,useRef as Xe1,useState as sD}from"react";import{useCallback as op,useEffect as Ca,useMemo as rp,useState as k8}from"react";function ip(e){return e instanceof Error?e.message:String(e)}function tD(e=[],t=!0){let[a,s]=k8(g7),[o,r]=k8(e),[i,n]=k8([]),[l,c]=k8([]),[h,p]=k8([]),[d,u]=k8(null),[v,g]=k8({makes:t&&e.length===0}),[b,f]=k8(null);Ca(()=>{t&&e.length===0&&(g(G=>({...G,makes:!0})),Qe.listMakes().then(r).catch(()=>{}).finally(()=>g(G=>({...G,makes:!1}))))},[t,e.length]),Ca(()=>{if(!a.make){n([]);return}let G=!1;return g(H=>({...H,models:!0})),Qe.listModels(a.make).then(H=>{G||n(H)}).catch(H=>{G||f(ip(H))}).finally(()=>{G||g(H=>({...H,models:!1}))}),()=>{G=!0}},[a.make]),Ca(()=>{if(!a.make||!a.model){c([]);return}let G=!1;return g(H=>({...H,years:!0})),Qe.listYears(a.make,a.model).then(H=>{G||c(H)}).catch(H=>{G||f(ip(H))}).finally(()=>{G||g(H=>({...H,years:!1}))}),()=>{G=!0}},[a.make,a.model]),Ca(()=>{if(!a.make||!a.model||a.year===null){p([]);return}let G=!1;return g(H=>({...H,modifications:!0})),Qe.listModifications(a.make,a.model,a.year).then(H=>{G||p(H)}).catch(H=>{G||f(ip(H))}).finally(()=>{G||g(H=>({...H,modifications:!1}))}),()=>{G=!0}},[a.make,a.model,a.year]),Ca(()=>{if(!(a.year!==null&&a.make&&a.model&&a.modification)){u(null);return}let H=!1;return g(j=>({...j,stock:!0})),f(null),Qe.getStockFitment(a.make,a.model,a.year,a.modification).then(j=>{H||u(j)}).catch(j=>{H||f(ip(j))}).finally(()=>{H||g(j=>({...j,stock:!1}))}),()=>{H=!0}},[a.make,a.model,a.year,a.modification]),Ca(()=>{a.year!==null&&a.make&&a.model&&!a.modification&&h.length===1&&s(G=>({...G,modification:h[0].slug}))},[a.year,a.make,a.model,a.modification,h]);let y=op(G=>s(H=>({...H,make:G,model:"",year:null,modification:""})),[]),x=op(G=>s(H=>({...H,model:G,year:null,modification:""})),[]),k=op(G=>s(H=>({...H,year:G?Number(G):null,modification:""})),[]),S=op(G=>s(H=>({...H,modification:G})),[]),L=rp(()=>l.map(G=>({value:String(G),label:String(G)})),[l]),R=rp(()=>o.map(G=>({value:G.slug,label:G.name})),[o]),F=rp(()=>i.map(G=>({value:G.slug,label:G.name})),[i]),O=rp(()=>h.map(G=>({value:G.slug,label:G.name})),[h]),P=a.year!==null&&!!a.make&&!!a.model&&!!a.modification,E=o.find(G=>G.slug===a.make)?.name??a.make,N=i.find(G=>G.slug===a.model)?.name??a.model,V=h.find(G=>G.slug===a.modification)?.name??a.modification;return{vehicle:a,setVehicle:s,setMake:y,setModel:x,setYear:k,setModification:S,makeOptions:R,modelOptions:F,yearOptions:L,modOptions:O,loading:v,cascadeError:b,stock:d,fullyPicked:P,makeName:E,modelName:N,modName:V}}var fb="storefront-vehicle";function Ke1(e){if(!e||typeof e!="object")return null;let t=e,a={...g7,...t.vehicle??{}};return I4(a)?{vehicle:a,labels:{make:t.labels?.make??a.make,model:t.labels?.model??a.model,modification:t.labels?.modification??a.modification}}:null}function $e1(e){let t,a=new Set,s=()=>{for(let o of[...a])o()};return{read(){if(t!==void 0)return t;try{let o=e()?.getItem(fb);t=o?Ke1(JSON.parse(o)):null}catch{t=null}return t},write(o){t=o;try{e()?.setItem(fb,JSON.stringify(o))}catch{}s()},clear(){t=null;try{e()?.removeItem(fb)}catch{}s()},subscribe(o){return a.add(o),()=>{a.delete(o)}}}}var C8=$e1(()=>w3);function aD(){C8.clear()}function xb(e,t,a){return e!==t?e:a||t}function Je1(e,t){return e.make===t.make&&e.model===t.model&&e.modification===t.modification}function Sa(e,t){return e.make===t.make&&e.model===t.model&&e.year===t.year&&e.modification===t.modification}function s5({initialMakes:e=[],editing:t=!1,enabled:a=!0,autoApply:s=!1}={}){let o=tD(e,a),{setVehicle:r}=o,[i,n]=sD(null),[l,c]=sD(!1),h=bb(()=>({make:o.makeName,model:o.modelName,modification:o.modName}),[o.makeName,o.modelName,o.modName]);dr(()=>{if(t||!a){c(!0);return}let f=$B(new URLSearchParams(window.location.search)),y=f?null:C8.read(),x=f??y?.vehicle??null;x&&(r(x),n({vehicle:x,labels:y?.labels??{make:x.make,model:x.model,modification:x.modification},stock:null})),c(!0)},[t,a,r]),dr(()=>{if(!(t||!a))return C8.subscribe(()=>{let f=C8.read();n(x=>f?x&&Sa(x.vehicle,f.vehicle)?Je1(x.labels,f.labels)?x:{...x,labels:f.labels}:{vehicle:f.vehicle,labels:f.labels,stock:null}:null);let y=f?.vehicle??g7;r(x=>Sa(x,y)?x:y)})},[t,a,r]),dr(()=>{!s||!I4(o.vehicle)||i&&Sa(i.vehicle,o.vehicle)||n({vehicle:o.vehicle,labels:h(),stock:o.stock})},[s,i,o.vehicle,o.stock,h]),dr(()=>{if(!i||!Sa(o.vehicle,i.vehicle))return;let f={make:xb(o.makeName,o.vehicle.make,i.labels.make),model:xb(o.modelName,o.vehicle.model,i.labels.model),modification:xb(o.modName,o.vehicle.modification,i.labels.modification)};(i.stock!==o.stock||i.labels.make!==f.make||i.labels.model!==f.model||i.labels.modification!==f.modification)&&n(x=>x&&Sa(o.vehicle,x.vehicle)?{...x,stock:o.stock,labels:f}:x)},[i,o.vehicle,o.stock,o.makeName,o.modelName,o.modName]);let p=Xe1("");dr(()=>{if(!(t||!a))try{if(!i){p.current!==""&&(C8.clear(),p.current="");return}let f=JSON.stringify({vehicle:i.vehicle,labels:i.labels});if(f===p.current)return;C8.write({vehicle:i.vehicle,labels:i.labels}),p.current=f}catch{}},[i,t,a]);let d=bb(()=>{I4(o.vehicle)&&n({vehicle:o.vehicle,labels:h(),stock:o.stock})},[o.vehicle,o.stock,h]),u=bb(()=>{n(null),r(g7),!t&&a&&aD()},[t,a,r]),v=Ye1(()=>lH(i?.stock),[i?.stock]),g=!!i&&Sa(o.vehicle,i.vehicle)&&o.loading.stock!==!1,b=i?[i.vehicle.year,i.labels.make,i.labels.model,i.labels.modification].filter(Boolean).join(" "):"";return{cascade:o,applied:i,fit:v,resolving:g,unresolved:!!i&&v===null&&!g,apply:d,clear:u,canApply:I4(o.vehicle),appliedName:b,restored:l}}import{useEffect as oD,useState as rD}from"react";var wb="plp:locationchange",iD=!1;function Qe1(e){if(typeof window>"u")return()=>{};if(!iD){iD=!0;for(let t of["pushState","replaceState"]){let a=window.history[t];window.history[t]=function(...o){a.apply(this,o),window.dispatchEvent(new Event(wb))}}}return window.addEventListener("popstate",e),window.addEventListener(wb,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(wb,e)}}function nD({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:s}){let[o,r]=rD({...a6,sort:t}),[i,n]=rD(!1);return oD(()=>{if(e||typeof window>"u")return;let l=()=>{let h=iT(new URLSearchParams(window.location.search));return r9(h).toString()===""?{...a6,sort:t}:h},c=()=>{let h=l();r(p=>r9(p).toString()===r9(h).toString()?p:h)};return c(),n(!0),Qe1(c)},[e,t]),oD(()=>{if(e||!i||!s||typeof window>"u")return;let l=r9(o);b6(l,a);let c=l.toString();window.history.replaceState(null,"",`${window.location.pathname}${c?`?${c}`:""}`)},[e,i,s,o,a]),[o,r]}import{Fragment as lD,jsx as T2,jsxs as n3}from"react/jsx-runtime";var yb={heading:"Let's find wheels that fit your car.",intro:"Tell us what you drive and we'll show you every set that bolts straight on \u2014 bolt pattern, offset and hub bore checked for you."};function ot1({level:e,className:t,children:a}){return T2(e===2?"h2":"h1",{className:t,children:a})}var rt1=[];function zb({heading:e="",intro:t="",askForCar:a=!0,gateHeading:s="",gateIntro:o="",perPage:r=24,columns:i,defaultSort:n="recommended",hiddenFacets:l=[],fieldUsage:c=rt1,showPrice:h=!0,showInStock:p=!0,kinds:d,products:u,wheels:v,editing:g=!1,coverIndex:b=1,cardImage:f,spinOnHover:y=!1,imageBackground:x,showBadge:k=!0,showCardSizes:S,showCardBuy:L,showCardPage:R,showCardPrice:F,showCardFinishes:O,outline:P=k4,indexBadge:E=z4,titleLevel:N}){let{currency:V}=w0(),G=Ee(x,K5),H=t6(d),j=Q5(),_=YO(Fh(i),g?j:null),e1=`plp-${tt1().replace(/:/g,"")}`,K=A7(e1,E),Y=PE(),h1=u??v??Y??[],B=X3(()=>LL(h1,H),[h1,H.join(",")]),q=s5({editing:g,enabled:a,autoApply:!0}),[Q,a1]=st1(!1),$=DL(n,H),m1=q.applied?.vehicle??null,[v1,g0]=nD({editing:g,openingSort:$,appliedVehicle:m1,vehicleRestored:q.restored}),s0=GL(H,v1.kind),P1=L5(S1=>g0(S1),[g0]),i0=L5((S1,w2)=>{let x1=v1[S1],R0=x1.map(String).includes(w2)?x1.filter(g3=>String(g3)!==w2):[...x1,S1==="diameters"?Number(w2):w2];P1({...v1,[S1]:R0,page:1})},[v1,P1]),o0=L5(S1=>P1({...v1,priceMax:S1,page:1}),[v1,P1]),J1=L5(S1=>P1({...v1,inStockOnly:S1,page:1}),[v1,P1]),m0=L5(S1=>P1({...a6,kind:S1,inStockOnly:v1.inStockOnly,priceMax:v1.priceMax,sort:v1.sort}),[v1.inStockOnly,v1.priceMax,v1.sort,P1]),t0=L5(S1=>P1({...v1,sort:S1,page:1}),[v1,P1]),g2=L5(S1=>{P1({...v1,page:S1}),typeof window<"u"&&window.scrollTo({top:0,behavior:G6()})},[v1,P1]),x0=L5(()=>P1({...a6,sort:v1.sort}),[v1.sort,P1]),{clear:b1}=q,Q1=L5(()=>{b1(),a1(!0),g0(S1=>({...S1,page:1}))},[b1]),d0=L5(()=>{b1(),a1(!1),g0(S1=>({...S1,page:1}))},[b1]),V0=m1?[m1.make,m1.model,m1.year,m1.modification].join("|"):"",J0=at1(null);et1(()=>{if(q.restored){if(J0.current===null){J0.current=V0;return}J0.current!==V0&&(J0.current=V0,g0(S1=>S1.page===1?S1:{...S1,page:1}))}},[q.restored,V0,g0]);let B0=eD({catalog:B,shownKinds:H,vehicle:m1,editing:g}),s1=X3(()=>{if(!q.fit)return B0;let S1=B0.filter(x1=>j0(x1)==="alloy-wheel"),w2=new Set(Ql(S1,q.fit).map(x1=>x1.slug));return B0.filter(x1=>j0(x1)!=="alloy-wheel"||w2.has(U7(x1)))},[B0,q.fit]),k1=l.join(","),r0=X3(()=>{let S1=new Set(k1?k1.split(","):[]);return kl(s1,v1,V,s0,c).filter(w2=>!S1.has(w2.key))},[s1,v1,V,k1,s0.join(","),c]),s2=X3(()=>jL(s1,v1,V),[s1,v1,V]),K2=s0.length>1,V5=X3(()=>u5(c,"alloy-wheel"),[c]),R5=X3(()=>u5(c,"tyre"),[c]),_5=X3(()=>TL(s2),[s2]),O4=X3(()=>EL(s2),[s2]),E3=X3(()=>h?eT(s1,V):null,[s1,V,h]),O5=X3(()=>UL(s1,v1,V),[s1,v1,V]),P6=X3(()=>QL(s1,H,v1,V),[s1,H.join(","),v1,V]),$2=L5((S1,w2)=>{let x1=JL(s1.flatMap(gt),v1.tyreSizes[0]??"",S1,w2);P1({...v1,tyreSizes:x1?[x1]:[],page:1})},[s1,v1,P1]),N6=X3(()=>{let S1=new Set(k1?k1.split(","):[]);return!$L(s1,s0)||S1.has("tyreSizes")?null:XL(s1,v1,V)},[s1,v1,V,k1,s0.join(","),c]),m3=X3(()=>lT(s2,v1.page,r),[s2,v1.page,r]),d3=e6(s0),O2=Yo(s0),Y2=JO(s,o,s0,H),h5=s0.length===1&&s0[0]==="tyre",u3=q.applied?.stock??null,H3=X3(()=>tF(u3),[u3]),e4=X3(()=>s1.filter(S1=>s0.includes(j0(S1))).length,[s1,s0.join(",")]),B4=B.length===0,L1=!B4&&s1.length===0,n0=a&&!g&&!q.applied&&!Q;return H.length===0?null:n3("section",{style:v3(f),children:[a&&T2(gb,{cascade:q.cascade,appliedName:q.appliedName,fit:q.fit,fitSummary:h5&&H3.length>0?`Takes ${H3.join(" \xB7 ")}`:null,resolving:q.resolving,unresolved:h5?!!q.applied&&!q.resolving&&H3.length===0:q.unresolved,matchCount:e4,copy:O2,onAmend:d0,onClear:Q1}),n0&&T2(vb,{cascade:q.cascade,heading:Y2.heading,intro:Y2.intro,ready:q.restored,copy:O2,onSkip:()=>a1(!0)}),n3("div",{className:"px-5 py-10 md:px-10",children:[(e||t)&&n3("header",{className:"mb-6",children:[e&&T2(ot1,{level:N,className:"font-display text-[clamp(28px,4vw,40px)] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:l0(e)}),t&&T2("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:l0(t)})]}),n3("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[T2(db,{facets:r0,filters:v1,typeOptions:P6,sizeBoxes:N6,sizeMatches:v1.tyreSizes.length>0?s2.length:null,noun:d3,priceBounds:E3,inStockCount:p?O5:null,onToggle:i0,onPickType:m0,onPickSize:$2,onPriceMax:o0,onInStockOnly:J1,onClearAll:x0}),n3("div",{className:"min-w-0 flex-1",children:[n3("div",{className:"mb-4 flex min-h-[34px] flex-wrap items-center justify-between gap-x-4 gap-y-2 border-b border-line pb-3",children:[n3("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-2",children:[T2("p",{className:"font-mono text-[12px] tabular-nums tracking-[0.08em]",children:m3.total===0?n3("span",{className:"text-fg-dim",children:["No ",d3.many]}):n3(lD,{children:[n3("span",{children:[m3.from,"\u2013",m3.to]}),n3("span",{className:"text-fg-dim",children:[" of ",m3.total," ",d3.many]})]})}),T2(Xf,{filters:v1,onToggle:i0,onPriceMax:o0,onInStockOnly:J1,onPickType:m0})]}),n3("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",T2("select",{value:v1.sort,onChange:S1=>t0(xt(S1.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-1.5 font-mono text-[12px] normal-case tracking-normal text-fg",children:mu(H).map(S1=>T2("option",{value:S1,children:Ts[S1]},S1))})]})]}),B4?T2("div",{className:"border border-dashed border-line p-10",children:T2("p",{className:"font-mono text-[12px] uppercase tracking-[0.16em] text-fg-dim",children:g?d3.many==="wheels"?m("No wheels in this website's catalog yet \u2014 curate products to see them here."):d3.many==="tyres"?m("No tyres in this website's catalog yet \u2014 curate products to see them here."):m("No products in this website's catalog yet \u2014 curate products to see them here."):"Our catalog is being updated. Please check back shortly."})}):L1?n3("div",{className:"border border-line p-10",children:[n3("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",q.appliedName]}),T2("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:O2.nothingFits}),n3("button",{type:"button",onClick:Q1,className:"mt-4 cursor-pointer bg-btn px-4 py-2.5 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:["Show all ",d3.many]})]}):m3.total===0?n3("div",{className:"border border-line p-10",children:[n3("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",d3.many," match those filters"]}),T2("p",{className:"mt-2 max-w-[46ch] text-[14px] text-fg-dim",children:"Try widening the price range or clearing a filter."}),zl(v1)&&T2("button",{type:"button",onClick:x0,className:"mt-4 cursor-pointer bg-btn px-4 py-2.5 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:"Clear all filters"})]}):n3(lD,{children:[K&&T2("style",{children:K}),T2("div",{className:K?`${e1} plp-card-grid`:"plp-card-grid",style:_,children:m3.items.map(S1=>j0(S1)==="tyre"?T2(or,{item:S1,currency:V,fitSize:H3.length>0?aF(S1.sizes,H3):null,kindLabel:K2?e6(["tyre"]).one:null,showBrand:_5,editing:g,fieldUsage:R5},`tyre:${U7(S1)}`):T2(nb,{wheel:S1,colours:v1.finishes,fit:q.fit,editing:g,kindLabel:K2?e6(["alloy-wheel"]).one:null,showBrand:_5,coverIndex:b,fieldUsage:V5,showProcess:O4,spinOnHover:y,imageBackgroundFill:G,showBadge:k,outline:P,indexBadge:E,showCardSizes:S??!0,showCardBuy:L??!0,showCardPage:R??!0,showCardPrice:F??!0,showCardFinishes:O??!0},`wheel:${U7(S1)}`))})]}),T2(lb,{page:m3.page,pageCount:m3.pageCount,onPage:g2}),T2($o,{editing:g})]})]})]})]})}import{SortIcon as nt1,CarIcon as lt1,HashIcon as ct1}from"efficient-easel/icons";import{useEasel as ht1}from"efficient-easel/easel";import{jsx as it1}from"react/jsx-runtime";var ur={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},cD={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...fl],perPage:24,columns:Vf,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>it1(zb,{titleLevel:e.titleLevel,heading:z(e.heading,ur.heading,e.puck),intro:z(e.intro,ur.intro,e.puck),askForCar:e.askForCar!==!1,gateHeading:i1(e.gateHeading),gateIntro:i1(e.gateIntro),perPage:e.perPage,columns:e.columns,defaultSort:xt(e.defaultSort),coverIndex:wa(e.coverIndex),cardImage:e.cardImage,spinOnHover:e.spinOnHover===!0,imageBackground:e.imageBackground,showBadge:e.showBadge!==!1,showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage,outline:$8(e.outline),indexBadge:_6(e.indexBadge),hiddenFacets:Cl(e),showPrice:e.showPrice,showInStock:e.showInStock!==!1,kinds:e.kinds,products:e.products,wheels:e.wheels,fieldUsage:e.fieldUsage,editing:e.puck?.isEditing})};import{jsx as D9}from"react/jsx-runtime";var np=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],pt1="Brand, Color, Size and PCD follow the product type. Set them in Product types.",hD="root:default-zone";function mt1(){let{appState:e,dispatch:t}=ht1(l=>l),a=e.ui.itemSelector,s=e.data.content??[],o=a&&(a.zone===void 0||a.zone===hD)?a.index:-1,r=o>=0?s[o]:void 0,i=r?.props??{},n=np.filter(l=>i[l.value]!==!1).map(l=>l.value);return D9(Ui,{label:"Filters",options:np.map(l=>({...l,label:m(l.label)})),value:n,onChange:l=>{if(!r||r.type!=="AlloyWheelsListing")return;let c={};for(let h of np){let p=l.includes(h.value);i[h.value]!==!1!==p&&(c[h.value]=p)}Object.keys(c).length&&t({type:"replace",destinationZone:hD,destinationIndex:o,data:{...r,props:{...r.props,...c}}})}})}var pD=()=>Gi({type:"custom",render:()=>D9(Wi,{})},"always"),mD={fields:{_gHeader:w("Header"),heading:I("Heading",ur.heading),intro:W("Intro",ur.intro),_gResults:w("Products"),kinds:Oe("Product types",dt,"None \u2014 this section will be empty"),defaultSort:w1("Opening sort",D9(nt1,{}),Object.entries(Ts).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:w("Filters"),showInStock:{type:"custom",label:"Filters",options:np,render:()=>D9(mt1,{})},showCollection:pD(),showPrice:pD(),_nFieldFilters:$5(pt1),_gVehicle:w("Car prompt"),askForCar:l1("Ask for the car first",!0,D9(lt1,{})),gateHeading:U("Welcome heading",yb.heading),gateIntro:_1("Welcome intro",yb.intro),...cn({bottomDefault:!0}),...Be({coverHint:"A card's opening picture \u2014 picking another color opens that color's first picture.",spinDefault:!1}),...De(),_gGrid:w("Grid"),columns:{type:"custom",render:({value:e,onChange:t})=>D9(Bf,{value:e,onChange:t})},perPage:n1("Products per page",D9(ct1,{}),8,60,4,24)},resolveFields:(e,{fields:t})=>{let a=Yo(t6(e.props.kinds));return{...t,gateHeading:U("Welcome heading",a.gateHeading),gateIntro:_1("Welcome intro",a.gateIntro)}}};import{useEffect as gt1,useState as vt1}from"react";function dt1(e){return{name:e.name,logo:e.logo,count:e.count}}var gr=null,kb=null;function lp(e=!1){let t=v2();return!e&&gr&&kb===t||(kb=t,gr=ut1(t).catch(()=>(kb===t&&(gr=null),null))),gr}async function ut1(e){return e?(await f0.listBrandsForSite(e)).map(dt1):null}import{Fragment as ft1,jsx as cp,jsxs as bt1}from"react/jsx-runtime";function Cb({value:e,onChange:t}){let[a,s]=vt1(void 0);gt1(()=>{let n=!1;return lp().then(l=>{n||s(l)}),()=>{n=!0}},[]);let o=Array.isArray(e)?e:[],i=[...a??[],...o.filter(n=>!(a??[]).some(l=>l.name===n)).map(n=>({name:n,logo:"",count:0}))].map(n=>({value:n.name,label:n.name,note:String(n.count)}));return bt1(ft1,{children:[cp(Ui,{label:"Brands",options:i,value:o,onChange:t,emptyLabel:"None"}),a===void 0?cp("p",{className:"es-field-hint sf-hint-keep",children:m("Reading this website\u2019s brands\u2026")}):a===null?cp("p",{className:"es-field-hint sf-hint-keep",children:m("Could not read this website\u2019s brands. The list above shows only what is already picked \u2014 reopen the panel to try again.")}):a.length===0?cp("p",{className:"es-field-hint sf-hint-keep",children:m("This website has no brands yet. A brand appears here once it has a product in the catalog.")}):null]})}var vr="picks",dD="available",uD=()=>[];function gD(e,t){let a=new Set((e??[]).map(i=>(i??"").trim()).filter(Boolean));if(a.size===0)return[];let s=t??[],o=[],r=new Set;for(let i of s)a.has(i.name)&&(o.push(i),r.add(i.name));for(let i of e??[]){let n=(i??"").trim();!n||r.has(n)||(r.add(n),o.push({name:n,logo:"",count:0}))}return o}import{LogoIcon as xt1,HashIcon as wt1}from"efficient-easel/icons";import{jsx as vD}from"react/jsx-runtime";var fD={fields:{_gContent:w("Content"),heading:I("Heading","Shop by brand"),button:I("Button","All brands"),link:N1("Link"),[vr]:p2(Cb),_gStyle:w("Style"),face:y1("Tile",vD(xt1,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:l1("Count",!0,vD(wt1,{})),_gLayout:w("Layout")}};import{ColumnsIcon as yt1}from"efficient-easel/icons";var t2={num:T.sectionNumber,link:T.viewAll};import{jsx as zt1}from"react/jsx-runtime";var bD={fields:{_gHeader:w("Header"),num:I("Number",t2.num),title:W("Heading",T.sectionHeading),description:W("Body",T.body),_gLayout:w("Layout"),columns:n1("Columns",zt1(yt1,{}),2,3,1,3),cardImage:H7()},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.BundleOffer.headRows)};import{StylesIcon as kt1}from"efficient-easel/icons";var hp=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as Ct1}from"react/jsx-runtime";var xD={fields:{_gStyle:w("Style"),style:y1("Show as",Ct1(kt1,{}),hp,"icon")}};import{HashIcon as Ht1,SortIcon as Ft1,LayoutIcon as Pt1}from"efficient-easel/icons";import{SettingsField as St1,SettingsSwitch as Mt1}from"efficient-easel/panel";import{jsx as fr}from"react/jsx-runtime";function At1({facet:e,fallback:t,value:a,onChange:s,fieldId:o}){let i=Ls()[e],n=typeof a=="boolean"?a:t,l=`${o}-label`;return fr(St1,{label:i,labelId:l,action:fr(Mt1,{checked:n,onChange:s,ariaLabelledBy:l})})}function br(e,t){return{type:"custom",render:({value:a,onChange:s,id:o,name:r})=>fr(At1,{facet:e,fallback:t,value:a,onChange:s,fieldId:String(o??r??e)})}}function wD(e,t){return{type:"custom",render:()=>fr(Lt1,{facets:e,rest:t})}}function Lt1({facets:e,rest:t}){let a=Ls(),s=e.map(r=>a[r]),o=s.length>1?m("{list} and {last}",{list:s.slice(0,-1).join(", "),last:s[s.length-1]}):s.join("");return fr(_C,{text:t.includes("{names}")?m(t,{names:o}):`${o} ${t}`})}var yD="The results link is off while the Lugs filter is on. The product listing page filters on bolt pattern and has no lug filter, so a shopper's lug choice could not be carried across \u2014 they would land on a wider set of products than they asked for. Turn Lugs off to use the results link.";function zD(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function Tt1(e){return e==="default"?"recommended":e}function Et1(e){return{...a6,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:Tt1(e.sort)}}function kD(e,t,a){let s=e.indexOf("#"),o=s===-1?"":e.slice(s),r=s===-1?e:e.slice(0,s),i=r.indexOf("?"),n=i===-1?r:r.slice(0,i),l=new URLSearchParams(i===-1?"":r.slice(i+1));for(let[h,p]of r9(Et1(t)))l.set(h,p);b6(l,a);let c=l.toString();return`${n}${c?`?${c}`:""}${o}`}var Z9="pills",Sb=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function CD(e){return X2(Sb,Z9,e)}import{jsx as Mb}from"react/jsx-runtime";var Nt1="follow the product type. Set them in Product types.",SD={fields:{_gPills:w("Filters shown"),showProcess:br("process",!0),showLugs:br("lugs",!0),showPrice:br("price",!0),showVehicle:br("vehicle",!0),_nFieldFilters:wD(["size","finish"],Nt1),_gBar:w("Bar"),showCount:l1("Result count",!0,Mb(Ht1,{})),showSort:l1("Sort + Clear all",!0,Mb(Ft1,{})),resultsLabel:U("Results button","See all results"),resultsHref:N1("Results link"),resultsBlocked:$5(yD),layout:w1("Layout",Mb(Pt1,{}),Sb,Z9)},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};return a.showLugs?(delete s.resultsHref,delete s.resultsLabel):delete s.resultsBlocked,s}};import{jsx as Ma,jsxs as MD}from"react/jsx-runtime";function Ab({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:o,secondaryText:r,secondaryHref:i,contained:n}){return Ma(c2,{contained:n,className:"py-6",children:MD("div",{className:"flex flex-col items-center gap-5 px-6 py-16 text-center max-[800px]:py-10",children:[e&&Ma(O1,{text:e,scaled:!1}),t&&Ma("h2",{className:"max-w-[720px] font-display text-[min(44px,var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[min(30px,var(--sf-heading-max,9999px))]",children:X(t,!1)}),a&&S0(a).map((l,c)=>Ma("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:M(l)},c)),(s||r)&&MD("div",{className:"mt-2 flex items-center gap-6",children:[s&&Ma(C3,{href:o||"/checkout",variant:"primary",children:M(s)}),r&&Ma("a",{href:i||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:M(r)})]})]})})}import{jsx as It1}from"react/jsx-runtime";var xr={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},AD={label:"Ready-to-Order Banner",defaultProps:{eyebrow:"",title:"",body:"",ctaText:"",ctaHref:"",secondaryText:"",secondaryHref:"",contained:!0},render:({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:o,secondaryText:r,secondaryHref:i,contained:n,puck:l})=>{let c=c4(s,o,l);return It1(Ab,{eyebrow:z(e,T.eyebrow,l),title:z(t,xr.title,l),body:z(a,T.body,l),ctaText:c.text,ctaHref:c.href||"/checkout",secondaryText:z(r,xr.secondary,l),secondaryHref:i1(i)||"#",contained:n})}};var LD={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",T.eyebrow),title:W("Heading",xr.title),body:W("Body",T.body),_gButton:w("Button"),...Y4,secondaryText:I("Secondary button",xr.secondary),secondaryHref:N1("Secondary link"),_gLayout:w("Layout")}};import{Button as Vt1}from"efficient-shell/ui";import{SettingsField as Rt1}from"efficient-easel/panel";import{FieldSelect as _t1}from"efficient-easel/fields";import{CategoryIcon as Ot1}from"efficient-easel/icons";import{useEffect as TD,useRef as Lb,useState as Bt1}from"react";var V4=Lt({fetch:(e,t)=>F1.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:v2});import{jsx as R4,jsxs as Aa}from"react/jsx-runtime";function ED(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function Tb({value:e,onChange:t}){let a=b3(),[s,o]=Bt1(null),r=Lb(!0),i=Lb(e);i.current=e;let n=Lb(t);n.current=t;let l=(g=!1)=>V4(g).then(b=>(r.current&&o(b),b)),c=g=>{let b=i.current;if(!b?.id)return;let f=g.find(x=>x.id===b.id);if(!f)return;let y=ED(f);Q6(y,b)&&n.current(y)};TD(()=>(r.current=!0,l().then(c),()=>{r.current=!1}),[]),TD(()=>iL(()=>{l(!0).then(c)}),[]);let h=g=>{if(!g){t(null);return}let b=(s??[]).find(f=>f.id===g);b&&t(ED(b))},p=()=>{e?.id&&a.send("storefront-editor:open-category",{categoryId:e.id,name:e.name})},d=s===null,u=!!e?.id&&!(s??[]).some(g=>g.id===e.id),v=$g(e?.image);return Aa("div",{children:[R4(Rt1,{label:m("Collection"),icon:R4(Ot1,{}),children:R4(_t1,{value:e?.id??"",ariaLabel:m("Collection"),onChange:h,readOnly:d,options:[{label:d?m("Loading\u2026"):m("None"),value:""},...u?[{label:m("{name} (unavailable)",{name:e.name}),value:e.id}]:[],...(s??[]).map(g=>({label:g.name,value:g.id}))]})}),e?.id?Aa("div",{className:"sf-blogsource",style:{marginTop:9},children:[Aa("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[Aa("div",{children:[R4("div",{className:"sf-field-label",style:{opacity:.6},children:m("Name")}),R4("div",{style:{fontWeight:600},children:e.name})]}),Aa("div",{children:[R4("div",{className:"sf-field-label",style:{opacity:.6},children:m("Description")}),R4("div",{style:{fontSize:13,opacity:e.description?.85:.5},children:e.description||m("No description yet")})]}),Aa("div",{children:[R4("div",{className:"sf-field-label",style:{opacity:.6},children:m("Image")}),v?R4("img",{src:v,alt:"",style:{width:"100%",height:96,objectFit:"cover",borderRadius:8}}):R4("div",{style:{fontSize:13,opacity:.5},children:m("No image yet")})]})]}),R4(Vt1,{variant:"secondary",size:"sm",className:"sf-blogsource-action",style:{marginTop:10},onClick:p,children:m("Edit category \u270E")}),R4("p",{className:"es-field-hint sf-hint-keep",children:m("Name, description and image come from {place}. Edit them there \u2014 this card updates to match.",{place:m("Storefront \u2192 Categories")})})]}):R4("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:m("Pick a category from {place} to fill this card\u2019s name, description and image. That content is edited in the category.",{place:m("Storefront \u2192 Categories")})})]})}import{jsx as Dt1}from"react/jsx-runtime";var HD={fields:{_gContent:w("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>Dt1(Tb,{value:e,onChange:t})},altName:Pe(z1("Alt name")),tag:I("Tag",T.eyebrow),_gLink:w("Link"),href:N1("Link")}};import{ColumnsIcon as Kt1,HashIcon as $t1}from"efficient-easel/icons";import{useId as Zt1}from"react";import{Fragment as FD,jsx as G9,jsxs as Eb}from"react/jsx-runtime";function Gt1({editing:e,nodeId:t,children:a}){return!e||!t?G9(FD,{children:a}):G9(Yt,{nodeId:t,sectionType:"Collections",children:a})}var Wt1="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",qt1="px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]",Ut1={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function Hb({eyebrow:e,heading:t,columns:a,showPrice:s,cardStyle:o,layout:r,limit:i,cards:n,omitHead:l=!1,nodeId:c,partStyles:h,editing:p=!1}={}){let d=`cg-${Zt1().replace(/:/g,"")}`,u=typeof i=="number"&&i>0,v=r==="list"?"grid-cols-1":a===void 0?"grid-cols-3":Ut1[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return Eb("section",{className:l?qt1:Wt1,children:[l?null:G9(h0,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?X(t,!1):Eb(FD,{children:["Three ranges,",G9("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),n&&G9(Gt1,{editing:p,nodeId:c,children:Eb(Yg.Provider,{value:{showPrice:s,cardStyle:o,partStyles:h,editing:p},children:[u&&G9("style",{children:`.${d} > *:nth-child(n+${i+1}){display:none}`}),G9(n,{className:`${d} grid ${v} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,minEmptyHeight:260})]})})]})}import{jsx as jt1}from"react/jsx-runtime";var Fb={cards:{type:"slot"}},PD={label:"Collections",fields:Fb,defaultProps:{columns:3,limit:6},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return jt1(Hb,{eyebrow:a(l2(e.eyebrow,T.sectionNumber,e.puck)),heading:a(l2(e.heading,T.sectionHeading,e.puck)),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:ue(e),editing:e.puck?.isEditing,columns:e.columns,limit:e.limit,cards:e.cards})}};import{jsx as ND}from"react/jsx-runtime";var ID={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",T.sectionNumber),heading:W("Heading",T.sectionHeading),cardList:d6("Collections","Cards"),cards:Fb.cards,_gLayout:w("Layout"),columns:n1("Columns",ND(Kt1,{}),2,5,1,3),limit:n1("Collections to display",ND($t1,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Collections.headRows)};import{useEffect as La1,useId as Ta1,useState as Ea1}from"react";import{useId as aa1}from"react";import{Fragment as Qt1,jsx as x6,jsxs as La}from"react/jsx-runtime";var Yt1=[],Xt1="View tyre",Jt1="flex flex-col bg-[var(--card-bg)] p-5";function VD(e,t){let a=e?qi(e):"";return[Jt1,t?"relative":"",a].filter(Boolean).join(" ")}function wr({outline:e,showIndex:t=!1,size:a,specs:s,prices:o,image:r,inStock:i,href:n,linkLabel:l=Xt1,imageSizes:c="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=Yt1,currency:p,formatPrice:d}){let u=at(o,p),v=u===null?R7:d(u),g=lu(h),b=[["load_index","Load index",s.loadIndex],["speed_rating","Speed",s.speedRating],["construction","Construction",s.construction],["tire_type","Type",s.tireType]].filter(([,,x])=>!!x).filter(([x])=>g(x)),f=La(Qt1,{children:[x6(j6,{image:r,size:a,type:s.tireType,sizes:c}),x6("h3",{className:"mt-4 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:a}),s.treadPattern?x6("div",{className:"mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:s.treadPattern}):null,b.length>0&&x6("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:b.map(([x,k,S])=>La("div",{className:"flex items-baseline justify-between gap-3",children:[x6("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:k}),x6("dd",{className:"text-right text-fg",children:S})]},x))}),La("div",{className:"mt-4 flex items-baseline justify-between gap-3 border-t border-line pt-3 font-mono text-[length:var(--size-label,13px)]",children:[x6("span",{className:"text-fg",children:v}),x6("span",{style:i?{color:"var(--green)"}:void 0,className:i?void 0:"text-fg-dim",children:i?"In stock":"Out of stock"})]})]}),y=t?x6("span",{"aria-hidden":!0,className:`${Ce} ${Se}`}):null;return n?La(T1,{href:n,"aria-label":a?`View ${a} tyre`:"View this tyre",className:`group ${VD(e,t)}`,children:[y,f,La("span",{className:"mt-3 inline-flex items-center gap-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-accent transition-colors group-hover:text-fg",children:[l,x6("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]}):La("div",{className:VD(e,t),children:[y,f]})}import{jsx as ea1,jsxs as ta1}from"react/jsx-runtime";function yr({href:e,label:t}){return ta1(T1,{href:e,"data-view-more":!0,className:"inline-flex items-center gap-3 self-start border-b border-line pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg transition-colors hover:text-fg-dim",children:[t,ea1("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as ra1,jsx as w6,jsxs as Pb}from"react/jsx-runtime";var sa1="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",RD={2:"grid grid-cols-2 gap-2 max-[720px]:grid-cols-1",3:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",4:"grid grid-cols-4 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1"};function Nb({num:e,title:t,description:a,tyres:s,footnote:o,footnoteLinkText:r,footnoteLinkHref:i,viewMore:n,editing:l=!1,frameClassName:c=sa1,omitHead:h=!1,columns:p=3,capWidth:d,cardImage:u,outline:v,indexBadge:g}){let{currency:b,formatPrice:f}=w0(),y=s??[],x=`ct-${aa1().replace(/:/g,"")}`,k=g??z4,S=A7(x,k),L=y.some(O=>!O.image),R=[o,L?pc:null].filter(Boolean).join(" "),F=h?null:w6(h0,{num:e!=null?M(e):void 0,title:t!=null?X(t,!1):void 0,description:a!=null?M(a):void 0,accent:!0});return y.length===0?l?Pb("section",{className:c,children:[F,w6("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("No compatible tyres found for this wheel\u2019s sizes yet \u2014 tyres appear automatically when a matching size is active and priced in the catalog.")})]}):null:Pb("section",{className:c,style:v3(u),children:[S&&w6("style",{children:S}),Pb(oa1,{px:d,children:[F,w6("div",{className:`${S?`${x} `:""}${RD[p]??RD[3]}`,children:y.map(O=>w6(wr,{outline:v,showIndex:k!=="off",size:O.size,specs:O.specs,prices:O.prices,image:O.image,inStock:O.inStock,href:Rt(O.slug),currency:b,formatPrice:f},O.sku))}),n&&w6("div",{className:"mt-10 flex",children:w6(yr,{href:n.href,label:n.label})}),w6(M5,{text:R,linkText:r,linkHref:i})]})]})}function oa1({px:e,children:t}){return typeof e!="number"?w6(ra1,{children:t}):w6("div",{style:M7(e),children:t})}import{useMemo as pa1,useState as ma1}from"react";import{createContext as ia1,useContext as na1,useMemo as la1}from"react";import{jsx as ha1}from"react/jsx-runtime";var _D=[],ca1={imageBackgroundFill:Te,spinOnHover:!0,coverIndex:1,indexBadge:z4,outline:k4,showBadge:!0,fieldUsage:_D,reserveEyebrow:!1,showCardPrice:!0,showCardFinishes:!0,showCardSizes:!1,showCardBuy:!1,showCardPage:!1},OD=ia1(ca1);function pp({imageBackgroundFill:e,spinOnHover:t,coverIndex:a=1,indexBadge:s=z4,outline:o=k4,showBadge:r=!0,fieldUsage:i=_D,reserveEyebrow:n=!1,showCardPrice:l=!0,showCardFinishes:c=!0,showCardSizes:h=!1,showCardBuy:p=!1,showCardPage:d=!1,children:u}){let v=la1(()=>({imageBackgroundFill:e,spinOnHover:t,coverIndex:a,indexBadge:s,outline:o,showBadge:r,fieldUsage:i,reserveEyebrow:n,showCardPrice:l,showCardFinishes:c,showCardSizes:h,showCardBuy:p,showCardPage:d}),[e,t,a,s,o,r,i,n,l,c,h,p,d]);return ha1(OD.Provider,{value:v,children:u})}function BD(){return na1(OD)}import{Fragment as DD,jsx as S8,jsxs as ZD}from"react/jsx-runtime";function W9({wheel:e,variant:t="compact",defaultFinish:a}){let s=t==="catalog",o=pa1(()=>e.finishes.filter(N7),[e.finishes]),r=e.coverImage??null,{currency:i}=w0(),{imageBackgroundFill:n,spinOnHover:l,coverIndex:c,indexBadge:h,outline:p,showBadge:d,fieldUsage:u,reserveEyebrow:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:y,showCardPage:x}=BD(),k=s&&(f||y||x),S=_7(e.prices[i],e.msrpPrices?.[i]),L=In(S,i,"from "),R=_M(S,i),F=lB(e),O=hB(F),P=cB(F),E=bl([...ec(e).map(x0=>({fieldKey:x0.fieldKey,field:x0.text})),...P?[{field:{text:P,accent:!0}}]:[]],u).map(x0=>x0.field),{selectedIdx:N,setSelectedIdx:V,hoverIdx:G,setHoverIdx:H,availability:j,finish:_,shownSrc:e1,showSwatches:K,probes:Y}=Xh(o,r,a??e.defaultFinish??void 0),h1=jh(e,c,_?.name,e1),B="h-full w-full",q=l?`transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] ${s?"group-hover:rotate-[72deg]":"group-hover:rotate-[60deg]"}`:"",[Q,a1]=ma1(()=>new Set),$=x0=>a1(b1=>b1.has(x0)?b1:new Set(b1).add(x0)),m1=Uh({overrideSrc:h1,hookSrc:e1,failed:Q}),v1=m1?S8(t4,{src:m1,alt:_?`${e.name} \u2014 ${_.name}`:e.name,width:1e3,height:1e3,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:`block object-contain ${q} ${B}`,draggable:!1,onError:()=>$(m1)},m1):S8(ir,{imageLabel:e.name}),g0=s&&d&&e.badge?S8(ga,{className:Qo,tone:e.badge==="new"?"solid":"outline",children:e.badge==="new"?"New":"Bestseller"}):null,s0=P&&s?S8(ga,{className:Qo,tone:"outline",children:P}):g0,P1=Nh({kindLabel:null,brand:null,process:e.process?l0(e.process):null},u),i0=O?ZD(DD,{children:[P1,S8("span",{className:`${P1?"ml-2":""} inline-block bg-accent px-1.5 py-[2px] align-middle font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-bg`,children:"Set"})]}):P1,o0=h!=="off"?S8("span",{"aria-hidden":!0,className:`${Ce} ${Se}`}):null,J1=Qh(e),m0=ot(e,J1.selectedVariant,i,1),t0=Yh({wheel:e,sel:J1,price:m0,href:`/wheels/${e.slug}`,show:{sizes:k&&f,buy:k&&y,page:k&&x}}),g2=b&&K?S8(rr,{finishes:o,availability:j,selectedIdx:N,hoverIdx:G,activeFinish:_,onSelect:V,onHover:H,showLabel:!1}):null;return ZD(DD,{children:[S8(_9,{variant:t,wide:O&&s,href:`/wheels/${e.slug}`,outline:p,imageBackgroundFill:n,probes:Y,reserveEyebrow:v,indexBadge:o0,badges:s0,image:v1,imageSecond:void 0,eyebrow:i0,name:l0(e.name),spec:Oh(E),was:O?void 0:R,price:O?S.priced?L:Pn:k?rt(m0,i):L,metaLine:O?"the set":void 0,swatches:g2,reserveSwatches:b,showPrice:g,identityLink:k,extras:t0.extras}),t0.dialog]})}import{useMemo as W40}from"react";import{Fragment as da1,jsx as mp,jsxs as ua1}from"react/jsx-runtime";function Ta({item:e,onClose:t}){return mp(u9,{open:!!e,onClose:t,label:e?.alt??"",className:"flex cursor-zoom-out items-center justify-center bg-overlay-scrim/90 p-6 backdrop-blur-sm max-[720px]:p-3",children:e&&ua1(da1,{children:[mp("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),mp(Gt,{}),mp("span",{className:"absolute bottom-5 left-5 font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:e.alt})]})})}import{useState as ga1}from"react";function zr(){let[e,t]=ga1(null);return{item:e,open:(a,s)=>t({src:a,alt:s}),close:()=>t(null)}}import{useEffect as ba1,useState as Ea}from"react";function va1(e,t,a){let s=new Map;for(let o of e){let r=JSON.stringify(t.map(l=>o.options[l]??null)),i=s.get(r);i||s.set(r,i=new Set);let n=o.options[a];n!==void 0&&i.add(n)}return[...s.values()]}function GD(e,t,a){return a.every(s=>t[s]===void 0||e.options[s]===t[s])}function Ib(e,t){let a={};for(let s of e.optionFields){let o=t[s.key]??s.defaultValue;o!==void 0&&(a[s.key]=o)}return a}function dp(e,t){return qD(e,t).rows}function WD(e,t){return qD(e,t).facts}function qD(e,t){let a=Ib(e,t),s=e.optionFields.filter(n=>n.role==="resolves").map(n=>n.key),o=[],r=[],i=[];for(let n of e.optionFields){let l=e.optionValues[n.key]??[],c=e.parts.filter(v=>GD(v,a,i)),h=new Set(c.map(v=>v.options[n.key]).filter(v=>v!==void 0)),p=new Set(e.parts.map(v=>v.options[n.key]).filter(v=>v!==void 0)),d=l.filter(v=>h.has(v.value)||!p.has(v.value));if(n.role==="resolves"?!0:va1(c,s,n.key).some(v=>v.size>1))o.push({key:n.key,label:n.label,prompt:n.prompt,role:n.role,display:n.display,values:d,chosen:t[n.key]??null,empty:n.empty}),i.push(n.key);else if(h.size===1){let[v]=[...h];r.push({key:n.key,label:n.label,value:l.find(g=>g.value===v)??{value:v,label:v}})}}return{rows:o,facts:r}}function fa1(e,t){return dp(e,t).map(a=>a.key)}function UD(e,t){let a=fa1(e,t);if(a.length===0||a.some(o=>t[o]===void 0))return null;let s=e.parts.filter(o=>GD(o,t,a));return s.length===1?s[0]:null}function jD(e,t){let a=dp(e,t);return Object.keys(t).filter(s=>{let o=a.find(r=>r.key===s);return o?!o.values.some(r=>r.value===t[s]):!1})}function up(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function KD({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function kr(e,{editing:t=!1}={}){let[a,s]=Ea({}),[o,r]=Ea(xa.qty),[i,n]=Ea(xa.choice),[l,c]=Ea(0),[h,p]=Ea(!1),[d,u]=Ea(!1),v=s5({editing:t,autoApply:!0}),g=xB(e,d?null:v.fit),b=dp(g,a),f=WD(g,a),y=Ib(g,a),x=UD(g,a),k=x!=null&&!x.inStock,S=jD(g,a).join("|");ba1(()=>{if(!S)return;let K=new Set(S.split("|"));s(Y=>{let h1={...Y};for(let B of K)delete h1[B];return h1})},[S]);let{currency:L}=w0(),F=$f(g,x,{choice:i,qty:o}),O=ot({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},x?{components:F.components}:null,L,o),P=O.unit??0,E=O.setTotal??0,N=Vn(O,L),V=d||v.appliedName!=="",G=kB(e)==="required"?V:!0,j=b.every(K=>K.chosen!==null)&&G&&x!=null&&x.inStock&&O.priced,_=KD({variants:e.parts,inStock:e.inStock,priced:O.priced});function e1(K,Y){s(h1=>({...h1,[K]:Y}))}return{picked:a,shown:y,pick:e1,qty:o,setQty:r,choice:i,setChoice:n,angleIdx:l,setAngleIdx:c,showValidation:h,setShowValidation:p,manualMode:d,setManualMode:u,vehicle:v,fitmentSet:V,rows:b,facts:f,part:x,outOfStock:k,offer:F,preOrder:_,canAddToCart:j,currency:L,price:O,unit:P,set:E,msrpLabel:N}}import{jsx as J40,jsxs as Q40}from"react/jsx-runtime";function r2(){return kF(t8)?.value??null}var Y40=Object.freeze({});import{Fragment as wa1,jsx as Vb}from"react/jsx-runtime";function E2({kinds:e,type:t,editing:a=!1,children:s}){let o=r2();return!o||e.includes(o.product.kind)?Vb(wa1,{children:s}):a?Vb("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-14 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-10",children:Vb("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("{section} does not apply to {kind}. It is hidden on the live page.",{section:m(cs[t]??t),kind:xa1(o.product.kind)})})}):null}function xa1(e){switch(e){case"alloy-wheel":return m("Alloy wheels");case"tyre":return m("Tyres");default:return T4[e]}}var Rb=2,Cr=6,Sr=12;function gp(e){return typeof e!="number"||!Number.isFinite(e)?Cr:Math.min(Sr,Math.max(Rb,Math.round(e)))}function $D(e,t=[]){return{href:yT(e.to,t),label:`View more ${e6([e.to]).many}`}}var ya1={kind:"tyre",tyres:[]},za1={kind:"alloy-wheel",wheels:[]},YD=[{key:"tyres-that-fit",label:"Tyres that fit this product",from:["alloy-wheel"],to:"tyre",heading:"Compatible *tyres.*",resolve:e=>e.kind==="alloy-wheel"?{kind:"tyre",tyres:e.source.compatibleTyres??[]}:ya1},{key:"wheels-that-fit",label:"Wheels this product fits",from:["tyre"],to:"alloy-wheel",heading:"Wheels that *fit.*",resolve:(e,t)=>e.kind==="tyre"?{kind:"alloy-wheel",wheels:t}:za1},{key:"more-like-this",label:"More like this",from:["alloy-wheel"],to:"alloy-wheel",heading:"Others you might *like.*",resolve:(e,t)=>({kind:"alloy-wheel",wheels:t})}],y6="more-like-this",XD=YD.map(e=>({value:e.key,label:e.label}));function _b(e){return YD.find(t=>t.key===e)}function JD(e,t){return e.from.includes(t)}var QD=["coverIndex","imageBackground","spinOnHover","showBadge"];function eZ(e){return _b(e)?.to==="tyre"}var Ob={GBP:0,USD:0,AUD:0},ka1=[{diameter:18,width:8.5,boltPattern:"5\xD7112",centreBore:66.6,et:35},{diameter:19,width:9,boltPattern:"5\xD7112",centreBore:66.6,et:38},{diameter:20,width:9.5,boltPattern:"5\xD7112",centreBore:66.6,et:40}],aZ=[{name:"Finish 1",color:"#171717",family:"black",src:"",features:[1,2,3].map(e=>({eyebrow:"Feature eyebrow",heading:"Feature title",description:"Feature description \u2014 replace this with your own copy.",mark:`0${e} \xB7 Feature`,image:""}))},{name:"Finish 2",color:"#cccccc",family:"silver",src:""},{name:"Finish 3",color:"#8a6438",family:"bronze",src:""}],Ca1=[{partNumber:"SAMPLE-18",diameter:18,width:8.5,holes:5,pcd:"112",et:35,cb:66.6,cap:"\u2014",boltPattern:"5\xD7112",loadRating:"000 kg",inStock:!0},{partNumber:"SAMPLE-19",diameter:19,width:9,holes:5,pcd:"112",et:38,cb:66.6,cap:"\u2014",boltPattern:"5\xD7112",loadRating:"000 kg",inStock:!0},{partNumber:"SAMPLE-20",diameter:20,width:9.5,holes:5,pcd:"112",et:40,cb:66.6,cap:"\u2014",boltPattern:"5\xD7112",loadRating:"000 kg",inStock:!0}],Sa1=aZ.flatMap(e=>ka1.map((t,a)=>({finishName:e.name,size:`${t.diameter}" \xD7 ${t.width} \xB7 ${t.boltPattern} \xB7 ${t.centreBore} bore \xB7 ET ${t.et}`,kind:"squared",directional:!1,components:[{partNumber:`SAMPLE-${e.name.replace(/\s+/g,"")}-${a}`,wheels:4,prices:{...Ob},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),tZ=e=>`data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640"><rect width="640" height="640" fill="#e6e6e6"/><text x="320" y="332" font-family="sans-serif" font-size="30" fill="#8f8f8f" text-anchor="middle">${e}</text></svg>`)}`,Ha=e=>({url:tZ(e),thumbnailUrl:tZ(e),kind:"image"}),Ma1={photos:[{name:"Studio set",finish:"Finish 1",items:[Ha("Sample photo 1"),Ha("Sample photo 2"),Ha("Sample photo 3")]}],lifestyle:[{name:"On location",finish:"",items:[Ha("Lifestyle 1"),Ha("Lifestyle 2")]},{name:"In the city",finish:"",items:[Ha("Lifestyle 3")]}],videos:[],accessories:[],others:[]},Aa1=[1,2].map(e=>({sku:`SAMPLE-TYRE-${e}`,size:"000/00 R00",specs:{loadIndex:"00",speedRating:"\u2014",construction:"\u2014",treadPattern:"Tyre model",tireType:"\u2014"},prices:{...Ob},image:null,inStock:!0,slug:null})),Bb={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...Ob},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:aZ,spec:{lugs:5,sizes:[18,19,20],widths:[8.5,9,9.5],pcds:["5\xD7112"],etRange:[35,42],centreBores:[66.6],loadRating:"000 kg / 000 lbs",cap:"",bumpProfile:"",rimProfile:""},coverImage:null,defaultFinish:null,description:"Product description \u2014 replace this with your own copy.",fitments:Ca1,photoSets:[],carPhotos:[],details:[],videos:[],mediaGroups:Ma1,relatedProducts:[],variants:Sa1,pdpTemplateSlug:null,compatibleTyres:Aa1},Db=Array.from({length:Sr},(e,t)=>t+1).map(e=>({...Bb,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as Na1,jsx as L3,jsxs as Zb}from"react/jsx-runtime";var Ha1=r4,sZ={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function q9(e){return L3(E2,{kinds:Ha1,type:"RelatedProducts",editing:e.editing,children:L3(Fa1,{...e})})}function Fa1({num:e,title:t,description:a,columns:s=3,cardCount:o,relationship:r=y6,footnote:i,footnoteLinkText:n,footnoteLinkHref:l,editing:c=!1,omitHead:h=!1,cardImage:p,outline:d,indexBadge:u,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:y,showCardPage:x,coverIndex:k,imageBackground:S,spinOnHover:L,capWidth:R}){let F=r2(),O=ST(),P=gp(o),[E,N]=Ea1([]);La1(()=>{if(F||!c)return;let _=!1;return M2().then(e1=>{let K=e1.length>0?e1:Db;_||N(K)}).catch(()=>{_||N(Db)}),()=>{_=!0}},[F,c]);let V=_b(r);if(!V)return null;let G=$D(V,O),H=h?null:L3(h0,{num:e?M(e):void 0,title:X(t||V.heading,!1),description:a?M(a):void 0,accent:!0});if(!F)return c?L3(oZ,{header:H,wheels:E.slice(0,P),columns:s,viewMore:G,cardImage:p,outline:d,indexBadge:u,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:y,showCardPage:x,coverIndex:k,imageBackground:S,spinOnHover:L,capWidth:R}):null;if(!JD(V,F.product.kind))return c?L3("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-14 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-10",style:v3(p),children:L3("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("\u201C{relationship}\u201D does not apply to this product. It is hidden on the live page.",{relationship:m(V.label)})})}):null;let j=V.resolve(F.product,F.relatedWheels);return j.kind==="tyre"?L3(Nb,{omitHead:h,columns:s,capWidth:R,cardImage:p,outline:d,indexBadge:u,num:e,title:t||V.heading,description:a,tyres:[...j.tyres].slice(0,P),footnote:i,footnoteLinkText:n,footnoteLinkHref:l,viewMore:G,editing:c}):j.wheels.length===0?c?Zb("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:v3(p),children:[H,L3("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("Related products appear here on a product page.")})]}):null:L3(oZ,{header:H,wheels:[...j.wheels].slice(0,P),columns:s,viewMore:G,cardImage:p,outline:d,indexBadge:u,showBadge:v,showCardPrice:g,showCardFinishes:b,showCardSizes:f,showCardBuy:y,showCardPage:x,coverIndex:k,imageBackground:S,spinOnHover:L,capWidth:R})}function oZ({header:e,wheels:t,columns:a,viewMore:s,cardImage:o,outline:r,indexBadge:i,showBadge:n,showCardPrice:l,showCardFinishes:c,showCardSizes:h,showCardBuy:p,showCardPage:d,coverIndex:u,imageBackground:v,spinOnHover:g,capWidth:b}){let f=`rp-${Ta1().replace(/:/g,"")}`;if(t.length===0)return null;let y=sZ[Math.min(4,Math.max(2,a))]??sZ[3],x=i??z4,k=A7(f,x);return Zb("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:v3(o),children:[k&&L3("style",{children:k}),Zb(Pa1,{px:b,children:[e,L3(pp,{imageBackgroundFill:Ee(v,Te),spinOnHover:g??!0,coverIndex:u??1,outline:r??k4,indexBadge:x,showBadge:n??!0,showCardPrice:l??!0,showCardFinishes:c??!0,showCardSizes:h??!1,showCardBuy:p??!1,showCardPage:d??!1,children:L3("div",{className:`${f} grid gap-[2px] bg-[var(--catalog-grid-bg)] ${y}`,children:t.map((S,L)=>L3(W9,{wheel:S,variant:"catalog"},`${S.slug}-${L}`))})}),L3("div",{className:"mt-10 flex",children:L3(yr,{href:s.href,label:s.label})})]})]})}function Pa1({px:e,children:t}){return typeof e!="number"?L3(Na1,{children:t}):L3("div",{style:M7(e),children:t})}import{jsx as Ia1}from"react/jsx-runtime";var T5={num:T.sectionNumber,title:"Compatible *tyres.*",description:T.body,footnote:"Tyres shown are fitment-matched companions.",footnoteLinkText:"Enquire about tyres"},rZ={label:"Compatible Tyres",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Ia1(q9,{num:a(z(e.num,T5.num,e.puck)),title:a(z(e.title,T5.title,e.puck)),description:a(z(e.description,T5.description,e.puck)),omitHead:t,footnote:z(e.footnote,T5.footnote,e.puck),footnoteLinkText:z(e.footnoteLinkText,T5.footnoteLinkText,e.puck),footnoteLinkHref:i1(e.footnoteLinkHref),relationship:"tyres-that-fit",cardImage:e.cardImage,editing:e.puck?.isEditing})}};var iZ={fields:{_gContent:w("Header"),num:I("Number",T5.num),title:I("Heading",T5.title),description:W("Body",T5.description),_gFootnote:w("Footnote"),footnote:W("Footnote",T5.footnote),footnoteLinkText:I("Footnote button",T5.footnoteLinkText),footnoteLinkHref:N1("Footnote link"),_gCards:w("Cards"),cardImage:H7()},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.CompatibleTyres.headRows)};var nZ={fields:{}};import{SettingsIcon as Za1,AccentIcon as Ga1}from"efficient-easel/icons";import{jsx as z6,jsxs as Gb}from"react/jsx-runtime";var Va1="py-6",Ra1="pt-0 pb-6";function Mr({eyebrow:e,title:t,body:a,options:s=[],highlightBadge:o,contained:r,omitHead:i=!1}){return z6(c2,{contained:r,className:i?Ra1:Va1,children:Gb("div",{className:"flex flex-col gap-6",children:[i?null:e||t||a?Gb("div",{className:"flex max-w-[680px] flex-col gap-3",children:[e&&z6(O1,{text:e,scaled:!1}),t&&z6("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(t,!1)}),a&&S0(a).map((n,l)=>z6("p",{className:"text-[15px] leading-[1.6] opacity-85",children:M(n)},l))]}):null,s.length>0&&z6("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:s.map((n,l)=>Gb("li",{className:`sf-card relative flex flex-col gap-2 border bg-surface px-6 py-6 ${n.highlighted?"border-accent":"border-line"}`,children:[n.highlighted&&o&&z6("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:M(o)}),n.name&&z6("span",{className:"text-[17px] font-medium",children:M(n.name)}),n.eta&&z6("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:M(n.eta)}),n.blurb&&z6("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:M(n.blurb)}),n.price&&z6("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:M(n.price)})]},l))})]})})}import{useEffect as _a1,useState as Oa1}from"react";import{jsx as Ba1}from"react/jsx-runtime";function Wb({eyebrow:e,title:t,body:a,highlightBadge:s,contained:o,omitHead:r=!1}){let{currency:i,formatMoney:n}=w0(),[l,c]=Oa1(null);_a1(()=>{let p=!1;return f0.listShippingMethods().then(d=>{p||c(d)}).catch(()=>{p||c([])}),()=>{p=!0}},[]);let h=(l??[]).filter(p=>p.prices[i]!=null).map(p=>{let d=p.prices[i],u=d===0?"Free":n(d,i),v=p.pickupLocation;return{name:v?`${p.name} \u2014 ${v.name}`:p.name,eta:v?v.openingHours||void 0:p.description||void 0,price:p.requiresQuote&&d!==0?`From ${u}`:u,blurb:v&&[v.address,v.city,v.state].filter(Boolean).join(", ")||void 0}});return Ba1(Mr,{eyebrow:e,title:t,body:a,options:h,highlightBadge:s,contained:o,omitHead:r})}import{jsx as lZ}from"react/jsx-runtime";var U9={title:"Delivery, your way",badge:"Recommended"},Da1=()=>[{name:m("Standard"),eta:m("5\u20137 business days"),price:m("Free"),blurb:m("Tracked to your door.")},{name:m("Express"),eta:m("2\u20133 business days"),price:"$00",blurb:m("Priority handling."),highlighted:!0},{name:m("Pickup"),eta:m("Same day"),price:m("Free"),blurb:m("Collect from the warehouse.")}],cZ={label:"Delivery Options",defaultProps:{eyebrow:"",title:"",body:"",options:[],live:!0,highlightBadge:"",contained:!0},render:e=>{let t=U1(e.headPlacement)==="own-box",a=p=>t?void 0:p,{eyebrow:s,title:o,body:r,options:i,live:n,highlightBadge:l,contained:c,puck:h}=e;return n?lZ(Wb,{eyebrow:a(z(s,T.eyebrow,h)),title:a(z(o,U9.title,h)),body:a(z(r,T.body,h)),omitHead:t,highlightBadge:z(l,U9.badge,h),contained:c}):lZ(Mr,{eyebrow:a(z(s,T.eyebrow,h)),title:a(z(o,U9.title,h)),body:a(z(r,T.body,h)),omitHead:t,options:M1(i,Da1(),h),highlightBadge:z(l,U9.badge,h),contained:c})}};import{jsx as hZ}from"react/jsx-runtime";var pZ={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",T.eyebrow),title:W("Heading",U9.title),body:W("Body",T.body),_gOptions:w("Options"),live:l1("Use my real delivery options",!0,hZ(Za1,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:z1("Name"),eta:z1("Window"),price:z1("Price"),blurb:_1("Body"),highlighted:l1("Highlight",!1,hZ(Ga1,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:I("Highlight badge",U9.badge),_gLayout:w("Layout")},resolveFields:(e,{fields:t})=>j1(t,e.props.headPlacement,W1.DeliveryOptions.headRows)};import{ProductFieldIcon as cs1,WordsFromIcon as hs1,SquareIcon as SZ,ImageIcon as ps1}from"efficient-easel/icons";import{jsx as k6,jsxs as vp}from"react/jsx-runtime";function Fa({rows:e,startLeft:t=!1,layout:a="even",padTop:s,padBottom:o,editing:r=!1}){let i=a==="narrow",n=typeof s=="number"?s:100,l=typeof o=="number"?o:100,c=(e??[]).filter(p=>(p?.eyebrow??"").trim()||(p?.title??"").trim()||(p?.copy??"").trim()||(p?.tag??"").trim()||(p?.image??"").trim()),h=c.length>0?c:r?[{tag:m("Row {n}",{n:1})},{tag:m("Row {n}",{n:2})},{tag:m("Row {n}",{n:3})}]:[];return h.length===0?null:k6("section",{className:"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:n,paddingBottom:l},children:h.map((p,d)=>{let u=d%2===1!==t;return vp("div",{className:["grid items-center py-[60px]",i?"grid-cols-[1fr_460px] gap-[72px]":"grid-cols-2 gap-12","max-[1100px]:grid-cols-1",u?"[direction:rtl] max-[1100px]:[direction:ltr]":"",d>0?"border-t border-line":""].join(" "),children:[vp("div",{className:["[direction:ltr] flex flex-col gap-4",i?"max-w-[560px]":"",i&&!u?"ml-auto max-[1100px]:ml-0":""].join(" "),children:[p.eyebrow?.trim()&&k6("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-accent",children:l0(p.eyebrow)}),p.title?.trim()&&k6("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3vw,42px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[1.1] tracking-[-0.02em]",children:M(p.title,!0)}),p.copy?.trim()&&k6("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:M(p.copy,!1)}),(()=>{let v=(p.specs??[]).filter(g=>(g?.label??"").trim()||(g?.value??"").trim());return v.length===0?null:k6("dl",{className:"mt-2 border-t border-line pt-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] leading-[2.1]",children:v.map((g,b)=>vp("div",{className:"flex items-baseline justify-between gap-6",children:[k6("dt",{className:"text-fg-dim",children:l0(g.label??"")}),k6("dd",{className:"text-fg",children:l0(g.value??"")})]},b))})})()]}),vp("div",{className:["[direction:ltr] flex flex-col gap-3",i?u?"items-end":"items-start":"",i?"max-[1100px]:items-start":""].join(" "),children:[k6("div",{className:["relative overflow-hidden max-w-full",i?p.imageShape==="wide"?"w-[460px] aspect-[16/9]":"w-[360px] aspect-square":"aspect-square"].join(" "),children:k6(T0,{label:p.tag?.trim()||p.title?.trim()||`row-${d+1}`,src:p.image||void 0,showBackground:!p.image,objectFit:"contain",sizes:i?"(max-width: 1100px) 100vw, 460px":"(max-width: 1100px) 100vw, 50vw"})}),p.tag?.trim()&&k6("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim ${u?"text-left":"text-right"}`,children:l0(p.tag)})]})]},d)})})}function mZ(e,t){let a=e?.detailShots;if(!Array.isArray(a)||a.length===0)return{rows:[],shownFor:null};let s=a.filter(l=>!!l&&typeof l.url=="string"&&!!l.url&&typeof l.title=="string"&&!!l.title);if(s.length===0)return{rows:[],shownFor:null};let o=s.filter(l=>fp(l).length>0).flatMap(fp),r=t,i=null;if(r==null)r=o.length?Math.min(...o):null;else if(o.length&&!o.includes(r)){let l=r;r=o.reduce((c,h)=>{let p=Math.abs(h-l),d=Math.abs(c-l);return p<d||p===d&&h>c?h:c}),i=r}let n=new Set;return{rows:s.filter(l=>{let c=fp(l);if(c.length>0&&(r==null||!c.includes(r)))return!1;let h=JSON.stringify([l.eyebrow??"",l.title,l.line??"",[...c].sort()]);return n.has(h)?!1:(n.add(h),!0)}),shownFor:i}}function fp(e){return Array.isArray(e.lugs)?e.lugs.filter(t=>typeof t=="number"):[]}function dZ(e,t,a){if(a!=null)return t.shownFor!=null?fp(e).length>0?`Shown on the ${t.shownFor} lug wheel. Your ${a} lug wheel may look different.`:void 0:Wa1(e,t.rows)?`Shown for your ${a} lug`:void 0}function Wa1(e,t){let a=Array.isArray(e.lugs)?e.lugs:[];if(a.length===0)return!1;let s=new Set;for(let o of t)for(let r of o.lugs??[])s.add(r);return a.length<s.size}function bp(e){return e.manualMode?Ht(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as Qa1,useState as es1}from"react";var qb=[{key:"loadIndex",label:"Load index",prompt:"Select a load index",spec:"loadIndex"},{key:"speedRating",label:"Speed rating",prompt:"Select a speed rating",spec:"speedRating"},{key:"tyreType",label:"Type",prompt:"Select a type",spec:"tireType"}];function xp(e){let t=e.variants??[],a=[];for(let i of t)a.some(n=>n.value===i.size)||a.push({value:i.size,label:i.size});let s={size:a};for(let i of qb){let n=[];for(let l of t){let c=l.specs[i.spec];!c||n.some(h=>h.value===c)||n.push({value:c,label:c})}s[i.key]=n}let o=t.map(i=>({id:i.sku,options:{size:i.size,...Object.fromEntries(qb.map(n=>[n.key,i.specs[n.spec]]).filter(([,n])=>!!n))},inStock:i.inStock,image:i.image??null,components:[{partNumber:i.sku,wheels:1,prices:i.prices}]})),r=[{key:"size",label:"Size",prompt:"Select a size",role:"resolves",display:"pill"},...qb.map(i=>({key:i.key,label:i.label,prompt:i.prompt,role:"describes",display:"pill"}))];return{kind:"tyre",source:e,slug:e.slug,name:e.name,eyebrow:e.brand,badge:"",href:`/tyres/${e.slug}`,crumbs:[{label:"Home",href:"/"},{label:e.name}],cover:e.coverImage??null,inStock:e.inStock,mediaGroups:e.mediaGroups,optionFields:r,optionValues:s,parts:o,anchorPrices:qa1(t),anchorMsrpPrices:{}}}function qa1(e){let t={};for(let a of e)for(let[s,o]of Object.entries(a.prices??{})){if(typeof o!="number"||!Number.isFinite(o)||o<=0)continue;let r=t[s];(r==null||o<r)&&(t[s]=o)}return t}import{useSyncExternalStore as Ua1}from"react";var uZ="sf-editor-preview-pick",Pa=null,Ub=new Set;function jb(){if(Pa)return Pa;Pa={};let e=w3.getItem(uZ);if(!e)return Pa;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&!Array.isArray(t))for(let[a,s]of Object.entries(t))typeof s=="string"&&(Pa[a]=s)}catch{}return Pa}function ja1(){w3.setItem(uZ,JSON.stringify(jb()))}function Ka1(e,t){return`${e??""}::${t??""}`}function $a1(e){return jb()[e]}function gZ(e,t){let a=jb();if(a[e]!==t){a[e]=t,ja1();for(let s of Ub)s()}}function Ya1(e){return Ub.add(e),()=>Ub.delete(e)}function vZ(e,t){let a=e??t??"";return a.trim()?a:null}function Kb(){return Ka1(v2(),$A())}function wp(){let e=Kb();return Ua1(Ya1,()=>$a1(e),()=>{})}var Xa1={GBP:0,USD:0,AUD:0},Ja1={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},fZ=["205/55 R16","225/45 R17","245/40 R19"],bZ={slug:"sample-tyre",name:"Tyre Model",brand:"Brand",designCode:"SAMPLE",description:"",shortDescription:"Tyre description \u2014 replace this with your own copy.",seoTitle:"",seoDescription:"",coverImage:null,inStock:!0,sizes:[...fZ],variants:fZ.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...Ja1},prices:{...Xa1},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var xZ=null,wZ=null,$b=new Map;function ts1(e){let t=P3(),a=v2();(t!==xZ||a!==wZ)&&(xZ=t,wZ=a,$b.clear());let s=$b.get(e);return s||(s=t?F1.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),$b.set(e,s)),s}function as1(e){return e==="tyre"?xp(bZ):ar(Bb)}var Ar=["alloy-wheel"];function ss1(e,t){return e?ar(e):as1(t)}function D3(e){let t=vZ(wp(),dF()),a=vF(),[s,o]=es1(null);return Qa1(()=>{if(!e||!t||!Ar.includes(a)){o(null);return}let r=!1;return ts1(t).then(i=>{r||o(i)}),()=>{r=!0}},[e,t,a]),e?ss1(s,a):null}import{jsx as j9}from"react/jsx-runtime";var os1=["alloy-wheel"];function zZ(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function rs1(e,t){return(zZ(e,t)?.features??[]).map(a=>({eyebrow:a.eyebrow,title:a.heading,copy:a.description,tag:a.mark,image:a.image||void 0}))}function is1(e,t,a){let s=mZ(zZ(e,t),a);return s.rows.map(o=>({eyebrow:o.eyebrow?.trim()||void 0,title:o.title,copy:o.line||void 0,image:o.url,tag:dZ(o,s,a),imageShape:"square"}))}function Yb(e){return Sc(!!e.editing)?j9(ns1,{...e}):j9(E2,{kinds:os1,type:"DetailRows",editing:e.editing,children:j9(ls1,{...e})})}function yZ(e){let t=xF(e),a=kc(e)[0];return!t.length&&!a&&!e.title.trim()?[]:[{title:e.title,specs:t,image:a?.url||void 0}]}function ns1({startLeft:e,padTop:t,padBottom:a,editing:s=!1}){let o=Ac(),r=o?yZ(o):s?yZ(Mc):[];return r.length===0?null:j9(Fa,{rows:r,startLeft:e,padTop:t,padBottom:a,editing:s})}function ls1({rowsFrom:e,startLeft:t,padTop:a,padBottom:s,editing:o=!1}){let r=r2(),i=D3(o&&!r),n=r?.product??i,l=n?.kind==="alloy-wheel"?n.source:null,c=r?r.selection.shown.finish:void 0,h=r?bp(r.selection):null,p=e==="details",d=l?p?is1(l,c,h):rs1(l,c):[];return p&&d.length===0?o?j9("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-14 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-10",children:j9("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("No detail shots on this finish yet. Tick a close-up on the design's renderings and give it a title. This section is hidden on the live page until then.")})}):null:j9(Fa,{rows:d,startLeft:t,padTop:a,padBottom:s,editing:o})}import{jsx as kZ}from"react/jsx-runtime";var Xb=[{image:"",eyebrow:"Feature eyebrow",title:"Feature *one.*",copy:"Describe this feature in a sentence or two.",tag:"01 \xB7 Detail"},{image:"",eyebrow:"Feature eyebrow",title:"Feature *two.*",copy:"Describe this feature in a sentence or two.",tag:"02 \xB7 Detail"},{image:"",eyebrow:"Feature eyebrow",title:"Feature *three.*",copy:"Describe this feature in a sentence or two.",tag:"03 \xB7 Detail"}],CZ={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?kZ(Yb,{rowsFrom:e.rowsFrom==="details"?"details":"story",startLeft:e.startLeft,padTop:typeof e.padTop=="number"?e.padTop:100,padBottom:typeof e.padBottom=="number"?e.padBottom:100,editing:e.puck?.isEditing}):kZ(Fa,{rows:M1(e.rows,Xb,e.puck),startLeft:e.startLeft,layout:e.layout,padTop:typeof e.padTop=="number"?e.padTop:100,padBottom:typeof e.padBottom=="number"?e.padBottom:100,editing:e.puck?.isEditing})};import{jsx as Lr}from"react/jsx-runtime";var MZ={fields:{_sDynamic:a0("Product page"),dynamic:l1("Connect to product data",!1,Lr(cs1,{})),rowsFrom:y1("Rows from",Lr(hs1,{}),[{label:"Product story",value:"story"},{label:"Detail shots",value:"details"}],"story"),_sRows:a0("Rows"),rows:Fe({type:"array",label:"Rows",arrayFields:{image:K1("Image","image/*"),imageShape:y1("Image shape",Lr(SZ,{}),[{label:"Square",value:"square"},{label:"Wide",value:"wide"}],"square"),eyebrow:U("Eyebrow"),title:z1("Title"),copy:_1("Body"),specs:{type:"array",label:"Specs",arrayFields:{label:U("Label","Offset"),value:U("Value","ET -10")},defaultItemProps:{label:"",value:""},getItemSummary:(e,t)=>e?.label||`Spec ${(t??0)+1}`,max:8},tag:U("Image tag")},defaultItemProps:{image:"",imageShape:"square",eyebrow:"",title:"",copy:"",specs:[],tag:""},getItemSummary:(e,t)=>e?.title||e?.eyebrow||`Row ${(t??0)+1}`},Xb),_dDesign:a0("Design"),layout:y1("Row shape",Lr(SZ,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:l1("First image on the left",!1,Lr(ps1,{})),_dLayout:a0("Layout"),...N3("DetailRows")},resolveFields:(e,t)=>{let{fields:a}=t,s=i=>{if(e.props.layout==="narrow")return i;let n=i,l=n.rows;if(!l?.arrayFields)return i;let{imageShape:c,...h}=l.arrayFields;return{...n,rows:{...l,arrayFields:h}}};if(!F2()){let i={...s(a)};return delete i._sDynamic,delete i.dynamic,delete i.rowsFrom,i}if(!e.props.dynamic){let{rowsFrom:i,...n}=s(a);return n}let o=new Set(Cc(t)?["_sRows","rows","rowsFrom"]:["_sRows","rows"]),r={};for(let[i,n]of Object.entries(a))o.has(i)||(r[i]=n);return r}};var AZ={fields:{_gHeader:w("Header"),num:I("Number",t2.num)}};import{SquareIcon as bs1}from"efficient-easel/icons";import{useEffect as ds1,useMemo as us1,useRef as gs1}from"react";var Jb="/shop";function LZ({shopperPicked:e,fullyPicked:t,editing:a,pathname:s}){return a||!e||!t?!1:!ms1(s)}function ms1(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===Jb}function TZ(e){let a=b6(new URLSearchParams,e).toString();return a?`${Jb}?${a}`:Jb}import{jsx as C6,jsxs as Qb}from"react/jsx-runtime";function ex({loading:e,error:t,data:a}){return e?C6("div",{className:"mt-9 border border-line bg-bg p-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.24em] text-fg-dim",children:"Loading stock fitment\u2026"}):t?Qb("div",{className:"mt-9 border border-line bg-bg p-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim",children:["Couldn't load stock fitment \u2014 ",C6("span",{className:"text-accent",children:t})]}):a?Qb("div",{className:"mt-9 grid grid-cols-6 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:[C6(Na,{label:"Bolt pattern",value:a.boltPattern??"\u2014"}),C6(Na,{label:"PCD",value:a.pcd??"\u2014"}),C6(Na,{label:"Hub bore",value:a.centreBore?`${a.centreBore} mm`:"\u2014"}),C6(Na,{label:"ET range",value:a.etRange&&a.etRange.length===2?`${a.etRange[0]} \u2013 ${a.etRange[1]}`:"\u2014"}),C6(Na,{label:"OEM front",value:a.frontWheels.length?a.frontWheels.join(" \xB7 "):"\u2014"}),C6(Na,{label:"OEM rear",value:a.rearWheels.length?a.rearWheels.join(" \xB7 "):"\u2014"})]}):null}function Na({label:e,value:t}){return Qb("div",{className:"flex min-h-[96px] flex-col gap-1.5 bg-bg px-[18px] py-5",children:[C6("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.26em] text-fg-dim",children:e}),C6("span",{className:"mt-auto font-display text-[length:var(--size-body,17px)] font-medium tracking-[-0.01em] text-fg",children:t})]})}import{Fragment as EZ,jsx as E5,jsxs as K9}from"react/jsx-runtime";function vs1(e,t,a){if(!a)return e;let[s,o=""]=e.split("?"),i=b6(new URLSearchParams(o),t).toString();return i?`${s}?${i}`:s}function tx({num:e,title:t,description:a,ctaText:s,ctaHref:o,layout:r="full",omitHead:i=!1,initialMakes:n=[],editing:l=!1,...c}){let{cascade:h}=s5({initialMakes:n,editing:l,autoApply:!0}),p=r==="bar",d=gs1(!1),u=us1(()=>{if(!p)return h;let f=y=>(...x)=>{d.current=!0,y(...x)};return{...h,setMake:f(h.setMake),setModel:f(h.setModel),setYear:f(h.setYear),setModification:f(h.setModification)}},[p,h]);ds1(()=>{p&&(typeof window>"u"||LZ({shopperPicked:d.current,fullyPicked:h.fullyPicked,editing:l,pathname:window.location.pathname})&&window.location.assign(TZ(h.vehicle)))},[p,h.fullyPicked,h.vehicle,l]);let v=!i&&!p&&!!(e||t||a),g=!p&&s&&o?{text:s,href:o}:null,b=g?vs1(g.href,h.vehicle,h.fullyPicked):null;return K9("section",{className:[D0(c)?"px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",p?i?"pt-0 pb-[30px] max-[1100px]:pb-5":"py-[30px] max-[1100px]:py-5":i?"pt-0 pb-20 max-[1100px]:pb-[60px]":"py-20 max-[1100px]:py-[60px]"].join(" "),children:[v&&E5(h0,{num:e,title:t,description:a,accent:!0}),p?K9("div",{className:"flex flex-wrap items-center gap-[18px]",children:[!i&&t?.trim()&&E5("p",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] [font-weight:var(--sf-heading-weight-strong,600)] leading-none tracking-[-0.02em] whitespace-nowrap",children:l0(t)}),E5("div",{className:"min-w-[320px] flex-1 basis-0",children:E5(g4,{cascade:u,compact:!0,editing:l})})]}):E5(g4,{cascade:h,editing:l}),!p&&E5(ex,{loading:h.loading.stock,error:h.cascadeError,data:h.fullyPicked?h.stock:null}),!p&&K9("div",{className:"mt-9 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-8",children:[E5("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:h.fullyPicked?K9(EZ,{children:["Your car \xB7"," ",K9("strong",{className:"font-display [font-weight:var(--sf-heading-weight-strong,500)] not-italic text-fg",children:[h.vehicle.year," ",h.makeName," ",h.modelName," ",h.modName]}),h.stock&&E5("span",{className:"ml-3 not-italic text-accent",children:"OEM fitment loaded."})]}):K9(EZ,{children:["Tell us four things \u2014 ",E5("em",{className:"not-italic text-accent",children:"make, model, year, trim"})," \u2014 and we'll show the OEM stock fitment for your car."]})}),g&&b&&K9(T1,{href:b,className:"group inline-flex items-center gap-3.5 border border-btn bg-btn px-[30px] py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg",children:[g.text,E5("span",{className:"transition-transform group-hover:translate-x-[4px]",children:"\u2192"})]})]}),l&&h.makeOptions.length===0&&!h.loading.models&&E5("p",{className:"mt-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:m("Vehicle catalog unavailable in this preview \u2014 the picker fills from the live fitment API on the published site.")})]})}import{jsx as fs1}from"react/jsx-runtime";var v7={num:T.sectionNumber,title:"Find your *match.*",description:"A few quick picks and we show the right option for you.",ctaText:"Browse all products"},HZ={label:"Fitment Form",defaultProps:{num:"",title:"",description:"",ctaText:"",ctaHref:"",layout:"full"},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return fs1(tx,{num:a(z(e.num,v7.num,e.puck)),title:a(z(e.title,v7.title,e.puck)),description:a(z(e.description,v7.description,e.puck)),omitHead:t,ctaText:z(e.ctaText,v7.ctaText,e.puck),ctaHref:i1(e.ctaHref)||"#",layout:e.layout,editing:e.puck?.isEditing})}};import{jsx as xs1}from"react/jsx-runtime";var FZ={fields:{_gHeader:w("Header"),num:I("Number",v7.num),title:I("Heading",v7.title),description:W("Body",v7.description),_gCta:w("Call to action"),ctaText:I("Button",v7.ctaText),ctaHref:N1("Button link"),_gStyle:w("Style"),layout:y1("Section shape",xs1(bs1,{}),[{label:"Stacked",value:"full"},{label:"One row",value:"bar"}],"full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props??{},o={...t};return s.layout==="bar"&&(delete o._gCta,delete o.ctaText,delete o.ctaHref),o=j1($1(o,a,Y1),s.headPlacement,W1.FitmentFinder.headRows),o}};var A=(e,t,a,s,o,r,i,n,l)=>({diameter:e,width:t,holes:a,pcd:s,et:o,cb:r,cap:i,boltPattern:n,loadRating:l}),l3="CP509PS73",c3="32x15x60\xB0",h3="880kg / 1,940 lbs",M8="CP506AL82",A8="34x16x60\xB0",L8="915kg / 2,000 lbs",t1="CP506AL68",J="32x15x60\xB0",f1="690kg / 1,520 lbs",O0="880kg / 1,940 lbs",ws1="34x15x60\xB0",ys1="1,060kg / 2,335 lbs",T8="CP507PS68",E8="825kg / 1,820 lbs",p1="CP595AL68",u1="32x15x60\xB0",g1="690kg / 1,520 lbs",ax="34x15x60\xB0",sx="1,060kg / 2,335 lbs",S6="CP506AL82",M6="34x16x60\xB0",A6="880kg / 1,940 lbs",zs1={rotor:[A(20,8.5,5,"112",35,73.1,l3,c3,h3),A(20,8.5,5,"114.3",35,73.1,l3,c3,h3),A(20,8.5,5,"120",35,72.6,l3,c3,h3),A(20,8.5,5,"127",20,71.5,l3,c3,h3),A(20,10,5,"112",40,73.1,l3,c3,h3),A(20,10,5,"114.3",40,73.1,l3,c3,h3),A(20,10,5,"120",40,72.6,l3,c3,h3),A(20,10,5,"127",20,71.5,l3,c3,h3),A(22,9,5,"112",35,73.1,l3,c3,h3),A(22,9,5,"114.3",35,73.1,l3,c3,h3),A(22,9,5,"115",15,71.5,l3,c3,h3),A(22,9,5,"120",35,72.6,l3,c3,h3),A(22,9,5,"127",20,71.5,l3,c3,h3),A(22,10.5,5,"112",40,73.1,l3,c3,h3),A(22,10.5,5,"114.3",40,73.1,l3,c3,h3),A(22,10.5,5,"115",20,71.5,l3,c3,h3),A(22,10.5,5,"120",40,72.6,l3,c3,h3),A(22,10.5,5,"127",20,71.5,l3,c3,h3)],"frixion-6":[A(20,9,6,"135",20,87.1,M8,A8,L8),A(20,9,6,"139.7",20,87.1,M8,A8,L8),A(22,9.5,6,"135",25,87.1,M8,A8,L8),A(22,9.5,6,"139.7",25,87.1,M8,A8,L8),A(22,9.5,6,"135",20,87.1,M8,A8,L8),A(22,9.5,6,"139.7",20,87.1,M8,A8,L8),A(24,10,6,"135",25,87.1,M8,A8,L8),A(24,10,6,"139.7",25,87.1,M8,A8,L8)],"frixion-5":[A(18,8,5,"108",42,73.1,t1,J,f1),A(18,8,5,"112",42,73.1,t1,J,f1),A(18,8,5,"114.3",42,73.1,t1,J,f1),A(18,8,5,"120",35,72.6,t1,J,f1),A(19,8.5,5,"112",42,73.1,t1,J,f1),A(19,8.5,5,"114.3",42,73.1,t1,J,f1),A(19,8.5,5,"112",35,73.1,t1,J,f1),A(19,8.5,5,"114.3",35,73.1,t1,J,f1),A(19,8.5,5,"120",35,73.1,t1,J,f1),A(19,8.5,5,"120",35,72.6,t1,J,f1),A(19,9.5,5,"112",38,73.1,t1,J,f1),A(19,9.5,5,"114.3",38,73.1,t1,J,f1),A(19,9.5,5,"112",40,73.1,t1,J,f1),A(19,9.5,5,"114.3",40,73.1,t1,J,f1),A(19,9.5,5,"120",38,72.6,t1,J,f1),A(20,8.5,5,"112",35,73.1,t1,J,f1),A(20,8.5,5,"114.3",35,73.1,t1,J,f1),A(20,8.5,5,"120",42,72.6,t1,J,f1),A(20,8.5,5,"120",35,72.6,t1,J,f1),A(20,8.5,5,"120",33,72.6,t1,J,f1),A(20,10,5,"112",40,73.1,t1,J,f1),A(20,10,5,"114.3",40,73.1,t1,J,f1),A(20,10,5,"120",40,72.6,t1,J,f1)],"vector-ii":[A(19,8.5,5,"112",38,73.1,t1,J,O0),A(19,8.5,5,"114.3",38,73.1,t1,J,O0),A(19,8.5,5,"112",45,73.1,t1,J,O0),A(19,8.5,5,"114.3",45,73.1,t1,J,O0),A(19,8.5,5,"120",38,72.6,t1,J,O0),A(19,9.5,5,"112",42,73.1,t1,J,O0),A(19,9.5,5,"114.3",42,73.1,t1,J,O0),A(19,9.5,5,"120",42,72.6,t1,J,O0),A(20,8.5,5,"112",38,73.1,t1,J,O0),A(20,8.5,5,"114.3",38,73.1,t1,J,O0),A(20,8.5,5,"120",38,72.6,t1,J,O0),A(20,10,5,"112",40,73.1,t1,J,O0),A(20,10,5,"114.3",40,73.1,t1,J,O0),A(20,10,5,"120",40,72.6,t1,J,O0)],"turbine-ii":[A(20,8.5,5,"112",38,73.1,t1,J,O0),A(20,8.5,5,"114.3",38,73.1,t1,J,O0),A(20,8.5,5,"112",35,73.1,t1,J,O0),A(20,8.5,5,"114.3",35,73.1,t1,J,O0),A(20,8.5,5,"112",30,73.1,t1,J,O0),A(20,8.5,5,"114.3",30,73.1,t1,J,O0),A(20,8.5,5,"112",25,73.1,t1,J,O0),A(20,8.5,5,"114.3",25,73.1,t1,J,O0),A(20,8.5,5,"120",32,72.6,t1,J,O0),A(20,8.5,5,"120",35,72.6,t1,J,O0),A(20,10,5,"112",40,73.1,t1,J,O0),A(20,10,5,"114.3",40,73.1,t1,J,O0),A(20,10,5,"112",30,73.1,t1,J,O0),A(20,10,5,"114.3",30,73.1,t1,J,O0),A(20,10,5,"120",38,72.6,t1,J,O0),A(20,10,5,"120",37,72.6,t1,J,O0),A(22,10.5,5,"127",35,71.5,t1,ws1,ys1)],torque:[A(18,8,5,"108",42,73.1,t1,J,f1),A(18,8,5,"112",42,73.1,t1,J,f1),A(18,8,5,"114.3",42,73.1,t1,J,f1),A(18,8,5,"120",35,72.6,t1,J,f1),A(19,8.5,5,"112",42,73.1,t1,J,f1),A(19,8.5,5,"114.3",42,73.1,t1,J,f1),A(19,8.5,5,"120",38,72.6,t1,J,f1),A(19,9.5,5,"112",35,73.1,t1,J,f1),A(19,9.5,5,"114.3",35,73.1,t1,J,f1),A(19,9.5,5,"112",38,73.1,t1,J,f1),A(19,9.5,5,"114.3",38,73.1,t1,J,f1),A(19,9.5,5,"120",40,72.6,t1,J,f1),A(20,8.5,5,"112",35,73.1,t1,J,f1),A(20,8.5,5,"114.3",35,73.1,t1,J,f1),A(20,8.5,5,"120",32,72.6,t1,J,f1),A(20,8.5,5,"120",35,72.6,t1,J,f1),A(20,10,5,"112",40,73.1,t1,J,f1),A(20,10,5,"114.3",40,73.1,t1,J,f1),A(20,10,5,"120",40,72.6,t1,J,f1)],blitz:[A(18,8,5,"108",40,73.1,t1,J,f1),A(18,8,5,"112-114.3",40,73.1,t1,J,f1),A(18,8,5,"120",35,72.6,t1,J,f1),A(18,8,5,"120",38,72.6,t1,J,f1),A(19,8.5,5,"112-114.3",32,73.1,t1,J,f1),A(19,8.5,5,"112-114.3",40,73.1,t1,J,f1),A(19,8.5,5,"112-114.3",38,73.1,t1,J,f1),A(19,8.5,5,"114.3",35,73.1,t1,J,f1),A(19,8.5,5,"120",33,72.6,t1,J,f1),A(19,9.5,5,"112-114.3",38,73.1,t1,J,f1),A(19,9.5,5,"114.3",40,73.1,t1,J,f1),A(19,9.5,5,"120",38,72.6,t1,J,f1),A(20,8.5,5,"112-114.3",32,73.1,t1,J,f1),A(20,8.5,5,"112-114.3",38,73.1,t1,J,f1),A(20,8.5,5,"120",32,72.6,t1,J,f1),A(20,10,5,"112-114.3",40,73.1,t1,J,f1),A(20,10,5,"112-114.3",38,73.1,t1,J,f1),A(20,10,5,"120",40,72.6,t1,J,f1),A(20,10,5,"120",38,72.6,t1,J,f1)],"speed-ii":[A(18,8,5,"108",40,73.1,t1,J,f1),A(18,8,5,"112",40,73.1,t1,J,f1),A(18,8,5,"114.3",40,73.1,t1,J,f1),A(18,8,5,"120",38,72.6,t1,J,f1),A(18,8,5,"120",35,72.6,t1,J,f1),A(19,8.5,5,"112",40,73.1,t1,J,f1),A(19,8.5,5,"114.3",40,73.1,t1,J,f1),A(19,8.5,5,"112",32,73.1,t1,J,f1),A(19,8.5,5,"114.3",32,73.1,t1,J,f1),A(19,8.5,5,"120",33,72.6,t1,J,f1),A(19,9.5,5,"112",38,73.1,t1,J,f1),A(19,9.5,5,"114.3",38,73.1,t1,J,f1),A(19,9.5,5,"120",38,72.6,t1,J,f1),A(20,8.5,5,"112",35,73.1,t1,J,f1),A(20,8.5,5,"114.3",35,73.1,t1,J,f1),A(20,8.5,5,"112",32,73.1,t1,J,f1),A(20,8.5,5,"114.3",32,73.1,t1,J,f1),A(20,8.5,5,"120",33,72.6,t1,J,f1),A(20,10,5,"112",38,73.1,t1,J,f1),A(20,10,5,"114.3",38,73.1,t1,J,f1),A(20,10,5,"120",38,72.6,t1,J,f1)],"force-6":[A(20,9,6,"135",20,87.1,S6,M6,A6),A(20,9,6,"135",25,87.1,S6,M6,A6),A(20,9,6,"135",20,87.1,S6,M6,A6),A(20,9,6,"139.7",20,87.1,S6,M6,A6),A(20,9,6,"139.7",20,87.1,S6,M6,A6),A(20,9,6,"139.7",25,87.1,S6,M6,A6),A(22,9.5,6,"135",20,87.1,S6,M6,A6),A(22,9.5,6,"139.7",20,87.1,S6,M6,A6),A(24,10,6,"135",25,87.1,S6,M6,A6),A(24,10,6,"139.7",25,87.1,S6,M6,A6)],"haste-ii":[A(20,8.5,5,"112",27,73.1,T8,J,E8),A(20,8.5,5,"114.3",27,73.1,T8,J,E8),A(20,8.5,5,"112",34,73.1,T8,J,E8),A(20,8.5,5,"114.3",34,73.1,T8,J,E8),A(20,8.5,5,"120",32,72.6,T8,J,E8),A(20,10,5,"112",38,73.1,T8,J,E8),A(20,10,5,"114.3",38,73.1,T8,J,E8),A(20,10,5,"120",37,72.6,T8,J,E8)],"thrust-ii":[A(18,8,5,"108",40,73.1,p1,u1,g1),A(18,8,5,"112",40,73.1,p1,u1,g1),A(18,8,5,"114.3",40,73.1,p1,u1,g1),A(18,8,5,"120",35,72.6,p1,u1,g1),A(18,8,5,"120",38,72.6,p1,u1,g1),A(19,8.5,5,"112",40,73.1,p1,u1,g1),A(19,8.5,5,"114.3",40,73.1,p1,u1,g1),A(19,8.5,5,"112",38,73.1,p1,u1,g1),A(19,8.5,5,"114.3",38,73.1,p1,u1,g1),A(19,8.5,5,"112",32,73.1,p1,u1,g1),A(19,8.5,5,"114.3",32,73.1,p1,u1,g1),A(19,8.5,5,"114.3",35,73.1,p1,u1,g1),A(19,8.5,5,"120",33,72.6,p1,u1,g1),A(19,9.5,5,"112",38,73.1,p1,u1,g1),A(19,9.5,5,"114.3",38,73.1,p1,u1,g1),A(19,9.5,5,"114.3",40,73.1,p1,u1,g1),A(19,9.5,5,"120",38,72.6,p1,u1,g1),A(20,8.5,5,"112",32,73.1,p1,u1,g1),A(20,8.5,5,"114.3",32,73.1,p1,u1,g1),A(20,8.5,5,"112",38,73.1,p1,u1,g1),A(20,8.5,5,"114.3",38,73.1,p1,u1,g1),A(20,8.5,5,"120",32,72.6,p1,u1,g1),A(20,10,5,"112",40,73.1,p1,u1,g1),A(20,10,5,"114.3",40,73.1,p1,u1,g1),A(20,10,5,"112",38,73.1,p1,u1,g1),A(20,10,5,"114.3",38,73.1,p1,u1,g1),A(20,10,5,"120",38,72.6,p1,u1,g1),A(20,10,5,"120",40,72.6,p1,u1,g1),A(22,10.5,5,"127",35,71.5,p1,ax,sx)],"vector-iii":[A(18,8,5,"108",40,73.1,p1,u1,g1),A(18,8,5,"112",40,73.1,p1,u1,g1),A(18,8,5,"114.3",40,73.1,p1,u1,g1),A(18,8,5,"120",38,72.6,p1,u1,g1),A(18,8,5,"120",35,72.6,p1,u1,g1),A(19,8.5,5,"112",32,73.1,p1,u1,g1),A(19,8.5,5,"114.3",32,73.1,p1,u1,g1),A(19,8.5,5,"112",40,73.1,p1,u1,g1),A(19,8.5,5,"114.3",40,73.1,p1,u1,g1),A(19,8.5,5,"112",38,73.1,p1,u1,g1),A(19,8.5,5,"114.3",38,73.1,p1,u1,g1),A(19,8.5,5,"114.3",35,73.1,p1,u1,g1),A(19,8.5,5,"120",33,72.6,p1,u1,g1),A(19,9.5,5,"112",38,73.1,p1,u1,g1),A(19,9.5,5,"114.3",38,73.1,p1,u1,g1),A(19,9.5,5,"114.3",40,73.1,p1,u1,g1),A(19,9.5,5,"120",38,72.6,p1,u1,g1),A(20,8.5,5,"112",32,73.1,p1,u1,g1),A(20,8.5,5,"114.3",32,73.1,p1,u1,g1),A(20,8.5,5,"112",38,73.1,p1,u1,g1),A(20,8.5,5,"114.3",38,73.1,p1,u1,g1),A(20,8.5,5,"120",32,72.6,p1,u1,g1),A(20,10,5,"112",40,73.1,p1,u1,g1),A(20,10,5,"114.3",40,73.1,p1,u1,g1),A(20,10,5,"112",38,73.1,p1,u1,g1),A(20,10,5,"114.3",38,73.1,p1,u1,g1),A(20,10,5,"120",38,72.6,p1,u1,g1),A(20,10,5,"120",40,72.6,p1,u1,g1),A(22,10.5,5,"127",35,71.5,p1,ax,sx)],"blitz-ii":[A(18,8,5,"108",40,73.1,p1,u1,g1),A(18,8,5,"112",40,73.1,p1,u1,g1),A(18,8,5,"114.3",40,73.1,p1,u1,g1),A(18,8,5,"120",38,72.6,p1,u1,g1),A(18,8,5,"120",35,72.6,p1,u1,g1),A(19,8.5,5,"112",32,73.1,p1,u1,g1),A(19,8.5,5,"114.3",32,73.1,p1,u1,g1),A(19,8.5,5,"112",40,73.1,p1,u1,g1),A(19,8.5,5,"114.3",40,73.1,p1,u1,g1),A(19,8.5,5,"112",38,73.1,p1,u1,g1),A(19,8.5,5,"114.3",38,73.1,p1,u1,g1),A(19,8.5,5,"114.3",35,73.1,p1,u1,g1),A(19,8.5,5,"120",33,72.6,p1,u1,g1),A(19,9.5,5,"112",38,73.1,p1,u1,g1),A(19,9.5,5,"114.3",38,73.1,p1,u1,g1),A(19,9.5,5,"114.3",40,73.1,p1,u1,g1),A(19,9.5,5,"120",38,72.6,p1,u1,g1),A(20,8.5,5,"112",32,73.1,p1,u1,g1),A(20,8.5,5,"114.3",32,73.1,p1,u1,g1),A(20,8.5,5,"112",38,73.1,p1,u1,g1),A(20,8.5,5,"114.3",38,73.1,p1,u1,g1),A(20,8.5,5,"120",32,72.6,p1,u1,g1),A(20,10,5,"112",40,73.1,p1,u1,g1),A(20,10,5,"114.3",40,73.1,p1,u1,g1),A(20,10,5,"112",38,73.1,p1,u1,g1),A(20,10,5,"114.3",38,73.1,p1,u1,g1),A(20,10,5,"120",38,72.6,p1,u1,g1),A(20,10,5,"120",40,72.6,p1,u1,g1),A(22,10.5,5,"127",35,71.5,p1,ax,sx)]};function Ia(e){return zs1[e]??[]}var D1={hyperBlack:"#1a1a1c",blackSatin:"#0d0d0d",blackMachined:"#2a2a2a",silverSatin:"#a8a8a8",silverMachined:"#b5b5b5",bronze:"#7a5a3a",anthracite:"#3a3a3a",candyRed:"#9a1f1f",gunmetal:"#4a4d52"},Z="/media/images/products",ox="/media/videos/products",PZ=["0","20-20","25","35"],NZ=["Detail 1","Detail 2","Detail 3"];function K0(e,t,a,s=!0){let o=`${Z}/${e}/${a}${t}`,r=PZ.map(i=>`${o}${i}.png`);return{src:r[0],angles:r,...s?{details:NZ.map(i=>`${o}${i}.png`)}:{}}}function L6(e,t,a,s){let o=PZ.map((i,n)=>`${Z}/${e}/${t}.${i}.${a[n]}.png`),r={src:o[0],angles:o};return s&&(r.details=NZ.map((i,n)=>`${Z}/${e}/${t}.${i}.${s[n]}.png`)),r}var ks1=[{name:"HASTE II",slug:"haste-ii",process:"FusionForge\xAE",sizes:[18,19,20],price:1450,spokes:5,mesh:!1,badge:"bestseller",finishes:[{name:"Silver Satin Lacquer",color:D1.silverSatin,family:"silver",...K0("Haste II",".","Haste II.Ssl"),wheelPhotos:Array.from({length:9},(e,t)=>`${Z}/Haste II/haste II Ssl wheel (${t+1}).jpg`)},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("Haste II",".","Haste II.Ksl"),carPhotos:[...[5,6,7,8,9].map(e=>`${Z}/Haste II/HasteII ksl 2024 BMW(G83)M4 Competition Convertible (${e}).jpg`),...[1,2,5,6,9].map(e=>`${Z}/Haste II/HasteII ksl car 2020 Chevrolet Camaro ZL1 (${e}).jpg`)]}]},{name:"FORCE 6",slug:"force-6",process:"FusionForge\xAE",sizes:[19,20,21],price:2950,spokes:6,mesh:!1,badge:null,finishes:[{name:"Silver Machined Carbon Satin Lacquer",color:D1.silverMachined,family:"silver",...K0("force 6",".","Froce6.Smfcbtm")},{name:"Black Machined Carbon Dark Tint Satin Lacquer",color:D1.blackMachined,family:"black",...K0("force 6",".","Froce6.Kmfcbtdtm")},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("force 6",".","Froce6.Ktm")},{name:"Candy Red",color:D1.candyRed,family:"red",...K0("force 6",".","Froce6.R")}]},{name:"SPEED II",slug:"speed-ii",process:"FusionForge\xAE",sizes:[18,19,20],price:3400,spokes:5,mesh:!1,badge:"new",finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...K0("speed_II",".","Speed II.Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:D1.blackMachined,family:"black",...K0("speed_II",".","Speed II.Kmftdtm")},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("speed_II",".","Speed II.Ktm")},{name:"Candy Red",color:D1.candyRed,family:"red",...K0("speed_II",".","Speed II.R")}]},{name:"VORTEX II",slug:"vortex-ii",process:"FusionForge\xAE",sizes:[19,20],price:3200,spokes:5,mesh:!0,badge:null,finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...K0("Vortex II","-","Vortex II-SMFTM")},{name:"Black Machined Face Satin Lacquer Dark Tint",color:D1.blackMachined,family:"black",...K0("Vortex II","-","Vortex II-KMFTMTD")},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("Vortex II","-","Vortex II-KTM")}]},{name:"VECTOR III",slug:"vector-iii",process:"Precision Forged",sizes:[18,19,20,21],price:4200,spokes:7,mesh:!1,badge:null,finishes:[{name:"Hyper Black",color:D1.hyperBlack,family:"black",...K0("vector_III","-","Vector III-H")},{name:"Anthracite",color:D1.anthracite,family:"graphite",...K0("vector_III","-","Vector III-ATM")},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("vector_III","-","Vector III-KTM")},{name:"Silver Satin Lacquer",color:D1.silverSatin,family:"silver",...K0("vector_III","-","Vector III-STM")},{name:"Bronze",color:D1.bronze,family:"bronze",...K0("vector_III","-","Vector III- N")}]},{name:"BLITZ II",slug:"blitz-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4400,spokes:8,mesh:!0,badge:null,finishes:[{name:"Hyper Black",color:D1.hyperBlack,family:"black",src:`${Z}/blitz_II/Blitz II.H.0.752 (3).png`,angles:[`${Z}/blitz_II/Blitz II.H.0.752 (3).png`,`${Z}/blitz_II/Blitz II.H.20-20752 (4).png`,`${Z}/blitz_II/Blitz II.H.25.752 (2).png`,`${Z}/blitz_II/Blitz II.H.35.752 (1).png`],details:[`${Z}/blitz_II/Blitz II.H.Detail 1.1923.png`,`${Z}/blitz_II/Blitz II.H.Detail 2.1916.png`,`${Z}/blitz_II/Blitz II.H.Detail FusionForge.1930.png`]},{name:"Anthracite",color:D1.anthracite,family:"graphite",src:`${Z}/blitz_II/Blitz II.A.0.756 (3).png`,angles:[`${Z}/blitz_II/Blitz II.A.0.756 (3).png`,`${Z}/blitz_II/Blitz II.A.20-20.756 (4).png`,`${Z}/blitz_II/Blitz II.A.25.756 (2).png`,`${Z}/blitz_II/Blitz II.A.35.756 (1).png`],details:[`${Z}/blitz_II/Blitz II.A.Detail 1.1924.png`,`${Z}/blitz_II/Blitz II.A.Detail 2.1917.png`,`${Z}/blitz_II/Blitz II.A.Detail FusionForge.1931.png`]},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",src:`${Z}/blitz_II/Blitz II.Ktm.0.760 (3).png`,angles:[`${Z}/blitz_II/Blitz II.Ktm.0.760 (3).png`,`${Z}/blitz_II/Blitz II.Ktm.20-20760 (4).png`,`${Z}/blitz_II/Blitz II.Ktm.25.760 (2).png`,`${Z}/blitz_II/Blitz II.Ktm.35.760 (1).png`],details:[`${Z}/blitz_II/Blitz II.K TM.Detail 1.1925.png`,`${Z}/blitz_II/Blitz II.K TM.Detail 2.1918.png`,`${Z}/blitz_II/Blitz II.K TM.Detail FusionForge.1932.png`]},{name:"Silver Satin Lacquer",color:D1.silverSatin,family:"silver",src:`${Z}/blitz_II/Blitz II.Stm.0.748 (3).png`,angles:[`${Z}/blitz_II/Blitz II.Stm.0.748 (3).png`,`${Z}/blitz_II/Blitz II.Stm 20-20.748 (4).png`,`${Z}/blitz_II/Blitz II.Stm.25.748 (2).png`,`${Z}/blitz_II/Blitz II.Stm.35.748 (1).png`],details:[`${Z}/blitz_II/Blitz II.S TM.Detail 1.1922.png`,`${Z}/blitz_II/Blitz II.S TM.Detail 2.1915.png`,`${Z}/blitz_II/Blitz II.S TM.Detail FusionForge.1929.png`]},{name:"Bronze",color:D1.bronze,family:"bronze",src:`${Z}/blitz_II/Blitz II.n.0.764 (3).png`,angles:[`${Z}/blitz_II/Blitz II.n.0.764 (3).png`,`${Z}/blitz_II/Blitz II.n.20-20.764 (4).png`,`${Z}/blitz_II/Blitz II.n.25.764 (2).png`,`${Z}/blitz_II/Blitz II.n.35.764 (1).png`],details:[`${Z}/blitz_II/Blitz II.N.Detail 1.1926.png`,`${Z}/blitz_II/Blitz II.N.Detail 2.1919.png`,`${Z}/blitz_II/Blitz II.N.Detail FusionForge.1933.png`]}]},{name:"THRUST II",slug:"thrust-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4500,spokes:7,mesh:!1,badge:"bestseller",finishes:[{name:"Hyper Black",color:D1.hyperBlack,family:"black",src:`${Z}/thrust_II/Thrust II v2 2010 H.0.719.png`,angles:[`${Z}/thrust_II/Thrust II v2 2010 H.0.719.png`,`${Z}/thrust_II/Thrust II v2 2010 H.30.720.png`,`${Z}/thrust_II/Thrust II v2 2010 H.30-30.722.png`,`${Z}/thrust_II/Thrust II v2 2010 H.45.721.png`],details:[`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 1.png`,`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 2.png`,`${Z}/thrust_II/Thrust II v2 2010 H.30-30.722.png`]},{name:"Anthracite",color:D1.anthracite,family:"graphite",src:`${Z}/thrust_II/Thrust II v2 2010 A.0.735.png`,angles:[`${Z}/thrust_II/Thrust II v2 2010 A.0.735.png`,`${Z}/thrust_II/Thrust II v2 2010 A.30.736.png`,`${Z}/thrust_II/Thrust II v2 2010 A.30-30.738.png`,`${Z}/thrust_II/Thrust II v2 2010 A.45.737.png`],details:[`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 1.png`,`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 2.png`,`${Z}/thrust_II/Thrust II v2 2010 A.30-30.738.png`]},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",src:`${Z}/thrust_II/Thrust II v2 2010 K.0.730.png`,angles:[`${Z}/thrust_II/Thrust II v2 2010 K.0.730.png`,`${Z}/thrust_II/Thrust II v2 2010 K.30.731.png`,`${Z}/thrust_II/Thrust II v2 2010 K.30-30.733.png`,`${Z}/thrust_II/Thrust II v2 2010 K.45.732.png`],details:[`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 1.png`,`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 2.png`,`${Z}/thrust_II/Thrust II v2 2010 K.30-30.733.png`]},{name:"Silver Satin Lacquer",color:D1.silverSatin,family:"silver",src:`${Z}/thrust_II/Thrust II v2 2010 S.0.725.png`,angles:[`${Z}/thrust_II/Thrust II v2 2010 S.0.725.png`,`${Z}/thrust_II/Thrust II v2 2010 S.30.726.png`,`${Z}/thrust_II/Thrust II v2 2010 S.30-30.728.png`,`${Z}/thrust_II/Thrust II v2 2010 S.45.727.png`],details:[`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 1.png`,`${Z}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 2.png`,`${Z}/thrust_II/Thrust II v2 2010 S.30-30.728.png`]},{name:"Bronze",color:D1.bronze,family:"bronze",src:`${Z}/thrust_II/Thrust II v2 2010 N.0.740.png`,angles:[`${Z}/thrust_II/Thrust II v2 2010 N.0.740.png`,`${Z}/thrust_II/Thrust II v2 2010 N.30.741.png`,`${Z}/thrust_II/Thrust II v2 2010 N.30-30.743.png`,`${Z}/thrust_II/Thrust II v2 2010 N.45.742.png`]}]},{name:"TORQUE II",slug:"torque-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4300,spokes:7,mesh:!1,badge:null,finishes:[{name:"Hyper Black",color:D1.hyperBlack,family:"black",src:`${Z}/torque_II/Torque II-H-0-2195.png`,angles:[`${Z}/torque_II/Torque II-H-0-2195.png`,`${Z}/torque_II/Torque II-H-20-20-2198.png`,`${Z}/torque_II/Torque II-H-25-2196.png`,`${Z}/torque_II/Torque II-H-35-2197.png`],details:[`${Z}/torque_II/Torque II-H-Detail 1-2199.png`,`${Z}/torque_II/Torque II-H-Detail 2-2200.png`,`${Z}/torque_II/Torque II-H-Detail 3-2201.png`]},{name:"Anthracite",color:D1.anthracite,family:"graphite",src:`${Z}/torque_II/Torque II-A-0-2174.png`,angles:[`${Z}/torque_II/Torque II-A-0-2174.png`,`${Z}/torque_II/Torque II-A-20-20-2177.png`,`${Z}/torque_II/Torque II-A-25-2175.png`,`${Z}/torque_II/Torque II-A-35-2176.png`],details:[`${Z}/torque_II/Torque II-A-Detail 1-2178.png`,`${Z}/torque_II/Torque II-A-Detail 2-2179.png`,`${Z}/torque_II/Torque II-A-Detail 3-2180.png`]},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",src:`${Z}/torque_II/Torque II-Ktm-0-2202.png`,angles:[`${Z}/torque_II/Torque II-Ktm-0-2202.png`,`${Z}/torque_II/Torque II-Ktm-20-20-2205.png`,`${Z}/torque_II/Torque II-Ktm-25-2203.png`,`${Z}/torque_II/Torque II-Ktm-35-2204.png`],details:[`${Z}/torque_II/Torque II-Ktm-Detail 1-2206.png`,`${Z}/torque_II/Torque II-Ktm-Detail 2-2207.png`,`${Z}/torque_II/Torque II-Ktm-Detail 3-2208.png`]},{name:"Silver Satin Lacquer",color:D1.silverSatin,family:"silver",src:`${Z}/torque_II/Torque II-S-0-2181.png`,angles:[`${Z}/torque_II/Torque II-S-0-2181.png`,`${Z}/torque_II/Torque II-S-20-20-2184.png`,`${Z}/torque_II/Torque II-S-25-2182.png`,`${Z}/torque_II/Torque II-S-35-2183.png`],details:[`${Z}/torque_II/Torque II-S-Detail 1-2185.png`,`${Z}/torque_II/Torque II-S-Detail 2-2186.png`,`${Z}/torque_II/Torque II-S-Detail 3-2187.png`]},{name:"Bronze",color:D1.bronze,family:"bronze",src:`${Z}/torque_II/Torque II-N-0-2188.png`,angles:[`${Z}/torque_II/Torque II-N-0-2188.png`,`${Z}/torque_II/Torque II-N-20-20-2191.png`,`${Z}/torque_II/Torque II-N-25-2189.png`,`${Z}/torque_II/Torque II-N-35-2190.png`],details:[`${Z}/torque_II/Torque II-N-Detail 1-2192.png`,`${Z}/torque_II/Torque II-N-Detail 2-2193.png`,`${Z}/torque_II/Torque II-N-Detail 3-2194.png`]}]},{name:"TURBINE II",slug:"turbine-ii",process:"Monoblock Cast",sizes:[19,20,21],price:1650,spokes:9,mesh:!0,badge:null,finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",src:`${Z}/turbine II/Turbine II L S MF TM.0.png`,angles:[`${Z}/turbine II/Turbine II L S MF TM.0.png`,`${Z}/turbine II/Turbine II L S MF TM.25.png`,`${Z}/turbine II/Turbine II L S MF TM.35.png`,`${Z}/turbine II/Turbine II L S MF TM.45.png`],details:[`${Z}/turbine II/Turbine II L S MF TM.Detail 1.png`,`${Z}/turbine II/Turbine II.L S MF TM.Detail 2.2239.png`,`${Z}/turbine II/Turbine II L S MF TM.Detail 3.png`]},{name:"Black Machined Face Dark Tint Satin Lacquer",color:D1.blackMachined,family:"black",src:`${Z}/turbine II/Turbine II L K MF TD TM.0.png`,angles:[`${Z}/turbine II/Turbine II L K MF TD TM.0.png`,`${Z}/turbine II/Turbine II L K MF TD TM.25.png`,`${Z}/turbine II/Turbine II L K MF TD TM.35.png`,`${Z}/turbine II/Turbine II L K MF TD TM.45.png`],details:[`${Z}/turbine II/Turbine II L K MF TD TM.Detail 1.png`,`${Z}/turbine II/Turbine II L K MF TD TM.LR Detail 2.png`,`${Z}/turbine II/Turbine II L K MF TD TM.Detail 3.png`]}]},{name:"BLITZ",slug:"blitz",process:"Monoblock Cast",sizes:[18,19,20],price:1380,spokes:8,mesh:!0,badge:null,finishes:[{name:"Silver Satin Lacquer",color:D1.silverSatin,family:"silver",...L6("blitz","Blitz.Stm",["2167","2170","2168","2169"],["2171","2172","2173"]),wheelPhotos:Array.from({length:8},(e,t)=>`${Z}/blitz/Blitz stm wheel(${t+19}).jpg`),video:`${ox}/blitz/Blitz stm wheel.mp4`},{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...L6("blitz","Blitz.Smftm",["2160","2163","2161","2162"],["2164","2165","2166"])},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...L6("blitz","Blitz.Ktm",["2146","2149","2147","2148"],["2150","2151","2152"]),wheelPhotos:Array.from({length:8},(e,t)=>`${Z}/blitz/Blitz ktm wheel (${t+1}).jpg`),carPhotos:Array.from({length:6},(e,t)=>`${Z}/blitz/Blitz ktm Car AUDI 03-03 (${t+1}).png`),video:`${ox}/blitz/Blitz ktm wheel.mp4`},{name:"Black Machined Face Dark Tint Satin Lacquer",color:D1.blackMachined,family:"black",...L6("blitz","Blitz.Kmftdtm",["2139","2142","2140","2141"],["2143","2144","2145"]),carPhotos:[5,7,8,9,10].map(e=>`${Z}/blitz/Blitz kmftdtm Car 2018 Mercedes-AMG GT R (${e}).jpg`)},{name:"Candy Red",color:D1.candyRed,family:"red",...L6("blitz","Blitz.Rmftr",["2153","2156","2154","2155"],["2157","2158","2159"])}]},{name:"FRIXION 5",slug:"frixion-5",process:"Monoblock Cast",sizes:[18,19,20],price:1320,spokes:5,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...L6("frixion 5","Frixion5 S MF",["1969","1972","1970","1971"]),details:[`${Z}/frixion 5/Frixion5.Smf.Detail 1.2108.png`,`${Z}/frixion 5/Frixion5.Smf.Detail 2.2109.png`,`${Z}/frixion 5/Frixion5.Smf.Detail 3.2110.png`],wheelPhotos:Array.from({length:11},(e,t)=>`${Z}/frixion 5/Frixion 5 Smf wheel (${t+1}).jpg`),carPhotos:[4,5,6,7].map(e=>`${Z}/frixion 5/Frixion5 smftm car 2019 Jaguar XE SV Project 8 (${e}).jpg`),video:`${ox}/frixion 5/frixion 5 kmftdtm smftm .mp4`},{name:"Black Machined Face",color:D1.blackMachined,family:"black",...L6("frixion 5","Frixion5 K TM",["1995","1998","1996","1997"]),details:[`${Z}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 1.1999.png`,`${Z}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 2.2000.png`,`${Z}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 3.2001.png`],wheelPhotos:[`${Z}/frixion 5/Frixion 5 kmftdtm wheel (2).jpg`,`${Z}/frixion 5/Frixion 5 kmftdtm wheel (3).jpg`]},{name:"Candy Red",color:D1.candyRed,family:"red",...L6("frixion 5","Frixion5 R ",["1973","1976","1974","1975"]),details:[`${Z}/frixion 5/Frixion5 R .Detail 1.1960.png`,`${Z}/frixion 5/Frixion5 R .Detail 2.1961.png`,`${Z}/frixion 5/Frixion5 R .Detail 3.1962.png`],carPhotos:[5,6,7,8,9].map(e=>`${Z}/frixion 5/Frixion5 R car 2021 Ferrari Roma (${e}).jpg`)}]},{name:"FRIXION 6",slug:"frixion-6",process:"Monoblock Cast",sizes:[18,19,20,22],price:1380,spokes:6,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...L6("frixion 6","Frixion6 S MF TM",["2044","2047","2045","2046"]),details:[`${Z}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 1.2048.png`,`${Z}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 2.2049.png`,`${Z}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 3.2050.png`]},{name:"Black Machined Face Dark Tint",color:D1.blackMachined,family:"black",src:`${Z}/frixion 6/Frixion6 K MF TD.0.2030.png`,angles:[`${Z}/frixion 6/Frixion6 K MF TD.0.2030.png`,`${Z}/frixion 6/Frixion6 K MF TD.20-20.2033.png`,`${Z}/frixion 6/Frixion6 K MF TD.25.png`,`${Z}/frixion 6/Frixion6 K MF TD.35.2032.png`],details:[`${Z}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 1.2034.png`,`${Z}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 2.2035.png`,`${Z}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 3.2036.png`]},{name:"Candy Red",color:D1.candyRed,family:"red",...L6("frixion 6","Frixion6 R MF TR",["2037","2040","2038","2039"]),details:[`${Z}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 1.2041.png`,`${Z}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 2.2042.png`,`${Z}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 3.2043.png`]}]},{name:"ROTOR",slug:"rotor",process:"Monoblock Cast",sizes:[18,19,20,22],price:1450,spokes:5,mesh:!1,badge:"bestseller",finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...K0("rotor",".","Rotor.Smftm")},{name:"Black Machined Face Dark Tint",color:D1.blackMachined,family:"black",...K0("rotor",".","Rotor.Kmftdtm")},{name:"Candy Red",color:D1.candyRed,family:"red",...K0("rotor",".","Rotor.Rmftr")}]},{name:"VECTOR II",slug:"vector-ii",process:"Monoblock Cast",sizes:[18,19,20],price:1420,spokes:7,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...K0("vector II","-","Vector II-Smftm")},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("vector II","-","Vector II-Ktm")},{name:"Candy Red",color:D1.candyRed,family:"red",...K0("vector II","-","Vector II-Rmftr")}]},{name:"TORQUE",slug:"torque",process:"Monoblock Cast",sizes:[18,19,20],price:1390,spokes:7,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:D1.silverMachined,family:"silver",...K0("torque","-","Torque-Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:D1.blackMachined,family:"black",...K0("torque","-","Torque-Kmftdtm")},{name:"Black Satin Lacquer",color:D1.blackSatin,family:"black",...K0("torque","-","Torque-Ktm")},{name:"Anthracite",color:D1.anthracite,family:"graphite",...K0("torque","-","Torque-A")}]}];function Cs1(e){return{GBP:e,USD:Math.round(e*1.28/10)*10,AUD:Math.round(e*1.92/10)*10}}var Ss1={"haste-ii":"A featherweight FusionForge\xAE 5-spoke built for the road \u2014 the HASTE II is our bestselling all-rounder, precise under load and unmistakable at the kerb.","force-6":"Six clean FusionForge\xAE spokes carry the FORCE 6: a wide, planted stance engineered for big-brake clearance and effortless high-speed composure.","speed-ii":"New for the season, the SPEED II sharpens the FusionForge\xAE silhouette into a taut, motorsport-inspired 5-spoke tuned for lightness and response.","vortex-ii":"The VORTEX II wraps a FusionForge\xAE core in a split-mesh face \u2014 aggressive brake cooling and a deep, dimensional look that shifts with the light.","vector-iii":"Elevate your drive with the VECTOR III: a fully forged, race-inspired open 7-spoke that aids brake cooling and cuts unsprung mass \u2014 a commitment to performance and handling.","blitz-ii":"The BLITZ II fans eight Precision Forged spokes into a fine mesh \u2014 track-bred cooling and a technical face that reads fast even at a standstill.","thrust-ii":"Our Precision Forged bestseller, the THRUST II balances a rigid 7-spoke structure with real weight savings for confident turn-in and long-haul comfort.","torque-ii":"The TORQUE II is Precision Forged for strength where it counts \u2014 a muscular 7-spoke that stays composed under power without the weight penalty.","turbine-ii":"Nine turbine-like spokes give the Monoblock Cast TURBINE II its motion \u2014 an accessible, durable wheel with a mesh face that never sits still.",blitz:"The original BLITZ: a Monoblock Cast 8-spoke mesh that brings a technical, layered look to everyday miles at a keen price.","frixion-5":"Clean, honest and Monoblock Cast \u2014 the FRIXION 5's simple 5-spoke face suits daily driving and takes finishes beautifully.","frixion-6":"The FRIXION 6 adds a spoke and a wider fitment range to the Frixion line \u2014 a versatile Monoblock Cast wheel for road and light track use.",rotor:"Our Monoblock Cast bestseller, the ROTOR pairs a bold 5-spoke face with a broad fitment range \u2014 the easy, everyday upgrade.","vector-ii":"The VECTOR II brings the Vector line's open 7-spoke geometry to a Monoblock Cast build \u2014 a lighter look and a friendlier price.",torque:"The TORQUE keeps things purposeful: a sturdy Monoblock Cast 7-spoke tuned for a planted stance and dependable street manners."},rx=ks1.map(({price:e,...t})=>({...t,prices:Cs1(e),description:Ss1[t.slug]??"",compatibleTyres:[],finishes:t.finishes.map(a=>({...a,src:a.src?B2(a.src):a.src,angles:a.angles?.map(B2),details:a.details?.map(B2),wheelPhotos:a.wheelPhotos?.map(B2),carPhotos:a.carPhotos?.map(B2),video:a.video?B2(a.video):a.video}))})),Ms1=new Map(rx.map(e=>[e.slug,e]));function yp(e){return Ms1.get(e)}import{ProductFieldIcon as _s1,BlockProductIcon as Os1,ProductSizeIcon as Bs1,NoteIcon as Ds1}from"efficient-easel/icons";import{useEffect as Hs1,useState as GZ}from"react";import{Fragment as IZ,jsx as As1,jsxs as VZ}from"react/jsx-runtime";function ix({answer:e}){let t=e.tone==="no-fit"?"text-[color:var(--alert)]":e.tone==="ask"||e.tone==="checking"||e.tone==="unknown"?"text-fg":"text-accent";return VZ(IZ,{children:[As1("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?VZ(IZ,{children:[" ",e.detail]}):null]})}function _Z({wheel:e,applied:t,fit:a,resolving:s}){if(!t)return{state:"unasked"};if(s)return{state:"checking"};if(!a)return{state:"unknown",missing:"vehicle"};if(!e)return{state:"unknown",missing:"wheel"};let o=e.variants??[],r=o.length===0?dg(e,a):Ls1(o,a);if(r===null)return{state:"fits",checks:Ft(a)};let i=o.length===0?null:dg(e,a),n=i!==null&&i.key===r.key?i:r;return n.key==="unverifiable"?{state:"unknown",missing:"wheel"}:n.key==="et"?{state:"fits-with-warning",checks:Ft(a),warning:n}:{state:"no-fit",failure:n}}var RZ=["unverifiable","pcd","bore","et"];function Ls1(e,t){let a=null,s=null,o=!1;for(let r of e){let i=Jl(Xl(r),t);if(i===null){let n=mH(r,t);if(n===null)return null;o=!0,s=s??n;continue}(a===null||RZ.indexOf(i.key)>RZ.indexOf(a.key))&&(a=i)}return o?s:a}function $9(e){switch(e.key){case"pcd":return`This car is ${e.vehicle} and this wheel is drilled ${e.wheel}. A different bolt pattern cannot be made to fit.`;case"et":return`This wheel is made in ${e.wheel} and this car takes ${e.vehicle}.`;case"bore":return`This wheel is bored ${e.wheel} and this car needs at least ${e.vehicle} to seat on its hub.`;default:return""}}var Ts1="Pick your car",Es1="and we will check this size against it.";function OZ(e){let t=(e.pcd??"").trim();return{pcds:t?[e.holes>0?`${e.holes}\xD7${t}`:t]:[],lugs:e.holes>0?e.holes:null,etRange:Number.isFinite(e.et)?[e.et,e.et]:null,centreBores:Number.isFinite(e.cb)&&e.cb>0?[e.cb]:[]}}function BZ(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:Ts1,detail:Es1};if(t.resolving)return{tone:"checking",lead:"Checking",detail:`your ${a}\u2026`};if(!t.fit)return{tone:"unknown",lead:"Cannot check",detail:`We have no factory wheel data for the ${a}, and we will not guess at a fit.`};let s=p9(OZ(e),t.fit);if(s===null)return{tone:"fits",lead:`Fits your ${a}`,detail:""};if(s.key==="unverifiable")return{tone:"unknown",lead:"Cannot check",detail:"We do not hold a bolt pattern for this size, and we will not guess at a fit."};if(s.key==="et"){let o=p9(OZ(e),{...t.fit,etRange:null});return o===null?{tone:"warn",lead:`Fits your ${a}`,detail:`Check the offset. ${$9(s)}`}:{tone:"no-fit",lead:`Does not fit your ${a}`,detail:$9(o)}}return{tone:"no-fit",lead:`Does not fit your ${a}`,detail:$9(s)}}var DZ=[{fieldKey:"diameter",header:"Diameter",cell:e=>e.diameter},{fieldKey:"width",header:"Width",cell:e=>e.width},{fieldKey:"holes",header:"Holes",cell:e=>e.holes},{fieldKey:"pcd",header:"PCD",cell:e=>e.pcd},{fieldKey:"et",header:"ET",cell:e=>e.et},{fieldKey:"center_bore",header:"C/B",cell:e=>e.cb},{fieldKey:"cap_code",header:"Cap",cell:e=>e.cap},{fieldKey:"bolt_pattern",header:"Bolt Pattern",cell:e=>e.boltPattern},{fieldKey:"load_rating",header:"Load Rating",cell:e=>e.loadRating}];function ZZ(e){if(e.length===0)return DZ;let t=_L(e),a=DZ.filter(s=>t(s.fieldKey));return j7(a,s=>s.fieldKey,e,"fitmentOrder")}import{Fragment as Ns1,jsx as j2,jsxs as f7}from"react/jsx-runtime";var Fs1=[],Ps1="whitespace-nowrap border-b border-line px-4 py-3.5",WZ="relative cursor-pointer border-2 px-3.5 py-2 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.18em] text-fg transition-colors",qZ="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",UZ="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20",jZ={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},KZ=(e,t)=>t.map(a=>a.cell(e)).join("|");function Tr({num:e,title:t,description:a,rows:s,showFilter:o=!0,tooltipDefaultOn:r=!0,footnote:i,footnoteLinkText:n,footnoteLinkHref:l,editing:c=!1,omitHead:h=!1,fieldUsage:p=Fs1}){let d=s??[],u=ZZ(p),[v,g]=GZ(null),[b,f]=GZ(r);Hs1(()=>f(r),[r]);let y=s5({editing:c}),x=u.length===0;if(d.length===0||x)return c?f7("section",{className:h?UZ:qZ,children:[h?null:j2(h0,{num:e!=null?M(e):void 0,title:t!=null?X(t,!1):void 0,description:a!=null?M(a):void 0,accent:!0}),j2("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:x?m("Every fitment column is hidden in Product Types \u2014 show one to draw this table."):m("No fitment data for this wheel \u2014 pick a wheel with fitment specs.")})]}):null;let k=new Set,S=d.filter(E=>{let N=KZ(E,u);return k.has(N)?!1:(k.add(N),!0)}),L=Array.from(new Set(S.map(E=>E.diameter))).sort((E,N)=>E-N),R=v!==null&&L.includes(v)?v:null,F=R===null?S:S.filter(E=>E.diameter===R),O=o&&L.length>1,P=E=>{if(E===0)return!1;let N=F[E-1],V=F[E];return N.diameter!==V.diameter||N.width!==V.width};return f7("section",{className:h?UZ:qZ,children:[h?null:j2(h0,{num:e!=null?M(e):void 0,title:t!=null?X(t,!1):void 0,description:a!=null?M(a):void 0,accent:!0}),f7("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[O&&f7(Ns1,{children:[j2("span",{className:"mr-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[720px]:mr-0 max-[720px]:mb-1 max-[720px]:w-full",children:"Filter by size:"}),f7("button",{type:"button",onClick:()=>g(null),className:`${WZ} ${R===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:R===null?jZ:void 0,children:[R===null&&j2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),L.map(E=>{let N=E===R;return f7("button",{type:"button",onClick:()=>g(N?null:E),className:`${WZ} ${N?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:N?jZ:void 0,children:[N&&j2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),E,'"']},E)})]}),f7("button",{type:"button",onClick:()=>f(E=>!E),"aria-pressed":b,"aria-label":b?"Hide vehicle tooltip":"Show vehicle tooltip",className:"ml-auto inline-flex items-center gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim transition-colors hover:text-fg max-[720px]:hidden",children:[j2("span",{children:"Vehicle tooltip"}),j2("span",{className:`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 transition-colors ${b?"border-accent":"border-fg-dim/50"}`,style:b?{background:"color-mix(in oklab, var(--accent) 30%, transparent)"}:void 0,"aria-hidden":!0,children:j2("span",{className:`block h-3 w-3 rounded-full transition-transform ${b?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),j2("span",{className:b?"text-accent":"text-fg-dim",children:b?"On":"Off"})]})]}),j2("div",{className:"-mx-1 overflow-x-auto",children:f7("table",{className:"w-full border-collapse font-mono text-[length:var(--size-label,14px)] tracking-[0.06em] text-fg",children:[j2("thead",{children:j2("tr",{children:u.map(({header:E},N)=>j2("th",{className:"whitespace-nowrap border-b border-line bg-surface px-4 py-3.5 text-left text-[length:var(--size-body,12px)] font-normal uppercase tracking-[0.22em] text-fg-dim",children:E},N))})}),j2("tbody",{children:F.map((E,N)=>j2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${P(N)?"[&>td]:border-t [&>td]:border-line":""}`,children:u.map((V,G)=>{let H=G===u.length-1,j=V.fieldKey==="diameter";return f7("td",{className:`${H?"relative ":""}${Ps1}${j?" text-accent":""}`,children:[V.cell(E),H&&b&&j2("span",{role:"tooltip",className:"pointer-events-none absolute top-1/2 right-0 z-20 hidden w-[520px] -translate-y-1/2 whitespace-normal bg-[var(--tooltip-bg)] px-3 py-2 text-right font-mono text-[length:var(--size-label,11px)] normal-case tracking-[0.12em] text-fg shadow-lg group-hover:block max-[720px]:!hidden",children:j2(ix,{answer:BZ(E,y)})})]},V.fieldKey)})},KZ(E,u)))})]})}),j2(M5,{text:i,linkText:n,linkHref:l})]})}import{jsx as nx}from"react/jsx-runtime";var Is1=["alloy-wheel"];function lx(e){return nx(E2,{kinds:Is1,type:"FitmentTable",editing:e.editing,children:nx(Vs1,{...e})})}function Vs1({num:e,title:t,description:a,showFilter:s,tooltipDefaultOn:o,footnote:r,footnoteLinkText:i,footnoteLinkHref:n,editing:l=!1,omitHead:c=!1}){let h=r2(),p=D3(l&&!h),d=h?.product??p,u=d?.kind==="alloy-wheel"?d.source.fitments??[]:[];return nx(Tr,{num:e,title:t,description:a,rows:u,showFilter:s,tooltipDefaultOn:o,footnote:r,footnoteLinkText:i,footnoteLinkHref:n,editing:l,omitHead:c,fieldUsage:h?.fieldUsage})}function $Z(e,t){return t||e.dynamic===!0}import{jsx as YZ}from"react/jsx-runtime";function cx({dynamic:e,wheel:t,omitHead:a=!1,...s}){let o=r2()!==null||!!s.editing&&F2();return $Z({dynamic:e,wheel:t},o)?YZ(lx,{...s,omitHead:a}):YZ(Tr,{...s,omitHead:a,rows:Ia(typeof t=="string"?t:"")})}import{jsx as Rs1}from"react/jsx-runtime";var H5={num:T.sectionNumber,title:"Specifications *table.*",description:T.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},XZ={label:"Fitment Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",wheel:"",showFilter:!0,tooltipDefaultOn:!0,footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Rs1(cx,{dynamic:e.dynamic,wheel:e.wheel,num:a(z(e.num,H5.num,e.puck)),title:a(z(e.title,H5.title,e.puck)),description:a(z(e.description,H5.description,e.puck)),omitHead:t,showFilter:e.showFilter,tooltipDefaultOn:e.tooltipDefaultOn,footnote:z(e.footnote,H5.footnote,e.puck),footnoteLinkText:z(e.footnoteLinkText,H5.footnoteLinkText,e.puck),footnoteLinkHref:i1(e.footnoteLinkHref),editing:e.puck?.isEditing})}};import{jsx as zp}from"react/jsx-runtime";var Zs1=rx.filter(e=>Ia(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),JZ={fields:{_gDynamic:w("Product page"),dynamic:l1("Connect to product data",!1,zp(_s1,{})),_gContent:w("Header"),num:I("Number",H5.num),title:I("Heading",H5.title),description:W("Body",H5.description),_gData:w("Wheel"),wheel:w1("Product",zp(Os1,{}),Zs1,"vector-iii"),_gOptions:w("Controls"),showFilter:l1("Size-filter chips",!0,zp(Bs1,{})),tooltipDefaultOn:l1("Detail tooltip on by default",!0,zp(Ds1,{})),_gFootnote:w("Footnote"),footnote:W("Footnote",H5.footnote),footnoteLinkText:I("Footnote button",H5.footnoteLinkText),footnoteLinkHref:N1("Footnote link")},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},o=r=>j1($1(r,a,Y1),e.props.headPlacement,W1.FitmentTable.headRows);return delete s._gDynamic,delete s.dynamic,F2()&&(delete s._gData,delete s.wheel),o(s)}};import{SettingsField as eG}from"efficient-easel/panel";import{FieldSelect as tG}from"efficient-easel/fields";import{BlockProductIcon as Us1,CategoryIcon as js1}from"efficient-easel/icons";import{useEffect as px,useMemo as Ks1,useRef as kp,useState as Cp}from"react";import{useEffect as Gs1,useMemo as QZ,useState as Ws1}from"react";var b7="__all__";function qs1(e,t){let a=new Set((e??[]).map(s=>s.name));return t!==b7&&a.add(t),[...a].sort((s,o)=>s.localeCompare(o))}function hx(e,t){return t===b7?e??[]:(e??[]).filter(a=>a.process===t)}function H8(e,t,a){let[s,o]=Ws1(b7);Gs1(()=>{a?.process&&o(a.process)},[a]);let r=QZ(()=>qs1(t,s),[t,s]),i=QZ(()=>hx(e,s),[e,s]);return{category:s,setCategory:o,categoryNames:r,filtered:i}}import{jsx as F8,jsxs as Js1}from"react/jsx-runtime";var F5="__all__";function $s1(e,t){return t===F5?e:e.filter(a=>a.process===t)}function Va(e,t){return e.map(a=>({image:a.items[0]?.url,photos:a.items.map(s=>({src:s.url})),href:`/wheels/${t.slug}`,process:t.process,eyebrow:a.name,name:t.name,meta:a.finish})).filter(a=>!!a.image)}function aG(e){let t=P3();return t?F1.getWheelDetail(t,e,{siteId:v2()}):Promise.reject(new Error("editor not authenticated"))}async function Ys1(e){let t=await aG(e),a={slug:t.slug,name:t.name,process:t.process},s=t.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};return{...a,vehicleCards:Va(s.lifestyle??[],a),wheelCards:Va(s.photos??[],a),othersCards:Va(s.others??[],a)}}async function Xs1(e,t){let a=await Promise.all(e.map(i=>aG(i.slug).catch(()=>null))),s=[],o=[],r=[];for(let i of a){if(!i)continue;let n={slug:i.slug,name:i.name,process:i.process},l=i.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};s.push(...Va(l.lifestyle??[],n)),o.push(...Va(l.photos??[],n)),r.push(...Va(l.others??[],n))}return{slug:F5,name:t===F5?"All products":t,process:"",vehicleCards:s,wheelCards:o,othersCards:r,category:t}}function mx({value:e,onChange:t}){let a=b3(),[s,o]=Cp(null),[r,i]=Cp(null),[n,l]=Cp(!1),[c,h]=Cp(!1),p=kp(!0),d=kp(e);d.current=e;let u=kp(t);u.current=t;let v=(_,e1=!1)=>{l(!0),e1||h(!1),_().then(K=>{p.current&&(Q6(K,d.current)&&u.current(K),h(!1))}).catch(()=>{p.current&&!e1&&h(!0)}).finally(()=>{p.current&&l(!1)})},g=(_,e1=!1)=>v(()=>Ys1(_),e1),b=(_,e1=!1)=>v(()=>Xs1($s1(s??[],_),_),e1);px(()=>(p.current=!0,M2().then(_=>{p.current&&o(_)}),V4().then(_=>{p.current&&i(_)}),()=>{p.current=!1}),[]);let f=kp(!1);px(()=>{if(f.current)return;let _=d.current;if(!_?.slug){f.current=!0;return}if(_.slug===F5){if(s===null)return;f.current=!0,b(_.category??F5,!0)}else f.current=!0,g(_.slug,!0)},[s]);let y=e?.slug===F5,x=Ks1(()=>s&&e?.slug&&!y?s.find(_=>_.slug===e.slug)??null:null,[s,e?.slug,y]),{category:k,setCategory:S,categoryNames:L,filtered:R}=H8(s,r);px(()=>{y?e?.category&&S(e.category):x?.process&&S(x.process)},[x,y,e?.category]);let F=s===null,O=!!e?.slug&&!y&&s!==null&&!x,P=_=>{if(!_){t(null);return}if(_===F5){b(k);return}g(_)},E=_=>{S(_),d.current?.slug===F5&&b(_)},N=()=>{e?.slug&&(M2(!0).then(_=>{p.current&&o(_)}),y?b(e.category??F5):g(e.slug))},V=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},G=(e?.vehicleCards.length??0)+(e?.wheelCards.length??0)+(e?.othersCards?.length??0),H=c?"error":n?"loading":"idle",j=c?m("Couldn\u2019t reach the product catalog."):n?m("Syncing media from the catalog\u2026"):O?m("Linked to \u201C{name}\u201D \u2014 no longer in the catalog.",{name:e?.name??""}):y?Q2("Linked to \u201C{name}\u201D \xB7 {n} card from all products\u2019 media groups.","Linked to \u201C{name}\u201D \xB7 {n} cards from all products\u2019 media groups.",G,{name:e?.name??""}):Q2("Linked to \u201C{name}\u201D \xB7 {n} card from its media groups.","Linked to \u201C{name}\u201D \xB7 {n} cards from its media groups.",G,{name:e?.name??""});return Js1("div",{children:[F8(eG,{label:m("Category"),icon:F8(js1,{}),children:F8(tG,{value:k,ariaLabel:m("Category"),onChange:E,readOnly:F,options:[{label:m("All products"),value:F5},...L.map(_=>({label:_,value:_}))]})}),F8(eG,{label:m("Product"),icon:F8(Us1,{}),children:F8(tG,{value:e?.slug??"",ariaLabel:m("Product"),onChange:P,readOnly:F||n,options:[{label:F?m("Loading\u2026"):m("None (write the cards yourself)"),value:""},{label:m("All products"),value:F5},...O?[{label:m("{name} (unavailable)",{name:e.name}),value:e.slug}]:[],...R.map(_=>({label:_.name,value:_.slug}))]})}),e?.slug?F8(e5,{status:H,statusText:j,onRefresh:N,busy:n,edit:y?void 0:{label:m("Edit product \u270E"),onClick:V},hint:y?m("Pools every product\u2019s grouped media: each one\u2019s Relative / lifestyle photos feed Gallery A, its Product photos Gallery B and its Others the Others gallery. Every media group becomes a card, attributed to its own product (title, link and tag). Narrow the set with the Category filter above. Headings, intro copy and stats stay yours."):m("Gallery A comes from the product\u2019s Relative / lifestyle photos, Gallery B from its Product photos and the Others gallery from its Others \u2014 edit those in the product\u2019s Media tab and refresh. Each media group is a card: its name is the eyebrow, its finish the meta line; the card\u2019s title is the product name and its tag the category. Headings, intro copy and stats stay yours.")}):F8("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:m("Pick a product \u2014 or All products \u2014 to build the galleries from media groups, or keep \u201CNone\u201D to author the cards yourself.")})]})}import{EyeIcon as to1,TabsIcon as iG,BreadcrumbIcon as ao1,HashIcon as nG,SortIcon as so1}from"efficient-easel/icons";import{useMemo as sG,useState as Sp}from"react";import{Fragment as Mp,jsx as X1,jsxs as h2}from"react/jsx-runtime";function dx(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function oG(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var ux=6,Qs1=()=>Array.from({length:ux},(e,t)=>({image:"",process:m("Tag"),eyebrow:m("Category"),name:m("Item name"),meta:m("{n} photos",{n:`0${t+1}`})}));function gx({mode:e="both",kicker:t,breadcrumbLabel:a,vehicleTabLabel:s="Gallery A",vehicleTitle:o,vehicleBody1:r,vehicleBody2:i,vehicleStats:n,vehicleCards:l,wheelTabLabel:c="Gallery B",wheelTitle:h,wheelBody1:p,wheelBody2:d,wheelStats:u,wheelCards:v,othersTitle:g,othersBody1:b,othersBody2:f,othersStats:y,othersCards:x,showBreadcrumb:k=!0,showStats:S=!0,showIntro:L=!0,showTabs:R=!0,showFilters:F=!0,showCount:O=!0,showSort:P=!0,previewTab:E,previewHover:N=!1,editing:V=!1}){let G=e==="both",H=G?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[j,_]=Sp(H[0]),K=(V&&G&&E&&H.includes(E)?E:null)??(H.includes(j)?j:H[0]),Y=V&&N,[h1,B]=Sp("all"),[q,Q]=Sp("newest"),[a1,$]=Sp(null),m1=K==="vehicles"?{title:o,body1:r,body2:i,stats:n??[],cards:l??[],unit:"items",word:s}:K==="others"?{title:g,body1:b,body2:f,stats:y??[],cards:x??[],unit:"items",word:"Others"}:{title:h,body1:p,body2:d,stats:u??[],cards:v??[],unit:"items",word:c},v1=sG(()=>{let b1=[];for(let Q1 of m1.cards)Q1.process&&!b1.includes(Q1.process)&&b1.push(Q1.process);return b1},[m1.cards]),g0=h1!=="all"&&v1.includes(h1)?h1:"all",s0=g0==="all"?m1.cards:m1.cards.filter(b1=>b1.process===g0),P1=sG(()=>{let b1=[...s0];return q==="name"&&b1.sort((Q1,d0)=>(Q1.name??"").localeCompare(d0.name??"")),b1},[s0,q]),i0=m1.cards.length===0,o0=V&&i0,J1=o0?Qs1():P1,m0=o0?ux:m1.cards.length,t0=o0?ux:P1.length,g2=t?`${t} \xB7 ${z2(m1.word)}`:void 0;function x0(b1){b1!==K&&(_(b1),B("all"))}return h2("section",{className:"relative z-[2] bg-bg",children:[k&&h2("nav",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[X1("span",{className:"hover:text-fg",children:"Home"}),X1("span",{className:"opacity-40",children:"/"}),X1("span",{className:"text-fg",children:a?U0(a):"Gallery"})]}),h2("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[auto_1fr_auto] items-end gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] pt-[100px] pb-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-5 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px]",children:[X1("span",{className:"pb-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-accent",children:g2?M(g2):null}),X1("h2",{className:"font-display text-[length:min(var(--size-headingLarge,clamp(64px,9vw,140px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.9] tracking-[-0.04em]",children:m1.title?X(m1.title,!0):null}),X1("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:S&&m1.stats.map((b1,Q1)=>h2("div",{children:[b1.value?X1("strong",{className:"font-normal text-fg",children:M(b1.value)}):null," ",b1.label?M(b1.label):null]},Q1))})]}),L&&(m1.body1||m1.body2)&&h2("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-2 gap-[60px] px-[var(--sf-site-gutter,40px)] pt-7 max-[1100px]:grid-cols-1 max-[1100px]:gap-4 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[m1.body1&&X1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:M(m1.body1)}),m1.body2&&X1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:M(m1.body2)})]}),G&&R&&X1("div",{className:"mx-auto mt-10 flex max-w-[var(--sf-site-width,1600px)] items-stretch border-y border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[720px]:px-3",children:["vehicles","wheels"].map((b1,Q1)=>{let d0=K===b1,V0=b1==="vehicles"?s:c,J0=b1==="vehicles"?(l??[]).length:(v??[]).length,B0=(V0||"").trim().split(/\s+/),s1=B0.slice(0,-1).join(" "),k1=B0.slice(-1)[0]??"";return h2("button",{type:"button",onClick:()=>x0(b1),className:["group relative grid flex-1 cursor-pointer grid-cols-[auto_1fr_auto] items-end gap-5 px-6 py-7 text-left transition-colors",Q1===0?"border-r border-line":"","max-[720px]:grid-cols-[auto_1fr] max-[720px]:items-center max-[720px]:gap-2 max-[720px]:px-3 max-[720px]:py-3",d0?"bg-surface":"hover:bg-fg/[0.04]"].join(" "),children:[X1("span",{className:["pb-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.3em] max-[720px]:pb-0 max-[720px]:text-[length:var(--size-label,11px)] max-[720px]:tracking-[0.24em]",d0?"text-accent":"text-fg-dim group-hover:text-accent"].join(" "),children:Q1===0?"A":"B"}),h2("span",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.6vw,48px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] max-[720px]:text-[length:var(--size-body,15px)]",children:[s1?h2(Mp,{children:[U0(s1)," "]}):null,X1("em",{className:"font-normal italic text-accent",children:U0(k1)})]}),h2("span",{className:"pb-1.5 text-right font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.24em] text-fg-dim max-[720px]:hidden",children:[X1("strong",{className:"font-normal text-fg",children:J0})," ","items",X1("br",{}),b1==="vehicles"?"Community photos":"Featured photos"]}),d0&&X1("span",{className:"pointer-events-none absolute inset-x-0 -bottom-px h-0.5 bg-accent"})]},b1)})}),(F||O||P)&&h2("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[auto_1fr_auto] items-center gap-7 border-b border-line px-[var(--sf-site-gutter,40px)] py-5 max-[720px]:grid-cols-1 max-[720px]:gap-3.5 max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-3",style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:[X1("div",{className:"flex flex-wrap gap-1",children:F&&["all",...v1].map(b1=>{let Q1=g0===b1,d0=b1==="all"?"All":b1;return X1("button",{type:"button",onClick:()=>B(b1),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors",Q1?"border-fg bg-fg text-bg":"border-transparent text-fg-dim hover:text-fg"].join(" "),children:U0(d0)},b1)})}),O?h2("div",{className:"text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[X1("strong",{className:"font-normal text-accent",children:t0})," / ",m0," ",m1.unit]}):X1("div",{}),P?h2("div",{className:"flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[X1("span",{children:"Sort"}),h2(ys,{value:q,onChange:b1=>Q(b1.target.value),className:"cursor-pointer border border-line bg-bg px-2.5 py-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg",children:[X1("option",{value:"newest",children:"Newest"}),X1("option",{value:"featured",children:"Featured"}),X1("option",{value:"name",children:"Name A\u2013Z"})]})]}):X1("div",{})]}),X1("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-5 pb-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:J1.length>0?X1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:J1.map((b1,Q1)=>{let d0=oG(b1)[0],J0=`group relative block aspect-[4/3] w-full overflow-hidden bg-surface-2 text-left ${Q1<2?"col-span-3 max-[1100px]:col-span-1":"col-span-2 max-[1100px]:col-span-1"}`,B0=`${b1.name??"card"}-${Q1}`,s1=h2(Mp,{children:[X1(T0,{label:dx(b1.name,`gallery-card-${Q1+1}`),src:d0||void 0,alt:z2(b1.name??""),sizes:"(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",className:`transition-transform duration-700 ${Y?"scale-[1.04]":"group-hover:scale-[1.04]"}`}),h2("div",{className:"pointer-events-none absolute inset-0 z-10 flex flex-col justify-between p-[22px] max-[720px]:p-[11px]",style:{background:"linear-gradient(180deg, rgba(10,10,10,.55) 0%, transparent 35%, transparent 55%, rgba(10,10,10,.92) 100%)"},children:[h2("div",{className:"flex items-start justify-between font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",children:[b1.process?X1("span",{className:"text-accent",children:M(b1.process)}):X1("span",{}),h2("span",{className:"text-overlay-fg/70",children:[String(Q1+1).padStart(2,"0")," / ",String(J1.length).padStart(2,"0")]})]}),h2("div",{className:"flex flex-col gap-1.5",children:[b1.eyebrow&&X1("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:M(b1.eyebrow)}),b1.name&&X1("div",{className:"font-heading3 text-[length:var(--size-headingSmall,clamp(22px,2.4vw,32px))] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg",children:M(b1.name)}),b1.meta&&X1("div",{className:"flex flex-wrap gap-3 pt-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-overlay-fg/70",children:X1("span",{children:M(b1.meta)})})]})]})]});return V?X1("div",{className:J0,children:s1},B0):X1("button",{type:"button",onClick:()=>$({card:b1,index:0}),"aria-label":`Open ${b1.name??"gallery item"}`,className:`${J0} cursor-pointer focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2`,children:s1},B0)})}):X1("div",{className:"py-20 text-center font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim",children:i0?"No items in this gallery yet.":"No items match this filter."})}),a1&&(()=>{let b1=oG(a1.card),{card:Q1,index:d0}=a1,V0=b1.length,J0=b1[d0]??b1[0]??"",B0=k1=>$(r0=>r0&&{...r0,index:(r0.index+k1+V0)%V0}),s1=[Q1.process,Q1.meta].filter(Boolean).join(" \xB7 ");return h2(u9,{open:!0,onClose:()=>$(null),label:Q1.name??"Gallery item",onPrev:V0>1?()=>B0(-1):void 0,onNext:V0>1?()=>B0(1):void 0,className:"flex cursor-zoom-out flex-col items-center justify-center bg-overlay-scrim/92 p-6 backdrop-blur-sm max-[720px]:p-3",children:[h2("div",{className:"relative flex w-full flex-1 items-center justify-center",children:[X1("div",{className:"relative h-full max-h-[72vh] w-full max-w-[92vw]",children:X1(T0,{label:dx(Q1.name,"gallery-photo"),src:J0||void 0,alt:z2(Q1.name??""),objectFit:"contain",sizes:"92vw"})}),V0>1&&h2(Mp,{children:[X1("button",{type:"button","aria-label":"Previous photo",onClick:k1=>{k1.stopPropagation(),B0(-1)},className:"absolute left-2 top-1/2 flex h-12 w-12 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25C1"}),X1("button",{type:"button","aria-label":"Next photo",onClick:k1=>{k1.stopPropagation(),B0(1)},className:"absolute right-2 top-1/2 flex h-12 w-12 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25B7"})]})]}),h2("div",{className:"mt-5 flex flex-col items-center gap-3 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",onClick:k1=>k1.stopPropagation(),children:[h2("div",{className:"flex flex-col items-center gap-1",children:[Q1.name&&X1("span",{className:"text-accent",children:M(Q1.name)}),Q1.eyebrow&&X1("span",{children:M(Q1.eyebrow)}),h2("span",{className:"text-fg-dim/70",children:[s1?h2(Mp,{children:[M(s1)," \xB7 "]}):null,d0+1," / ",V0]})]}),Q1.href&&X1(T1,{href:Q1.href,onClick:()=>$(null),className:"cursor-pointer border border-btn bg-btn/[0.08] px-5 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.28em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:"View Product \u2192"})]}),V0>1&&X1("div",{onClick:k1=>k1.stopPropagation(),className:"mt-5 flex max-w-[92vw] gap-1.5 overflow-x-auto pb-1",children:b1.map((k1,r0)=>X1("button",{type:"button","aria-label":`Photo ${r0+1}`,onClick:()=>$(s2=>s2&&{...s2,index:r0}),className:["relative h-16 w-24 shrink-0 cursor-pointer overflow-hidden border transition-colors max-[720px]:h-12 max-[720px]:w-16",r0===d0?"border-accent":"border-line opacity-60 hover:border-fg-dim hover:opacity-100"].join(" "),children:X1(T0,{label:dx(Q1.name,"gallery-photo"),src:k1||void 0,alt:"",sizes:"120px"})},`${k1}-${r0}`))}),X1(Gt,{})]})})()]})}import{jsx as eo1}from"react/jsx-runtime";var H2={kicker:T.eyebrow,vehicleTitle:T.headingAccent,wheelTitle:T.headingAccent,vehicleBody1:T.body,vehicleBody2:"Add a second, shorter line if you need one.",wheelBody1:T.body,wheelBody2:"Add a second, shorter line if you need one.",othersTitle:T.headingAccent,othersBody1:T.body,othersBody2:"Add a second, shorter line if you need one."},vx=()=>[{value:"00",label:m(T.label)},{value:"00",label:m(T.label)},{value:"00",label:m(T.label)}],Ap=()=>({image:"",href:"#",process:m(T.category),eyebrow:m("Subtitle"),name:m("Item name"),meta:m("Detail")}),fx=()=>[Ap(),Ap(),Ap(),Ap()],rG={label:"Tabbed Gallery",defaultProps:{mode:"both",source:null,kicker:"",breadcrumbLabel:"Gallery",vehicleTabLabel:"Gallery A",vehicleTitle:"",vehicleBody1:"",vehicleBody2:"",vehicleStats:[],vehicleCards:[],wheelTabLabel:"Gallery B",wheelTitle:"",wheelBody1:"",wheelBody2:"",wheelStats:[],wheelCards:[],othersTitle:"",othersBody1:"",othersBody2:"",othersStats:[],othersCards:[],showBreadcrumb:!0,showStats:!0,showIntro:!0,showTabs:!0,showFilters:!0,showCount:!0,showSort:!0,previewTab:"vehicles",previewHover:!1},render:e=>{let t=e.source;return eo1(gx,{mode:e.mode,kicker:z(e.kicker,H2.kicker,e.puck),breadcrumbLabel:i1(e.breadcrumbLabel)||"Gallery",vehicleTabLabel:i1(e.vehicleTabLabel)||"Gallery A",vehicleTitle:z(e.vehicleTitle,H2.vehicleTitle,e.puck),vehicleBody1:z(e.vehicleBody1,H2.vehicleBody1,e.puck),vehicleBody2:z(e.vehicleBody2,H2.vehicleBody2,e.puck),vehicleStats:M1(e.vehicleStats,vx(),e.puck),vehicleCards:M1(t?.vehicleCards??e.vehicleCards,fx(),e.puck),wheelTabLabel:i1(e.wheelTabLabel)||"Gallery B",wheelTitle:z(e.wheelTitle,H2.wheelTitle,e.puck),wheelBody1:z(e.wheelBody1,H2.wheelBody1,e.puck),wheelBody2:z(e.wheelBody2,H2.wheelBody2,e.puck),wheelStats:M1(e.wheelStats,vx(),e.puck),wheelCards:M1(t?.wheelCards??e.wheelCards,fx(),e.puck),othersTitle:z(e.othersTitle,H2.othersTitle,e.puck),othersBody1:z(e.othersBody1,H2.othersBody1,e.puck),othersBody2:z(e.othersBody2,H2.othersBody2,e.puck),othersStats:M1(e.othersStats,vx(),e.puck),othersCards:M1(t?.othersCards??e.othersCards,fx(),e.puck),showBreadcrumb:e.showBreadcrumb,showStats:e.showStats,showIntro:e.showIntro,showTabs:e.showTabs,showFilters:e.showFilters,showCount:e.showCount,showSort:e.showSort,previewTab:e.previewTab,previewHover:e.previewHover,editing:e.puck?.isEditing})}};import{jsx as x7}from"react/jsx-runtime";var lG={fields:{_sSetup:a0("Setup"),_gGallery:w("Gallery"),mode:y1("Show",x7(to1,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:I("Eyebrow",H2.kicker),breadcrumbLabel:U("Breadcrumb label","Gallery"),_gSource:w("Source product"),source:p2(mx),_sPreview:a0("Preview"),_gPreview:w(hn),previewTab:y1("Show tab",x7(iG,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"}],"vehicles"),_sVehicle:a0("Gallery A"),_gVehicleContent:w("Content"),vehicleTabLabel:U("Tab label","Gallery A"),vehicleTitle:W("Heading",H2.vehicleTitle),vehicleBody1:W("Intro",H2.vehicleBody1),vehicleBody2:W("Body",H2.vehicleBody2),_gVehicleStats:w("Stats"),vehicleStats:{type:"array",label:"Stats",arrayFields:{value:z1("Value"),label:z1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gVehicleCards:w("Cards"),vehicleCards:{type:"array",label:"Cards",arrayFields:{image:K1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:K1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:N1("Product link"),process:z1("Tag"),eyebrow:z1("Eyebrow"),name:z1("Title"),meta:z1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sWheel:a0("Gallery B"),_gWheelContent:w("Content"),wheelTabLabel:U("Tab label","Gallery B"),wheelTitle:W("Heading",H2.wheelTitle),wheelBody1:W("Intro",H2.wheelBody1),wheelBody2:W("Body",H2.wheelBody2),_gWheelStats:w("Stats"),wheelStats:{type:"array",label:"Stats",arrayFields:{value:z1("Value"),label:z1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gWheelCards:w("Cards"),wheelCards:{type:"array",label:"Cards",arrayFields:{image:K1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:K1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:N1("Product link"),process:z1("Tag"),eyebrow:z1("Eyebrow"),name:z1("Title"),meta:z1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sOthers:a0("Others gallery"),_gOthersContent:w("Content"),othersTitle:W("Heading",H2.othersTitle),othersBody1:W("Intro",H2.othersBody1),othersBody2:W("Body",H2.othersBody2),_gOthersStats:w("Stats"),othersStats:{type:"array",label:"Stats",arrayFields:{value:z1("Value"),label:z1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gOthersCards:w("Cards"),othersCards:{type:"array",label:"Cards",arrayFields:{image:K1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:K1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:N1("Product link"),process:z1("Tag"),eyebrow:z1("Eyebrow"),name:z1("Title"),meta:z1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sVisibility:a0("Visibility"),_gElements:w("Show / hide elements"),showBreadcrumb:l1("Breadcrumb",!0,x7(ao1,{})),showStats:l1("Stats",!0,x7(nG,{})),showIntro:l1("Intro text",!0,x7(y4,{noun:"intro"})),showTabs:l1("Tab switcher",!0,x7(iG,{})),showFilters:l1("Tag filters",!0,x7(y4,{noun:"tag"})),showCount:l1("Result count",!0,x7(nG,{})),showSort:l1("Sort control",!0,x7(so1,{}))},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};a.mode!=="both"&&(delete s._sPreview,delete s._gPreview,delete s.previewTab);let o=["_sVehicle","_gVehicleContent","vehicleTabLabel","vehicleTitle","vehicleBody1","vehicleBody2","_gVehicleStats","vehicleStats","_gVehicleCards","vehicleCards"],r=["_sWheel","_gWheelContent","wheelTabLabel","wheelTitle","wheelBody1","wheelBody2","_gWheelStats","wheelStats","_gWheelCards","wheelCards"];return a.mode==="vehicles"&&r.forEach(i=>delete s[i]),a.mode==="wheels"&&o.forEach(i=>delete s[i]),a.source?.slug&&(delete s._gVehicleCards,delete s.vehicleCards,delete s._gWheelCards,delete s.wheelCards,delete s._gOthersCards,delete s.othersCards),s}};import{ProductFieldIcon as po1,ImageIcon as mo1,EyeIcon as do1}from"efficient-easel/icons";import{jsx as o5,jsxs as mG}from"react/jsx-runtime";var oo1=r4,cG=["photos","lifestyle","accessories","others"];function ro1(e,t){if(!e)return[];if(t==="all")return cG.flatMap(s=>e[s]??[]);let a=cG.includes(t)?t:null;return a?e[a]??[]:[]}var hG="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",pG="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function bx(e){return Sc(!!e.editing)?o5(io1,{...e}):o5(E2,{kinds:oo1,type:"GalleryB",editing:e.editing,children:o5(no1,{...e})})}function io1(e){let{editing:t=!1}=e,a=Ac(),s=a?kc(a,{firstField:!0}).map(o=>({images:[o.url],eyebrow:o.alt||void 0})):t?Array.from({length:zF},()=>({images:[""]})):[];return o5(dG,{...e,tiles:s,owner:{name:(a??Mc).title},emptyHint:m("This record\u2019s pictures appear here on its page. A record with no pictures draws nothing.")})}function no1({omitHead:e=!1,num:t,title:a,linkText:s,linkHref:o,galleryHref:r="/gallery",submitHref:i="/contact",zone:n="all",photoDisplay:l="covers",previewHover:c,editing:h=!1}){let p=r2(),d=D3(h&&!p),u=p?.product??d,v=ro1(u?.mediaGroups,n).map(f=>({images:(f.items??[]).filter(y=>y.kind==="image").map(y=>y.url),name:f.name,finish:f.finish})).filter(f=>f.images.length>0),b=(l==="auto"?v.length>=4?"covers":"all":l)==="all"?v.flatMap(f=>f.images.map(y=>({images:[y],name:f.name,finish:f.finish}))):v;return o5(dG,{omitHead:e,num:t,title:a,linkText:s,linkHref:o,galleryHref:r,submitHref:i,previewHover:c,editing:h,tiles:u?b.map(f=>({images:f.images,eyebrow:f.name,meta:f.finish})):[],owner:{name:u?.name??"",href:u?.href,process:u?.eyebrow},emptyHint:m("This product\u2019s photos appear here on a product page. Add media groups in the product\u2019s Media tab.")})}function dG({omitHead:e=!1,num:t,title:a,linkText:s,linkHref:o,galleryHref:r="/gallery",submitHref:i="/contact",previewHover:n,editing:l=!1,tiles:c,owner:h,emptyHint:p}){let d=s?{text:s,href:o||"#"}:void 0,u=a?X(a,!1):void 0,v=e?null:o5(h0,{num:t,title:u,link:d});return c.length===0?l?mG("section",{className:e?pG:hG,children:[v,o5("p",{className:"mt-8 border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:p})]}):null:mG("section",{className:e?pG:hG,children:[v,o5(ho.Provider,{value:{galleryHref:r,submitHref:i,previewHover:n},children:o5("div",{[po]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1 max-[800px]:gap-1",children:c.map((g,b)=>o5(mo,{image:g.images[0],photos:g.images.slice(1).map(f=>({src:f})),href:h.href,process:h.process,eyebrow:g.eyebrow,name:h.name,meta:g.meta,editing:l},`${g.eyebrow}-${b}`))})}),o5("div",{className:"mt-12 flex flex-col items-center gap-3",children:o5(C3,{href:r,variant:"ghost",children:"See Gallery"})})]})}import{jsx as Y9,jsxs as ho1}from"react/jsx-runtime";var lo1="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",co1="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function xx({items:e,num:t,title:a,linkText:s,linkHref:o,galleryHref:r="/gallery",submitHref:i="/contact",previewHover:n,layout:l,columns:c,columnsMobile:h,gap:p,omitHead:d=!1}){let u=Sz(l),v=u?l:null,g=!u&&c!=null&&c!=="",b=a4("GalleryB",p,"both"),f=v?{className:`sf-card-grid sf-gallery-zone ${Mz(v)} grid${b.className}`,style:b.style}:g?{className:`sf-card-grid sf-grid-zone grid${b.className}`,style:{...b.style,"--sf-grid-cols":String(bi(c)),"--sf-grid-cols-phone":String(xi(h,c))}}:{className:`sf-card-grid grid grid-cols-4${b.className} max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1`,style:b.style},y=s?{text:s,href:o||"#"}:void 0,x=a?X(a,!1):void 0;return ho1("section",{className:d?co1:lo1,children:[d?null:Y9(h0,{num:t,title:x,link:y}),v&&Y9("style",{dangerouslySetInnerHTML:{__html:Az(v)}}),e&&Y9(ho.Provider,{value:{galleryHref:r,submitHref:i,previewHover:n},children:Y9("div",{[po]:"",style:{display:"contents"},children:Y9(e,{...f,minEmptyHeight:320})})}),Y9("div",{className:"mt-12 flex flex-col items-center gap-3",children:Y9(C3,{href:r,variant:"ghost",children:"See Gallery"})})]})}import{jsx as uG}from"react/jsx-runtime";var T6={num:T.sectionNumber,title:T.headingAccent,link:T.viewAll},wx={items:{type:"slot",allow:["GalleryItem"]}},gG={label:"Customer Photo Grid",fields:wx,defaultProps:{dynamic:!1,mediaZone:"all",photoDisplay:"covers",num:"",title:"",linkText:"",linkHref:"/contact",galleryHref:"/gallery",previewHover:!1},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return e.dynamic?uG(bx,{num:a(z(e.num,T6.num,e.puck)),title:a(z(e.title,T6.title,e.puck)),linkText:a(z(e.linkText,T6.link,e.puck)),linkHref:a(i1(e.linkHref)||"/contact"),omitHead:t,galleryHref:i1(e.galleryHref)||"/gallery",zone:e.mediaZone||"all",photoDisplay:e.photoDisplay||"covers",previewHover:e.previewHover,editing:e.puck?.isEditing}):uG(xx,{num:a(z(e.num,T6.num,e.puck)),title:a(z(e.title,T6.title,e.puck)),omitHead:t,linkText:a(z(e.linkText,T6.link,e.puck)),linkHref:a(i1(e.linkHref)||"/contact"),galleryHref:i1(e.galleryHref)||"/gallery",previewHover:e.previewHover,layout:e.layout,columns:e.columns,columnsMobile:e.columnsMobile,gap:e.gap,items:e.items})}};import{jsx as yx}from"react/jsx-runtime";var uo1=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],go1=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],vG={fields:{_gDynamic:w("Product page"),dynamic:l1("Connect to product data",!1,yx(po1,{})),mediaZone:w1("Images from",yx(mo1,{}),uo1,"all"),photoDisplay:w1("Show",yx(do1,{}),go1,"covers"),_gHeader:w("Header"),num:I("Section number",T6.num),title:W("Heading",T6.title),_gHeaderLink:w("Header link"),linkText:I("Header button",T6.link),linkHref:N1("Header link"),_gImages:w("Images"),imageList:d6("GalleryB"),items:wx.items,_gGalleryLink:w("Gallery link"),galleryHref:N1("\u201CSee gallery\u201D link"),_gArrangement:w("Arrangement"),layout:eS(),gap:s4("GalleryB")},resolveFields:(e,t)=>{let{fields:a,parent:s}=t,o=e.props,r={...a},i=n=>j1($1(n,s,Y1),e.props.headPlacement,W1.GalleryB.headRows);return F2()?(o.dynamic?(delete r._gImages,delete r.items,delete r.imageList,Cc(t)&&(delete r.mediaZone,delete r.photoDisplay)):(delete r.mediaZone,delete r.photoDisplay),i(r)):(delete r._gDynamic,delete r.dynamic,delete r.mediaZone,delete r.photoDisplay,i(r))}};import{useEffect as xG,useMemo as zx,useState as kx}from"react";import{IconButton as vo1,Tooltip as fo1}from"efficient-shell/ui";import{SettingsField as wG}from"efficient-easel/panel";import{FieldSelect as Lp}from"efficient-easel/fields";import{BlockProductIcon as bo1,MediaIcon as xo1}from"efficient-easel/icons";var fG=new Map;function bG(e){if(!e)return Promise.resolve(null);let t=fG.get(e);return t||(t=f0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),fG.set(e,t)),t}import{Fragment as kG,jsx as _2,jsxs as w7}from"react/jsx-runtime";function Tp({label:e,hidden:t,onToggle:a}){return w7("div",{className:"sf-field-head",children:[_2("span",{className:"sf-field-label sf-field-label--inline",children:e}),a&&_2(fo1,{content:t?m("Show on the card"):m("Hide on the card"),children:_2(vo1,{size:"sm","aria-pressed":!!t,"aria-label":t?m("Show on the card"):m("Hide on the card"),onClick:a,children:t?_2(O6,{name:"eye-off",size:14}):_2(O6,{name:"eye",size:14})})})]})}var wo1=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function yG(e){switch(e){case"photos":return m("Photos");case"lifestyle":return m("Lifestyle");case"accessories":return m("Accessories");case"others":return m("Others");case"videos":return m("Videos");default:return String(e)}}function yo1(e){if(!e)return[];let t=[];for(let[a,s]of wo1)(e[a]??[]).forEach((o,r)=>{let i=(o.items??[]).filter(n=>n.kind==="image").map(n=>n.url);i.length!==0&&t.push({key:`${String(a)}:${r}`,label:o.name?`${yG(a)} \xB7 ${o.name}`:yG(a),name:o.name||s,images:i})});return t}function zG(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function zo1(e,t,a){let s=t?.find(l=>l.slug===e.code)??null;if(!s)return{name:void 0,href:void 0,cover:void 0,photos:[],eyebrow:void 0};let o=e.group?a.find(l=>l.name===e.group):void 0,r=e.finish?s.finishes.find(l=>l.name===e.finish&&l.src):void 0,i,n=[];return o&&o.images.length?(i=o.images[0],n=o.images.slice(1)):(i=r?.src||s.coverImage||void 0,n=[]),{name:s.name,href:`/wheels/${s.slug}`,cover:i,photos:n,eyebrow:e.group||void 0}}function Cx({value:e,onChange:t}){let a=zx(()=>e??{},[e]),[s,o]=kx(null),[r,i]=kx([]),[n,l]=kx(!1);xG(()=>{let g=!1;return M2().then(b=>{g||o(b)}),()=>{g=!0}},[]),xG(()=>{let g=!1;if(!a.code){i([]);return}return l(!0),bG(a.code).then(b=>{g||(i(yo1(b)),l(!1))}),()=>{g=!0}},[a.code]);let c=zx(()=>s?.find(g=>g.slug===a.code)??null,[s,a.code]),h=zx(()=>zG(c),[c]),p=s===null;function d(g,b=r){let f={...a,...g};t({...f,...zo1(f,s,b)})}function u(g){if(!g){t({});return}let b=s?.find(f=>f.slug===g)??null;d({code:g,category:zG(b)[0]??"",finish:"",group:""},[])}function v(g){t({...a,[g]:!a[g]})}return w7("div",{children:[_2(wG,{label:m("Product"),icon:_2(bo1,{}),children:_2(Lp,{value:a.code??"",ariaLabel:m("Product"),readOnly:p,onChange:u,options:[{label:p?m("Loading\u2026"):m("Select a product\u2026"),value:""},...(s??[]).map(g=>({label:g.name,value:g.slug}))]})}),a.code&&w7(kG,{children:[w7("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[_2(Tp,{label:m("Title / product"),hidden:a.hideName,onToggle:()=>v("hideName")}),w7("div",{style:{display:"flex",alignItems:"center",gap:6,minHeight:30,padding:"0 8px",borderRadius:6,border:"1px solid var(--sf-field-border, rgba(128,128,128,0.3))",opacity:.75,fontSize:13},children:[c?.name??a.name??"\u2014",_2("span",{style:{opacity:.6},children:m("(auto)")})]})]}),w7("div",{className:`sf-field${a.hideProcess?" is-hidden":""}`,children:[_2(Tp,{label:m("Category"),hidden:a.hideProcess,onToggle:()=>v("hideProcess")}),_2(Lp,{value:a.category??"",ariaLabel:m("Category"),readOnly:h.length===0,onChange:g=>d({category:g}),options:h.length===0?[{label:m("No categories on this product"),value:""}]:h.map(g=>({label:g,value:g}))})]}),_2(wG,{label:m("Media group"),icon:_2(xo1,{}),hint:m("Its name fills the Eyebrow below, and its photos become the card cover and lightbox. No group \u2192 the product\u2019s cover image."),children:_2(Lp,{value:a.group??"",ariaLabel:m("Media group"),readOnly:n,onChange:g=>d({group:g}),options:[{label:n?m("Loading\u2026"):r.length===0?m("Cover image only (no media groups)"):m("Cover image only"),value:""},...r.map(g=>({label:g.label,value:g.name}))]})}),w7("div",{className:`sf-field${a.hideEyebrow?" is-hidden":""}`,children:[_2(Tp,{label:w7(kG,{children:[m("Eyebrow")," ",_2("span",{style:{fontWeight:400,opacity:.6},children:m("(from media group)")})]}),hidden:a.hideEyebrow,onToggle:()=>v("hideEyebrow")}),_2("div",{style:{display:"flex",alignItems:"center",gap:6,minHeight:30,padding:"0 8px",borderRadius:6,border:"1px solid var(--sf-field-border, rgba(128,128,128,0.3))",opacity:.75,fontSize:13},children:a.group||"\u2014"})]}),w7("div",{className:`sf-field${a.hideFinish?" is-hidden":""}`,children:[_2(Tp,{label:m("Finish"),hidden:a.hideFinish,onToggle:()=>v("hideFinish")}),_2(Lp,{value:a.finish??"",ariaLabel:m("Finish"),onChange:g=>d({finish:g}),options:[{label:m("Default (the product\u2019s default finish)"),value:""},...(c?.finishes??[]).map(g=>({label:g.src?g.name:m("{name} \u2014 no render",{name:g.name}),value:g.name,disabled:!g.src}))]})]})]})]})}import{ProductFieldIcon as ko1,SquareIcon as Co1,PlacementIcon as So1}from"efficient-easel/icons";import{jsx as Ep}from"react/jsx-runtime";var CG={fields:{_gSource:w("Content source"),fromProduct:l1("Fill from a product",!1,Ep(ko1,{})),product:{type:"custom",render:({value:e,onChange:t})=>Ep(Cx,{value:e,onChange:t})},_gMedia:w("Media"),image:K1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:K1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},_gText:w("Text"),process:I("Tag"),eyebrow:I("Eyebrow"),name:I("Heading"),meta:I("Meta line"),_gLink:w("Link"),href:N1("Product link"),ratio:w1("Shape",Ep(Co1,{}),[{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"},{label:"Landscape (4:3)",value:"landscape"},{label:"Portrait (4:5)",value:"portrait"},{label:"The photo's own shape",value:"auto"}],"square"),captionPlace:w1("Card text",Ep(So1,{}),[{label:"On the photo",value:"overlay"},{label:"Below the photo",value:"below"}],"overlay")},resolveFields:(e,{fields:t})=>{let a=e.props.fromProduct===!0,s={...t};return a?(delete s._gMedia,delete s.image,delete s.photos,delete s._gText,delete s.process,delete s.eyebrow,delete s.name,delete s.meta,delete s._gLink,delete s.href):delete s.product,s}};var SG={fields:{}};import{SettingsField as To1}from"efficient-easel/panel";import{FieldSelect as Eo1}from"efficient-easel/fields";import{CategoryIcon as Ho1}from"efficient-easel/icons";import{useEffect as LG,useRef as Fo1,useState as Fp}from"react";import{Fragment as Mo1}from"react";import{jsx as Ao1,jsxs as Lo1}from"react/jsx-runtime";var Hp=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function Ra(e){return Ii(e)}function MG(e){let t=e.split("\xAE");return t.length===1?e:t.map((a,s)=>Lo1(Mo1,{children:[a,s<t.length-1&&Ao1(Z6,{})]},s))}var Er=Hp.map((e,t)=>({key:e,num:String(t+1).padStart(2,"0"),title:MG(e)}));function Sx(e){if(e.length===0)return[...Hp];let t=new Set(e.map(a=>a.process));return Hp.filter(a=>t.has(a))}function AG(e){return Sx(e).map((t,a)=>({key:t,num:String(a+1).padStart(2,"0"),title:MG(t)}))}var $e0=Object.fromEntries(Hp.map(e=>[e,Ra(e)]));import{jsx as Np,jsxs as Po1}from"react/jsx-runtime";var Ex=60,Tx="collection:";function TG(e){return Tx+Ra(e)}function Pp(e){if(!e||!e.startsWith(Tx))return;let t=e.slice(Tx.length);return Er.find(a=>Ra(a.key)===t)?.key}function _a(e){return e.slug&&e.slug.trim()?e.slug:`cat-${e.id}`}function Mx(e,t){return{slug:_a(e),name:e.name,wheels:t.filter(a=>(a.categories??[a.process]).includes(e.name)).slice(0,Ex)}}function Ax(e){return{slug:$7,name:cT,wheels:e.slice(0,Ex)}}function Lx(e,t){return{slug:TG(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,Ex)}}function Hx({value:e,onChange:t}){let[a,s]=Fp(null),[o,r]=Fp(null),[i,n]=Fp(!1),[l,c]=Fp(!1),h=Fo1(!0);LG(()=>(h.current=!0,M2().then(x=>{h.current&&r(x)}),V4().then(x=>{h.current&&s(x)}),()=>{h.current=!1}),[]),LG(()=>{if(!e?.slug||a===null||o===null)return;let x,k=Pp(e.slug);if(k)x=Lx(k,o);else if(e.slug===$7)x=Ax(o);else{let S=a.find(L=>_a(L)===e.slug);x=S?Mx(S,o):null}x&&Q6(x,e)&&t(x)},[a,o]);let p=x=>{if(!x){t(null);return}let k=Pp(x);if(k){o&&t(Lx(k,o));return}if(x===$7){o&&t(Ax(o));return}let S=(a??[]).find(L=>_a(L)===x);S&&o&&t(Mx(S,o))},d=()=>{e?.slug&&(n(!0),c(!1),Promise.all([V4(!0),M2(!0)]).then(([x,k])=>{if(!h.current)return;s(x),r(k);let S=Pp(e.slug);if(S)t(Lx(S,k));else if(e.slug===$7)t(Ax(k));else{let L=x.find(R=>_a(R)===e.slug);L&&t(Mx(L,k))}}).catch(()=>{h.current&&c(!0)}).finally(()=>{h.current&&n(!1)}))},u=o===null,v=e?.wheels?.length??0,g=e?.slug&&e.slug!==$7&&!Pp(e.slug)&&!(a??[]).some(x=>_a(x)===e.slug),b=l?"error":i?"loading":"idle",f=m("Storefront \u2192 Categories"),y=l?m("Couldn\u2019t reach {place}.",{place:f}):i?m("Syncing from {place}\u2026",{place:f}):Q2("Linked to \u201C{name}\u201D \xB7 {n} product","Linked to \u201C{name}\u201D \xB7 {n} products",v,{name:e?.name??""});return Po1(To1,{label:m("Products source"),icon:Np(Ho1,{}),children:[Np(Eo1,{value:e?.slug??"",ariaLabel:m("Products source"),onChange:p,readOnly:u,options:[{label:m("None"),value:""},{label:m("All products"),value:$7},...Er.map(x=>({label:x.key,value:TG(x.key),group:m("Collections")})),...g?[{label:m("{name} (unavailable)",{name:e.name}),value:e.slug}]:[],...(a??[]).map(x=>({label:x.name,value:_a(x),group:m("Categories")}))]}),e?.slug?Np(e5,{status:b,statusText:y,onRefresh:d,busy:i,hint:m("Auto-fills this grid each time you open the editor. Set how many appear with \u201CWheels to display\u201D. The wheels you pick below are ignored while a source is linked.")}):Np("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:m("Pick \u201CAll products\u201D or a category from {place} to auto-fill this grid, or keep \u201CNone\u201D to choose wheels yourself below.",{place:f})})]})}import{useEffect as PG,useId as Bo1,useMemo as Oa}from"react";import{createContext as No1,useContext as Io1,useEffect as Vo1,useState as EG}from"react";import{jsx as Hr}from"react/jsx-runtime";var Fx=No1({wheels:[],loading:!1,live:!1});function Ro1(e,t){return e.find(a=>a.designCode===t)??e.find(a=>a.slug===t)}function HG({wheels:e,children:t}){return Hr(Fx.Provider,{value:{wheels:e??[],loading:!1,live:!0},children:t})}function FG({children:e}){let[t,a]=EG([]),[s,o]=EG(!0);return Vo1(()=>{let r=!1;return M2().then(i=>{r||(a(i),o(!1))}).catch(()=>{r||o(!1)}),()=>{r=!0}},[]),Hr(Fx.Provider,{value:{wheels:t,loading:s,live:!1},children:e})}function Px({code:e,finish:t,wheel:a}){let{wheels:s,loading:o,live:r}=Io1(Fx),i=a??(e?Ro1(s,e):void 0);return i?Hr(W9,{wheel:i,variant:"catalog",defaultFinish:t},t??""):r?null:Hr("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:Hr("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:o?m("Loading\u2026"):e||m("Set a design code")})})}function _o1(e){if(!e.includes("_"))return e;let t=e.replace(/^_+/,""),a=e.slice(0,e.length-t.length),[s,...o]=t.split("_");return a+s+o.map(r=>r.slice(0,1).toUpperCase()+r.slice(1)).join("")}function Nx(e){if(Array.isArray(e))return e.map(Nx);if(e&&typeof e=="object"){let t={};for(let[a,s]of Object.entries(e))t[_o1(a)]=Nx(s);return t}return e}function Oo1(e){return Nx(e)}function Ip(e){return e.map(t=>j0(t)==="tyre"?t:Oo1(t))}import{Fragment as Zo1,jsx as p3,jsxs as Ba}from"react/jsx-runtime";var NG={1:"grid-cols-1",2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[800px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1",5:"grid-cols-5 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1",6:"grid-cols-6 max-[1100px]:grid-cols-3 max-[800px]:grid-cols-1"},Vp=[{value:"para",label:"Paragraph size \u2014 13px",cls:"font-mono font-normal uppercase tracking-[0.22em] text-[length:var(--size-label,13px)]"},{value:"sm",label:"Small \u2014 40px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,40px)] max-[800px]:text-[length:var(--size-headingMedium,28px)]"},{value:"md",label:"Medium \u2014 48px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,48px)] max-[800px]:text-[length:var(--size-headingMedium,32px)]"},{value:"lg",label:"Large \u2014 56px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,56px)] max-[800px]:text-[length:var(--size-headingMedium,36px)]"},{value:"xl",label:"Extra large \u2014 64px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,64px)] max-[800px]:text-[length:var(--size-headingMedium,40px)]"}],X9="lg";function Do1(e){return(Vp.find(t=>t.value===e)??Vp.find(t=>t.value===X9)).cls}function Ix({num:e,catalog:t,kinds:a,title:s,titleSize:o,padTop:r,description:i,link:n,products:l,wheels:c,source:h,columns:p,limit:d,editing:u,capWidth:v,imageBackground:g,spinOnHover:b,coverIndex:f,indexBadge:y,outline:x,showBadge:k,fieldUsage:S,showCardPrice:L,showCardFinishes:R,showCardSizes:F,showCardBuy:O,showCardPage:P,cardImage:E,gap:N}){let V=Oa(()=>S?u5(S,"alloy-wheel"):void 0,[S]),G=Oa(()=>S?u5(S,"tyre"):void 0,[S]),H=`pg-${Bo1().replace(/:/g,"")}`,j=NG[Math.min(6,Math.max(1,p??4))]??NG[4],_=typeof d=="number"&&d>0,e1=typeof v=="number",K=Oa(()=>{let k1=t??h?.wheels??null;return k1?Ip(k1):null},[t,h]),Y=h?.process,h1=!!Y,{filters:B,reportCount:q,reportLugs:Q,reportSizes:a1,reportFinishes:$,vehicle:m1}=sc(),{currency:v1}=w0(),g0=h1&&!!B.process&&B.process!==Y,s0=Oa(()=>K?h1?fH(K,B,v1,m1.fit):K:null,[K,h1,B,v1,m1.fit]);PG(()=>{if(h1)return q(H,g0?0:s0?.length??0),()=>q(H,0)},[h1,g0,s0,q,H]);let P1=Oa(()=>{let k1=(s0??[]).filter(K2=>j0(K2)!=="tyre");if(k1.length===0)return!1;let r0=k1.some(K2=>!!K2.process);return k1.some(K2=>!!K2.setWords)||Jo({kind:!1,brand:!1,process:r0},V??[])},[s0,V]),i0=Oa(()=>({lugs:aH(K??[]),sizes:sH(K??[]),finishes:jM(K??[])}),[K]);PG(()=>(Q(H,i0.lugs),a1(H,i0.sizes),$(H,i0.finishes),()=>{Q(H,[]),a1(H,[]),$(H,[])}),[i0,Q,a1,$,H]);let o0=a4("ProductGrid",N,"both"),J1=`${H} grid${o0.className} bg-[var(--catalog-grid-bg)] ${j}`,m0=s0?s0.length>0?p3("div",{className:J1,style:o0.style,children:s0.map((k1,r0)=>j0(k1)==="tyre"?p3(or,{item:k1,currency:v1,editing:u,fieldUsage:G},`tyre:${k1.slug}-${r0}`):p3(W9,{wheel:k1,variant:"catalog"},`${k1.slug}-${r0}`))}):u?p3("div",{className:"flex min-h-[320px] items-center justify-center rounded bg-surface-2 p-4 text-center",children:p3("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:m("No products in \u201C{name}\u201D yet",{name:h?.name??""})})}):null:p3(l,{className:J1,style:o0.style,minEmptyHeight:320}),t0=s0?s0.length:null,g2=e6(t6(a)),b1=e||s||i||n?Ba("div",{className:`${Je} sticky top-[var(--sf-header-h,88px)] z-30 mb-[18px] flex items-center justify-between gap-4 max-[800px]:flex-wrap max-[800px]:gap-y-2 border-b border-line bg-bg/95 py-3 backdrop-blur-md ${e1?"":"-mx-[var(--sf-site-gutter,40px)] px-[var(--sf-site-gutter,40px)] max-[800px]:-mx-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]"}`,children:[Ba("div",{className:"flex min-w-0 items-end gap-[21px] max-[800px]:flex-col max-[800px]:items-stretch max-[800px]:gap-3",children:[e&&p3("span",{className:"font-mono text-[length:var(--size-label,13px)] leading-none uppercase tracking-[0.22em] text-fg-dim",children:M(e)}),s&&p3("h2",{className:`${Do1(o)} leading-none text-fg max-[800px]:leading-[1] [&>span]:block`,children:X(s,!1)})]}),(i||n||t0!==null)&&Ba("div",{className:"flex items-center gap-5 max-[800px]:gap-3 min-[800px]:grow min-[800px]:justify-end",children:[i&&p3("span",{className:"max-w-[340px] truncate font-display text-[length:var(--size-body,13px)] leading-[1.4] text-fg-dim max-[800px]:hidden min-[800px]:w-0 min-[800px]:grow min-[800px]:text-right",children:M(i)}),n&&Ba(T1,{href:n.href,className:"inline-flex items-center gap-2 whitespace-nowrap font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:[M(n.text),p3("span",{"aria-hidden":!0,children:"\u2192"})]}),t0!==null&&Ba("span",{className:"whitespace-nowrap font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:[t0," ",t0===1?g2.one:g2.many]})]})]}):null,Q1=typeof r=="number"?r:120,d0=_6(y),V0=A7(H,d0),J0=Ba(Zo1,{children:[_&&p3("style",{children:`.${H} > *:nth-child(n+${d+1}){display:none}`}),V0&&p3("style",{children:V0}),b1,m0,p3($o,{editing:u})]});if(g0)return null;let B0=p3("section",{...h1?{[ac]:Y}:{},className:"relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-[var(--pg-pt)] pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-[70px] max-[800px]:pb-[70px]",style:{"--pg-pt":`${Q1}px`,...v3(E)},children:e1?p3("div",{style:Lk(!1,v)??void 0,children:J0}):J0}),s1=K?B0:u?p3(FG,{children:B0}):p3(HG,{wheels:c,children:B0});return p3(pp,{imageBackgroundFill:Ee(g,K5),spinOnHover:b??!0,coverIndex:f??1,indexBadge:d0,outline:x??k4,showBadge:k??!0,fieldUsage:V,reserveEyebrow:P1,showCardPrice:L??!0,showCardFinishes:R??!0,showCardSizes:F??!1,showCardBuy:O??!1,showCardPage:P??!1,children:s1})}import{ProductFieldIcon as Go1,TextSizeIcon as Wo1,ColumnsIcon as qo1,ListIcon as Uo1,HashIcon as jo1}from"efficient-easel/icons";import{jsx as Vx}from"react/jsx-runtime";var Rx={products:{type:"slot"}},IG={label:"Product Grid",fields:Rx,defaultProps:{dynamic:!1,num:"",title:"",titleSize:X9,padTop:120,description:"",linkText:"",linkHref:"",columns:4,limit:8,showAll:!1,spinOnHover:!0,coverIndex:String(1),outline:k4,indexBadge:z4,showBadge:!0,source:null,fullWidth:!0,pageWidth:S7.default},render:e=>{if(e.dynamic)return Vx(q9,{num:z(e.num,t2.num,e.puck),title:z(e.title,T.sectionHeading,e.puck),description:z(e.description,T.body,e.puck),columns:typeof e.columns=="number"?e.columns:3,relationship:y6,cardImage:e.cardImage,outline:$8(e.outline),indexBadge:_6(e.indexBadge),showBadge:e.showBadge??!0,imageBackground:NC(e.imageBackground),showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage,editing:e.puck?.isEditing});let t=z(e.linkText,t2.link,e.puck),a=e.source,s=J2(e,"full"),o=U1(e.headPlacement)==="own-box",r=n=>o?void 0:n,i=Vx(Ix,{gap:e.gap,capWidth:s.mode==="page"?s.pageWidth:void 0,num:r(z(e.num,t2.num,e.puck)),title:r(z(e.title,T.sectionHeading,e.puck)),titleSize:e.titleSize,padTop:o?0:e.padTop,description:r(z(e.description,T.body,e.puck)),link:r(t?{text:t,href:i1(e.linkHref)||"#"}:void 0),products:e.products,wheels:e.wheels,source:a?.slug?a:void 0,catalog:e.catalog,kinds:e.kinds,fieldUsage:e.fieldUsage,columns:e.columns,limit:e.showAll?void 0:e.limit,editing:e.puck?.isEditing,imageBackground:e.imageBackground,cardImage:e.cardImage,spinOnHover:e.spinOnHover,coverIndex:wa(e.coverIndex),outline:$8(e.outline),indexBadge:_6(e.indexBadge),showBadge:e.showBadge??!0,showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage});return s.mode==="page"?Vx("div",{className:To,children:i}):i}};import{jsx as Fr}from"react/jsx-runtime";var VG=Ve({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),RG={fields:{_gDynamic:w("Product page"),dynamic:l1("Connect to product data",!1,Fr(Go1,{})),_gHeader:w("Header"),num:I("Number",t2.num),title:W("Heading",T.sectionHeading),titleSize:w1("Heading size",Fr(Wo1,{}),Vp,X9),description:W("Body",T.body),_gProducts:w("Products"),kinds:Oe("Product types",dt,"None \u2014 this section will be empty"),source:p2(Hx),productList:d6("ProductGrid"),products:Rx.products,_gLink:w("Link"),linkText:I("Button",t2.link),linkHref:N1("Link"),...cn({bottomDefault:!1}),...Be(),...De(),_gLayout:w("Grid"),columns:n1("Columns",Fr(qo1,{}),1,6,1,4),showAll:l1("Show all items",!1,Fr(Uo1,{})),limit:n1("Items to display",Fr(jo1,{}),1,12,1,8),gap:s4("ProductGrid"),...VG,...Y5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=$1(t,a,Y1),o=e.props,r=j1(s,o.headPlacement,W1.ProductGrid.headRows);if(!F2()){let n={...r};return delete n._gDynamic,delete n.dynamic,n}if(o.dynamic){let n=new Set([...pn("Content"),"_gDynamic","dynamic","_gHeader","num","title","titleSize","description","_gLayout","columns",...Object.keys(VG),...Ze,...Ge,...We,...qe,...sS,...aS,...oS]),l={};for(let[c,h]of Object.entries(r))n.has(c)&&(l[c]=h);return Z7(l,J2(e?.props??{},"full"))}let i={...r};return Sl(o.source)||delete i.kinds,o.source?.slug&&(delete i.products,delete i.productList),o.showAll&&delete i.limit,D2(o.linkText).hidden&&delete i.linkHref,Z7(i,J2(e?.props??{},"full"))}};import{SettingsField as Ko1}from"efficient-easel/panel";import{FieldSelect as $o1}from"efficient-easel/fields";import{CategoryIcon as Yo1}from"efficient-easel/icons";import{useEffect as Xo1,useMemo as _x,useState as Jo1}from"react";import{jsx as Da,jsxs as tr1}from"react/jsx-runtime";var Bx=e=>e.kind==="tyre"?"tyre":"alloy-wheel",Pr=e=>`${e.kind}:${e.slug}`;function _G(e){return e.kind==="tyre"?{kind:"tyre",slug:e.slug,name:e.name,description:e.description??"",eyebrow:e.brand??"",image:e.coverImage??null,finishes:[],prices:e.prices,href:`/tyres/${e.slug}`}:{kind:"wheel",slug:e.slug,name:e.name,description:e.description??"",eyebrow:e.process,image:e.coverImage??null,finishes:e.finishes.filter(N7).map(t=>({name:t.name,color:t.color,src:t.src})),prices:e.prices,href:`/wheels/${e.slug}`}}function Ox(e,t){let a=Bx(t);return e.find(s=>s.kind===a&&s.slug===t.slug)}function OG(e){return BG(e)?m("Category \u2014 wheels only"):m("Category")}var BG=e=>!!(e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")),Qo1=e=>Q2("{n} size","{n} sizes",e);function er1({rows:e,category:t,value:a,loading:s,currency:o}){let r=e??[],i=r.filter(u=>u.kind==="alloy-wheel"),n=r.filter(u=>u.kind==="tyre"),l=i.length>0&&n.length>0,c={value:"",label:s?m("Loading\u2026"):m("Pick a product\u2026")},h=a&&!(e!==null&&Ox(e,a))?[{value:Pr({kind:Bx(a),slug:a.slug}),label:s?a.name:m("{name} (unavailable)",{name:a.name})}]:[],p=hx(i,t).map(u=>{let v=_7(u.prices[o],u.msrpPrices?.[o]);return{value:Pr({kind:"alloy-wheel",slug:u.slug}),label:u.name,...l?{group:m("Wheels")}:{},thumb:u.coverImage??null,...v.priced?{meta:e3(v.unit,o)}:{}}}),d=n.map(u=>({value:Pr(u),label:u.name,...l?{group:m("Tyres")}:{},thumb:u.coverImage??null,meta:Qo1(u.variantCount)}));return[c,...h,...p,...d]}function Dx({value:e,onChange:t}){let a=b3(),{rows:s,loading:o,refreshing:r,errored:i,refresh:n}=Xt({load:r6,resolve:Ox,snapshot:_G,value:e,onChange:t}),[l,c]=Jo1(null);Xo1(()=>{let L=!1;return V4().then(R=>{L||c(R)}),()=>{L=!0}},[]);let{currency:h}=w0(),p=_x(()=>s&&e?Ox(s,e)??null:null,[s,e]),d=_x(()=>(s??[]).filter(L=>L.kind==="alloy-wheel"),[s]),{category:u,setCategory:v,categoryNames:g}=H8(d,l,p?.kind==="alloy-wheel"?p:null),b=!!e?.slug&&s!==null&&!p,f=_x(()=>er1({rows:s,category:u,value:e,loading:o,currency:h}),[s,u,e,o,h]),y=L=>{if(!L){t(null);return}let R=(s??[]).find(F=>Pr(F)===L);R&&t(_G(R))},x=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},k=i?"error":r?"loading":"idle",S=i?m("Couldn\u2019t reach the product catalog."):r?m("Syncing from the catalog\u2026"):b?m("Linked to \u201C{name}\u201D \u2014 no longer in the catalog.",{name:e?.name??""}):m("Linked to \u201C{name}\u201D \xB7 title, description, category, price & image follow the product.",{name:e?.name??""});return tr1("div",{children:[Da(Me,{label:"Product",options:f,fallback:"",value:e?Pr({kind:Bx(e),slug:e.slug}):"",onChange:y,placeholder:"Search products\u2026"}),Da(Ko1,{label:OG(s),icon:Da(Yo1,{}),children:Da($o1,{value:u,ariaLabel:OG(s),onChange:v,readOnly:o,options:[{label:BG(s)?m("All wheel categories"):m("All products"),value:b7},...g.map(L=>({label:L,value:L}))]})}),e?.slug?Da(e5,{status:k,statusText:S,onRefresh:n,busy:r,edit:{label:m("Edit product \u270E"),onClick:x},hint:m("The whole hero comes from the product record \u2014 title, price, pictures, options and Add to Cart. Edit the product in the Products database and this hero updates to match.")}):Da("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:m("This hero always shows a real product. Pick one to fill the title, price, pictures, options and Add to Cart from the catalog.")})]})}import{useEffect as DG,useMemo as ZG,useState as Zx}from"react";import{SettingsField as ar1}from"efficient-easel/panel";import{FieldSelect as sr1}from"efficient-easel/fields";import{Fragment as lr1,jsx as Rp}from"react/jsx-runtime";var J9="__all__",Gx="";function or1(e){return(e??[]).filter(t=>Ar.includes(t.kind))}var rr1=Qi("one row per level from one list \u2014 the gutter would repeat one mark down the column and say nothing; the group heading carries it once GG, 2026-09-23"),_p=e=>typeof e.brand=="string"?e.brand.trim():"";function GG(e,t){if(e.kind!=="alloy-wheel"||!t)return;let a=e,s=_7(a.prices?.[t],a.msrpPrices?.[t]);return s.priced?e3(s.unit,t):void 0}function ir1({rows:e,brand:t,kind:a,slug:s,loading:o=!1,currency:r=""}){let i=e??[],n=[...new Set(i.map(_p).filter(Boolean))].sort((g,b)=>g.localeCompare(b)),l=t===J9?i:i.filter(g=>_p(g)===t),c=r4.filter(g=>l.some(b=>b.kind===g)),h=a===J9?l:l.filter(g=>g.kind===a),p=new Set(h.map(g=>g.kind)).size>1,d=h.map(g=>({value:g.slug,label:g.name,...p?{group:m(T4[g.kind])}:{},thumb:g.coverImage??null,...GG(g,r)?{meta:GG(g,r)}:{}})),u=s&&!h.some(g=>g.slug===s)?[{value:s,label:o?s:m("{slug} (not in this list)",{slug:s})}]:[],v=[];return n.length>1&&v.push({key:"brand",label:m("Brand"),options:[{value:J9,label:m("All brands")},...n.map(g=>({value:g,label:g}))]}),c.length>1&&v.push({key:"kind",label:m("Product type"),options:[{value:J9,label:m(AL)},...c.map(g=>({value:g,label:m(T4[g])}))]}),v.push({key:"product",label:m("Product"),options:[{value:Gx,label:o?m("Loading\u2026"):m("Generic placeholder")},...u,...d]}),v}function Wx(){let[e,t]=Zx(null),[a,s]=Zx(J9),[o,r]=Zx(J9),i=Kb(),n=wp()??Gx;DG(()=>{let d=!1;return r6().then(u=>{d||t(u)}).catch(()=>{d||t([])}),()=>{d=!0}},[]);let{currency:l}=w0(),c=ZG(()=>or1(e),[e]);DG(()=>{let d=c.find(u=>u.slug===n);d&&_p(d)&&s(_p(d))},[n,c]);let h=ZG(()=>ir1({rows:c,brand:a,kind:o,slug:n,loading:e===null,currency:l}),[c,a,o,n,e,l]),p={brand:d=>{s(d),r(J9)},kind:r,product:d=>gZ(i,d)};return Rp(lr1,{children:h.map(d=>Rp(ar1,{label:d.label,icon:VC(rr1),hint:d.key==="product"?m(nr1):void 0,children:d.key==="product"?Rp(Me,{bare:!0,label:d.label,options:d.options,fallback:Gx,value:n,onChange:p.product,placeholder:m("Search your catalog\u2026")}):Rp(sr1,{value:d.key==="brand"?a:o,ariaLabel:d.label,onChange:u=>p[d.key](u),options:d.options.map(u=>({label:u.label,value:u.value}))})},d.key))})}var nr1="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as mr1,CarIcon as dr1,LayoutIcon as ur1,ColumnWidthsIcon as gr1,AlignLeftIcon as vr1,SpecTableIcon as fr1,DollarIcon as br1,GridIcon as xr1,ImageIcon as wr1}from"efficient-easel/icons";var Za="top",qx=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function WG(e){return X2(qx,Za,e)}var cr1=["split","imageRight","stacked"],P8="split";function Ga(e){return cr1.includes(e)?e:P8}var Q9="left";function Op(e){return e==="center"?"center":"left"}var Ux=35,jx=70,N8=50;function Bp(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(jx,Math.max(Ux,Math.round(t))):N8}var hr1=["main","thumbs","tiled"],I8="thumbs";function Dp(e){return hr1.includes(e)?e:I8}var pr1=["contain","cover"],V8="contain";function Zp(e){return sa(e,V8)}function qG(){return pr1.map(e=>({label:Uv[e],value:e}))}function UG(e,t){return t?"contain":e}import{jsx as E6}from"react/jsx-runtime";var yr1=()=>({type:"custom",render:()=>E6(Wx,{})});function zr1(e){let t=e?.data?.root;return Ar.includes(YA(t?.props))}var jG={fields:{_gSource:w("Product"),source:p2(Dx),_gPreview:w(hn),previewPick:yr1(),_gPriceLine:w("Price"),pricePlacement:w1("Price position",E6(mr1,{}),qx,Za),_gBehaviour:w("Behavior"),showVehicleFitment:l1("Vehicle fitment",!0,E6(dr1,{})),_gArrangement:w("Arrangement"),heroLayout:y1("Layout",E6(ur1,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],P8),imageRatio:n1("Image / buy ratio",E6(gr1,{}),Ux,jx,1,N8,"%"),textAlign:y1("Alignment",E6(vr1,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],Q9),_gShow:w("Show in the buy box"),showSpecTable:l1("Spec table",!0,E6(fr1,{})),showPriceQuote:l1("Price / quote",!0,E6(br1,{})),_gImageGallery:w("Image gallery"),galleryMode:y1("Gallery",E6(xr1,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],I8),imageFit:y1(hh,E6(wr1,{}),qG(),V8)},resolveFields:(e,{fields:t,appState:a})=>{let s=e.props,o={...t};if(Ga(s.heroLayout)==="stacked"&&delete o.imageRatio,!F2())return delete o._gPreview,delete o.previewPick,o;let r=o,i=new Set([...Ze,...Ge,...We,...qe,"_gPreview","previewPick","_gPriceLine","pricePlacement","_gBehaviour","showVehicleFitment","_gArrangement","heroLayout","imageRatio","textAlign","_gShow","showSpecTable","showPriceQuote","_gImageGallery","galleryMode","imageFit"]);zr1(a)||(i.delete("_gPreview"),i.delete("previewPick"));let n={};for(let[l,c]of Object.entries(r))i.has(l)&&(n[l]=c);return Ue(n)}};import{Button as Cr1}from"efficient-shell/ui";import{useEasel as Sr1}from"efficient-easel/easel";import{useEasel as kr1}from"efficient-easel/easel";function Gp(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=kr1(l=>l),s=e?.props?.id;if(!s)return null;let o=t(s)?.zone,r=o&&o.includes(":")?o.split(":")[0]:null,n=(r?a(r):void 0)?.props?.source;return n?.slug?n.name||"the selected source":null}import{jsx as KG,jsxs as Mr1}from"react/jsx-runtime";function Kx(){let e=b3(),t=Gl(),{selectedItem:a}=Sr1(n=>n),s=a?.props?.code??"",o=(t??[]).find(n=>n.slug===s)??null,r=Gp()!==null;return!o||r?null:Mr1("div",{className:"sf-blogsource",children:[KG(Cr1,{variant:"secondary",size:"sm",className:"sf-blogsource-action",onClick:()=>e.send("storefront-editor:open-product",{slug:o.slug,name:o.name}),children:m("Edit product \u270E")}),KG("p",{className:"es-field-hint sf-hint-keep",children:m("Price and details come from the product record \u2014 edit them in the Products database and this block updates to match. The name follows the product\u2019s design name unless it\u2019s overridden per storefront in {place}.",{place:m("Storefront \u2192 Catalog")})})]})}import{useEasel as Ar1}from"efficient-easel/easel";import{SettingsField as Lr1}from"efficient-easel/panel";import{FieldSelect as Tr1}from"efficient-easel/fields";import{FinishIcon as Er1}from"efficient-easel/icons";import{jsx as Nr,jsxs as Hr1}from"react/jsx-runtime";function $x({value:e,onChange:t}){let a=Gl(),{selectedItem:s}=Ar1(c=>c),o=s?.props?.code??"",r=a===null,i=(a??[]).find(c=>c.slug===o)?.finishes??[],n=i.filter(N7).map(c=>c.name),l=n.includes(e??"")?e:"";return Hr1("div",{children:[Nr(Lr1,{label:m("Finish"),icon:Nr(Er1,{}),hint:m("Pinning one overrides the section\u2019s Cover image."),children:Nr(Tr1,{value:l,ariaLabel:m("Finish"),onChange:t,readOnly:r||i.length===0,options:[{label:r?m("Loading\u2026"):i.length===0?m("No finishes on this product"):m("Default (the product's default finish)"),value:""},...i.map(c=>({label:c.src?c.name:m("{name} \u2014 no image",{name:c.name}),value:c.name,disabled:!c.src}))]})}),!r&&i.length===0&&o&&Nr("p",{className:"es-field-hint sf-hint-keep",children:m("This product has no finishes yet, so its card falls back to the product image \u2014 or an empty placeholder when it has none. Add finishes to the product record, then give each one an image.")}),!r&&i.length>0&&n.length===0&&Nr("p",{className:"es-field-hint sf-hint-keep",children:m("None of this product\u2019s finishes has an image, so none can be shown on the card. Add an image to a finish on the product record to pick it here.")})]})}import{SettingsField as $G}from"efficient-easel/panel";import{FieldSelect as YG}from"efficient-easel/fields";import{BlockProductIcon as Fr1,CategoryIcon as Pr1}from"efficient-easel/icons";import{useEffect as Nr1,useMemo as Ir1,useState as XG}from"react";import{jsx as R8,jsxs as JG}from"react/jsx-runtime";function Yx({value:e,onChange:t}){let[a,s]=XG(null),[o,r]=XG(null);Nr1(()=>{let v=!1;return M2().then(g=>{v||s(g)}),V4().then(g=>{v||r(g)}),()=>{v=!0}},[]);let i=Ir1(()=>a&&e?a.find(v=>v.slug===e)??null:null,[a,e]),{category:n,setCategory:l,categoryNames:c,filtered:h}=H8(a,o,i),p=a===null,d=Gp(),u=d!==null;return JG("div",{children:[u&&R8("p",{className:"es-field-hint sf-hint-keep",style:{marginBottom:8},children:n4(m("Disabled because this grid\u2019s {source} is set to \u201C{name}\u201D. The grid fills itself from that source automatically. To pick wheels here, set {source} back to \u201CNone\u201D.",{name:d??""}),{source:R8("strong",{children:m("Products source")})})}),JG("div",{className:u?"sf-locked":void 0,children:[R8($G,{label:m("Category"),icon:R8(Pr1,{}),children:R8(YG,{value:n,ariaLabel:m("Category"),onChange:l,readOnly:p||u,options:[{label:m("All products"),value:b7},...c.map(v=>({label:v,value:v}))]})}),R8($G,{label:m("Product"),icon:R8(Fr1,{}),children:R8(YG,{value:e??"",ariaLabel:m("Product"),onChange:t,readOnly:p||u,options:[{label:p?m("Loading\u2026"):h.length===0?m("No products in this category"):m("Select a product\u2026"),value:""},...h.map(v=>({label:v.name,value:v.slug}))]})})]})]})}import{jsx as Xx}from"react/jsx-runtime";var QG={fields:{code:{type:"custom",render:({value:e,onChange:t})=>Xx(Yx,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>Xx($x,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>Xx(Kx,{})}},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},o=a?.props?.source,r=typeof e.props.code=="string"?e.props.code:"";return(o?.slug||!r)&&(delete s.finish,delete s._editProduct),s}};import{EyeIcon as Rr1,HashIcon as _r1,ColumnsIcon as Or1}from"efficient-easel/icons";import{jsx as Vr1}from"react/jsx-runtime";var Ir={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},eW={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:Cr,columns:3,relationship:y6},render:e=>{let t=U1(e.headPlacement)==="own-box",a=o=>t?void 0:o,s=J2(e,"full");return Vr1(q9,{num:a(z(e.num,t2.num,e.puck)),title:a(z(e.title,T.sectionHeading,e.puck)),description:a(z(e.description,T.body,e.puck)),omitHead:t,capWidth:s.mode==="page"?s.pageWidth:void 0,columns:typeof e.columns=="number"?e.columns:3,cardCount:gp(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:y6,footnote:z(e.footnote,Ir.footnote,e.puck),footnoteLinkText:z(e.footnoteLinkText,Ir.footnoteLinkText,e.puck),footnoteLinkHref:i1(e.footnoteLinkHref),cardImage:e.cardImage,coverIndex:wa(e.coverIndex),imageBackground:e.imageBackground,spinOnHover:e.spinOnHover,outline:$8(e.outline),indexBadge:_6(e.indexBadge),showBadge:e.showBadge,editing:e.puck?.isEditing})}};import{jsx as Jx}from"react/jsx-runtime";var tW={fields:{_gHeader:w("Header"),num:I("Number",t2.num),title:W("Heading",T.sectionHeading),description:W("Body",T.body),_gFootnote:w("Footnote"),footnote:W("Footnote",Ir.footnote),footnoteLinkText:I("Footnote button",Ir.footnoteLinkText),footnoteLinkHref:N1("Footnote link"),...Be(),...De(),_gLayout:w("Grid"),relationship:w1("Show",Jx(Rr1,{}),XD,y6),cardCount:n1("Cards to show",Jx(_r1,{}),Rb,Sr,1,Cr),columns:n1("Columns",Jx(Or1,{}),2,4,1,3),...Y5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,o={...t};if(eZ(typeof s.relationship=="string"?s.relationship:y6))for(let r of QD)delete o[r];return j1($1(o,a,Y1),s.headPlacement,W1.RelatedProducts.headRows)}};import{StylesIcon as Br1}from"efficient-easel/icons";import{jsx as Dr1}from"react/jsx-runtime";var aW={fields:{_gStyle:w("Style"),style:y1("Show as",Dr1(Br1,{}),hp,"icon")}};import{SettingsField as sW}from"efficient-easel/panel";import{FieldSelect as oW}from"efficient-easel/fields";import{BlockProductIcon as Zr1,CategoryIcon as Gr1}from"efficient-easel/icons";import{useEffect as Wr1,useMemo as qr1,useState as Ur1}from"react";import{jsx as _8,jsxs as jr1}from"react/jsx-runtime";function rW(e){return{slug:e.slug,name:e.name,process:e.process,spokes:e.spokes,mesh:e.mesh,spec:e.spec,finishes:e.finishes.map(t=>({name:t.name,image:x4(t.angles?.[0]??t.src)??null}))}}function Qx({value:e,onChange:t}){let a=b3(),{rows:s,loading:o,refreshing:r,errored:i,refresh:n}=Xt({load:M2,resolve:(S,L)=>S.find(R=>R.slug===L.slug),snapshot:rW,value:e,onChange:t}),[l,c]=Ur1(null);Wr1(()=>{let S=!1;return V4().then(L=>{S||c(L)}),()=>{S=!0}},[]);let h=qr1(()=>s&&e?.slug?s.find(S=>S.slug===e.slug)??null:null,[s,e?.slug]),{category:p,setCategory:d,categoryNames:u,filtered:v}=H8(s,l,h),g=!!e?.slug&&s!==null&&!h,b=S=>{if(!S){t(null);return}let L=(s??[]).find(R=>R.slug===S);L&&t(rW(L))},f=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},y=!!e?.spec,x=i?"error":r?"loading":"idle",k=i?m("Couldn\u2019t reach the product catalog."):r?m("Syncing from the catalog\u2026"):g?m("Linked to \u201C{name}\u201D \u2014 no longer in the catalog.",{name:e?.name??""}):y?m("Linked to \u201C{name}\u201D \xB7 every spec row follows the product.",{name:e?.name??""}):m("Linked to \u201C{name}\u201D \u2014 this product has no spec data yet.",{name:e?.name??""});return jr1("div",{children:[_8(sW,{label:m("Category"),icon:_8(Gr1,{}),children:_8(oW,{value:p,ariaLabel:m("Category"),onChange:d,readOnly:o,options:[{label:m("All products"),value:b7},...u.map(S=>({label:S,value:S}))]})}),_8(sW,{label:m("Product"),icon:_8(Zr1,{}),children:_8(oW,{value:e?.slug??"",ariaLabel:m("Product"),onChange:b,readOnly:o,options:[{label:o?m("Loading\u2026"):m("None (write the rows yourself)"),value:""},...g?[{label:m("{name} (unavailable)",{name:e.name}),value:e.slug}]:[],...v.map(S=>({label:S.name,value:S.slug}))]})}),e?.slug?_8(e5,{status:x,statusText:k,onRefresh:n,busy:r,edit:{label:m("Edit product \u270E"),onClick:f},hint:m("Every spec row (lug count, bolt pattern, offset, center bore, load rating, bump profile\u2026) comes from the product record \u2014 edit its part numbers in the Products database and this table updates to match. You still choose which finish to picture and an optional size.")}):_8("p",{className:"es-field-hint sf-hint-keep",style:{marginTop:7},children:m("Pick a product to fill the spec table from the catalog, or keep \u201CNone\u201D to write the rows yourself.")})]})}import{ProductFieldIcon as ui1,FinishIcon as fW,DiagramIcon as gi1}from"efficient-easel/icons";import{useId as Yr1,useState as Xr1}from"react";import{jsx as Wp,jsxs as Kr1}from"react/jsx-runtime";function ew({id:e}){return Kr1("defs",{children:[Wp("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:Wp("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),Wp("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:Wp("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as $r1}from"react/jsx-runtime";function tw({nodeId:e,children:t}){return $r1(Yt,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as ei1,jsx as a2,jsxs as Q3}from"react/jsx-runtime";function J3(e,t){return e?{[CS]:t}:{}}function Jr1({editing:e,nodeId:t,children:a}){return!e||!t?a2(ei1,{children:a}):a2(tw,{nodeId:t,children:a})}function iW({row:e,topBorder:t,editing:a}){return Q3("div",{className:`flex items-baseline justify-between gap-6 py-3.5 font-mono text-[length:var(--size-label,14px)] tracking-[0.05em] ${t?"border-t border-line":""}`,children:[a2("span",{...J3(a,"rowLabel"),className:"uppercase text-fg-dim",children:e.label}),a2("span",{...J3(a,"rowValue"),className:`text-right ${e.accent?"text-accent":"text-fg"}`,children:e.value})]})}function Qr1({diagram:e,editing:t}){let[a,s]=Xr1(!1),o=`spec-${Yr1().replace(/:/g,"")}`,{wheelName:r,imageSrc:i,diameter:n,width:l,offset:c,holes:h,pcd:p,spokes:d,mesh:u,bore:v}=e,g=!!i&&!a;return Q3("div",{className:"sf-card bg-surface p-6 max-[1100px]:mt-8",children:[a2("div",{...J3(t,"diagramTitle"),className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.25em] text-fg-dim",children:"Wheel Dimension Diagram"}),Q3("div",{className:"relative flex aspect-square items-center justify-center",children:[Q3("svg",{viewBox:"0 0 320 320",className:"absolute inset-0 h-full w-full text-fg-dim",fill:"none",stroke:"currentColor",children:[a2("line",{x1:40,y1:20,x2:280,y2:20,strokeWidth:1,markerStart:`url(#${o}-L)`,markerEnd:`url(#${o}-R)`}),a2("line",{x1:40,y1:15,x2:40,y2:25,strokeWidth:1}),a2("line",{x1:280,y1:15,x2:280,y2:25,strokeWidth:1}),a2(ew,{id:o})]}),g?a2("img",{src:i,alt:`${r} \u2014 face`,onError:()=>s(!0),loading:"lazy",className:"relative z-[1] block h-[80%] w-[80%] object-contain"}):a2(a9,{spokes:d,mesh:u,className:"relative z-[1] block h-[72%] w-[72%] text-accent"}),Q3("span",{...J3(t,"diagramCallout"),className:"absolute top-1.5 left-1/2 z-20 -translate-x-1/2 bg-surface px-2 font-mono text-[length:var(--size-label,12px)] tracking-[0.2em] text-accent",children:["\u2300 ",pu(n)]}),Q3("span",{...J3(t,"diagramCallout"),className:"absolute bottom-1.5 left-1/2 z-20 -translate-x-1/2 bg-surface px-2 font-mono text-[length:var(--size-label,12px)] tracking-[0.2em] text-fg",children:["WIDTH ",pu(l)]})]}),Q3("div",{className:"mt-4 grid grid-cols-5 gap-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim max-[480px]:grid-cols-3",children:[Q3("div",{children:[a2("div",{...J3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Holes"}),a2("div",{...J3(t,"diagramStatValue"),className:"mt-1 text-fg",children:h})]}),Q3("div",{children:[a2("div",{...J3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"PCD"}),a2("div",{...J3(t,"diagramStatValue"),className:"mt-1 text-fg",children:p})]}),Q3("div",{children:[a2("div",{...J3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Spokes"}),Q3("div",{...J3(t,"diagramStatValue"),className:"mt-1 text-fg",children:[d,u?" + Mesh":""]})]}),Q3("div",{children:[a2("div",{...J3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Bore"}),a2("div",{...J3(t,"diagramStatValue"),className:"mt-1 text-fg",children:v})]}),Q3("div",{children:[a2("div",{...J3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"ET"}),a2("div",{...J3(t,"diagramStatValue"),className:"mt-1 text-accent",children:c})]})]})]})}function Wa({num:e,title:t,description:a,rows:s,diagram:o,editing:r=!1,omitHead:i=!1,nodeId:n,...l}){let c=(s??[]).filter(p=>(p?.label??"").trim()||(p?.value??"").trim()),h=c.length>0?c:r?[{label:m("Label"),value:m("Value")}]:[];return a2("section",{className:D0(l)?i?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":i?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:Q3(Jr1,{editing:r,nodeId:n,children:[i?null:a2(h0,{num:e?M(e):void 0,title:t?X(t,!1):void 0,description:a?M(a):void 0,accent:!0}),o?Q3("div",{className:"grid grid-cols-[1fr_400px] gap-12 max-[1100px]:grid-cols-1",children:[a2("div",{children:h.map((p,d)=>a2(iW,{row:p,topBorder:d>0,editing:r},d))}),a2(Qr1,{diagram:o,editing:r})]}):a2("div",{className:"grid grid-cols-2 gap-x-16 max-[900px]:grid-cols-1",children:h.map((p,d)=>a2(iW,{row:p,topBorder:!0,editing:r},d))})]})})}import{useEffect as oi1,useState as ri1}from"react";function qp(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function ti1(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function ai1(e,t,a){let s=(a.eprel_url??"").trim();if(!s)return null;let o=(a.energy_class??"").trim(),r=(a.wet_grip_class??"").trim(),i=typeof a.external_rolling_noise_value=="number"?a.external_rolling_noise_value:null;return!o&&!r&&i===null?null:{size:e,registrationNumber:t,fuelClass:o,wetGripClass:r,rollingNoiseDb:i,rollingNoiseClass:(a.external_rolling_noise_class??"").trim(),iceGrip:a.ice_tire===!0,severeSnow:a.severe_snow_tire===!0,loadIndicator:(a.load_indicator??"").trim(),eprelUrl:s}}async function si1(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await I7(ti1(t),{baseUrl:En});return ai1(e.size,t,a)}catch{return null}}async function nW(e){return(await Promise.all(e.map(si1))).filter(a=>a!==null)}function Up(e){let[t,a]=ri1([]),s=e.map(o=>o.eprelRegistrationNumber??"").join(",");return oi1(()=>{let o=!0;return nW(e).then(r=>{o&&a(r)}),()=>{o=!1}},[s]),t}var ii1={"haste-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[33,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"force-6":{lugs:6,sizes:[20,22,24],widths:[9,9.5,10],pcds:["6\xD7135","6\xD7139.7","6\xD7135-139.7"],etRange:[20,25],centreBores:[87.1],loadRating:"880 kg / 1,940 lbs",cap:"CP506AL82",bumpProfile:"H2",rimProfile:"34\xD716\xD760\xB0"},"speed-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[33,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"vortex-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"vector-iii":{lugs:5,sizes:[18,19,20,22],widths:[8,8.5,9.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[32,42],centreBores:[71.5,72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"blitz-ii":{lugs:5,sizes:[18,19,20,22],widths:[8,8.5,9.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[38,42],centreBores:[71.5,72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"thrust-ii":{lugs:5,sizes:[18,19,20,22],widths:[8,8.5,9.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[33,42],centreBores:[71.5,72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"torque-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[42,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"turbine-ii":{lugs:5,sizes:[20,22],widths:[8.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[71.5,72.6,73.1],loadRating:"880 kg / 1,940 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},blitz:{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[38,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"frixion-5":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"frixion-6":{lugs:6,sizes:[20,22,24],widths:[9,9.5,10],pcds:["6\xD7135","6\xD7139.7","6\xD7135-139.7"],etRange:[20,25],centreBores:[87.1],loadRating:"690\u2013880 kg / 1,520\u20131,940 lbs",cap:"CP506AL82",bumpProfile:"EH2+",rimProfile:"34\xD716\xD760\xB0"},rotor:{lugs:5,sizes:[20,22],widths:[8.5,9,10,10.5],pcds:["5\xD7112-114.3","5\xD7115","5\xD7120","5\xD7127"],etRange:[15,40],centreBores:[71.5,72.6,73.1],loadRating:"880 kg / 1,940 lbs",cap:"CP509PS73",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"vector-ii":{lugs:5,sizes:[19,20],widths:[8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[38,42],centreBores:[72.6,73.1],loadRating:"880 kg / 1,940 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},torque:{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"}};function lW(e){return ii1[e]}function O8(e){return e&&e.trim()?e:"\u2014"}function cW(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function hW(e,t,a,s,o){let r=Ht(o?.boltPattern).holes,i=r!=null&&r>0?r:e.lugs,n=Ks(i),l=e.pcds.length?e.pcds.join(" \xB7 "):"\u2014",c=e.centreBores.length?`${e.centreBores.join(" / ")} mm`:"\u2014",h=e.etRange.length>=2?yl(e.etRange[0],e.etRange[1]):"\u2014",p=s??"",d=o?tr(o):"\u2014";return{rows:[{label:"Your Selection",value:"\u2014",accent:!0},{label:"Finish",value:a,fieldKey:"wheel_finish_ref"},{label:"Size",value:p},{label:"Wheel Spec",value:d},{label:"Lug Count",value:O8(n&&`${n}-lug`),fieldKey:"holes"},{label:"Bolt Pattern",value:l,fieldKey:"bolt_pattern"},{label:"Offset (ET)",value:h,fieldKey:"et"},{label:"Process",value:O8(t),fieldKey:ft},{label:"Centre Bore",value:c,fieldKey:"center_bore"},{label:"Load Rating",value:O8(e.loadRating),fieldKey:"load_rating"},{label:"Bump Profile",value:O8(e.bumpProfile),fieldKey:"hump"},{label:"Rim Profile",value:O8(e.rimProfile),fieldKey:"flange"},{label:"Cap Code",value:O8(e.cap),fieldKey:"cap_code"}],size:p}}function aw(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function ni1(e,t){let a=e?.diameter??aw(t?.sizes??[]),s=e?.width??aw(t?.widths??[]),o=t?.etRange??[],[r,i]=o,n=e?.et??(o.length>=2&&r===i?r:void 0),l=c=>O8(c!=null?W2(c):void 0);return{diameter:l(a),width:l(s),offset:l(n)}}function pW(e,t){let a=e?.centreBore??aw(t.centreBores);return{...ni1(e,t),bore:O8(a!=null?`${a} mm`:void 0)}}function mW(e){return{slug:e.slug,name:e.name,process:e.process,spokes:e.spokes,mesh:e.mesh,spec:e.spec??null,finishes:e.finishes.map(t=>({name:t.name,image:t.src||t.angles?.[0]||null})),coverImage:e.coverImage??null,variants:e.variants}}function jp(e,t,a){let s=e?.spec;if(!e||!s)return{rows:[],diagram:null};let o=e.finishes.find(h=>h.name===t)??e.finishes[0],r=ba(e.variants??[],o?.name,a),{rows:i,size:n}=hW(s,e.process,o?.name??"\u2014",a,r),l=pW(r,s),c={wheelName:e.name,imageSrc:o?.image??e.coverImage??null,...l,holes:Ks(s.lugs),pcd:cW(s.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:i,diagram:c}}function dW(e,t,a){let s=yp(e),o=lW(e);if(!s||!o)return{rows:[],diagram:null};let r=Ia(e),i=s.finishes.find(p=>p.name===t)??s.finishes[0],{rows:n,size:l}=hW(o,s.process,i?.name??"\u2014",a,void 0),c=pW(void 0,o),h={wheelName:s.name,imageSrc:i?.angles?.[0]??i?.src??null,...c,holes:r[0]?.holes?.toString()??Ks(o.lugs),pcd:r[0]?.pcd??cW(o.pcds),spokes:s.spokes,mesh:s.mesh};return{rows:n,diagram:h}}function li1(e){let{brand:t,variant:a,euLabel:s}=e;if(!a)return[];let o=L4(a.size),r=a.specs,i=r;return[["size","Size",a.size],["section_width","Section Width",o?`${o.width} mm`:""],["aspect_ratio","Aspect Ratio",o?`${o.profile}`:""],["rim_diameter","Rim Diameter",o?`${o.rim}"`:""],["construction","Construction",r.construction],["load_index","Load Index",r.loadIndex],["speed_rating","Speed Rating",r.speedRating],["max_load_lbs","Max Load",i.maxLoad??""],["max_psi","Max Pressure",i.maxPressure??""],["tread_depth","Tread Depth",i.treadDepth??""],["overall_diameter","Overall Diameter",i.overallDiameter??""],["tread_pattern","Tread Pattern",r.treadPattern],["tire_type","Type",r.tireType],["brand","Manufacturer",t],["","Fuel Efficiency",s?.fuelClass??""],["","Wet Grip",s?.wetGripClass??""],["","Noise",s&&qp(s)||""],["","Snow Grip",s?.severeSnow?"Yes":""],["","Ice Grip",s?.iceGrip?"Yes":""],["","Reinforced",s?.loadIndicator??""]]}function uW(e){let t=[];for(let[a,s,o]of li1(e)){let r=(o??"").trim();r&&t.push(a?{label:s,value:r,fieldKey:a}:{label:s,value:r})}return{rows:t}}import{jsx as Kp}from"react/jsx-runtime";var ci1=["alloy-wheel","tyre"],hi1=[],pi1=[];function mi1(e,t,a){let s=e.variants??[];return(t?s.find(o=>o.sku===t):void 0)??(a?s.find(o=>o.size===a):void 0)??s[0]??null}function sw(e){return Kp(E2,{kinds:ci1,type:"SpecTable",editing:e.editing,children:Kp(di1,{...e})})}function di1({num:e,title:t,description:a,showDiagram:s=!0,editing:o=!1,nodeId:r,omitHead:i=!1}){let n=r2(),l=D3(o&&!n),c=n?.product??l,h=c?.kind==="tyre"?c.source:null,p=Up(h?.variants??hi1),d=n?.fieldUsage??pi1;if(h){let f=mi1(h,n?.selection.part?.id,n?.selection.shown.size),y=p.find(k=>k.size===f?.size)??null,x=uW({brand:h.brand,variant:f,euLabel:y});return Kp(Wa,{num:e,title:t,description:a,rows:cu(x.rows,d),diagram:null,editing:o,nodeId:r,omitHead:i})}let u=c?.kind==="alloy-wheel"?c.source:null,v=n?n.selection.shown.finish:u?.finishes[0]?.name,g=n&&u?w8(u,n.selection.part)?.size??void 0:void 0,b=u?jp(mW(u),v,g):{rows:[],diagram:null};return Kp(Wa,{num:e,title:t,description:a,rows:cu(b.rows,d),diagram:s?b.diagram:null,editing:o,nodeId:r,omitHead:i})}import{jsx as gW}from"react/jsx-runtime";var H6={num:T.sectionNumber,title:"Specifications *table.*",description:T.body},vW={label:"Spec Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",source:null,finish:"",size:"",showDiagram:!0,rows:[]},render:e=>{let t=U1(e.headPlacement)==="own-box",a=h=>t?void 0:h;if(e.dynamic)return gW(sw,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(z(e.num,H6.num,e.puck)),title:a(z(e.title,H6.title,e.puck)),description:a(z(e.description,H6.description,e.puck)),showDiagram:e.showDiagram!==!1,omitHead:t,editing:e.puck?.isEditing});let s=e.source??null,o=e.wheel,r=!s?.slug&&typeof o=="string"?o:"",i=typeof e.finish=="string"?e.finish:"",n=typeof e.size=="string"?e.size:"",l,c=null;if(s?.slug&&s.spec){let h=jp(s,i,n);l=h.rows,c=e.showDiagram===!1?null:h.diagram}else if(r){let h=dW(r,i,n);l=h.rows,c=e.showDiagram===!1?null:h.diagram}else l=e.rows??[];return gW(Wa,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(z(e.num,H6.num,e.puck)),title:a(z(e.title,H6.title,e.puck)),description:a(z(e.description,H6.description,e.puck)),rows:l,diagram:c,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as $p}from"react/jsx-runtime";var vi1="Size (blank = none selected)",bW={fields:{_gDynamic:w("Product page"),dynamic:l1("Connect to product data",!1,$p(ui1,{})),_gHeader:w("Header"),num:I("Number",H6.num),title:W("Heading",H6.title),description:W("Body",H6.description),_gData:w("Product"),source:p2(Qx),finish:w1("Finish",$p(fW,{}),[],""),size:{type:"text",label:vi1},_gDiagram:w("Diagram"),showDiagram:l1("Dimension diagram",!0,$p(gi1,{})),_gRows:w("Rows"),rows:{type:"array",label:"Rows",arrayFields:{label:U("Label"),value:U("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||e?.value||"Row"}},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,o=F2(),r=p=>j1($1(p,a,Y1),e.props.headPlacement,W1.SpecTable.headRows);if(o&&s.dynamic){let p=new Set([...pn("Content"),"_gDynamic","dynamic","_gHeader","num","title","description","_gDiagram","showDiagram",...Ze,...Ge,...We,...qe]),d={};for(let[u,v]of Object.entries(t))p.has(u)&&(d[u]=v);return r(d)}let i=s.source,n=!i?.slug&&typeof s.wheel=="string"?s.wheel:"",l={...t};if(o||(delete l._gDynamic,delete l.dynamic),!(i?.slug&&i.spec)&&!n)return delete l.finish,delete l.size,delete l._gDiagram,delete l.showDiagram,r(l);let c=i?.slug?i.finishes.map(p=>p.name):(yp(n)?.finishes??[]).map(p=>p.name),h=[{value:"",label:"Default (first finish)"},...c.map(p=>({value:p,label:p}))];return l.finish=w1("Finish",$p(fW,{}),h,""),delete l._gRows,delete l.rows,r(l)}};var fi1={link:"Know your size? Pick it below"},xW={fields:{_gHeader:w("Header"),num:I("Number",t2.num),title:I("Heading",T.sectionHeading),description:W("Body",T.body),_gCta:w("Call to action"),escapeText:I("Button",fi1.link),escapeHref:N1("Button link")},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.TyreFitment.headRows)};var wW={fields:{_gHeader:w("Header"),num:I("Number",t2.num),title:I("Heading",T.sectionHeading),description:W("Body",T.body)},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.TyreSizes.headRows)};import{useEffect as wi1,useState as kW}from"react";import{useState as bi1}from"react";function yW(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as ow,jsxs as xi1}from"react/jsx-runtime";function rw({tile:e,face:t,showCount:a,selected:s,onSelect:o}){let[r,i]=bi1(!1),n=yW(e,t),l=t==="mark"&&!r?x4(n):void 0;return xi1("button",{type:"button","data-sf-brand-tile":"","data-sf-brand-face":t,"aria-pressed":s?"true":"false",onClick:o,className:"flex flex-1 flex-col items-center justify-center gap-[7px] rounded-[9px] px-[10px] py-[14px]",children:[ow("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?l&&ow("img",{src:l,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>i(!0)}):n}),a&&ow("span",{children:e.count})]})}import{jsx as Vr,jsxs as zW}from"react/jsx-runtime";function iw({heading:e,button:t,link:a,brands:s=[],face:o="name",showCount:r=!0,picked:i,onPick:n}){let l=i||s[0]?.name;return zW("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&zW("div",{className:"sf-brandstrip-head",children:[Vr("span",{className:"sf-brandstrip-heading",children:e??""}),a?Vr("a",{className:"sf-brandstrip-all",href:a,children:t??""}):Vr("span",{className:"sf-brandstrip-all",children:t??""})]}),Vr("div",{className:"sf-brandstrip-track",children:s.map(c=>Vr(rw,{tile:c,face:o,showCount:r,selected:c.name===l,onSelect:n?()=>n(c.name):void 0},c.name))})]})}import{jsx as yi1}from"react/jsx-runtime";function nw({heading:e,button:t,link:a,picks:s,available:o,face:r="name",showCount:i=!0}){let[n,l]=kW(null),c=Array.isArray(s)?s:[],h=!o&&c.length>0;wi1(()=>{if(!h)return;let v=!1;return lp().then(g=>g??f0.listBrands()).then(g=>{v||l(g)}).catch(()=>{}),()=>{v=!0}},[h]);let p=gD(c,o??n??[]),[d,u]=kW(void 0);return yi1(iw,{heading:e,button:t,link:a,brands:p,face:r,showCount:i,picked:d,onPick:u})}import{jsx as zi1}from"react/jsx-runtime";var CW={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[vr]:uD(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:s,showCount:o,...r})=>zi1(nw,{heading:i1(e),button:i1(t),link:i1(a),picks:r[vr],available:r[dD],face:s,showCount:o})};import{jsx as Rr,jsxs as Yp}from"react/jsx-runtime";function ki1(e,t){let a=e.savings[t];if(a===void 0)return null;let s=e3(a,t);return e.savingIsFrom?`Save from ${s}`:`Save ${s}`}function lw({bundle:e,currency:t}){let a=ki1(e,t);return Yp(T1,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[Yp("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?Rr(t4,{src:e.image,alt:e.name,fill:!0,sizes:"(max-width: 640px) 100vw, 33vw",className:"object-cover transition-transform duration-500 group-hover:scale-[1.03]"}):Yp("div",{className:"flex h-full items-center justify-center font-mono text-[10px] uppercase tracking-[0.3em] text-fg-dim",children:[e.components.length," piece",e.components.length===1?"":"s"]}),a&&Rr("span",{className:"absolute left-0 top-4 bg-accent px-3 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-bg",children:a})]}),Yp("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[Rr("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&Rr("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&Rr("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as qa,jsxs as LW}from"react/jsx-runtime";var SW="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",MW="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20",Ci1=["alloy-wheel"],AW={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function cw(e){return qa(E2,{kinds:Ci1,type:"BundleOffer",editing:e.editing,children:qa(Si1,{...e})})}function Si1({num:e,title:t,description:a,columns:s=3,editing:o=!1,omitHead:r=!1,cardImage:i}){let n=r2(),{currency:l}=w0(),c=n?.product.kind==="alloy-wheel"?n.product.source.bundles??[]:[],h=r?null:qa(h0,{num:e?M(e):void 0,title:t?X(t,!1):void 0,description:a?M(a):void 0,accent:!0});return c.length===0?o?LW("section",{className:r?MW:SW,style:v3(i),children:[h,qa("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("Bundles containing this product appear here on a product page.")})]}):null:LW("section",{className:r?MW:SW,style:v3(i),children:[h,qa("div",{className:`mt-10 grid gap-6 ${AW[s]??AW[3]}`,children:c.slice(0,s).map(p=>qa(lw,{bundle:p,currency:l},p.slug))})]})}import{jsx as Mi1}from"react/jsx-runtime";var TW={label:"Bundle Products",defaultProps:{num:"",title:"",description:"",columns:3},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Mi1(cw,{num:a(z(e.num,t2.num,e.puck)),title:a(z(e.title,T.sectionHeading,e.puck)),description:a(z(e.description,T.body,e.puck)),omitHead:t,columns:typeof e.columns=="number"?e.columns:3,cardImage:e.cardImage,editing:e.puck?.isEditing})}};import{createContext as Ai1,useContext as _r}from"react";var hw=Ai1(null);function EW(){let e=_r(ms),t=_r(hw),a=vn();return e?e.socialLinks??pS:t?t.socialLinks:a.links}function HW(){return _r(hw)?.commerceEnabled??!0}function FW(){let e=_r(ms),t=_r(hw),a=F3();return e?Rn({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?Rn({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):Rn({siteName:a.websiteName?.trim()||je})}import{jsx as Ua}from"react/jsx-runtime";function PW({style:e="icon",editing:t=!1}){let{open:a}=kt();return lg("search"),Ua("span",{"data-phone-menu-tool":"search",className:"contents",children:Ua(Ul,{onClick:t?void 0:a,asText:e==="text"})})}function NW({style:e="icon",editing:t=!1}){let{open:a,totals:s}=M4();return HW()?Ua(ql,{onClick:t?()=>{}:a,count:s.sets,asText:e==="text"}):null}function IW({editing:e=!1}){let t=Wl();return lg(t?"region":null),t?Ua("span",{"data-phone-menu-tool":"region",className:"contents",children:Ua(h9,{})}):e?Ua("div",{"data-country-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:m("No regions yet")}):null}import{jsx as Li1}from"react/jsx-runtime";var VW={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>Li1(NW,{style:e,editing:t?.isEditing})};import{useEffect as KW,useMemo as Ii1}from"react";import{useState as ZW}from"react";import{jsx as ja,jsxs as RW}from"react/jsx-runtime";function pw({label:e,badge:t,open:a,onToggle:s}){let o=t>0;return RW("button",{type:"button",onClick:s,className:["inline-flex items-center gap-2 whitespace-nowrap border px-4 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors",o?"border-accent text-accent":"border-line hover:border-fg-dim"].join(" "),style:o?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:[e,t>0&&ja("span",{className:"px-1.5 text-[length:var(--size-body,11px)] tracking-[0.1em] text-bg",style:{background:"var(--accent)"},children:t}),ja("span",{className:`text-[length:var(--size-body,11px)] opacity-65 transition-transform ${a?"rotate-180":""}`,children:"\u25BE"})]})}function Ka({label:e,badge:t,open:a,onToggle:s,children:o}){return RW("div",{className:"relative",children:[ja(pw,{label:e,badge:t,open:a,onToggle:s}),a&&ja("div",{className:"absolute left-0 top-[calc(100%+6px)] z-[60] min-w-[280px] border border-line bg-surface p-[18px] shadow-[0_24px_60px_rgba(0,0,0,0.4)]",onClick:r=>r.stopPropagation(),children:o})]})}function $a({children:e}){return ja("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:e})}function Xp({active:e,onClick:t,children:a,role:s,ariaChecked:o}){return ja("button",{type:"button",role:s,"aria-checked":s==="radio"?o:void 0,onClick:t,className:["border px-3 py-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] transition-colors",e?"border-accent bg-accent text-bg":"border-line hover:border-fg-dim"].join(" "),style:e?void 0:{color:"color-mix(in oklab, currentColor 75%, transparent)"},children:a})}import{useEffect as Ti1,useRef as Ei1}from"react";import{Fragment as Hi1,jsx as Z3,jsxs as ee}from"react/jsx-runtime";function _W({picker:e,onClose:t}){let{cascade:a}=e,s=Ei1(I4(a.vehicle));return Ti1(()=>{let o=I4(a.vehicle);o&&!s.current&&t(),s.current=o},[a.vehicle,t]),ee("div",{className:"border-t border-line bg-surface px-[var(--sf-site-gutter,40px)] py-4 max-[720px]:px-4",children:[Z3("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:"Your car \xB7 only wheels that bolt on"}),Z3(g4,{cascade:a,compact:!0}),a.cascadeError&&Z3("p",{className:"mt-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Vehicle data is unavailable right now \u2014 browse all wheels and we'll help you check fitment at checkout."}),Z3("div",{className:"mt-3.5 flex flex-wrap items-center gap-3",children:Z3("button",{type:"button",onClick:t,className:"cursor-pointer font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:"Close"})})]})}var OW="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function BW({field:e,picker:t,open:a,onOpenRequest:s,onClose:o}){let{cascade:r}=t,i=ap(r),n=WB(r)[e],l=qB(r)[e],c=UB(r)[e],h=jB(r)[e],p=B9[e],d=ZB(e,r.vehicle),u=h||i[e].placeholder,v=ub(n,i[e].placeholder),g=ct({items:v,value:c,onPick:l,open:a,onOpen:()=>s(d),onClose:o});return ee("div",{ref:g.wrapRef,className:"relative",children:[ee("button",{ref:b=>{g.triggerRef.current=b},type:"button","data-vehicle-field":e,"aria-haspopup":"listbox","aria-expanded":a,"aria-controls":a?g.listId:void 0,"aria-activedescendant":g.activeId,"aria-label":`${p}, ${u} \u2014 pick your ${d}`,onClick:()=>s(d),onKeyDown:g.onTriggerKeyDown,className:`${OW} ${a?"border-fg text-fg":"border-line"}`,children:[Z3("span",{className:"text-fg-dim",children:p}),Z3("span",{"data-vehicle-value":u,className:`truncate ${h?"text-fg":"text-fg-dim"}`,children:u})]}),a&&Z3(ht,{id:g.listId,tone:"hairline",items:v,value:c,focusIdx:g.focusIdx,onFocus:g.setFocusIdx,onPick:g.pick,listRef:g.listRef})]})}function DW({picker:e,onOpenRequest:t}){let a=GB(e.cascade.vehicle);if(!a)return null;let s=mr[a];return Z3("button",{type:"button","data-vehicle-next":!0,"aria-label":`${s} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${OW} border-line text-fg-dim`,children:Z3("span",{"data-vehicle-value":s,children:s})})}function mw({picker:e,total:t}){let{appliedName:a,fit:s,resolving:o,unresolved:r,clear:i}=e;if(!a)return null;let n=Ft(s),l=s!==null&&!o&&t===0;return ee("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-2 border-t border-line px-[var(--sf-site-gutter,40px)] py-2.5 max-[720px]:px-4",children:[ee("span",{className:"inline-flex items-center gap-2 bg-accent px-2.5 py-1.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-bg",children:[a,Z3("button",{type:"button",onClick:i,"aria-label":`Clear ${a} and show all wheels`,className:"cursor-pointer leading-none text-bg hover:opacity-70",children:"\u2715"})]}),o?Z3("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):r?Z3("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"We have no fitment data for this car \u2014 showing every wheel"}):Z3(Hi1,{children:n.map(c=>c.value!==null?Z3("span",{className:"border border-line px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg-dim",children:c.value},c.key):ee("span",{className:"border border-dashed border-line px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg-dim",children:[c.name," not published \u2014 not checked"]},c.key))}),l&&ee("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:["No wheels here fit this car \u2014"," ",Z3("button",{type:"button",onClick:i,className:"cursor-pointer uppercase text-accent underline underline-offset-4",children:"show all wheels"})]})]})}import{Fragment as uw,jsx as q1,jsxs as $0}from"react/jsx-runtime";var Fi1=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function GW(e){return e==="FusionForge\xAE"?$0(uw,{children:["FusionForge",q1(Z6,{})]}):e}var dw={size:bt("diameters","alloy-wheel"),finish:bt("finishes","alloy-wheel")};function WW(e,t){return j7(e,a=>dw[String(a.key)],t??[],"filterOrder")}function Pi1({processCount:e,sizeCount:t,lugCount:a,finishCount:s,optionsReported:o,fieldUsage:r}){let i=l=>!o||l>Fs,n=xl(r??[]);return{process:e>Fs,size:n(dw.size)&&i(t),lugs:i(a),finish:n(dw.finish)&&i(s)}}function Ya(e,t){return e===t?null:t}function qW({href:e,label:t}){return q1("a",{href:e,"data-results-link":!0,className:"inline-block self-start border-0 border-b border-line bg-transparent pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg transition-colors hover:text-fg-dim",children:t})}function gw({filters:e,setProcess:t,setSize:a,setLugs:s,setFinish:o,setPriceMin:r,setPriceMax:i,setSort:n,clearAll:l,total:c,scrollProcess:h,show:p,picker:d,lugOptions:u=[],sizeOptions:v=[],finishOptions:g,layout:b=Z9,processOptions:f=Fi1,resultsLink:y,optionsReported:x=!1,fieldUsage:k}){let[S,L]=ZW(null),[R,F]=ZW(null),O=Ls(),{process:P,size:E,lugs:N,finish:V,priceMin:G,priceMax:H,sort:j}=e,_=g?Ld.filter(q=>g.includes(q.f)):Ld,e1=Pi1({processCount:f.length,sizeCount:v.length,lugCount:u.length,finishCount:_.length,optionsReported:x,fieldUsage:k}),K={process:(p?.process??!0)&&e1.process,size:(p?.size??!0)&&e1.size,lugs:(p?.lugs??!0)&&e1.lugs,finish:(p?.finish??!0)&&e1.finish,price:p?.price??!0,vehicle:(p?.vehicle??!0)&&!!d,count:p?.count??!0,sort:p?.sort??!0},Y={process:P?1:0,size:E?1:0,lugs:N?1:0,finish:V?1:0,price:G!=null||H!=null?1:0,vehicle:d?.appliedName?1:0},h1=()=>{l(),d?.clear(),L(null),F(null)};if(b==="columns"){let q=$=>F(R===$?null:$),Q=[];K.vehicle&&d&&Q.push($0(Xa,{name:"vehicle",label:O.vehicle,children:[pr.map($=>q1(BW,{field:$,picker:d,open:R===$,onOpenRequest:q,onClose:()=>F(null)},$)),q1(DW,{picker:d,onOpenRequest:q})]},"vehicle"));let a1=[];return K.process&&a1.push(q1(Xa,{name:"process",label:O.process,rowsAreOptions:!0,children:f.map($=>q1(Jp,{active:P===$,onClick:()=>t(Ya(P,$)),children:GW($)},$))},"process")),K.size&&a1.push(q1(Xa,{name:"size",label:O.size,rowsAreOptions:!0,children:v.map($=>$0(Jp,{active:E===$,onClick:()=>a(Ya(E,$)),children:[$,'"']},$))},"size")),K.lugs&&a1.push(q1(Xa,{name:"lugs",label:O.lugs,rowsAreOptions:!0,children:u.map($=>$0(Jp,{active:N===$,onClick:()=>s(Ya(N,$)),children:[$,"-Lug"]},$))},"lugs")),K.finish&&a1.push(q1(Xa,{name:"finish",label:O.finish,rowsAreOptions:!0,children:_.map($=>q1(Jp,{active:V===$.f,onClick:()=>o(V===$.f?null:$.f),children:$.label},$.f))},"finish")),Q.push(...WW(a1,k)),K.price&&Q.push($0(Xa,{name:"price",label:O.price,children:[q1(UW,{label:"Min",value:G,onChange:r,ariaLabel:"Minimum price per wheel"}),q1(UW,{label:"Max",value:H,onChange:i,ariaLabel:"Maximum price per wheel"})]},"price")),$0("div",{className:"@container",children:[$0("div",{className:"border-t border-line px-[var(--sf-site-gutter,40px)] pb-12 pt-10 @max-[720px]:px-4 @max-[720px]:pb-10 @max-[720px]:pt-8",children:[(K.count||K.sort)&&$0("div",{className:"mb-9 flex flex-wrap items-center gap-x-6 gap-y-3 @max-[720px]:mb-7",children:[K.count&&$0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[c," ",c===1?"result":"results"]}),K.sort&&$0("div",{className:"ml-auto flex items-center gap-5",children:[q1("button",{type:"button",onClick:h1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:"Clear All"}),q1(ys,{value:j,onChange:$=>n($.target.value),className:"border-b border-line bg-transparent pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:Object.keys($s).map($=>q1("option",{value:$,children:$s[$]},$))})]})]}),q1("div",{"data-filter-columns":!0,className:`grid grid-cols-1 gap-x-[72px] gap-y-10 ${Ni1[Q.length]??""}`,children:Q}),y&&q1("div",{className:"mt-10 flex",children:q1(qW,{href:y.href,label:y.label})})]}),K.vehicle&&d&&q1(mw,{picker:d,total:c})]})}let B=[];return K.process&&B.push($0(Ka,{name:"process",label:h?$0(uw,{children:[q1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?$0(uw,{children:["FusionForge",q1(Z6,{})]}):h}),q1("span",{className:"hidden @min-[720px]:inline",children:O.process})]}):O.process,badge:Y.process,open:S==="process",onToggle:()=>L(S==="process"?null:"process"),children:[q1($a,{children:"Series \xB7 single-select"}),q1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Process series",children:f.map(q=>{let Q=P===q;return q1(Xp,{active:Q,role:"radio",ariaChecked:Q,onClick:()=>t(Ya(P,q)),children:GW(q)},q)})})]},"process")),K.size&&B.push($0(Ka,{name:"size",label:O.size,badge:Y.size,open:S==="size",onToggle:()=>L(S==="size"?null:"size"),children:[q1($a,{children:"Diameter \xB7 single-select"}),q1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Wheel diameter",children:v.map(q=>{let Q=E===q;return $0(Xp,{active:Q,role:"radio",ariaChecked:Q,onClick:()=>a(Ya(E,q)),children:[q,'"']},q)})})]},"size")),K.lugs&&B.push($0(Ka,{name:"lugs",label:O.lugs,badge:Y.lugs,open:S==="lugs",onToggle:()=>L(S==="lugs"?null:"lugs"),children:[q1($a,{children:"Lug count \xB7 single-select"}),q1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Lug count",children:u.map(q=>{let Q=N===q;return $0(Xp,{active:Q,role:"radio",ariaChecked:Q,onClick:()=>s(Ya(N,q)),children:[q,"-Lug"]},q)})})]},"lugs")),K.finish&&B.push($0(Ka,{name:"finish",label:O.finish,badge:Y.finish,open:S==="finish",onToggle:()=>L(S==="finish"?null:"finish"),children:[q1($a,{children:"Color family \xB7 single-select"}),q1("div",{className:"flex flex-col gap-1.5",role:"radiogroup","aria-label":"Finish color family",children:_.map(q=>{let Q=V===q.f;return $0("button",{type:"button",role:"radio","aria-checked":Q,onClick:()=>o(Q?null:q.f),className:["flex items-center gap-2.5 border px-3 py-2 text-left transition-colors",Q?"border-accent text-fg":"border-line hover:border-fg-dim"].join(" "),children:[q1("span",{className:"block h-3.5 w-3.5 shrink-0 rounded-full border border-line",style:{background:q.hex}}),q1("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:Q?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:q.label}),Q&&q1("span",{"aria-hidden":!0,className:"ml-auto text-accent",children:"\u25CF"})]},q.f)})})]},"finish")),$0("div",{className:"@container sticky top-[67px] z-40 border-b border-line backdrop-blur",style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:[$0("div",{className:"flex items-center gap-6 px-[var(--sf-site-gutter,40px)] py-3.5 @max-[720px]:flex-wrap @max-[720px]:items-stretch @max-[720px]:gap-2 @max-[720px]:px-4 @max-[720px]:py-2.5",children:[$0("div",{className:"flex flex-wrap items-center gap-1 @max-[720px]:gap-1.5",children:[K.count&&$0("span",{className:"mr-3 border-r border-line pr-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim @max-[720px]:hidden",children:[c," ",c===1?"result":"results"]}),WW(B,k),K.price&&$0(Ka,{name:"price",label:O.price,badge:Y.price,open:S==="price",onToggle:()=>L(S==="price"?null:"price"),children:[q1($a,{children:"Price range (per wheel)"}),$0("div",{className:"mt-1 flex items-center gap-2",children:[q1("input",{type:"number",placeholder:"$ Min",value:G??"",onChange:q=>r(q.target.value?Number(q.target.value):null),className:"w-full bg-bg border border-line px-3 py-2.5 font-mono text-[length:var(--size-label,14px)] text-fg"}),q1("span",{className:"font-mono text-[length:var(--size-label,12px)] text-fg-dim",children:"\u2014"}),q1("input",{type:"number",placeholder:"$ Max",value:H??"",onChange:q=>i(q.target.value?Number(q.target.value):null),className:"w-full bg-bg border border-line px-3 py-2.5 font-mono text-[length:var(--size-label,14px)] text-fg"})]})]}),K.vehicle&&d&&q1(pw,{label:O.vehicle,badge:Y.vehicle,open:S==="vehicle",onToggle:()=>L(S==="vehicle"?null:"vehicle")})]}),y&&q1("div",{className:`flex items-center @max-[720px]:hidden ${K.sort?"":"ml-auto"}`,children:q1(qW,{href:y.href,label:y.label})}),K.sort&&$0("div",{className:"ml-auto flex items-center gap-3 @max-[720px]:hidden",children:[q1("button",{type:"button",onClick:h1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-accent",children:"Clear All"}),q1(ys,{value:j,onChange:q=>n(q.target.value),className:"border border-line bg-transparent px-4 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:Object.keys($s).map(q=>q1("option",{value:q,children:$s[q]},q))})]})]}),K.vehicle&&d&&S==="vehicle"&&q1(_W,{picker:d,onClose:()=>L(null)}),K.vehicle&&d&&q1(mw,{picker:d,total:c})]})}var Ni1={1:"@min-[720px]:grid-cols-1",2:"@min-[720px]:grid-cols-2",3:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-3",4:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-4",5:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-3 @min-[1400px]:grid-cols-5",6:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-3 @min-[1400px]:grid-cols-6"},jW="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)]";function Xa({name:e,label:t,rowsAreOptions:a,children:s}){return $0("div",{"data-filter-column":e,className:"flex flex-col gap-[22px]",children:[q1("div",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.34em] text-fg-dim",children:t}),q1("div",{role:a?"radiogroup":void 0,"aria-label":a?t:void 0,children:s})]})}function Jp({active:e,onClick:t,children:a}){return q1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[jW,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:q1("span",{children:a})})}function UW({label:e,value:t,onChange:a,ariaLabel:s}){return $0("label",{className:`${jW} border-line`,children:[q1("span",{className:"text-fg-dim",children:e}),q1("input",{type:"number",inputMode:"numeric","aria-label":s,placeholder:"Any",value:t??"",onChange:o=>a(o.target.value?Number(o.target.value):null),className:"w-24 bg-transparent text-right text-fg outline-none placeholder:text-fg-dim"})]})}import{jsx as Vi1}from"react/jsx-runtime";function vw({show:e,layout:t,processOptions:a,fieldUsage:s,editing:o=!1,resultsHref:r,resultsLabel:i}){let{filters:n,setProcess:l,setSize:c,setLugs:h,setFinish:p,setPriceMin:d,setPriceMax:u,setSort:v,clearAll:g,total:b,scrollProcess:f,publishVehicle:y,lugOptions:x,sizeOptions:k,finishOptions:S,optionsReported:L}=sc(),R=Ii1(()=>s?u5(s,"alloy-wheel"):void 0,[s]),F=s5({editing:o,autoApply:!0});KW(()=>{y({fit:F.fit,name:F.appliedName,resolving:F.resolving,unresolved:F.unresolved})},[y,F.fit,F.appliedName,F.resolving,F.unresolved]);let O=F.applied?.vehicle??null;KW(()=>{if(o||!F.restored||typeof window>"u")return;let V=new URLSearchParams(window.location.search);for(let H of Object.values(f6))V.delete(H);b6(V,O);let G=V.toString();window.history.replaceState(null,"",`${window.location.pathname}${G?`?${G}`:""}`)},[o,F.restored,O]);let P=zD(n),E=(i??"").trim()||"See all results",N=r&&!o&&P.length===0?{href:kD(r,n,O),label:E}:void 0;return Vi1(gw,{resultsLink:N,filters:n,setProcess:l,setSize:c,setLugs:h,setFinish:p,setPriceMin:d,setPriceMax:u,setSort:v,clearAll:g,total:b,lugOptions:x,sizeOptions:k,finishOptions:S,scrollProcess:f,show:e,layout:t,processOptions:a,optionsReported:L,fieldUsage:R,picker:F})}import{jsx as Ri1}from"react/jsx-runtime";var $W={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:Z9,resultsHref:"",resultsLabel:""},render:e=>Ri1(vw,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:CD(e.layout),processOptions:e.processOptions,fieldUsage:e.fieldUsage,resultsHref:i1(e.resultsHref)||void 0,resultsLabel:i1(e.resultsLabel)||void 0,editing:e.puck?.isEditing})};import{rootRowName as ul0,slotChildName as YW,slotChildRenameProp as gl0,slotChildRowName as vl0}from"efficient-easel/screen/lib/puck/slot-child-name";import{jsx as _i1}from"react/jsx-runtime";var XW={label:"Collection Card",defaultProps:{collection:null},render:({collection:e,altName:t,tag:a,href:s,puck:o})=>{let r=e&&typeof e=="object"?e:null,i=(l,c)=>D2(l).hidden?"":i1(l)||(o?.isEditing?m(c):void 0),n=YW({type:"CollectionCard",props:{altName:t,collection:r}});return _i1(Xg,{tag:i(a,T.eyebrow),name:n||(o?.isEditing?m("Card title"):void 0),desc:r?.description||(o?.isEditing?m(T.body):void 0),href:i1(s)||void 0,imageSrc:r?.image||void 0,imageLabel:r?.name||void 0})}};import{jsx as Oi1}from"react/jsx-runtime";var JW={label:"Country Switch",render:({puck:e})=>Oi1(IW,{editing:e?.isEditing})};import{jsx as te,jsxs as fw}from"react/jsx-runtime";function Bi1(e){let t=[];e.fuelClass&&t.push({key:"Fuel efficiency",value:e.fuelClass}),e.wetGripClass&&t.push({key:"Wet grip",value:e.wetGripClass});let a=qp(e);return a&&t.push({key:"Rolling noise",value:a}),t}function Di1(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function bw({label:e}){let t=Bi1(e),a=Di1(e);return fw("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[te("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:e.size}),te("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:t.map(s=>fw("div",{className:"flex items-baseline justify-between gap-3",children:[te("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:s.key}),te("dd",{className:"text-right text-fg",children:s.value})]},s.key))}),a.length>0?te("ul",{className:"mt-3 flex flex-wrap gap-2",children:a.map(s=>te("li",{className:"border border-line px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg-dim",children:s},s))}):null,fw("a",{href:e.eprelUrl,target:"_blank",rel:"noopener noreferrer",className:"group mt-4 inline-flex items-center gap-2 border-t border-line pt-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-accent transition-colors hover:text-fg",children:[`EPREL ${e.registrationNumber}`,te("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]})}import{jsx as Qp,jsxs as Zi1}from"react/jsx-runtime";function xw({labels:e,num:t}){return e.length===0?null:Zi1("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[Qp(h0,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),Qp("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>Qp(bw,{label:a},a.registrationNumber))}),Qp(M5,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as Or}from"react/jsx-runtime";var Gi1=["tyre"];function ww(e){return Or(E2,{kinds:Gi1,type:"EuTyreLabel",editing:e.editing,children:Or(Wi1,{...e})})}function Wi1({num:e,editing:t=!1}){let a=r2(),s=D3(t&&!a),o=a?.product??s,r=o?.kind==="tyre"?o.source.variants:[],i=Up(r);return i.length===0&&t?Or("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:Or("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("The EU label appears here for every size with an EPREL registration number. It is read live from the registry and never stored.")})}):Or(xw,{labels:i,num:e??""})}import{jsx as qi1}from"react/jsx-runtime";var QW={label:"EU Tyre Label",defaultProps:{num:""},render:e=>qi1(ww,{num:z(e.num,t2.num,e.puck),editing:e.puck?.isEditing})};import{jsx as Ui1}from"react/jsx-runtime";var eq={label:"Gallery Item",defaultProps:{image:"",href:"",process:"",eyebrow:"",name:"",meta:"",fromProduct:!1,product:{},previewHover:!1},render:e=>{let t=e.product??{},a=e.fromProduct===!0&&!!t.code;return Ui1(mo,{image:a?t.cover:e.image,photos:a?(t.photos??[]).map(s=>({src:s})):e.photos,href:a?t.href:e.href,process:a?t.hideProcess?void 0:t.category:z(e.process,"",e.puck),eyebrow:a?t.hideEyebrow?void 0:t.eyebrow:z(e.eyebrow,"",e.puck),name:a?t.hideName?void 0:t.name:z(e.name,"",e.puck),meta:a?t.hideFinish?void 0:t.finish:z(e.meta,"",e.puck),previewHover:e.previewHover,ratio:e.ratio,captionPlace:e.captionPlace,editing:e.puck?.isEditing})}};import{useEasel as sn1}from"efficient-easel/easel";import{useCallback as Qi1,useEffect as kw,useState as Ja}from"react";import{useEffect as ji1,useId as Ki1,useRef as tq,useState as $i1}from"react";import{jsx as G3,jsxs as yw}from"react/jsx-runtime";function em({item:e,mobile:t=!1,onNavigate:a,dropdownAlign:s="start"}){let[o,r]=$i1(!1),i=Ki1(),n=tq(null),l=tq(null),c=e.dropdownItems.length>0,h=!Et(e.href);ji1(()=>{if(!o)return;let u=n.current?.ownerDocument??document,v=g=>{n.current?.contains(g.target)||r(!1)};return u.addEventListener("pointerdown",v),()=>u.removeEventListener("pointerdown",v)},[o]);let p=()=>{r(!1),a?.()};if(!c)return h?G3(T1,{href:e.href,onClick:p,className:t?"flex min-h-11 items-center font-display text-3xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent":"whitespace-nowrap opacity-80 transition-opacity hover:opacity-100 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:e.label}):G3("span",{className:t?"flex min-h-11 items-center font-display text-3xl":"whitespace-nowrap opacity-80",children:e.label});let d=G3("button",{ref:l,type:"button","aria-label":`${o?"Close":"Open"} ${e.plainLabel} menu`,"aria-expanded":o,"aria-controls":i,onClick:()=>r(u=>!u),className:t?"flex h-11 w-11 shrink-0 items-center justify-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent":"flex h-8 w-8 shrink-0 items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:G3("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",stroke:"currentColor",strokeWidth:"1.5","aria-hidden":"true",className:`transition-transform ${o?"rotate-180":""}`,children:G3("path",{d:"m3 5 4 4 4-4"})})});return t?yw("div",{ref:n,children:[yw("div",{className:"flex min-h-11 items-center justify-between gap-3",children:[h?G3(T1,{href:e.href,onClick:p,className:"min-w-0 flex-1 font-display text-3xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:e.label}):G3("span",{className:"min-w-0 flex-1 font-display text-3xl",children:e.label}),d]}),o?G3("div",{id:i,className:"mt-3 flex flex-col border-l border-line pl-5",children:e.dropdownItems.map((u,v)=>Et(u.href)?G3("span",{className:"flex min-h-11 items-center text-base opacity-80",children:u.label},`${u.href}-${v}`):G3(T1,{href:u.href,onClick:p,className:"flex min-h-11 items-center text-base opacity-80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:u.label},`${u.href}-${v}`))}):null]}):yw("div",{ref:n,className:"relative flex items-center whitespace-nowrap",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),onBlurCapture:u=>{u.currentTarget.contains(u.relatedTarget)||r(!1)},onKeyDown:u=>{u.key==="Escape"&&(r(!1),l.current?.focus())},children:[h?G3(T1,{href:e.href,onClick:p,onFocus:()=>r(!0),className:"opacity-80 transition-opacity hover:opacity-100 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:e.label}):G3("span",{className:"opacity-80",children:e.label}),d,o?G3("div",{id:i,className:`absolute top-full z-[60] w-72 pt-3 text-fg ${s==="end"?"right-0":s==="center"?"left-1/2 -translate-x-1/2":"left-0"}`,children:G3("div",{className:"overflow-hidden rounded-lg border border-line bg-bg p-2 shadow-xl",children:e.dropdownItems.map((u,v)=>Et(u.href)?G3("span",{className:"flex min-h-11 items-center rounded-md px-4 py-2 text-sm opacity-80",children:u.label},`${u.href}-${v}`):G3(T1,{href:u.href,onClick:p,className:"flex min-h-11 items-center rounded-md px-4 py-2 text-sm opacity-80 transition-[background,opacity] hover:bg-[var(--card-bg)] hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:u.label},`${u.href}-${v}`))})}):null]})}import{useEffect as Br,useRef as Yi1,useState as aq}from"react";function tm({stickyMode:e,heightPx:t}){let a=Yi1(null),[s,o]=aq(!1),[r,i]=aq(!1);return Br(()=>{let n=a.current?.ownerDocument?.defaultView??window,l=t,c=n.scrollY;function h(){let p=n.scrollY;o(p>10),e==="on_scroll_up"&&(p<=l?i(!1):p>c+4?i(!0):p<c-4&&i(!1)),c=p}return h(),n.addEventListener("scroll",h,{passive:!0}),()=>n.removeEventListener("scroll",h)},[e,t]),Br(()=>{e!=="on_scroll_up"&&i(!1)},[e]),Br(()=>{let n=a.current?.ownerDocument?.documentElement;n&&n.style.setProperty(Cn,`${t}px`)},[t]),Br(()=>{let n=a.current,l=n?.ownerDocument,c=l?.defaultView;if(!n||!l||!c)return;let h="",p=u=>{let v=`${Math.round(u)}px`;v!==h&&(h=v,l.documentElement.style.setProperty(yd,v),l.body?.style.setProperty(yd,v))};if(typeof c.ResizeObserver!="function"){p(n.getBoundingClientRect().height);return}let d=new c.ResizeObserver(u=>{let v=u[0]?.borderBoxSize?.[0];p(v?v.blockSize:n.getBoundingClientRect().height)});return d.observe(n),()=>d.disconnect()},[]),Br(()=>{let n=a.current?.ownerDocument?.documentElement;n&&n.setAttribute("data-header-sticky",e)},[e]),{headerRef:a,scrolled:s,navHidden:r}}import{useEffect as Xi1,useRef as Ji1,useState as sq}from"react";import{jsx as oq}from"react/jsx-runtime";function zw(){let[e,t]=sq("dark"),[a,s]=sq(!1),o=Ji1(null),r=()=>o.current?.ownerDocument??document;Xi1(()=>{let n=r().documentElement,l=()=>t(bM(n));l(),s(!0);let c=new MutationObserver(l);return c.observe(n,{attributes:!0,attributeFilter:[fM]}),()=>c.disconnect()},[]);function i(){let n=r(),l=e==="dark"?"light":"dark";t(l),xM(n.documentElement,l),wM(n,l)}return oq("button",{ref:o,type:"button",onClick:i,"aria-label":`Switch to ${e==="dark"?"light":"dark"} theme`,"aria-pressed":e==="light",className:"relative inline-flex h-5 w-9 items-center rounded-full border border-line bg-surface-2 p-0.5",children:oq("span",{className:"block h-3.5 w-3.5 rounded-full bg-accent transition-transform duration-200 ease-out",style:{transform:a&&e==="light"?"translateX(16px)":"translateX(0)"}})})}function rq({editorPreview:e,hasPreviewSettings:t,hasInitialSettings:a}){return!e&&!t&&!a}function iq(e){let t=(e??"").trim();return Jz(t,"#000000")===null?null:Qz(t)==="#000000"}import{Fragment as am,jsx as Y0,jsxs as b2}from"react/jsx-runtime";var nq={stacked:{grid:"hidden min-[1501px]:grid",flex:"hidden min-[1501px]:flex"},inline:{grid:"hidden min-[801px]:grid",flex:"hidden min-[801px]:flex"}},en1=Array.from({length:fE},()=>({href:"#",label:Y0(Tt,{})}));function Cw({previewSettings:e,initialSettings:t,editorPreview:a,showThemeToggle:s,wordmark:o,hideLogo:r,hideMenu:i,siteName:n,commerceEnabled:l=!0}={}){let c=Ct(),[h,p]=Ja(!1);kw(()=>{let L1=V0.current?.ownerDocument??document,n0=()=>p(L1.querySelector(`[${Rl}="light"]`)!=null);n0();let S1=requestAnimationFrame(n0);return()=>cancelAnimationFrame(S1)},[c]);let d=Ol(c),[u,v]=Ja(!1),{open:g,totals:b}=M4(),{open:f}=kt(),[y,x]=Ja(!1),[k,S]=Ja(null),[L,R]=Ja(null),[F,O]=Ja(t??null),P=e??(F?{logoUrl:F.logoUrl,reverseLogo:F.reverseLogo,logoReversed:F.logoReversed,logoInkIsDark:F.logoInkIsDark,logoPosition:F.logoPosition,logoSize:F.logoSize,logoSizePx:F.logoSizePx,menuItems:(F.menuItems??[]).map(L1=>({label:L1.label,url:L1.url,dropdown_menu:null,dropdown_items:L1.dropdownItems??[]})),menuSplit:F.menuSplit??3,menuPosition:F.menuPosition,menuRow:F.menuRow,menuGapPx:F.menuGapPx??null,searchEnabled:F.searchEnabled,searchPosition:F.searchPosition,searchRow:F.searchRow,countrySelectorEnabled:F.countrySelectorEnabled,countryUrls:F.countryUrls,accountEnabled:F.accountEnabled,cartEnabled:F.cartEnabled,utilStyle:F.utilStyle,navTextCase:F.navTextCase,lightReverseText:F.lightReverseText,topTextColor:F.topTextColor,transparentTop:F.transparentTop,surface:F.surface,theme:F.theme,width:F.width,heightPx:F.heightPx,sticky:F.sticky}:null),E=r?null:P?.logoUrl??null,N=P?.reverseLogo??!1,V=P?.logoReversed??null,G=P?.logoInkIsDark??null,H=P?.logoPosition??"center",j=P?.logoSize??"medium",_=P?.logoSizePx??null,e1=Math.min(Math.max(P?.menuSplit??3,1),4),K=(P?.menuPosition??"left")==="center",Y=(P?.menuPosition??"left")==="beside",h1=(P?.menuRow??"top")==="inline",B=P?.menuGapPx??null,q=B!=null?{gap:`${B}px`}:void 0,Q=h1?nq.inline:nq.stacked,a1=P?.searchEnabled??!1,$=P?.searchPosition??"right",m1=P?.countrySelectorEnabled??!0,v1=P?.accountEnabled??!0,g0=P?.cartEnabled??!0,s0=(P?.utilStyle??"icon")==="text",P1=`mono-eyebrow${(P?.navTextCase??"uppercase")==="capitalised"?" mono-eyebrow-plain":""}`,i0=P?.countryUrls??{},o0=Ni(P?.width),J1=Pi(o0)??void 0,m0=P?.heightPx??j3.default,t0=P?.sticky??"always",g2=At(P?.topTextColor),x0=Vl(P?.theme),b1=Object.keys(i0),Q1=Wl(b1.length?b1:void 0),d0=m1?Y0(h9,{countries:b1.length?b1:void 0,urls:e?void 0:i0}):null,{headerRef:V0,scrolled:J0,navHidden:B0}=tm({stickyMode:t0,heightPx:m0}),s1=x0?JSON.stringify(x0.style):null;kw(()=>{let L1=V0.current?.ownerDocument??document,n0=L1.defaultView??window,S1=R0=>R0?iq(n0.getComputedStyle(R0).getPropertyValue("--bg")):null,w2=()=>{x(L1.documentElement.getAttribute("data-theme")==="light"),S(S1(L1.body)),R(S1(V0.current))};w2();let x1=new MutationObserver(w2);return x1.observe(L1.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),L1.body&&x1.observe(L1.body,{attributes:!0,attributeFilter:["style"]}),()=>x1.disconnect()},[V0,s1]);let k1=s??!1?Y0(zw,{}):null;kw(()=>{if(!rq({editorPreview:!!a,hasPreviewSettings:!!e,hasInitialSettings:!!t}))return;let L1=!1;return f0.getHeaderSettings().then(n0=>!L1&&O(n0)).catch(n0=>{console.warn("[header] settings fetch failed; using built-in defaults",n0)}),()=>{L1=!0}},[a,e,t]);let r0=J0||d,s2=Bl(y,d),K2=g2==="auto"?h:g2==="light",V5=r0||!K2,R5=r0?L??y:(k??y)&&!K2,_5=g2==="auto"?null:{[_l]:g2},O4=Qi1(()=>v(!1),[]);K4({active:u,onDismiss:O4});let E3=(L1,n0,S1="start")=>Y0(em,{item:L1,dropdownAlign:S1},n0),O5=!i&&(P?.menuItems?.length??0)>0,P6=!!a||!!e,$2=O5?P.menuItems.map(L1=>({href:L1.url||"",label:l0(L1.label),plainLabel:L1.label,dropdownItems:(L1.dropdown_items??[]).map(n0=>({href:n0.url||"",label:l0(n0.label),plainLabel:n0.label}))})):P6?en1.map(L1=>({...L1,plainLabel:"Menu item",dropdownItems:[]})):[],N6=$2.length>0||l&&v1||!!d0&&Q1||!!k1,m3=H==="center"?$2.slice(0,e1):H==="right"?$2:[],d3=H==="center"?$2.slice(e1):H==="left"?$2:[],O2=a1?Y0(Ul,{onClick:P6?void 0:f,asText:s0}):null,Y2=l&&v1?Y0(WE,{asText:s0}):null,h5=L1=>l&&g0?Y0(ql,{onClick:g,count:b.sets,asText:s0,className:L1}):null,u3=b2(am,{children:[$==="left"?O2:null,d0,k1,Y2,h5(),$==="right"?O2:null]}),H3=(L1,n0=!1)=>Y0(T1,{href:"/","aria-label":n?`${n} home`:"Home",className:L1,children:Y0(lt,{variant:"header",scrolled:V5,src:E,reverse:N,onLightSurface:R5,reversedSrc:V,inkIsDark:G,size:j,sizePx:_,wordmark:o,siteName:n,fitToContainer:n0})}),e4=H3("inline-flex shrink-0 items-center justify-center"),B4="flex min-w-0 flex-1 items-center overflow-x-clip [container-type:inline-size]";return b2(am,{children:[Y0("header",{ref:V0,"data-scrolled":J0||void 0,..._5,className:["sf-site-header",...x0?[x0.className]:[],t0==="none"?"absolute":"fixed","inset-x-0 top-0 z-50","flex items-center","px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",r0?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...x0?x0.style:null,minHeight:jS,...B0?{transform:"translateY(-100%)"}:null,...r0?{background:s2,color:"var(--fg)","--sf-header-ground":s2}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:b2("div",{className:"w-full",style:J1,children:[K?b2("div",{className:`${Q.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[H==="right"?Y0("nav",{className:`${P1} flex items-center gap-7`,children:u3}):Y0("div",{className:"flex items-center",children:e4}),Y0("nav",{className:`${P1} flex items-center justify-center gap-7`,children:$2.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`,"center"))}),H==="right"?Y0("div",{className:"flex items-center justify-end",children:e4}):Y0("nav",{className:`${P1} flex items-center justify-end gap-7`,children:u3})]}):H==="center"?b2("div",{className:`${Q.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[Y0("nav",{className:`${P1} flex items-center gap-7`,children:m3.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`))}),e4,b2("nav",{className:`${P1} flex items-center justify-end gap-7`,children:[d3.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`,"end")),u3]})]}):Y?b2("div",{className:`${Q.flex} items-center justify-between gap-8`,children:[b2("div",{className:"flex items-center gap-7",style:q,children:[e4,Y0("nav",{className:`${P1} flex items-center gap-7`,children:$2.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`))})]}),Y0("nav",{className:`${P1} flex items-center justify-end gap-7`,children:u3})]}):Y0("div",{className:`${Q.flex} items-center justify-between gap-8`,children:H==="right"?b2(am,{children:[b2("nav",{className:`${P1} flex items-center gap-7`,children:[$2.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`)),u3]}),e4]}):b2(am,{children:[e4,b2("nav",{className:`${P1} flex items-center gap-7`,children:[$2.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`)),u3]})]})}),!h1&&b2("div",{className:"hidden min-[801px]:max-[1500px]:flex flex-col gap-3",children:[b2("div",{className:"flex items-center justify-between",children:[H3(B4,!0),b2("div",{className:`${P1} flex shrink-0 items-center gap-5`,children:[O2,d0,k1,Y2,h5()]})]}),Y0("nav",{className:`${P1} flex items-center gap-6 border-t border-line/60 pt-2.5`,children:$2.map((L1,n0)=>E3(L1,`${L1.href}-${n0}`))})]}),b2("div",{className:"hidden max-[800px]:flex items-center justify-between",children:[H3(B4,!0),b2("div",{className:"flex shrink-0 items-center gap-4",children:[O2,Y2,h5(P1),N6&&b2("button",{type:"button","aria-label":u?"Close menu":"Open menu","aria-expanded":u,onClick:()=>v(L1=>!L1),className:"flex h-11 w-11 flex-col items-center justify-center gap-1.5",children:[Y0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"translate-y-[3px] rotate-45":""}`}),Y0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"opacity-0":""}`}),Y0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"-translate-y-[3px] -rotate-45":""}`})]})]})]})]})}),u&&b2("div",{className:"fixed inset-x-0 top-0 bottom-0 z-40 hidden overflow-y-auto max-[800px]:flex max-[800px]:flex-col max-[800px]:gap-7 max-[800px]:bg-bg max-[800px]:px-6 max-[800px]:pt-24 max-[800px]:pb-10",children:[$2.map((L1,n0)=>Y0(em,{item:L1,mobile:!0,onNavigate:()=>v(!1)},`${L1.href}-${n0}`)),b2("div",{className:"mt-auto flex flex-col gap-4 border-t border-line pt-6",children:[l&&v1&&b2("div",{className:"flex items-center justify-between",children:[Y0("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),Y0(T1,{href:"/account",onClick:()=>v(!1),className:"mono-eyebrow underline",children:"Your account"})]}),d0&&Q1&&b2("div",{className:"flex items-center justify-between",children:[Y0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),d0]}),k1&&b2("div",{className:"flex items-center justify-between",children:[Y0("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),k1]})]})]})]})}import{jsx as lq,jsxs as an1}from"react/jsx-runtime";var tn1=`
+.sf-preview-header-pick header { cursor: pointer; }
+.sf-preview-header-pick header:hover {
+  outline: 2px solid color-mix(in srgb, ${W6.accent} 45%, transparent);
+  outline-offset: -2px;
+}
+.sf-preview-header-pick[data-selected] header {
+  outline: 2px solid ${W6.accent};
+  outline-offset: -2px;
+}
+`;function cq(){let{settings:e,selected:t,select:a,websiteName:s,templateChrome:o,templateName:r,chromePlaceholder:i,themeSwitchShown:n}=F3(),l=o?r?.trim()||m("Template"):s?.trim()||je,c=o||i;return an1("div",{className:"sf-preview-header-pick sf-theme-surfaces","data-selected":t||void 0,onClick:h=>{h.stopPropagation(),a()},children:[lq("style",{children:tn1}),lq(Cw,{previewSettings:e??void 0,editorPreview:!0,showThemeToggle:n,wordmark:l,hideLogo:c,hideMenu:c})]})}import{jsx as hq}from"react/jsx-runtime";function Sw({editing:e=!1}){return e?hq(on1,{}):null}function on1(){return sn1(t=>(t.appState.data.content??[]).some(a=>a?.type===w4))?null:hq(cq,{})}import{jsx as rn1}from"react/jsx-runtime";var pq={label:"Header",render:({puck:e})=>rn1(Sw,{editing:e?.isEditing})};import{useEffect as En1,useState as Vq}from"react";var mq="flex items-stretch gap-3.5 max-[720px]:flex-wrap max-[720px]:[&>.flex-1]:order-last max-[720px]:[&>.flex-1]:basis-full";import{useEffect as Fw,useRef as xn1,useState as Nq}from"react";import{jsx as Mw,jsxs as dq}from"react/jsx-runtime";var in1="Please enter a valid email address.";function Dr({email:e,onEmailChange:t,status:a,onResetVerdict:s,onSubmit:o,submitLabel:r,errorMessage:i,inputAriaLabel:n,buttonClassName:l,className:c,placeholder:h="you@example.com"}){return dq("form",{className:[c,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:p=>{p.preventDefault(),o()},children:[dq("div",{className:"flex items-stretch gap-2",children:[Mw("input",{type:"email",value:e,onChange:p=>{t(p.target.value),(a==="invalid"||a==="error")&&s()},placeholder:h,"aria-label":n,disabled:a==="sending",className:"w-0 min-w-0 flex-1 border-2 border-line bg-bg px-3.5 py-3 font-display text-[15px] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent disabled:opacity-60"}),Mw("button",{type:"submit",disabled:a==="sending",className:l,children:a==="sending"?"Sending\u2026":r})]}),(a==="error"||a==="invalid")&&Mw("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?in1:i})]})}import{jsx as F6,jsxs as Qa}from"react/jsx-runtime";function Zr({vehicle:e,escape:t,override:a,verdict:s,showChangeCar:o,cascadeErrorNote:r,askNote:i}){let n=e.appliedName!=="";return Qa("div",{className:"pb-2",children:[Qa("div",{className:"mb-3 flex items-center justify-between gap-4 font-mono text-[13px] font-semibold uppercase tracking-[0.2em] text-fg",children:[F6("span",{children:"Vehicle Fitment"}),t]}),a?F6("div",{className:"flex flex-col gap-3",children:a}):n?Qa("div",{className:"flex flex-col gap-3",children:[s,o&&F6("div",{children:F6("button",{type:"button",onClick:e.clear,"aria-label":`Change car - forget ${e.appliedName} and ask again`,className:"cursor-pointer font-mono text-[12px] uppercase tracking-[0.16em] text-accent underline underline-offset-4 hover:text-fg",children:"Change car"})})]}):Qa("div",{className:"flex flex-col gap-3",children:[F6(g4,{cascade:e.cascade,compact:!0}),e.cascade.cascadeError&&F6("p",{className:"font-mono text-[12px] leading-relaxed tracking-[0.1em] text-fg-dim",children:r}),F6("span",{className:"font-mono text-[12px] tracking-[0.1em] text-fg-dim",children:i})]})]})}function Aw({vehicle:e}){return e.appliedName?Qa("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 border border-accent px-3 py-2 font-mono text-[12px] tracking-[0.1em] text-fg-dim",style:{background:"color-mix(in oklab, var(--accent) 8%, transparent)"},children:[Qa("span",{children:["Showing fitment for your"," ",F6("strong",{className:"font-semibold text-fg",children:e.appliedName})]}),F6("button",{type:"button",onClick:e.clear,"aria-label":`Change car - forget ${e.appliedName} and ask again`,className:"ml-auto cursor-pointer uppercase tracking-[0.16em] text-accent underline underline-offset-4 hover:text-fg",children:"Change car"})]}):null}function P5({tone:e,children:t}){return F6("div",{className:["border px-3 py-2.5 font-mono text-[13px] leading-relaxed tracking-[0.1em] text-fg-dim",e==="good"?"border-accent":e==="bad"?"border-alert":"border-dashed border-line"].join(" "),children:t})}import{useEffect as nn1,useState as uq}from"react";function sm(e,t){let[a,s]=uq(null),[o,r]=uq(!1),i=t?.make??"",n=t?.model??"",l=t?.year??null,c=t?.modification??"",h=t!==null;return nn1(()=>{if(!h||l===null){s(null),r(!1);return}let p=!0;return s(null),r(!0),eF(e,{make:i,model:n,year:l,modification:c}).then(d=>{if(!p)return;let u=d.vehicle;u.make!==i||u.model!==n||u.year!==l||u.modification!==c||(s(d),r(!1))}),()=>{p=!1}},[e,i,n,l,c,h]),{answer:a,loading:o}}function om(e){let t=e.oemSizes.length>0?` Your car takes ${e.oemSizes.join(", ")}.`:"";return e.status==="fits"?`This tyre is made in a size your car takes.${t}`:e.status==="doesNotFit"?`This tyre is not made in a size your car takes.${t}`:"We don\u2019t hold factory tyre sizes for this car, so we can\u2019t tell you whether this tyre fits it. Please check your car\u2019s door placard or ask us before ordering."}var rm={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function ln1(e,t,a){if(!e)return"unknown";let s=t.filter(r=>r.size===a);if(s.length===0)return"unknown";let o=s.map(r=>to(e,r.sku));return o.includes("fits")?"fits":o.every(r=>r==="doesNotFit")?"doesNotFit":"unknown"}var Lw={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function gq(e,t){if(!e)return[];let a=[];for(let c of t)a.includes(c.size)||a.push(c.size);let s=a.filter(c=>ln1(e,t,c)==="fits"),o=c=>{let h=L4(c);return h?d5(h):null},r=new Map;for(let c of s){let h=o(c);h!==null&&!r.has(h)&&r.set(h,c)}let i=[],n=new Set,l=new Set;for(let c of e.oemSizes){let h=o(c),p=h===null?void 0:r.get(h),d=p??c;n.has(d)||(n.add(d),h!==null&&l.add(h),i.push({size:d,made:p!==void 0}))}for(let c of s){let h=o(c);h!==null&&l.has(h)||n.has(c)||(n.add(c),i.push({size:c,made:!0}))}return i}import{Fragment as vq,jsx as i5,jsxs as r5}from"react/jsx-runtime";function Tw({slug:e,variants:t,vehicle:a,manualMode:s,setManualMode:o}){let{answer:r,loading:i}=sm(e,s?null:dc(a.applied?.vehicle)),n=a.appliedName;return i5(Zr,{vehicle:a,escape:i5("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>o(l=>!l),children:s?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:s?r5(P5,{tone:"quiet",children:[i5("strong",{className:"font-semibold text-fg",children:"You are choosing by size."}),r5("span",{className:"mt-1.5 block",children:["Pick the size above. We have not checked it against any car \u2014 make sure it matches the placard on your door."," ",i5(T1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]}):null,verdict:i5(cn1,{answer:r,loading:i,car:n,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:r5(vq,{children:["Vehicle data is unavailable right now. Pick your size above, or"," ",i5(T1,{href:"/contact",className:"text-accent hover:underline",children:"ask us to check it \u2192"})]}),askNote:"Asked once. Every tyre after this one is already filled in."})}function cn1({answer:e,loading:t,car:a,variants:s,onChange:o}){if(t||!e)return r5(P5,{tone:"quiet",children:[i5("strong",{className:"font-semibold text-fg",children:"Checking your car\u2026"})," ",r5("span",{children:["Reading the factory tyre sizes for your ",a,"."]})]});let r=gq(e,s),i=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",n=r.length===0?om(e):"",l=n&&i?`${n} ${i}`:n||i;return r5(P5,{tone:e.status==="fits"?"good":"quiet",children:[r5("span",{className:"block",children:[e.status==="fits"?r5("strong",{className:"font-semibold text-accent",children:["\u2713 Made in a size your ",a," takes"]}):e.status==="doesNotFit"?r5("strong",{className:"font-semibold text-fg",children:["Not made in a size your ",a," takes"]}):r5("strong",{className:"font-semibold text-fg",children:["We cannot check this tyre against your ",a]}),r5("span",{className:"whitespace-nowrap",children:[" \xB7 ",i5("button",{type:"button",onClick:o,"aria-label":`Change car - forget ${a} and ask again`,className:"cursor-pointer uppercase tracking-[0.16em] text-accent underline underline-offset-4 hover:text-fg",children:"Change car"})]})]}),l?i5("span",{className:"mt-1.5 block",children:l}):null,r.length>0?r5(vq,{children:[i5("span",{className:"mt-1.5 block",children:"Your car takes:"}),i5("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:r.map(c=>{let h=c.made?Lw.fits:Lw.doesNotFit;return i5("li",{className:"border border-line px-2 py-1 text-[11px] uppercase tracking-[0.14em]",style:h.color?{color:h.color,borderColor:h.color}:void 0,children:c.made?`${c.size} \xB7 ${rm.fits}`:c.size},c.size)})})]}):null]})}import{useEffect as fq,useState as bq}from"react";var im="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function xq(e,t,a){return a<=1?0:((e+t)%a+a)%a}function wq(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(xq(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(xq(e,1,t))}]}function hn1(e){let{props:t}=sz({src:e,alt:"",fill:!0,sizes:im}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function yq(e,t,a=hn1){let[s,o]=bq(()=>new Set),[r,i]=bq(t),n=e.join(`
+`);fq(()=>{let c=!0,h=p=>{c&&o(d=>d.has(p)?d:new Set(d).add(p))};for(let p of n?n.split(`
+`):[])a(p).then(()=>h(p),()=>h(p));return()=>{c=!1}},[n]);let l=t===void 0||s.has(t)||r===void 0;return fq(()=>{l&&r!==t&&i(t)},[l,r,t]),l?t:r}import{Fragment as mn1,jsx as W3,jsxs as v4}from"react/jsx-runtime";function Ew({selection:e,spec:t,vehicle:a,wheel:s}){let{manualMode:o,setManualMode:r}=e,i=up(e.rows,e.preOrder),n=a.appliedName!=="",l=(s?.variants??[]).some(Uf),c=_Z({wheel:s,applied:n,fit:a.fit,resolving:a.resolving});return W3(Zr,{vehicle:a,escape:W3("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>r(h=>!h),children:o?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:o?v4(P5,{tone:"quiet",children:[W3("strong",{className:"font-semibold text-fg",children:"You are choosing by the numbers."}),v4("span",{className:"mt-1.5 block",children:[t?`${l?"The set is":"All four wheels are"} ${t}. We have not checked that against any car \u2014 make sure it matches yours.`:i?"Answer the bolt pattern and the offset below. We will not check them against a car.":"Pick a finish and a size below. The bolt pattern and the offset come next, and we will not check them against a car."," ",W3(T1,{href:"/fitment",className:"text-accent hover:underline",children:"Talk to an engineer \u2192"})]})]}):null,verdict:W3(pn1,{verdict:c,car:a.appliedName}),showChangeCar:c.state!=="fits"&&c.state!=="checking",cascadeErrorNote:v4(mn1,{children:["Vehicle data is unavailable right now. Pick your wheel by its specs instead, or"," ",W3(T1,{href:"/contact",className:"text-accent hover:underline",children:"ask us to check it \u2192"})]}),askNote:"Asked once. Every wheel after this one is already filled in."})}function pn1({verdict:e,car:t}){switch(e.state){case"checking":return v4(P5,{tone:"quiet",children:[W3("strong",{className:"font-semibold text-fg",children:"Checking fitment\u2026"})," ",v4("span",{children:["Reading the factory wheel specs for your ",t,"."]})]});case"fits":return v4(P5,{tone:"good",children:[v4("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),W3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>W3("li",{className:["px-2 py-1 text-[11px] uppercase tracking-[0.14em] text-fg-dim",a.value!==null?"border border-line":"border border-dashed border-line"].join(" "),children:a.value??`${a.name} not published, not checked`},a.key))})]});case"fits-with-warning":return v4(P5,{tone:"good",children:[v4("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),W3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>W3("li",{className:["px-2 py-1 text-[11px] uppercase tracking-[0.14em] text-fg-dim",a.value!==null?"border border-line":"border border-dashed border-line"].join(" "),children:a.value??`${a.name} not published, not checked`},a.key))}),v4("span",{className:"mt-2 block border-l-2 border-alert pl-2.5",children:[W3("strong",{className:"font-semibold text-fg",children:"Check the offset. "}),$9(e.warning)," An offset this far out is what an aftermarket wheel is for, but it changes how far the wheel sits from the guard."," ",W3(T1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]});case"no-fit":return v4(P5,{tone:"bad",children:[v4("strong",{className:"font-semibold",style:{color:"var(--alert)"},children:["\u2717 Does not fit your ",t]}),W3("span",{className:"mt-1.5 block",children:$9(e.failure)})]});case"unknown":return v4(P5,{tone:"quiet",children:[W3("strong",{className:"font-semibold text-fg",children:e.missing==="vehicle"?`We cannot check this wheel against your ${t}`:"We cannot check this wheel"}),v4("span",{className:"mt-1.5 block",children:[e.missing==="vehicle"?`We have no factory wheel data for the ${t}, and we will not guess at a fit.`:"We do not hold a bolt pattern for this wheel, and we will not guess at a fit."," ",W3(T1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us before you order \u2192"})]})]});default:return null}}import{useState as Sq}from"react";import{useCallback as kq,useRef as dn1,useState as un1}from"react";function zq(e,t,a){return{productSlug:e,email:a.trim(),size:t?wt(t):""}}function Cq(){let[e,t]=un1("idle"),a=dn1(!1),s=kq(()=>{a.current=!1,t("idle")},[]),o=kq(async({productSlug:r,size:i,email:n,dryRun:l=!1})=>{if(!a.current){if(!it(n)){t("invalid");return}a.current=!0,t("sending");try{l||await f0.createPreOrderIntent(zq(r,i,n))}catch{a.current=!1,t("error");return}a.current=!1,t("sent")}},[]);return{status:e,submit:o,reset:s}}import{jsx as es,jsxs as ts}from"react/jsx-runtime";function Hw({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[s,o]=Sq(a.length>0?0:-1),[r,i]=Sq(""),{status:n,submit:l,reset:c}=Cq(),h=s>=0?a[s]??null:null;function p(){l({productSlug:e.slug,size:h,email:r,dryRun:t})}return ts("div",{className:"flex flex-col gap-5 border-t border-line pt-[18px]",children:[ts("div",{className:"border-2 border-accent/40 px-4 py-3.5 font-mono text-[12px] leading-relaxed tracking-[0.08em] text-fg",style:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:[es("span",{className:"font-bold uppercase tracking-[0.2em] text-accent",children:"Pre-order"})," ","\u2014 this design isn't available to add to cart right now. Leave your email to pre-order it. No payment is taken now."]}),a.length>0&&ts("div",{children:[ts("div",{className:"mb-3.5 font-mono text-[13px] font-semibold uppercase tracking-[0.22em] text-fg",children:["Size \xB7"," ",es("span",{className:"text-accent",children:h?wt(h):"Select a size"})]}),es("div",{className:"flex flex-wrap gap-1.5",children:a.map((d,u)=>{let v=u===s;return ts("button",{type:"button",onClick:()=>{o(u),n==="sent"&&c()},className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",v?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:v?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[v&&es("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),es("span",{className:"block text-[14px] tracking-[0.18em]",children:wt(d)})]},wt(d))})})]}),n==="sent"?ts("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-accent",children:["Thanks \u2014 we've registered your pre-order for the ",e.name,"."]}):es(Dr,{email:r,onEmailChange:i,status:n,onResetVerdict:c,onSubmit:p,inputAriaLabel:"Email to pre-order this design",submitLabel:"Pre-order",buttonClassName:"cursor-pointer whitespace-nowrap border-2 border-btn bg-btn px-6 font-mono text-[12px] font-bold uppercase tracking-[0.22em] text-btn-ink transition-colors hover:bg-fg hover:border-fg disabled:cursor-not-allowed disabled:opacity-50",errorMessage:"Couldn't register that \u2014 please try again."})]})}import{useState as gn1}from"react";import{Fragment as vn1,jsx as nm}from"react/jsx-runtime";function lm({src:e,alt:t,fallback:a,fill:s=!1,width:o,height:r,sizes:i,className:n,style:l,priority:c,draggable:h,imageKey:p,imageWrapperClassName:d,onImageClick:u,imageButtonClassName:v,imageButtonLabel:g}){let[b,f]=gn1(null),y=e||"";if(!(y!==""&&b!==y))return nm(vn1,{children:a});let k=nm(t4,{src:y,alt:t,...s?{fill:!0}:{width:o??1e3,height:r??1e3},sizes:i,className:n,style:l,priority:c,draggable:h,onError:()=>f(y)},p??y),S=d?nm("div",{className:d,children:k}):k;return u?nm("button",{type:"button",onClick:u,"aria-label":g,className:v,children:S}):S}function Mq(e){let t=e.angles??(e.src?[e.src]:[]),a=[],s=[];for(let o of t)(o.split("/").pop()??"").includes("20-20")?a.push(o):s.push(o);return[...s,...a]}var Lq="Image for reference only. Actual product may vary.",Aq=e=>String(Number(e));function Tq(e,t,a,s){let o=e.renderFits;if(!o||!t||t.diameter==null||t.width==null)return!1;let r=s&&a!=null?o.lug?.[String(a)]:o.angles;if(!r)return!1;let i=Aq(t.diameter);if(!(r.sizes.length===0||r.sizes.includes(`${i}x${Aq(t.width)}`)||r.sizes.includes(i)))return!0;let l=r.lugs??[];return!s&&a!=null&&l.length>0&&!l.includes(a)}import{Fragment as Eq,jsx as n5,jsxs as bn1}from"react/jsx-runtime";function cm(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function hm({text:e}){return e==="FusionForge\xAE"?bn1(Eq,{children:["FusionForge",n5(Z6,{})]}):n5(Eq,{children:e})}function Hq(e,t,a){if(e.kind==="tyre"){let h=e.source,p=t.shown.size??h.sizes[0]??"",d=h.variants.find(g=>g.size===p),u=d?.specs.tireType??h.variants[0]?.specs.tireType??null,v=[d?.image,h.coverImage].filter(g=>!!g);return{heading:Wh(h.brand,h.name),photos:v.slice(0,1),tint:void 0,stageImage:()=>n5(j6,{image:d?.image??h.coverImage,size:p,type:u,sizes:im,priority:!0,className:"h-full w-full"}),thumbImage:()=>null,captions:[],thumbFallbackCells:0,galleryHint:"",referenceNote:"",metaValue:p,specCaption:d?[d.specs.loadIndex,d.specs.speedRating].filter(Boolean).join(""):"",originCaption:h.brand,unitLabel:"per tyre",vehicle:n5(Tw,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:n5(Aw,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let s=e.source,o=wB(s,t.shown.finish),r=w8(s,t.part),i=bp(t),n=Qf(o,i),l=n?[...n]:Mq(o),c=l.length>0?l:s.coverImage?[s.coverImage]:[];return{heading:e.name,photos:c,tint:o.color,stageImage:({photo:h,alt:p,label:d,onZoom:u,fit:v})=>n5(lm,{src:h,alt:p,fill:!0,sizes:im,className:v==="cover"?"object-cover":"object-contain",priority:!0,onImageClick:u,imageButtonClassName:"relative block h-[88%] w-[88%] cursor-zoom-in",imageButtonLabel:d,fallback:n5(a9,{spokes:s.spokes,mesh:s.mesh,className:"block h-[70%] w-[70%]"})}),thumbImage:({photo:h,alt:p})=>n5(lm,{src:h,alt:p,fill:!0,sizes:"(max-width: 720px) 20vw, (max-width: 1100px) 10vw, 120px",className:"object-contain",imageWrapperClassName:"relative h-[80%] w-[80%]",fallback:n5(a9,{spokes:s.spokes,mesh:s.mesh,className:"block h-[55%] w-[55%]"})}),captions:c.map(h=>o.captions?.[h]),thumbFallbackCells:4,galleryHint:fn1(c,o,i,t.manualMode),referenceNote:Tq(o,r,i,n!=null)?Lq:"",metaValue:o.name,specCaption:r?tr(r):"",originCaption:s.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${s.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:n5(Ew,{selection:t,spec:r?tr(r):"",vehicle:t.vehicle,wheel:s}),vehicleMemory:t.manualMode?null:n5(Aw,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:n5(Hw,{wheel:s,editing:a})}}function fn1(e,t,a,s){return e.length>=2||a!=null||!Object.values(t.lugRenderings??{}).some(r=>Array.isArray(r)&&r.filter(Boolean).length>=2)?"":s?"Pick a bolt pattern to see every angle":"Pick your vehicle to see every angle"}var Fq="data-option-row";import{Fragment as N5,jsx as C1,jsxs as e0}from"react/jsx-runtime";var wn1=4e3;function yn1(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}var zn1=.72;function kn1(e){let t=e.trim().split(/\s+/).filter(Boolean);if(t.length===0)return;let a=t.map((s,o)=>s.length+(t.length>1&&o===t.length-1?1:0));return`calc(100cqi / ${(Math.max(...a)*zn1).toFixed(2)})`}function as({product:e,selection:t,onLightbox:a,editing:s=!1,pricePlacement:o="top",showVehicleFitment:r=!0,heroLayout:i=P8,imageRatio:n=N8,textAlign:l=Q9,showSpecTable:c=!0,showPriceQuote:h=!0,galleryMode:p=I8,imageFit:d=V8}){let u=Ga(i),v=Op(l),g=Bp(n),b=Dp(p),f=UG(Zp(d),pB(e)),y=u==="imageRight"?`${100-g}fr ${g}fr`:`${g}fr ${100-g}fr`,{picked:x,pick:k,qty:S,setQty:L,choice:R,setChoice:F,angleIdx:O,setAngleIdx:P,showValidation:E,setShowValidation:N,manualMode:V,vehicle:G,rows:H,facts:j,part:_,outOfStock:e1,offer:K,preOrder:Y,canAddToCart:h1,currency:B,price:q,set:Q,msrpLabel:a1}=t,$=Hq(e,t,s),{bullets:m1}=LF(),v1=sB(e),g0=iB(e),s0=r?$.vehicle:null,P1=r?$.vehicleMemory:null,[i0,o0]=Nq(!1);Fw(()=>{let s1=()=>{o0(document.documentElement.getAttribute("data-theme")==="light")};s1();let k1=new MutationObserver(s1);return k1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>k1.disconnect()},[]);let{add:J1,open:m0,warmCatalog:t0}=M4();Fw(()=>{s||t0(e.kind)},[s,e.kind,t0]);let g2=H.filter(s1=>!Y||s1.values.length>0),x0=g2.filter(s1=>s1.role==="resolves"),b1=g2.filter(s1=>s1.role==="describes"&&!mB(g0,s1.key)),Q1=b1.findIndex(s1=>s1.chosen===null),d0=(!s0||!$.vehicleAnswersSpecs||t.fitmentSet)&&up(H,Y)?Q1===-1?b1:b1.slice(0,Q1+1):[],V0=[...x0,...d0],J0=e0("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[a1&&C1("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:a1}),C1("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] font-bold leading-none tracking-[-0.01em] text-fg",children:v1?BM(q,B):rt(q,B)}),q.priced&&C1("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:$.unitLabel}),q.setTotal!=null&&e0("div",{className:"ml-auto border border-accent px-3 py-2 font-mono text-[length:var(--size-label,13px)] font-bold uppercase tracking-[0.18em] text-accent",style:{background:"color-mix(in oklab, var(--accent) 14%, transparent)"},children:[K.quantityLabel,": ",e3(Q,B)]})]}),B0=xn1(null);return Fw(()=>{s||B0.current===e.slug||(B0.current=e.slug,DM({itemId:_?`${e.slug}|${_.id}`:e.slug,itemName:e.name,variant:$.metaValue,pricePerSet:q.setTotal??q.fromSetTotal??0,currency:B}))},[s,e.slug,e.name,$.metaValue,_,q,B]),e0(N5,{children:[C1("nav",{className:"border-b border-line px-[max(var(--sf-site-gutter,40px),calc((100%_-_var(--sf-page-cap,100%))/2_+_var(--sf-site-gutter,40px)))] pt-4 pb-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:i0?void 0:{background:"var(--section-bg)"},children:e.crumbs.map((s1,k1)=>e0("span",{children:[k1>0&&e0(N5,{children:[C1("span",{className:"mx-3 text-accent",children:"/"}),C1("wbr",{})]}),s1.href?C1(T1,{href:s1.href,className:"hover:text-fg",children:C1(hm,{text:s1.label})}):C1("span",{className:"text-fg",children:C1(hm,{text:s1.label})})]},`${s1.label}-${k1}`))}),e0("section",{"data-hero-layout":u,"data-hero-align":v,className:["grid gap-10 px-[max(var(--sf-site-gutter,40px),calc((100%_-_var(--sf-page-cap,100%))/2_+_var(--sf-site-gutter,40px)))] py-14 max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-8",u==="stacked"?"grid-cols-1":"[grid-template-columns:var(--hero-cols)] max-[1100px]:[grid-template-columns:minmax(0,1fr)]"].join(" "),style:{...i0?{}:{background:"var(--section-bg)"},...u==="stacked"?{}:{"--hero-cols":y}},children:[e0("div",{"data-hero-gallery":b,"data-hero-fit":f,className:b==="tiled"?"flex items-start gap-3 max-[720px]:gap-2":void 0,style:u==="imageRight"?{order:2}:void 0,children:[e0("div",{className:b==="tiled"?"min-w-0 flex-1":void 0,children:[C1(Mn1,{name:e.name,view:$,angleIdx:O,onSelect:P,isLight:i0,onLightbox:a,fit:f}),$.referenceNote&&C1("p",{"data-hero-reference-note":!0,className:"mt-2 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.18em] text-fg-dim",children:$.referenceNote}),$.galleryHint&&C1("p",{"data-hero-gallery-hint":!0,className:"mt-2 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.18em] text-fg-dim",children:$.galleryHint})]}),b!=="main"&&C1(An1,{name:e.name,view:$,angleIdx:O,onSelect:P,isLight:i0,tiled:b==="tiled"})]}),e0("div",{className:["flex flex-col gap-7",v==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:u==="imageRight"?{order:1}:void 0,children:[e0("div",{className:"w-full [container-type:inline-size]",children:[e0("div",{className:"mb-2.5 flex items-center gap-2.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-accent",children:[C1("span",{children:C1(hm,{text:e.eyebrow})}),e.badge&&e0(N5,{children:[C1("span",{children:"\xB7"}),C1("span",{children:e.badge})]})]}),C1("h1",{className:"font-heading2 text-[length:min(min(var(--size-headingMedium,clamp(48px,5.5vw,84px)),var(--hero-name-fit,9999px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[0.92] tracking-[-0.035em]",style:{"--hero-name-fit":kn1($.heading)},children:(()=>{let s1=$.heading.lastIndexOf(" ");if(s1===-1)return $.heading;let k1=$.heading.slice(0,s1),r0=$.heading.slice(s1+1);return e0(N5,{children:[k1," ",e0("em",{className:"font-normal italic text-accent",children:[r0,"."]})]})})()})]}),o!=="belowSpecs"&&h&&J0,P1,x0.map(s1=>C1(Pq,{row:s1,onPick:k},s1.key)),Y&&$.preOrder?e0(N5,{children:[o==="belowSpecs"&&h&&J0,$.preOrder]}):e0(N5,{children:[s0,d0.map(s1=>C1(Pq,{row:s1,onPick:k},s1.key)),c&&C1(Cn1,{facts:j}),(K.packs.length>0||K.extra||K.spareCounts.length>0)&&e0("div",{className:"border-b border-line pb-[26px]",children:[K.packs.length>0&&e0(N5,{children:[C1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),C1("div",{className:"flex flex-wrap gap-1.5",children:K.packs.map(s1=>e0("button",{type:"button",onClick:()=>F(k1=>({...k1,unit:s1.value})),"aria-pressed":R.unit===s1.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",R.unit===s1.value?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:R.unit===s1.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[R.unit===s1.value&&C1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),C1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:s1.label})]},s1.value))})]}),K.extra&&e0("label",{className:`${K.packs.length>0?"mt-3.5 ":""}flex cursor-pointer items-center gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-fg`,children:[C1("input",{type:"checkbox",checked:R.spares>0,onChange:s1=>F(k1=>({...k1,spares:s1.target.checked?Hn:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),K.extra.label]}),K.spareCounts.length>0&&e0(N5,{children:[C1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:O9.howMany}),C1("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:K.spareCounts.map(s1=>{let k1=s1.value-V7,r0=R.spares===k1;return e0("button",{type:"button",onClick:()=>F(s2=>({...s2,spares:k1})),"aria-pressed":r0,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",r0?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:r0?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[r0&&C1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),e0("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[s1.value," \xB7 ",s1.label]})]},s1.value)})})]}),K.spareSide&&e0(N5,{children:[C1("div",{className:"mb-3.5 mt-[26px] font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:K.spareSide.label}),C1("div",{className:"flex flex-wrap gap-1.5",children:K.spareSide.options.map(s1=>{let k1=R.spareSide===s1.value;return e0("button",{type:"button",onClick:()=>F(r0=>({...r0,spareSide:s1.value})),"aria-pressed":k1,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",k1?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:k1?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[k1&&C1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),C1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:s1.label})]},s1.value)})})]})]}),o==="belowSpecs"&&h&&J0,e0("div",{className:mq,children:[!(v1&&!q.priced)&&C1(so,{value:S,onChange:L,size:"large"}),v1&&!q.priced?C1(T1,{href:"/contact",className:"flex-1 cursor-pointer bg-btn px-6 py-4 text-center font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg",children:Pn}):q.priced?e1?C1("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:"Out of stock"}):e0("button",{type:"button",[tt]:"",onClick:()=>{if(!h1){N(!0),window.setTimeout(()=>N(!1),wn1);return}if(N(!1),s)return;let s1=CB(e,_,x,{choice:R,qty:S},{fitmentLabel:V?$.specCaption:G.appliedName?`For ${G.appliedName}`:"",fitmentKey:V?`manual|${$.specCaption}`:`vehicle|${yn1(G.applied?.vehicle)}`});s1&&(J1(s1),m0())},"aria-disabled":!h1,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",h1?"cursor-pointer bg-btn text-btn-ink hover:bg-fg hover:text-bg":"cursor-pointer border-2 border-dashed border-accent/50 text-accent/80 hover:border-accent hover:text-accent"].join(" "),style:h1?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",q.setTotal!=null?` \xB7 ${e3(Q,B)}`:""]}):C1("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:R7}),C1(Ln1,{slug:e.slug,name:e.name})]}),e1&&_&&C1(Tn1,{partNumbers:_.components.map(s1=>s1.partNumber),productSlug:e.slug},_.id),E&&(()=>{let s1=V0.filter(r0=>r0.chosen===null).map(r0=>r0.prompt.replace(/^Select\s+/i,""));if(s0&&$.vehicleAnswersSpecs&&!t.fitmentSet&&s1.push("vehicle fitment"),s1.length===0)return null;let k1=s1.length===1?s1[0]:s1.length===2?`${s1[0]} and ${s1[1]}`:`${s1.slice(0,-1).join(", ")}, and ${s1.at(-1)}`;return e0("p",{role:"alert",className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:["Please select ",k1," first."]})})()]}),m1.length>0&&C1("ul",{className:"flex flex-wrap items-center gap-x-6 gap-y-2 border-t border-line pt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.05em] text-fg",children:m1.map((s1,k1)=>e0("li",{children:[C1("strong",{className:"font-bold text-accent",children:s1.label}),s1.detail?` ${io} ${s1.detail}`:""]},`${s1.label}-${k1}`))})]})]})]})}function Cn1({facts:e}){return e.length===0?null:e0("div",{className:"border-b border-line pb-[26px]",children:[C1("dl",{className:"flex flex-col gap-2",children:e.map(t=>e0("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[e0("dt",{className:"text-fg-dim",children:[t.label," \xB7"]}),C1("dd",{className:"font-semibold text-fg",children:t.value.label})]},t.key))}),C1("p",{className:"mt-3 font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:"Only one of each is left, so there is nothing to choose here."})]})}function Pq({row:e,onPick:t}){if(e.values.length===0&&!e.empty)return null;let a=e.values.find(o=>o.value===e.chosen),s=a&&[a.label,a.note].filter(Boolean).join(" \xB7 ");return e0("div",{className:"border-b border-line pb-[26px]",[Fq]:e.key,children:[e0("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:[e.label," \xB7 ",C1("span",{className:"text-accent",children:s??e.prompt})]}),e.values.length===0?e0("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",C1(T1,{href:e.empty.href,className:"text-accent hover:underline",children:e.empty.linkText})]}):e.display==="swatch"?C1("div",{className:"grid grid-cols-2 gap-2",children:e.values.map(o=>{let r=o.value===e.chosen;return e0("button",{type:"button",onClick:()=>t(e.key,o.value),className:["relative flex items-center gap-3 border-2 px-3 py-3 text-left transition-colors",r?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"].join(" "),style:r?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[r&&C1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),C1("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:o.swatch}}),C1("span",{className:"block min-w-0 flex-1 truncate font-mono text-[length:var(--size-label,12px)] font-bold uppercase tracking-[0.18em] text-fg",children:o.label})]},o.value)})}):C1("div",{className:"flex flex-wrap gap-1.5",children:e.values.map(o=>{let r=o.value===e.chosen;return e0("button",{type:"button",onClick:()=>t(e.key,o.value),className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",r?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:r?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[r&&C1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),C1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:o.label}),o.note&&C1("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:o.note})]},o.value)})})]})}function Iq(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var Sn1=6;function Mn1({name:e,view:t,angleIdx:a,onSelect:s,isLight:o,onLightbox:r,fit:i}){let n=t.photos[Math.min(a,t.photos.length-1)],l=yq(t.photos,n),c=Iq(t),h=c>=2,p=String(c).padStart(2,"0"),d=Math.min(a,Math.max(t.photos.length-1,0)),u=h||t.captions[d]?cm(t,d):"",v=[e,t.metaValue,u].filter(Boolean).join(" \u2014 "),g="max-[720px]:static",b=["relative flex aspect-square items-center justify-center overflow-hidden max-[720px]:col-span-2",o?"bg-bg":""].join(" ");return e0("div",{className:"relative max-[720px]:grid max-[720px]:grid-cols-[minmax(0,1fr)_auto] max-[720px]:items-start max-[720px]:gap-x-3 max-[720px]:gap-y-2",style:{color:t.tint},children:[e0("div",{className:`absolute left-0 top-0 z-10 flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-fg ${g} max-[720px]:min-w-0 max-[720px]:flex-wrap max-[720px]:gap-x-2 max-[720px]:gap-y-1`,children:[h&&e0(N5,{children:[e0("span",{className:"text-accent",children:[String(a+1).padStart(2,"0")," / ",p]}),C1("span",{className:"text-fg-dim",children:"\xB7"})]}),C1("span",{children:e}),t.metaValue&&e0(N5,{children:[C1("span",{className:"text-fg-dim",children:"\xB7"}),C1("span",{className:"text-accent",children:t.metaValue})]})]}),h&&C1("div",{className:`absolute right-5 top-5 z-10 flex gap-1 ${g}`,children:wq(a,c,s).map(y=>C1("button",{type:"button","aria-label":y.label,title:y.label,onClick:y.onClick,className:"flex h-7 w-7 items-center justify-center border border-fg-dim/60 text-fg transition-colors hover:border-accent hover:text-accent",children:y.glyph},y.label))}),e0("div",{className:b,children:[["top-3 left-3","top-3 right-3","bottom-3 left-3","bottom-3 right-3"].map((y,x)=>C1("span",{className:`absolute ${y} h-3 w-3 border border-fg-dim/40`,style:{borderTop:y.includes("top")?"1px solid var(--site-line)":"none",borderBottom:y.includes("bottom")?"1px solid var(--site-line)":"none",borderLeft:y.includes("left")?"1px solid var(--site-line)":"none",borderRight:y.includes("right")?"1px solid var(--site-line)":"none"}},x)),t.stageImage({photo:l,alt:v,label:`Open ${[e,t.metaValue].filter(Boolean).join(" ")} at full resolution`,onZoom:()=>r(l,v),fit:i})]}),e0("div",{className:`absolute bottom-5 left-5 right-5 z-10 flex items-center justify-between gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim ${g} max-[720px]:col-span-2 max-[720px]:flex-wrap`,children:[C1("span",{children:t.specCaption}),C1("span",{children:t.originCaption})]})]})}function An1({name:e,view:t,angleIdx:a,onSelect:s,isLight:o,tiled:r=!1}){let i=Iq(t);return i<2?null:C1("div",{className:r?"order-[-1] flex w-16 flex-col gap-2 max-[720px]:w-12 max-[720px]:gap-1":"mt-2 grid grid-cols-4 gap-2 max-[720px]:gap-1",style:!r&&i>4?{gridTemplateColumns:`repeat(${Math.min(i,Sn1)}, minmax(0, 1fr))`}:void 0,children:Array.from({length:i}).map((n,l)=>{let c=t.photos[l];return e0("button",{type:"button",onClick:()=>s(l),"aria-label":`View ${cm(t,l)}`,className:["relative flex aspect-square items-center justify-center overflow-hidden transition-colors",o?"bg-bg":"",l===a?"border border-accent":"border border-transparent hover:border-fg-dim"].join(" "),style:{color:t.tint},children:[C1("span",{className:"absolute top-1.5 left-2 z-10 font-mono text-[length:var(--size-label,8px)] uppercase tracking-[0.18em] text-fg-dim",children:String(l+1).padStart(2,"0")}),t.thumbImage({photo:c,alt:`${e} \u2014 ${cm(t,l)}`})]},l)})})}function Ln1({slug:e,name:t}){let{has:a,toggle:s}=GT(),o=a(e);return C1("button",{type:"button",title:o?"Saved":"Save","aria-label":o?`Remove ${t} from wishlist`:`Save ${t} to wishlist`,"aria-pressed":o,onClick:()=>s(e),className:["h-12 w-12 cursor-pointer border-2 bg-transparent transition-colors",o?"border-accent text-accent":"border-fg-dim/50 text-fg hover:border-accent hover:text-accent"].join(" "),children:o?"\u2665":"\u2661"})}function Tn1({partNumbers:e,productSlug:t}){let[a,s]=Nq(""),{status:o,submit:r,reset:i}=Kh();function n(){r({partNumbers:e,email:a,productSlug:t})}return o==="sent"?C1("p",{className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:"We'll email you when it's back."}):C1(Dr,{className:"-mt-1",email:a,onEmailChange:s,status:o,onResetVerdict:i,onSubmit:n,inputAriaLabel:"Email for the back-in-stock alert",submitLabel:"Notify me when back",buttonClassName:"cursor-pointer whitespace-nowrap border-2 border-btn px-4 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.22em] text-btn transition-colors hover:bg-btn hover:text-btn-ink disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-btn",errorMessage:"Couldn't save that \u2014 please try again."})}import{Fragment as Fn1,jsx as Gr,jsxs as Pn1}from"react/jsx-runtime";function Pw({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:s,showVehicleFitment:o=!0,...r}){let[i,n]=Vq(null),[l,c]=Vq(!1);return En1(()=>{let h=!1;return n(null),c(!1),(t==="tyre"?f0.getTyre(e).then(d=>({kind:"tyre",tyre:d})):f0.getWheel(e).then(d=>({kind:"wheel",wheel:d}))).then(d=>{h||n(d)}).catch(()=>{h||c(!0)}),()=>{h=!0}},[e,t]),l?Gr($4,{size:"tall",children:"Couldn\u2019t load this product."}):i?Gr(Hn1,{record:i,editing:a,pricePlacement:s,showVehicleFitment:o,...r}):Gr($4,{size:"tall",children:"Loading product\u2026"})}function Hn1({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:s=!0,...o}){let r=e.kind==="tyre"?xp(e.tyre):ar(e.wheel),i=kr(r,{editing:t}),n=zr();return Pn1(Fn1,{children:[Gr(as,{product:r,selection:i,onLightbox:n.open,editing:t,pricePlacement:a,showVehicleFitment:s,...o}),Gr(Ta,{item:n.item,onClose:n.close})]})}import{Fragment as Rn1,jsx as B8,jsxs as _n1}from"react/jsx-runtime";var Nn1=r4;function pm({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...s}){let o=r2();return B8(E2,{kinds:Nn1,type:"ProductHero",editing:e,children:o?B8(as,{product:o.product,selection:o.selection,onLightbox:o.openLightbox,editing:e,pricePlacement:t,showVehicleFitment:a,...s}):e?B8(In1,{pricePlacement:t,showVehicleFitment:a,...s}):B8($4,{size:"tall",children:"Bound to the current product \u2014 preview on a product page."})})}function In1({pricePlacement:e,showVehicleFitment:t,...a}){let s=D3(!0);return s?B8(Vn1,{product:s,pricePlacement:e,showVehicleFitment:t,...a}):B8($4,{size:"tall",children:m("Loading sample product\u2026")})}function Vn1({product:e,pricePlacement:t,showVehicleFitment:a,...s}){let o=kr(e,{editing:!0}),r=zr();return _n1(Rn1,{children:[B8(as,{product:e,selection:o,onLightbox:r.open,editing:!0,pricePlacement:t,showVehicleFitment:a,...s}),B8(Ta,{item:r.item,onClose:r.close})]})}import{jsx as Wr}from"react/jsx-runtime";function On1({source:e,editing:t=!1,pricePlacement:a=Za,showVehicleFitment:s=!0,heroLayout:o=P8,imageRatio:r=N8,textAlign:i=Q9,showSpecTable:n=!0,showPriceQuote:l=!0,galleryMode:c=I8,imageFit:h=V8}){let p={heroLayout:o,imageRatio:r,textAlign:i,showSpecTable:n,showPriceQuote:l,galleryMode:c,imageFit:h};return r2()||t&&F2()?Wr(pm,{editing:t,pricePlacement:a,showVehicleFitment:s,...p}):e?.slug?Wr(Pw,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:s,...p}):t?Wr($4,{size:"tall",children:m("Pick a product in the panel to fill this hero.")}):Wr(pm,{pricePlacement:a,showVehicleFitment:s,...p})}var Rq={label:"Product Hero",defaultProps:{source:null,pricePlacement:Za,showVehicleFitment:!0,heroLayout:P8,imageRatio:N8,textAlign:Q9,showSpecTable:!0,showPriceQuote:!0,galleryMode:I8,imageFit:V8},render:e=>Wr(On1,{source:e.source,editing:e.puck?.isEditing,pricePlacement:WG(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:Ga(e.heroLayout),imageRatio:Bp(e.imageRatio),textAlign:Op(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:Dp(e.galleryMode),imageFit:Zp(e.imageFit)})};import{jsx as Bn1}from"react/jsx-runtime";var _q={label:"Product",defaultProps:{code:"",finish:""},render:e=>Bn1(Px,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as Dn1}from"react/jsx-runtime";var Oq={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>Dn1(PW,{style:e,editing:t?.isEditing})};import{useEffect as Gn1,useRef as Wn1}from"react";import{jsx as qr,jsxs as Bq}from"react/jsx-runtime";var Zn1={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function Nw({variants:e,answer:t,loading:a=!1}){return t?Bq("div",{className:"mt-9",children:[qr("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:om(t)}),qr("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(s=>{let o=to(t,s.sku),r=Zn1[o];return Bq("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[qr("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:s.size}),qr("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${r.className}`,style:r.style,children:rm[o]})]},s.sku)})})]}):a?qr("p",{className:"mt-9 border border-line bg-bg p-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.24em] text-fg-dim",children:"Checking your car\u2026"}):null}import{jsx as Iw,jsxs as Dq}from"react/jsx-runtime";var Vw="Will it fit *your car?*",Rw="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",_w="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",Ow="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20";function Bw({num:e,title:t=Vw,description:a=Rw,escapeText:s,escapeHref:o,omitHead:r=!1,slug:i,variants:n,onAnswer:l}){let c=s5({autoApply:!0}),{answer:h,loading:p}=sm(i,dc(c.applied?.vehicle)),d=Wn1(l);return d.current=l,Gn1(()=>{d.current?.(h)},[h]),Dq("section",{className:r?Ow:_w,children:[r?null:Iw(h0,{num:e,title:t,description:a,accent:!0}),Iw(g4,{cascade:c.cascade}),s&&o?Dq("a",{href:o,className:"mt-6 inline-block font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent underline-offset-4 hover:underline",children:[s," \u2192"]}):null,Iw(Nw,{variants:n,answer:h,loading:p})]})}import{jsx as Ur,jsxs as jn1}from"react/jsx-runtime";var qn1=["tyre"];function Dw(e){return Ur(E2,{kinds:qn1,type:"TyreFitment",editing:e.editing,children:Ur(Un1,{...e})})}function Un1({num:e,title:t,description:a,escapeText:s,escapeHref:o,omitHead:r=!1,editing:i=!1}){let n=r2(),l=D3(i&&!n),c=n?.product??l,h=c?.kind==="tyre"?c.source:null;return!h||h.variants.length===0?i?jn1("section",{className:r?Ow:_w,children:[r?null:Ur(h0,{num:e,title:t||Vw,description:a||Rw,accent:!0}),Ur("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("The vehicle question appears here on a tyre product page, with one verdict per size.")})]}):null:Ur(Bw,{num:e,title:t||void 0,description:a||void 0,escapeText:s,escapeHref:o,omitHead:r,slug:h.slug,variants:h.variants})}import{jsx as Kn1}from"react/jsx-runtime";var Zq={label:"Tyre Fitment Form",defaultProps:{num:"",title:"",description:"",escapeText:"",escapeHref:""},render:e=>{let t=U1(e.headPlacement)==="own-box",a=r=>t?void 0:r,s=i1(e.escapeText),o=i1(e.escapeHref);return Kn1(Dw,{num:a(z(e.num,t2.num,e.puck)),title:a(z(e.title,T.sectionHeading,e.puck)),description:a(z(e.description,T.body,e.puck)),escapeText:s,escapeHref:o,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as D8,jsxs as qq}from"react/jsx-runtime";var Gq="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",Wq="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20",$n1=[],Yn1=["tyre"];function Zw(e){return D8(E2,{kinds:Yn1,type:"TyreSizes",editing:e.editing,children:D8(Xn1,{...e})})}function Xn1({num:e,title:t,description:a,editing:s=!1,omitHead:o=!1}){let r=r2(),i=D3(s&&!r),n=r?.product??i,l=n?.kind==="tyre"?n.source.variants:[],c=o?null:D8(h0,{num:e?M(e):void 0,title:X(t||"Available *sizes.*",!1),description:M(a||"Every size this tyre is made in, with its own price and stock."),accent:!0});if(l.length===0)return s?qq("section",{className:o?Wq:Gq,children:[c,D8("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:m("This product\u2019s sizes appear here on a product page.")})]}):null;let h=l.some(p=>!p.image);return qq("section",{className:o?Wq:Gq,children:[c,D8(Jn1,{variants:l,fieldUsage:r?.fieldUsage??$n1}),D8(M5,{text:h?pc:""})]})}function Jn1({variants:e,fieldUsage:t}){let{currency:a,formatPrice:s}=w0();return D8("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(o=>D8(wr,{fieldUsage:t,size:o.size,specs:o.specs,prices:o.prices,image:o.image,inStock:o.inStock,currency:a,formatPrice:s},o.sku))})}import{jsx as Qn1}from"react/jsx-runtime";var Uq={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Qn1(Zw,{num:a(z(e.num,t2.num,e.puck)),title:a(z(e.title,T.sectionHeading,e.puck)),description:a(z(e.description,T.body,e.puck)),omitHead:t,editing:e.puck?.isEditing})}};var jq={AlloyWheelsListing:cD,BrandStrip:CW,BundleOffer:TW,CartBlock:VW,CatalogFilterBar:$W,CheckoutCTA:AD,CollectionCard:XW,Collections:PD,CompatibleTyres:rZ,CountrySwitchBlock:JW,DeliveryOptions:cZ,DetailRows:CZ,EuTyreLabel:QW,FitmentFinder:HZ,FitmentTable:XZ,Gallery:rG,GalleryB:gG,GalleryItem:eq,Header:pq,ProductGrid:IG,ProductHero:Rq,ProductRef:_q,RelatedProducts:eW,SearchBlock:Oq,SpecTable:vW,TyreFitment:Zq,TyreSizes:Uq};var el1={AlloyWheelsListing:mD,BrandStrip:fD,BundleOffer:bD,CartBlock:xD,CatalogFilterBar:SD,CheckoutCTA:LD,CollectionCard:HD,Collections:ID,CompatibleTyres:iZ,CountrySwitchBlock:nZ,DeliveryOptions:pZ,DetailRows:MZ,EuTyreLabel:AZ,FitmentFinder:FZ,FitmentTable:JZ,Gallery:lG,GalleryB:vG,GalleryItem:CG,Header:SG,ProductGrid:RG,ProductHero:jG,ProductRef:QG,RelatedProducts:tW,SearchBlock:aW,SpecTable:bW,TyreFitment:xW,TyreSizes:wW},X0=jt(jq,el1);import{jsx as _4,jsxs as mm}from"react/jsx-runtime";function Ww(e={}){let t=uM();return _4(oP,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:_4(tl1,{...e})})}var Kq="mx-auto max-w-[var(--sf-site-width,1600px)] px-[min(24px,var(--sf-site-gutter,40px))] py-16 min-[800px]:px-[var(--sf-site-gutter,40px)] min-[800px]:py-[88px]",Gw="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function tl1({eyebrow:e,heading:t,intro:a,buttonLabel:s,successMessage:o,boxes:r,inBoxes:i=!1}){let{fieldPrefix:n,editing:l,services:c,currency:h,serviceId:p,setServiceId:d,requiresPayment:u,date:v,earliestDate:g,setDate:b,setDateTouched:f,availability:y,loadingSlots:x,noSlotsMessage:k,selectedStart:S,setSelectedStart:L,customerTimezone:R,name:F,setName:O,email:P,setEmail:E,phone:N,setPhone:V,notes:G,setNotes:H,confirmation:j,submitting:_,error:e1,canSubmit:K,handleSubmit:Y,sample:h1}=s8(),B=h1?_4("p",{className:"mb-6 font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:m("Example form \u2014 add an active service in {place}.",{place:m("Storefront \u2192 Booking Services")})}):null,q=c===void 0?_4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments\u2026"}):c?.length===0?_4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:l?m("Add an active service in {place}.",{place:m("Storefront \u2192 Booking Services")}):"Appointments are not available right now."}):null;return i&&r?_4("section",{className:"relative z-[2] border-t border-line bg-surface",children:mm("div",{className:Kq,children:[B,j?_4(r,{className:`${Gw} items-start`}):mm("form",{onSubmit:Y,children:[_4(r,{className:`${Gw} items-start`}),q]})]})}):_4("section",{className:"relative z-[2] border-t border-line bg-surface",children:mm("div",{className:Kq,children:[B,_4(Rc,{eyebrow:e,heading:t,intro:a}),j?_4(Bc,{successMessage:o}):q||mm("form",{onSubmit:Y,className:Gw,children:[_4(_c,{}),_4(Oc,{buttonLabel:s})]})]})})}import{jsx as al1}from"react/jsx-runtime";var qw={boxes:{type:"slot",allow:["BookingBox"]}},$q={label:"Booking Form",fields:qw,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>al1(Ww,{eyebrow:z(e.eyebrow,T.eyebrow,e.puck),heading:z(e.heading,T.heading,e.puck),intro:z(e.intro,T.body,e.puck),buttonLabel:z(e.buttonLabel,T.button,e.puck),successMessage:z(e.successMessage,T.bookingConfirmation,e.puck),boxes:e.boxes,inBoxes:e.layout==="boxes",nodeId:typeof e.id=="string"?e.id:void 0,editing:e.puck?.isEditing})};var Yq={fields:{_gContent:w("Content"),eyebrow:U("Eyebrow"),heading:_1("Heading"),intro:_1("Introduction"),buttonLabel:U("Submit button"),successMessage:_1("Confirmation message"),boxes:qw.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{eyebrow:a,heading:s,intro:o,buttonLabel:r,successMessage:i,...n}=t;return n}};var Xq={fields:{_gTextStyle:w("Text style"),...Object.fromEntries(Dc.map(e=>[Zc[e],w1(iv[e],Dt(iv[e]),[{label:"Section's own",value:""},...W5.map(t=>({label:me[t],value:t}))],"")])),_gContent:w("Content"),eyebrow:U("Eyebrow"),heading:_1("Heading"),intro:_1("Introduction"),buttonLabel:U("Submit button"),successMessage:_1("Confirmation message")},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,o=Dc.map(i=>Zc[i]),r=i=>Object.fromEntries(Object.entries(s).filter(([n])=>n.startsWith("_")||o.includes(n)||i.includes(n)));return r(a==="head"?["eyebrow","heading","intro"]:a==="details"?["buttonLabel"]:a==="confirm"?["successMessage"]:[])}};import{EyeIcon as sl1,LinkIcon as Jq,EyeOffIcon as ol1}from"efficient-easel/icons";import{jsx as jr}from"react/jsx-runtime";var Qq={fields:{_gTop:w("Routing groups"),routingNumber:I("Section number",k0.routingNumber),routingTagline:I("Eyebrow",k0.routingTagline),groups:{type:"array",label:"Groups",arrayFields:{eyebrow:U("Eyebrow"),title:_1("Title"),copy:_1("Body"),response:U("Response time")},getItemSummary:e=>e?.title||e?.eyebrow||m("Group")},_gForm:w("Message form"),formSlug:p6(),formNumber:I("Section number",k0.formNumber),formHeading:W("Heading",k0.formHeading),metaItems:Z2("Meta lines",jr(y4,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:w("\u201COther\u201D reason"),showOther:l1("Show \u201COther\u201D reason",k0.showOther,jr(sl1,{})),otherLabel:U("\u201COther\u201D chip label",k0.otherLabel),otherNoteTitle:I("\u201COther\u201D note title",k0.otherNoteTitle),otherNoteBody:W("\u201COther\u201D note body",k0.otherNoteBody),_gSubmit:w("Submit button"),buttonText:U("Submit button",k0.buttonText),consent:W("Consent line",k0.consent),_gChannels:w("Contact info"),channels:{type:"array",label:"Channels",arrayFields:{label:U("Label"),value:U("Value"),href:x3(U("Link")),sub:U("Sub line"),groupId:w1("Link to group",jr(Jq,{}),[{label:"\u2014 Not linked \u2014",value:""},...k0.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:l1("Hidden",!1,jr(ol1,{}))},getItemSummary:e=>{let t=e?.label||e?.value||m("Channel");return e?.hidden?m("{name} \xB7 hidden",{name:t}):t}}},resolveData:e=>{let t=e.props.groups??[];if(!t.some(o=>!o?.id))return e;let a=new Set,s=t.map((o,r)=>{if(o?.id)return a.add(o.id),o;let i=xv(o?.title)||`group-${r+1}`;for(;a.has(i);)i=`${i}-${r+1}`;return a.add(i),{...o,id:i}});return{...e,props:{...e.props,groups:s}}},resolveFields:(e,{fields:t})=>{let a=e.props.groups??[],s=[{label:"\u2014 Not linked \u2014",value:""},...a.map((i,n)=>({label:i?.title||i?.eyebrow||m("Group {n}",{n:n+1}),value:i?.id||xv(i?.title)||`group-${n+1}`}))],o=t,r=o.channels;return r?.type==="array"&&r.arrayFields&&(o.channels={...r,arrayFields:{...r.arrayFields,groupId:w1("Link to group",jr(Jq,{}),s,"")}}),t}};import{useEffect as rl1,useRef as il1,useState as nl1}from"react";import{jsx as tU,jsxs as ml1}from"react/jsx-runtime";var ll1=12,dm=null,eU=null;function cl1(e=!1){let t=v2();if((e||eU!==t)&&(dm=null),!dm){let a=P3();eU=t,dm=F1.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return dm}function hl1(e){if(!e)return"";let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"2-digit"})}function pl1(e){return{slug:e.slug,title:e.title,excerpt:e.excerpt,cover:e.cover_image?Z5(e.cover_image)??"":"",meta:e.category||void 0,dateLabel:hl1(e.published_at)||void 0}}function ae({value:e,onChange:t,snapshotCount:a=ll1}){let[s,o]=nl1("idle"),r=Array.isArray(e),i=r?e.length:0,n=il1(!0),l=p=>{o("loading"),cl1(p).then(d=>{if(!n.current)return;if(d===null){o("error");return}o("idle");let u=d.slice(0,a).map(pl1);Q6(u,e??null)&&t(u)})};rl1(()=>(n.current=!0,l(!1),()=>{n.current=!1}),[]);let c=m("Storefront \u2192 Blog"),h=s==="loading"?m("Syncing from {place}\u2026",{place:c}):s==="error"?m("Couldn\u2019t reach {place}.",{place:c}):r?Q2("Auto-synced from {place} \xB7 {n} post","Auto-synced from {place} \xB7 {n} posts",i,{place:c}):m("Linking to {place}\u2026",{place:c});return ml1("div",{children:[tU(Ne,{label:"Blog posts"}),tU(e5,{status:s,statusText:h,onRefresh:()=>l(!0),busy:s==="loading",spaced:!1,hint:m("Auto-refreshes from the most-recent visible posts each time you open the editor. Set how many appear with \u201CPosts to display\u201D.")})]})}import{useState as dl1}from"react";import{jsx as W0,jsxs as Z8}from"react/jsx-runtime";var aU=3,rU="featured",um="tabs",iU="portrait",ss="spread",gm="count",nU=[{label:"Even grid",value:"even"},{label:"Featured first",value:rU},{label:"Tabs",value:um},{label:"Photo cards",value:iU},{label:"Staggered spread",value:ss},{label:"Count",value:gm}],ul1=[iU,ss],lU="even",y7={min:2,max:11,step:1,fallback:7,unit:"of 12"},gl1="bottom-left",vl1=55,fl1="bottom";function bl1(e){let t=typeof e=="number"?e:Number.parseFloat(String(e??"")),a=Number.isFinite(t)?Math.min(y7.max,Math.max(y7.min,Math.round(t))):y7.fallback;return`${a}fr ${12-a}fr`}var sU={1:"grid-cols-1",2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[800px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"},oU={2:"grid-cols-2",3:"grid-cols-3 max-[800px]:grid-cols-2",4:"grid-cols-4 max-[1100px]:grid-cols-3 max-[800px]:grid-cols-2"},xl1="Find by name",wl1="Nobody by that name.";function yl1(e,t){let a=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLocaleLowerCase().trim(),s=a(t);return s===""||a(e).includes(s)}function zl1({card:e,scaffold:t,lower:a=!1}){return Z8(p0,{href:e.href||"#",className:`sf-card group relative isolate flex aspect-[3/4] overflow-hidden bg-surface${a?" min-[801px]:mt-16":""}`,"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[W0("div",{className:"absolute inset-0 transition-transform duration-700 group-hover:scale-[1.03] motion-reduce:transition-none motion-reduce:group-hover:scale-100",children:W0(T0,{label:`card-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 50vw, 25vw"})}),W0("div",{"aria-hidden":!0,className:"absolute inset-0 z-0",style:{background:"linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--bg) 88%, transparent) 100%)"}}),e.meta&&W0("span",{className:"absolute left-3 top-3 z-[1] rounded-[var(--sf-button-radius,999px)] bg-bg/85 px-2.5 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-accent",children:M(e.meta)}),Z8("div",{className:"relative z-[1] mt-auto flex w-full flex-col gap-1 p-4 max-[800px]:p-3",children:[W0("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] leading-[1.1] tracking-[-0.01em] text-fg",children:X(e.title,!1)}),e.dateLabel&&W0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-accent",children:M(e.dateLabel)}),e.excerpt&&W0("p",{className:"line-clamp-2 text-[length:var(--size-body,14px)] leading-[1.45] text-fg-dim",children:M(e.excerpt)})]})]})}function kl1({cards:e,scaffold:t}){return W0("nav",{"aria-label":"Days",className:"-mx-1 overflow-x-auto",children:W0("ul",{className:"flex min-w-max gap-2 px-1 pb-1",children:e.map((a,s)=>{let o=!!a.meta;return W0("li",{children:Z8(p0,{href:a.href||"#","aria-current":o?"page":void 0,"aria-disabled":t||void 0,tabIndex:t?-1:void 0,className:`flex flex-col gap-0.5 rounded-[var(--sf-button-radius,999px)] border px-5 py-2.5 transition-colors ${o?"border-accent bg-accent text-accent-ink":"border-line text-fg hover:border-accent hover:text-accent"}`,children:[W0("span",{className:"font-heading3 text-[length:var(--size-body,15px)] leading-[1.2]",children:X(a.title,!1)}),a.excerpt&&W0("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] ${o?"opacity-80":"text-fg-dim"}`,children:M(a.excerpt)})]})},`${a.slug}-${s}`)})})})}function Cl1({count:e,words:t,href:a}){let s=Z8("span",{className:"inline-flex items-baseline gap-3",children:[W0("span",{className:"font-heading text-[length:var(--size-headingLarge,64px)] leading-none text-accent",children:e}),t!==void 0&&W0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:t})]});return a?W0(p0,{href:a,className:"inline-flex hover:opacity-85",children:s}):s}var Sl1="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",Ml1="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]",Al1="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[32px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[24px]";function Uw({num:e,title:t,link:a,posts:s,columns:o,limit:r,showAll:i=!1,editing:n=!1,cardImage:l,gap:c,layout:h,featuredWidth:p,listCover:d=!0,featuredDarken:u,omitHead:v=!1,sample:g,nameFilter:b=!1}){let[f,y]=dl1(""),x=s??[],k=i?x.length:typeof r=="number"&&r>0?r:aU,S=x.slice(0,k),L=n&&S.length===0;if(S.length===0&&!n)return null;let R=i?aU:k,F=L?g?.length?g.slice(0,i?g.length:R):Array.from({length:R},(_,e1)=>({slug:`placeholder-${e1}`,title:m("Blog post title"),excerpt:m("A short summary of the post appears here."),cover:"",meta:m("Journal"),dateLabel:m("Date")})):S,O=a4("Events",c,"both"),P=h===rU&&F.length>1,E=bl1(p),N=h===um,V=h===gm,G=ul1.includes(h??""),H=b&&!N&&!V&&!P,j=H?F.filter(_=>yl1(_.title,f)):F;return V?W0("section",{className:Al1,children:W0(Cl1,{count:F.length,words:v||t===void 0?void 0:X(t,!1),href:v?void 0:a?.href})}):Z8("section",{className:v?Ml1:Sl1,style:v3(l),children:[v?null:W0(h0,{num:e!==void 0?M(e):void 0,title:t!==void 0?X(t,!1):void 0,link:a?{text:M(a.text),href:a.href}:void 0}),H&&Z8("div",{className:"mb-6 flex flex-col gap-2",children:[Z8("label",{className:"flex max-w-[360px] flex-col gap-1.5",children:[W0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:xl1}),W0("input",{type:"search",value:f,onChange:_=>y(_.target.value),autoComplete:"off",className:"rounded-[var(--sf-button-radius,6px)] border border-line bg-bg px-4 py-2.5 text-[length:var(--size-body,15px)] text-fg outline-none focus:border-accent"})]}),j.length===0&&W0("p",{role:"status",className:"text-[length:var(--size-body,14px)] text-fg-dim",children:wl1})]}),N?W0(kl1,{cards:F,scaffold:L}):G?W0("div",{className:`sf-card-grid grid${O.className} ${h===ss?"grid-cols-3 max-[800px]:grid-cols-2":oU[Math.min(4,Math.max(2,o??3))]??oU[3]}`,style:O.style,children:j.map((_,e1)=>W0(zl1,{card:_,scaffold:L,lower:h===ss&&e1%3===1},`${_.slug}-${e1}`))}):P?Z8("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${O.className}`,style:{...O.style,"--sf-events-split":E},children:[W0(ra,{post:F[0],href:F[0].href,scaffold:L,layout:"cover",darken:u??vl1,darkenStyle:fl1,placement:gl1},`${F[0].slug}-0`),W0("div",{className:`grid auto-rows-min${O.className}`,style:O.style,children:F.slice(1).map((_,e1)=>W0(ra,{post:_,href:_.href,scaffold:L,showCover:d},`${_.slug}-${e1+1}`))})]}):W0("div",{className:`sf-card-grid grid${O.className} ${sU[Math.min(4,Math.max(1,o??3))]??sU[3]}`,style:O.style,children:j.map((_,e1)=>W0(ra,{post:_,href:_.href,scaffold:L},`${_.slug}-${e1}`))})]})}import{LayoutIcon as El1,ColumnsIcon as Hl1,WidthIcon as Fl1,ImageIcon as Pl1,OpacityIcon as Nl1,ListIcon as Il1,HashIcon as Vl1,SearchIcon as Rl1}from"efficient-easel/icons";import{jsx as Tl1}from"react/jsx-runtime";var se={num:T.sectionNumber,title:"Section title",link:T.viewAll},Ll1=()=>[{key:"sample-1",title:m("First card"),excerpt:m("A line about it appears here.")},{key:"sample-2",title:m("Second card"),excerpt:m("A line about it appears here.")},{key:"sample-3",title:m("Third card"),excerpt:m("A line about it appears here.")},{key:"sample-4",title:m("Fourth card"),excerpt:m("A line about it appears here.")}],cU=(e,t)=>({slug:e.key||`card-${t}`,title:e.title??"",excerpt:e.excerpt??"",cover:e.cover??"",meta:e.meta||void 0,dateLabel:e.dateLabel||void 0,href:e.href||"#"}),hU={label:"Latest Posts",defaultProps:{num:"",title:"",linkText:"",linkHref:"/journal",columns:3,limit:3,showAll:!1},render:e=>{let t=U1(e.headPlacement)==="own-box",a=n=>t?void 0:n,s=z(e.linkText,se.link,e.puck),r=A9(e)!==""?vh(e,!!e.puck?.isEditing,Ll1()):null,i=r?r.sample?[]:r.rows.map(cU):e.posts;return Tl1(Uw,{num:a(z(e.num,se.num,e.puck)),title:a(z(e.title,se.title,e.puck)),link:a(s?{text:s,href:i1(e.linkHref)||"/journal"}:void 0),omitHead:t,posts:i,sample:r?.sample?r.rows.map(cU):void 0,columns:e.columns,limit:e.limit,showAll:e.showAll,layout:e.layout,featuredWidth:e.featuredWidth,listCover:e.listCover,featuredDarken:e.featuredDarken,cardImage:e.cardImage,gap:e.gap,nameFilter:e.nameFilter===!0,editing:e.puck?.isEditing})}};import{jsx as G8}from"react/jsx-runtime";var _l1=50,pU={fields:{_gContent:w("Content"),num:I("Number",se.num),title:W("Heading",se.title),linkText:I("Button",se.link),linkHref:N1("Link"),dataSource:fh("Cards from","Blog posts"),_gPosts:w("Blog posts"),posts:p2(ae,{snapshotCount:_l1}),_gLayout:w("Layout"),layout:w1("Arrangement",G8(El1,{}),nU,lU),columns:n1("Columns",G8(Hl1,{}),2,4,1,3),featuredWidth:n1("Featured width",G8(Fl1,{}),y7.min,y7.max,y7.step,y7.fallback,y7.unit),listCover:l1("Show cover image on the smaller cards",!0,G8(Pl1,{})),featuredDarken:n1("Darken",G8(Nl1,{}),G2.min,G2.max,G2.step,55,G2.unit),nameFilter:l1("Filter by name",!1,G8(Rl1,{})),gap:s4("Events"),showAll:l1("Show all blog posts",!1,G8(Il1,{})),limit:n1("Posts to display",G8(Vl1,{}),1,20,1,3),cardImage:H7()},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,r={...bh("Events",t,e.props,{hides:["_gPosts","posts"]})},i=n=>j1($1(n,a,Y1),e.props.headPlacement,W1.Events.headRows);if(s.showAll&&delete r.limit,s.layout==="featured")delete r.columns;else for(let n of["featuredWidth","listCover","featuredDarken"])delete r[n];if(s.layout===um||s.layout===gm)for(let n of["columns","nameFilter","cardImage"])delete r[n];return s.layout===ss&&delete r.columns,s.layout==="featured"&&delete r.nameFilter,i(r)}};import{jsx as vm}from"react/jsx-runtime";import{SettingsDefaultReset as Ol1,SettingsField as Bl1,SettingsSegmented as Dl1}from"efficient-easel/panel";import{WidthIcon as Zl1}from"efficient-easel/icons";function fm({value:e,resolved:t,onChange:a,label:s="Width",labelId:o,followsLabel:r,hint:i}){let n=e===void 0,l=n?t:e,c=m(s);return vm(Bl1,{label:c,labelId:o,icon:vm(Zl1,{}),value:n?r:void 0,changed:!n,action:vm(Ol1,{words:oC()?.panel,label:c,changed:!n,onReset:()=>a(void 0)}),hint:i,children:vm(Dl1,{options:[{label:m(fe.page),id:"content"},{label:m(fe.full),id:"full"}],value:l,ariaLabel:c,onChange:a})})}import{SettingsField as Gl1,SettingsSwitch as Wl1}from"efficient-easel/panel";import{BlockColumnIcon as ql1}from"efficient-easel/icons";import{Fragment as Ul1,jsx as Kr}from"react/jsx-runtime";function jw({value:e,onChange:t}){let a=Q5(),s={...Ae,...e},o=s[a];return Kr(Gl1,{label:m("Logo fills its column"),icon:Kr(ql1,{}),action:Kr(Wl1,{checked:o,onChange:r=>t({...s,[a]:r}),ariaLabel:m("Logo fills its column on {view}",{view:m(J5[a])})}),hint:Kr(Ul1,{children:n4(m("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:Kr("strong",{children:m(J5[a])})})})})}import{SettingsField as jl1,SettingsSwitch as Kl1}from"efficient-easel/panel";import{FullWidthIcon as $l1}from"efficient-easel/icons";import{Fragment as Yl1,jsx as $r}from"react/jsx-runtime";function Kw({value:e,onChange:t}){let a=Q5(),s={...Le,...e},o=s[a];return $r(jl1,{label:m("Logo fills its row"),icon:$r($l1,{}),action:$r(Kl1,{checked:o,onChange:r=>t({...s,[a]:r}),ariaLabel:m("Logo fills its row on {view}",{view:m(J5[a])})}),hint:$r(Yl1,{children:n4(m("Sets the {view} view \u2014 switch views in the top bar to set each one."),{view:$r("strong",{children:m(J5[a])})})})})}import{jsx as Xl1}from"react/jsx-runtime";function $w({value:e,onChange:t}){return Xl1(Ko,{label:"Columns per line",unit:m("columns"),steps:zC,value:$i(e),onChange:t})}import{useContext as Jl1,useEffect as Ql1,useRef as ec1,useState as dU}from"react";import{jsx as os,jsxs as mU}from"react/jsx-runtime";function Yr(){let e=FW();return mU("div",{className:"flex flex-wrap justify-between gap-x-6 gap-y-3 border-t border-line pt-6 font-mono text-[13px] uppercase tracking-[0.15em] text-fg-dim max-[800px]:flex-col max-[800px]:gap-3",children:[os("span",{children:e}),mU("span",{className:"flex flex-wrap items-center gap-3",children:[os("span",{children:"Privacy"}),os("span",{"aria-hidden":!0,children:"\xB7"}),os("span",{children:"Terms"}),os("span",{"aria-hidden":!0,children:"\xB7"}),os("span",{children:"Cookies"})]})]})}import{jsx as Yw,jsxs as sc1}from"react/jsx-runtime";var uU={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},tc1={1:"min-[720px]:grid-cols-1",2:"min-[720px]:grid-cols-2",3:"min-[720px]:grid-cols-3",4:"min-[720px]:grid-cols-4",5:"min-[720px]:grid-cols-5",6:"min-[720px]:grid-cols-6"},ac1={1:"min-[1100px]:grid-cols-1",2:"min-[1100px]:grid-cols-2",3:"min-[1100px]:grid-cols-3",4:"min-[1100px]:grid-cols-4",5:"min-[1100px]:grid-cols-5",6:"min-[1100px]:grid-cols-6"};function Xw({blocks:e,editing:t=!1,width:a,columns:s,logoFill:o,logoRowFill:r}){let i=Jl1(ms),{desktop:n,tablet:l,mobile:c}=$i(s),{desktop:h,tablet:p,mobile:d}={...Ae,...o},{desktop:u,tablet:v,mobile:g}={...Le,...r},b=Q5(),y=t?uU[b==="desktop"?n:b==="tablet"?l:c]:`${uU[c]} ${tc1[l]} ${ac1[n]}`,x=ec1(null),[k,S]=dU(1),[L,R]=dU(!1);if(Ql1(()=>{if(!t&&!i)return;let O=x.current;if(!O)return;let P=()=>{let j=O.querySelector(".footer-block-grid");if(!j)return;let _=t?b:LS(window.innerWidth),e1=_==="desktop"?u:_==="tablet"?v:g;R(e1);let K=_==="desktop"?h:_==="tablet"?p:d,Y=getComputedStyle(j).gridTemplateColumns.split(" ").filter(Boolean).length-1,h1=Math.max(j.childElementCount-1,0);S(!e1&&K&&Y>=1?Math.max(Math.ceil(h1/Y),1):1)},E,N=()=>{clearTimeout(E),E=setTimeout(P,0)},V=[0,80,250,600].map(j=>setTimeout(P,j)),G=new MutationObserver(N);G.observe(O,{childList:!0,subtree:!0});let H=new ResizeObserver(N);return H.observe(O),()=>{clearTimeout(E),V.forEach(clearTimeout),G.disconnect(),H.disconnect()}},[n,l,c,t,i,b,h,p,d,u,v,g]),!t&&!i)return null;let F=Pi(Ni(a))??void 0;return Yw("footer",{ref:x,className:`${t?"sf-theme-surfaces text-fg ":""}border-t border-line bg-bg px-[var(--sf-site-gutter,40px)] pb-10 pt-20 max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-14`,style:{"--footer-logo-rows":k,"--footer-logo-col":L?"1 / -1":"1"},children:sc1("div",{style:F,children:[Yw(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${y}`,minEmptyHeight:160}),Yw(Yr,{})]})})}import{jsx as oc1}from"react/jsx-runtime";var Jw={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},gU={label:"Footer",fields:Jw,defaultProps:{columns:kC,logoFill:Ae,logoRowFill:Le},render:({blocks:e,width:t,columns:a,logoFill:s,logoRowFill:o,puck:r})=>oc1(Xw,{blocks:e,width:t,columns:a,logoFill:s,logoRowFill:o,editing:r?.isEditing})};import{jsx as bm}from"react/jsx-runtime";var vU={fields:{_gLayout:w("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>bm(fm,{value:e==="full"?"full":e==="page"||e==="content"?"content":void 0,resolved:"content",followsLabel:m("Follows the page"),hint:m("Whether the footer's blocks sit on the page's column, or run edge to edge. The background always spans the screen."),onChange:a=>t(a)})},columns:{type:"custom",render:({value:e,onChange:t})=>bm($w,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>bm(jw,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>bm(Kw,{value:e,onChange:t})},_gBlocks:w("Blocks"),blockList:d6("Footer"),blocks:Jw.blocks}};import{WeightIcon as rc1,WidthIcon as ic1,PhoneIcon as nc1}from"efficient-easel/icons";import{jsx as Qw}from"react/jsx-runtime";var fU={fields:{_gStyle:w("Style"),thickness:n1("Thickness",Qw(rc1,{}),1,8,1,1,"px"),lengthPct:n1("Length",Qw(ic1,{}),10,100,1,100,"%"),hideOnMobile:l1("Hide on mobile",!1,Qw(nc1,{}))}};var bU={fields:{_gContent:w("Content"),heading:_1("Heading","Join our email list"),placeholder:U("Field placeholder","Email address"),buttonLabel:U("Button","Subscribe")}};import{AlignLeftIcon as hc1}from"efficient-easel/icons";import{jsx as xU}from"react/jsx-runtime";var lc1={start:"items-start",center:"items-center",end:"items-end"};function ey({direction:e="vertical",gap:t,align:a="start",content:s}){let o=a4("FooterGroup",t,e==="horizontal"?"inline":"block");return xU("div",{className:"min-w-0",children:xU(s,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${lc1[a]}${o.className}`,style:o.style,minEmptyHeight:80})})}import{jsx as cc1}from"react/jsx-runtime";var ty={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},wU={label:"Footer Box",fields:ty,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:s})=>cc1(ey,{direction:e,gap:t,align:a,content:s})};import{jsx as pc1}from"react/jsx-runtime";var yU={fields:{_gLayout:w("Layout"),direction:y1("Direction",Qi("`Direction` names how a container's children run \u2014 a MODIFIER, not a thing. doc/naming.md N10.1 gives the idea a dash in its Glyph column; editor-shell's own `direction` meaning says the bare row is CORRECT and not an omission (SS seat, 2026-09-11)."),[{label:"Vertical",value:"vertical"},{label:"Horizontal",value:"horizontal"}],"vertical"),gap:s4("FooterGroup"),align:y1("Alignment",pc1(hc1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:w("Blocks"),blockList:d6("FooterGroup"),blocks:ty.blocks}};import{WidthIcon as mc1,AlignLeftIcon as dc1,LogoIcon as uc1,PaddingTopIcon as gc1,PaddingRightIcon as vc1,PaddingBottomIcon as fc1,PaddingLeftIcon as bc1}from"efficient-easel/icons";import{jsx as oe}from"react/jsx-runtime";var zU={fields:{_gContent:w("Content"),tagline:_1("Body","Short brand tagline"),_gStyle:w("Style"),widthPct:n1("Width",oe(mc1,{}),40,400,1,100,"%"),align:y1("Alignment",oe(dc1,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:y1("Logo color",oe(uc1,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:n1("Padding top",oe(gc1,{}),0,120,2,0,"px"),padRight:n1("Padding right",oe(vc1,{}),0,120,2,0,"px"),padBottom:n1("Padding bottom",oe(fc1,{}),0,120,2,0,"px"),padLeft:n1("Padding left",oe(bc1,{}),0,120,2,0,"px")}};import{Button as xc1}from"efficient-shell/ui";import{SettingsField as wc1}from"efficient-easel/panel";import{FieldSelect as yc1}from"efficient-easel/fields";import{MenuIcon as zc1}from"efficient-easel/icons";import{useCallback as kc1,useEffect as kU,useState as ay}from"react";import{jsx as re,jsxs as CU}from"react/jsx-runtime";function sy({value:e,onChange:t}){let[a,s]=ay(null),[o,r]=ay(!1),i=kc1(f=>{s(f),r(!0)},[]);kU(()=>{let f=!1;return Bs(P3()).then(y=>{f||i(y)}).catch(()=>{f||s([])}),()=>{f=!0}},[i]),kU(()=>{let f=!1,y=G7(()=>{Fl(P3()).then(x=>{f||i(x)}).catch(()=>{})});return()=>{f=!0,y()}},[i]);let n=a===null,l=!!(e?.id||e?.handle),c=o&&l&&!Pl(a??[],e),h=!l&&(e?.items?.length??0)>0,p=c?"":Pl(a??[],e)?.id??"",d=f=>t({id:f.id,handle:f.handle,name:f.name,items:f.items.map(y=>({label:y.label,url:y.url}))}),u=f=>{if(!f){t(null);return}let y=(a??[]).find(x=>x.id===f);y&&d(y)},[v,g]=ay(!1),b=()=>{l&&(g(!0),Bs(P3(),!0).then(f=>{i(f);let y=Pl(f,e);y&&d(y)}).catch(()=>{}).finally(()=>g(!1)))};return CU("div",{children:[re(wc1,{label:m("Menu"),icon:re(zc1,{}),hint:!n&&a&&a.length===0?m("Create menus in {place}, then pick one here.",{place:m("Storefront \u2192 Menus")}):void 0,children:re(yc1,{value:p,ariaLabel:m("Menu"),onChange:u,readOnly:n||(a?.length??0)===0,options:[{label:n?m("Loading menus\u2026"):a&&a.length===0?m("No menus found"):m("Select a menu\u2026"),value:""},...(a??[]).map(f=>({label:`${f.name} (${f.item_count??f.items.length})`,value:f.id}))]})}),h?re("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:wE()}):null,c?re("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:yE(e?.name??m("The linked menu"))}):null,l&&!c?CU("div",{className:"mt-1.5 flex items-center justify-between gap-2",children:[re("p",{className:"text-[12px] text-fg-dim",children:Q2("Linked to \u201C{name}\u201D \u2014 {n} link. Re-pull after editing the menu:","Linked to \u201C{name}\u201D \u2014 {n} links. Re-pull after editing the menu:",e?.items?.length??0,{name:e?.name??""})}),re(xc1,{variant:"link",size:"sm",className:"shrink-0",onClick:b,disabled:v,children:v?m("Updating\u2026"):m("Update links")})]}):null]})}import{PhoneIcon as Cc1,LineBetweenIcon as Sc1}from"efficient-easel/icons";import{jsx as oy}from"react/jsx-runtime";var SU={fields:{_gContent:w("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>oy(sy,{value:e,onChange:t})},heading:U("Heading","Column heading"),_gStyle:w("Style"),accordionMobile:l1("Show as accordion on mobile",!1,oy(Cc1,{})),showDividers:l1("Dividers between links",!1,oy(Sc1,{}))}};import{jsx as Xr}from"react/jsx-runtime";var MU={small:16,medium:20,large:24},ry=0,iy=32,LU=2,Jr=0,AU={start:"justify-start",center:"justify-center",end:"justify-end"};function ny({iconStyle:e=Ke,iconSize:t="medium",align:a="start",gap:s=Jr,editing:o=!1}){let r=EW(),i=mS(un(r));if(i.length===0)return o?Xr("div",{"data-social-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:m("Add your social links")}):null;let n=MU[t]??MU.medium,c={gap:Math.min(iy,Math.max(ry,Number.isFinite(s)?s:0)),"--social-mark":`${n}px`};return Xr("ul",{"data-social-block":"","aria-label":"Social media",className:`flex list-none flex-wrap p-0 [margin:calc((44px-var(--social-mark))/-2)] max-[800px]:[margin:calc((40px-var(--social-mark))/-2)] ${AU[a]??AU.start}`,style:c,children:i.map(({platform:h,href:p,label:d})=>Xr("li",{children:Xr("a",{href:p,target:"_blank",rel:"noopener noreferrer","aria-label":`${d} (opens in a new tab)`,className:"grid h-11 w-11 place-items-center rounded text-fg transition-colors hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-4px] focus-visible:outline-current motion-reduce:transition-none max-[800px]:h-10 max-[800px]:w-10",children:Xr(ES,{platform:h,iconStyle:e,size:n})})},h))})}import{Button as Mc1}from"efficient-shell/ui";import{Fragment as Ac1,jsx as ly,jsxs as Lc1}from"react/jsx-runtime";function cy(){let{openPanel:e}=vn();return Lc1(Ac1,{children:[ly(Ne,{label:"Social links"}),ly("p",{className:"es-field-hint sf-hint-keep",children:m("The links are typed once for the whole website, in Site settings.")}),ly(Mc1,{variant:"link",size:"sm",onClick:e,children:m("Edit social links \u2192")})]})}import{StylesIcon as Tc1,TextSizeIcon as Ec1,AlignLeftIcon as Hc1,GapIcon as Fc1}from"efficient-easel/icons";import{jsx as Qr}from"react/jsx-runtime";var TU={fields:{_gStyle:w("Style"),iconStyle:y1("Icon style",Qr(Tc1,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],Ke),iconSize:y1("Icon size",Qr(Ec1,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Qr(cy,{})},_gLayout:w("Layout"),align:y1("Alignment",Qr(Hc1,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:n1("Gap",Qr(Fc1,{}),ry,iy,LU,Jr,"px")}};import{TextSizeIcon as Pc1}from"efficient-easel/icons";import{jsx as Nc1}from"react/jsx-runtime";var EU={fields:{_gContent:w("Content"),text:_1("Body","Footer text"),_gStyle:w("Style"),size:y1("Size",Nc1(Pc1,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:Lc()}};var HU={fields:{_gForm:w("Form"),formSlug:p6(),_gContent:w("Content"),heading:U("Heading override"),intro:_1("Intro"),submitText:U("Submit button"),finePrint:U("Fine print")}};var FU={fields:{}};var xm="e.g. D00123 \xB7 blank = the whole store";import{useState as W8}from"react";import{Fragment as Rc1,jsx as T3,jsxs as ei}from"react/jsx-runtime";var wm="w-full border-2 border-line bg-bg px-4 py-3.5 font-display text-[17px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent",Ic1="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",Vc1="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function hy({eyebrow:e,title:t,designCode:a,omitHead:s=!1,editing:o=!1}={}){let[r,i]=W8(""),[n,l]=W8(""),[c,h]=W8(0),[p,d]=W8(""),[u,v]=W8(""),[g,b]=W8(!1),[f,y]=W8(!1),[x,k]=W8(null);async function S(L){if(L.preventDefault(),!(o||g)){if(c<1){k("Choose a star rating.");return}b(!0),k(null);try{await f0.submitReview({authorName:r.trim(),...n.trim()?{email:n.trim()}:{},rating:c,...p.trim()?{title:p.trim()}:{},body:u.trim(),...a?.trim()?{designCode:a.trim()}:{}}),y(!0)}catch{k("Something went wrong \u2014 your review wasn't sent. Please try again.")}finally{b(!1)}}}return T3("section",{className:"relative z-[2] border-t border-line bg-surface",children:ei("div",{className:s?Vc1:Ic1,children:[s?null:ei(Rc1,{children:[(e??"").trim()&&T3(O1,{text:e??"",scaled:!1,className:"mb-4 block"}),(t??"").trim()&&T3("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(t??"",!1)})]}),f?T3("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:"Thanks \u2014 your review will appear once approved."}):ei("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:S,children:[ei("div",{className:"grid grid-cols-2 gap-3 max-[640px]:grid-cols-1",children:[T3(t3,{label:"Name",required:!0,children:T3("input",{type:"text",required:!0,value:r,onChange:L=>i(L.target.value),className:wm})}),T3(t3,{label:"Email \u2014 never shown publicly",children:T3("input",{type:"email",value:n,onChange:L=>l(L.target.value),className:wm})})]}),ei("div",{className:"flex flex-col gap-2",children:[T3(t9,{required:!0,children:"Rating"}),T3("div",{role:"group","aria-label":"Rating",className:"flex gap-1",children:[1,2,3,4,5].map(L=>T3("button",{type:"button","aria-pressed":c>=L,"aria-label":`${L} star${L===1?"":"s"}`,onClick:()=>{h(L),k(null)},className:["cursor-pointer text-[30px] leading-none transition-colors",c>=L?"text-accent":"text-fg-dim/30 hover:text-fg-dim"].join(" "),children:"\u2605"},L))})]}),T3(t3,{label:"Review title (optional)",children:T3("input",{type:"text",value:p,onChange:L=>d(L.target.value),className:wm})}),T3(t3,{label:"Your review",required:!0,children:T3("textarea",{required:!0,rows:5,value:u,onChange:L=>v(L.target.value),className:wm+" resize-y"})}),x&&T3("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:x}),T3("button",{type:o?"button":"submit",disabled:g,className:"cursor-pointer self-start bg-btn px-8 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:g?"Sending\u2026":"Submit review \u2192"})]})]})})}import{jsx as _c1}from"react/jsx-runtime";var ti={eyebrow:"Your turn",title:"Leave a *review.*"},PU={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return _c1(hy,{eyebrow:a(z(e.eyebrow,ti.eyebrow,e.puck)),title:a(z(e.title,ti.title,e.puck)),omitHead:t,designCode:i1(e.designCode)||void 0,editing:e.puck?.isEditing})}};var NU={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",ti.eyebrow),title:W("Heading",ti.title),_gSource:w("Reviews"),designCode:x3(U("Design code",xm))},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.ReviewForm.headRows)};import{StylesIcon as Kc1,HashIcon as $c1,ColumnsIcon as Yc1}from"efficient-easel/icons";import{useEffect as Oc1,useState as Bc1}from"react";function IU(e,t){let[a,s]=Bc1(null);return Oc1(()=>{let o=!1;return s(null),f0.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(r=>{o||s(r)}),()=>{o=!0}},[e,t]),a}import{Fragment as Uc1,jsx as l5,jsxs as ym}from"react/jsx-runtime";var Dc1=()=>[{id:"sample-review-1",authorName:m("Sample reviewer"),rating:5,title:m("Sample review title"),body:m("Approved customer reviews appear here automatically \u2014 this card is only a preview of the section's shape."),designCode:"",createdAt:""},{id:"sample-review-2",authorName:m("Sample reviewer"),rating:4,title:"",body:m("Reviews are collected by the Review Form section and wait for your approval before they show."),designCode:"",createdAt:""},{id:"sample-review-3",authorName:m("Sample reviewer"),rating:5,title:m("Another sample"),body:m("Set a product design code on this section to show one product's reviews; leave it blank for the whole store."),designCode:"",createdAt:""}];function Zc1(e){let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{month:"long",year:"numeric"})}function Gc1({rating:e}){let t=Math.min(5,Math.max(0,Math.round(e)));return l5("div",{role:"img","aria-label":`${t} out of 5 stars`,className:"flex gap-1 text-[length:var(--size-body,17px)] leading-none",children:Array.from({length:5}).map((a,s)=>l5("span",{"aria-hidden":!0,className:s<t?"text-accent":"text-fg-dim/30",children:"\u2605"},s))})}var Wc1="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",qc1="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function py({look:e,eyebrow:t,title:a,columns:s,limit:o,designCode:r,omitHead:i=!1,editing:n=!1}={}){let l=IU(o??6,r),c=Math.min(3,Math.max(1,s??3)),h=!(l&&l.length>0)&&n,p=l&&l.length>0?l:h?Dc1():[];return!n&&p.length===0?null:l5("section",{className:"relative z-[2] border-t border-line bg-surface",children:ym("div",{className:i?qc1:Wc1,children:[i?null:ym(Uc1,{children:[(t??"").trim()&&l5(O1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&l5("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:X(a??"",!1)})]}),l5("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--rv-cols),minmax(0,1fr))]",style:{"--rv-cols":String(c)},children:p.map(d=>ym("article",{className:["flex flex-col gap-4 bg-bg p-9 max-[800px]:p-7",h?"opacity-60":""].join(" "),children:[l5(Gc1,{rating:d.rating}),d.title.trim()&&l5("h3",{className:"font-display text-[length:var(--size-body,19px)] font-medium uppercase leading-[1.2] tracking-[-0.01em] text-fg",children:d.title}),l5("div",{className:"flex-1 font-serif text-[length:var(--size-body,15px)] leading-[1.65] text-fg-dim",children:S0(d.body).map((u,v)=>l5("p",{className:v?"mt-3":"",children:u},v))}),ym("footer",{className:"flex items-baseline justify-between gap-4 border-t border-line pt-[18px]",children:[l5("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg",children:d.authorName}),l5("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:Zc1(d.createdAt)})]})]},d.id))})]})})}import{jsx as jc1}from"react/jsx-runtime";var ai={eyebrow:"Reviews",title:"From our *customers.*"},VU={label:"Reviews",defaultProps:{eyebrow:"",title:"",columns:3,limit:6,designCode:""},render:e=>{let t=U1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return jc1(py,{look:C4(e.eyebrowLook,"Reviews"),eyebrow:a(z(e.eyebrow,ai.eyebrow,e.puck)),title:a(z(e.title,ai.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:i1(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as my}from"react/jsx-runtime";var RU={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",ai.eyebrow),eyebrowLook:w1("Eyebrow style",my(Kc1,{}),[...W4],P7("Reviews")),title:W("Heading",ai.title),_gSource:w("Reviews"),limit:n1("Reviews to display",my($c1,{}),3,12,1,6),designCode:x3(U("Design code",xm)),_gStyle:w("Style"),columns:n1("Columns",my(Yc1,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>j1($1(t,a,Y1),e.props.headPlacement,W1.Reviews.headRows)};import{FullWidthIcon as Qc1}from"efficient-easel/icons";import{jsx as dy,jsxs as Xc1}from"react/jsx-runtime";function si({place:e,sections:t,editing:a=!1,fullWidth:s=!1,navTextCase:o,menuRow:r}){let n=Xc1(e==="footer"?"footer":"div",{"data-section-group":e,...e==="header"?{"data-header-nav-case":LE(o),"data-header-menu-row":Dl(r)??"top"}:null,className:a&&e==="footer"?"sf-theme-surfaces bg-bg text-fg":void 0,style:s===!0?{"--sf-site-width":"100vw"}:void 0,children:[a?dy("p",{className:"px-5 pt-3 font-mono text-[11px] uppercase tracking-[0.15em] text-fg-dim",children:e==="header"?m("Site header \u2014 above every page"):m("Site footer \u2014 below every page")}):null,dy(t,{minEmptyHeight:120})]});return e==="header"?dy(jE,{children:n}):n}import{jsx as Jc1}from"react/jsx-runtime";var uy={sections:{type:"slot"}},_U={label:"Site Footer",fields:uy,render:({sections:e,fullWidth:t,puck:a})=>Jc1(si,{place:"footer",sections:e,fullWidth:t,editing:a?.isEditing})};import{jsx as eh1}from"react/jsx-runtime";var OU={fields:{fullWidth:l1("Full width",!1,eh1(Qc1,{})),sections:uy.sections}};import{CaseIcon as ih1,ContrastIcon as nh1,FullWidthIcon as lh1,HeightIcon as ch1,LayoutIcon as hh1,StickyIcon as ph1}from"efficient-easel/icons";import{useEffect as th1,useState as ah1}from"react";import{jsx as rh1}from"react/jsx-runtime";var sh1=["none","always","on_scroll_up"],oh1=e=>sh1.includes(e)?e:"always";function gy({sticky:e,topTextColor:t,heightPx:a,theme:s,children:o}){let r=oh1(e),i=AE(a),{headerRef:n,scrolled:l,navHidden:c}=tm({stickyMode:r,heightPx:i}),h=At(t),p=h==="auto"?null:{[_l]:h},d=Vl(s),u=Ol(Ct()),[v,g]=ah1(!1);th1(()=>{let y=n.current?.ownerDocument??document,x=()=>g(y.documentElement.getAttribute("data-theme")==="light");x();let k=new MutationObserver(x);return k.observe(y.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>k.disconnect()},[n]);let b=l||u,f=Bl(v,u);return rh1("header",{ref:n,"data-scrolled":l||void 0,"data-box-header":"",...p,className:["sf-site-header",...d?[d.className]:[],"flex flex-col justify-center",r==="none"?"absolute":"fixed","inset-x-0 top-0 z-50",b?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...d?d.style:null,minHeight:`var(${Cn}, ${i}px)`,...c?{transform:"translateY(-100%)"}:null,...b?{background:f,color:"var(--fg)","--sf-header-ground":f}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:o})}import{jsx as BU}from"react/jsx-runtime";var vy={sections:{type:"slot"}},DU={label:"Site Header",fields:vy,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,fullWidth:t,navTextCase:a,menuRow:s,sticky:o,topTextColor:r,heightPx:i,sectionAccent:n,puck:l})=>{let c=BU(si,{place:"header",sections:e,fullWidth:t,navTextCase:a,menuRow:s,editing:l?.isEditing});return l?.isEditing?BU(gy,{sticky:o,topTextColor:r,heightPx:i,theme:n,children:c}):c}};import{jsx as rs}from"react/jsx-runtime";var{sectionAccent:mh1}=Ie(e=>Zs(e)??Ds,"Follow the site theme"),ZU={fields:{heightPx:n1("Height",rs(ch1,{}),j3.min,j3.max,2,j3.default,"px"),fullWidth:l1("Full width",!1,rs(lh1,{})),sectionAccent:mh1,topTextColor:y1("Text color at the top",rs(nh1,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),navTextCase:y1("Letters",rs(ih1,{}),[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],"uppercase"),menuRow:y1("Menu row",rs(hh1,{}),[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],"top"),sticky:y1("Sticky header",rs(ph1,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),sections:vy.sections}};import{jsx as zm,jsxs as dh1}from"react/jsx-runtime";var A0={eyebrow:"Section number",title:"Show *us yours.*",body:"Tell people what they get for submitting, and what you do with what they send.",buttonText:"Submit \u2192",consent:"By submitting, you agree to our privacy policy. We never share contact details with third parties."};function oi(e,t){return e===void 0?t:e}function fy({eyebrow:e,title:t,body:a,buttonText:s,consent:o,formSlug:r,form:i,editing:n=!1,boxes:l,inBoxes:c=!1,...h}){let p=oi(e,A0.eyebrow),d=oi(t,A0.title),u=oi(a,A0.body),v=oi(s,A0.buttonText),g=oi(o,A0.consent),b=n6(r,i),f=X7({form:b,formSlug:r,editing:n}),y=b===void 0,x=!!b||n;return!x&&!p&&!d&&!u?null:c&&l?zm("section",{className:D0(h)?"border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:zm(l,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):dh1("section",{className:D0(h)?"grid grid-cols-2 items-end gap-[60px] border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-2 items-end gap-[60px] border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:[zm(fP,{eyebrow:p,title:d}),zm(Gc,{body:u,buttonLabel:v,consent:g,form:b,submission:f,showForm:x,resolving:y,editing:n})]})}var GU={fields:{_gTextStyle:w("Text style"),...Object.fromEntries(Wc.map(e=>[qc[e],w1(hv[e],Dt(hv[e]),[{label:"Section's own",value:""},...W5.map(t=>({label:me[t],value:t}))],"")])),_gContent:w("Content"),eyebrow:I("Eyebrow",A0.eyebrow),title:W("Heading",A0.title),body:W("Body",A0.body),formSlug:p6(),buttonText:I("Button",A0.buttonText),consent:W("Consent line",A0.consent)},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,o=["eyebrow","title"],r=["body","formSlug","buttonText","consent"],i=Wc.map(c=>qc[c]),n=a==="head"?o:r,l={};for(let[c,h]of Object.entries(s)){if(c.startsWith("_")){l[c]=h;continue}if(i.includes(c)){a!=="head"&&(l[c]=h);continue}n.includes(c)&&(l[c]=h)}return l}};import{jsx as uh1}from"react/jsx-runtime";var by={boxes:{type:"slot",allow:["SubmitBox"]}},WU={label:"Photo Submission Form",fields:by,defaultProps:{eyebrow:A0.eyebrow,title:A0.title,body:A0.body,formSlug:"",buttonText:A0.buttonText,consent:A0.consent},render:e=>uh1(fy,{boxes:e.boxes,inBoxes:e.layout==="boxes",eyebrow:l2(e.eyebrow,A0.eyebrow,e.puck),title:l2(e.title,A0.title,e.puck),body:l2(e.body,A0.body,e.puck),buttonText:l2(e.buttonText,A0.buttonText,e.puck),consent:l2(e.consent,A0.consent,e.puck),formSlug:i1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};var qU={fields:{_gContent:w("Content"),eyebrow:I("Eyebrow",A0.eyebrow),title:W("Heading",A0.title),body:W("Body",A0.body),_gForm:w("Form"),formSlug:p6(),_gButton:w("Button"),buttonText:I("Button",A0.buttonText),_gFootnote:w("Footnote"),consent:W("Consent line",A0.consent),boxes:by.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{_gContent:a,eyebrow:s,title:o,body:r,_gForm:i,formSlug:n,_gButton:l,buttonText:c,_gFootnote:h,consent:p,...d}=t;return d}};var gh1=["issues","posts"],UU=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],xy="issues";function wy(e){return gh1.includes(e)?e:xy}var vh1={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function jU(e,t){let a=wy(t),s={...e};for(let[o,r]of Object.entries(vh1))r.includes(a)||delete s[o];return s}import{CategoryIcon as bh1,HashIcon as xh1}from"efficient-easel/icons";var q0={headNum:T.sectionNumber,headTitle:T.headingAccent,headDesc:"A short description of your newsletter or publication.",kicker:"\u2192 Newsletter",leadTitle:"Get it in the *inbox.*",intro:"Tell readers what they get and how often. One email, straight to the inbox. We will never sell your address.",emailPlaceholder:"your@email.com",submitText:"Subscribe \u2192",subscribedText:"Subscribed \u2713",finePrint:"Approx. 1 email per week \xB7 Unsubscribe in one click",issuesHeading:"Recent issues",archiveText:"View the full archive \u2192",archiveHref:k2.href},KU=()=>["N\xB0 04","N\xB0 03","N\xB0 02","N\xB0 01"].map(e=>({n:e,title:m("Issue title"),small:m("Short description"),date:m("Month YYYY")}));function fh1(e){return e.map((t,a)=>({n:`N\xB0 ${String(e.length-a).padStart(2,"0")}`,title:t.title,small:t.meta,date:t.dateLabel}))}function km(e,t){if(e==="issues")return M1(t.issues,KU(),t.puck);let a=t.posts,s=typeof t.limit=="number"&&t.limit>0?t.limit:4,o=Array.isArray(a)?fh1(a.slice(0,s)):[];return M1(o,KU(),t.puck)}import{jsx as $U}from"react/jsx-runtime";var YU={fields:{_sHead:a0("Section header"),_gHeadCopy:w("Content"),headNum:I("Number",q0.headNum),headTitle:W("Heading",q0.headTitle),headDesc:W("Body",q0.headDesc),_sLeft:a0("Newsletter panel"),_gLeftCopy:w("Content"),kicker:I("Eyebrow",q0.kicker),leadTitle:W("Heading",q0.leadTitle),intro:W("Intro",q0.intro),_gForm:w("Signup form"),emailPlaceholder:U("Email placeholder",q0.emailPlaceholder),submitText:U("Submit button",q0.submitText),subscribedText:U("Subscribed button",q0.subscribedText),finePrint:W("Fine print",q0.finePrint),_sRight:a0("Recent issues"),_gRightCopy:w("Content"),contentType:y1("Type",$U(bh1,{}),[...UU],xy),issuesHeading:I("Panel heading",q0.issuesHeading),issues:{type:"array",label:"Issues",arrayFields:{n:z1("Number"),title:z1("Title"),small:z1("Sub-line"),date:z1("Date")},getItemSummary:e=>[e?.n,e?.title].filter(Boolean).join(" \xB7 ")||m("Issue")},_gPosts:w("Blog posts"),posts:p2(ae),limit:n1("Posts to display",$U(xh1,{}),1,6,1,4),_gArchive:w("Archive link"),archiveText:I("Archive button",q0.archiveText),archiveHref:N1("Archive link")},resolveFields:(e,{fields:t})=>jU(t,e.props.contentType)};import{HashIcon as kh1}from"efficient-easel/icons";import{useState as wh1}from"react";import{jsx as f4,jsxs as ie}from"react/jsx-runtime";var yh1="That didn't go through \u2014 please try again.";function ri({headNum:e,headTitle:t,headDesc:a,kicker:s,leadTitle:o,intro:r,emailPlaceholder:i,submitText:n,subscribedText:l,finePrint:c,issuesHeading:h,issues:p,archiveText:d,archiveHref:u,source:v=i4.subscribeSection,editing:g=!1,...b}){let[f,y]=wh1(""),{status:x,submit:k}=rc({source:v,dryRun:g}),S=x==="sent",L=x==="sending",R=x==="error"||x==="invalid",F=(p??[]).filter(N=>(N?.n??"").trim()||(N?.title??"").trim()||(N?.date??"").trim()),O=F.length>0,P=S?l||"Subscribed \u2713":L?"Sending\u2026":n||"Subscribe \u2192";function E(N){N.preventDefault(),!S&&k({email:f})}return ie("section",{className:D0(b)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-[140px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[140px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[f4(a3,{num:e,title:t?X(t,!0):void 0,desc:a,accentTracking:"-0.025em"}),ie("div",{className:O?"grid min-h-[460px] grid-cols-[1.1fr_1fr] border border-line max-[1100px]:grid-cols-1":"grid min-h-[460px] grid-cols-1 border border-line",children:[ie("div",{className:O?"flex flex-col justify-center gap-6 border-r border-line px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12":"flex flex-col justify-center gap-6 px-14 py-16 max-[1100px]:px-7 max-[1100px]:py-12",children:[s&&f4(O1,{text:s}),o&&f4("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:X(o,!0)}),r&&f4("p",{className:"max-w-[480px] font-serif text-[length:var(--size-body,19px)] italic leading-[1.5] text-fg-dim",children:M(r,!0)}),ie("form",{className:"mt-2 flex max-w-[520px]",onSubmit:E,children:[f4("input",{type:"email",placeholder:i||"your@email.com",required:!0,value:f,onChange:N=>y(N.target.value),disabled:S,className:"flex-1 border border-r-0 border-line bg-bg px-5 py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.18em] text-fg placeholder:text-fg-dim outline-none focus:border-accent"}),f4("button",{type:"submit",disabled:S||L,className:"border border-btn bg-btn px-7 py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:bg-fg hover:border-fg disabled:cursor-default disabled:opacity-90",children:U0(P)})]}),R&&f4("p",{role:"alert",className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-alert",children:yh1}),c&&f4("p",{className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:M(c)})]}),O&&ie("div",{id:"sub-recent-issues",className:"grid grid-rows-[auto_1fr_auto] gap-6 bg-[var(--journal-panel-bg)] px-11 py-12 scroll-mt-[160px] max-[1100px]:px-7 max-[1100px]:py-9",children:[h&&f4(O1,{text:h,size:12}),f4("div",{className:"flex flex-col",children:F.map((N,V)=>ie("div",{className:["grid grid-cols-[60px_1fr_auto] items-start gap-[18px] border-b border-line py-[18px]",V===0?"border-t border-line":""].join(" "),children:[f4("span",{className:"font-mono text-[length:var(--size-label,13px)] tracking-[0.22em] text-accent",children:N.n?M(N.n):""}),ie("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[N.title?M(N.title):"",N.small?.trim()&&f4("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:M(N.small,!0)})]}),f4("span",{className:"whitespace-nowrap pt-[3px] text-right font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:N.date?M(N.date):""})]},V))}),d&&f4(p0,{href:u||"/journal",className:"flex items-center justify-end gap-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-accent hover:text-fg",children:M(d)})]})]})]})}import{jsx as zh1}from"react/jsx-runtime";var i2={...q0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},XU={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=km("posts",e);return zh1(ri,{headNum:z(e.headNum,i2.headNum,e.puck),headTitle:z(e.headTitle,i2.headTitle,e.puck),headDesc:z(e.headDesc,i2.headDesc,e.puck),kicker:z(e.kicker,i2.kicker,e.puck),leadTitle:z(e.leadTitle,i2.leadTitle,e.puck),intro:z(e.intro,i2.intro,e.puck),emailPlaceholder:i1(e.emailPlaceholder)||i2.emailPlaceholder,submitText:i1(e.submitText)||i2.submitText,subscribedText:i1(e.subscribedText)||i2.subscribedText,finePrint:z(e.finePrint,i2.finePrint,e.puck),issuesHeading:z(e.issuesHeading,i2.issuesHeading,e.puck),issues:t,source:i4.subscribeBlogsSection,editing:e.puck?.isEditing,archiveText:z(e.archiveText,i2.archiveText,e.puck),archiveHref:i1(e.archiveHref)||i2.archiveHref})}};import{jsx as Ch1}from"react/jsx-runtime";var JU={fields:{_sHead:a0("Section header"),_gHeadCopy:w("Content"),headNum:I("Number",i2.headNum),headTitle:W("Heading",i2.headTitle),headDesc:W("Body",i2.headDesc),_sLeft:a0("Newsletter panel"),_gLeftCopy:w("Content"),kicker:I("Eyebrow",i2.kicker),leadTitle:W("Heading",i2.leadTitle),intro:W("Intro",i2.intro),_gForm:w("Signup form"),emailPlaceholder:U("Email placeholder",i2.emailPlaceholder),submitText:U("Submit button",i2.submitText),subscribedText:U("Subscribed button",i2.subscribedText),finePrint:W("Fine print",i2.finePrint),_sRight:a0("Recent posts"),_gRightCopy:w("Content"),issuesHeading:I("Panel heading",i2.issuesHeading),_gPosts:w("Blog posts"),posts:p2(ae),limit:n1("Posts to display",Ch1(kh1,{}),1,6,1,4),_gArchive:w("Archive link"),archiveText:I("Archive button",i2.archiveText),archiveHref:N1("Archive link")}};import{jsx as Sh1}from"react/jsx-runtime";var QU={label:"Booking box",defaultProps:{},render:e=>Sh1(nv,{region:typeof e.region=="string"?e.region:void 0,eyebrow:z(e.eyebrow,T.eyebrow,e.puck),heading:z(e.heading,T.heading,e.puck),intro:z(e.intro,T.body,e.puck),buttonLabel:z(e.buttonLabel,T.button,e.puck),successMessage:z(e.successMessage,T.bookingConfirmation,e.puck),styleStep:e.styleStep,styleName:e.styleName,styleValue:e.styleValue,styleNote:e.styleNote})};import{useEffect as yy,useState as zy}from"react";import{Fragment as Mh1,jsx as N0,jsxs as q3}from"react/jsx-runtime";var ej="border-b border-line bg-transparent py-3.5 font-display text-[length:var(--size-body,18px)] tracking-[0.01em] text-fg outline-none transition-colors focus:border-accent";function ky({routingNumber:e,routingTagline:t,groups:a,formNumber:s,formHeading:o,metaLines:r,showOther:i=!0,otherLabel:n="Other",otherNoteTitle:l,otherNoteBody:c,buttonText:h,consent:p,channels:d,formSlug:u,form:v,editing:g,initialActiveId:b,onActiveChange:f,reasonExtras:y,...x}){let k=[...a.map(Y=>Y.id),...i?[v9]:[]],S=b&&k.includes(b)?b:k[0]??v9,[L,R]=zy(S);yy(()=>{k.includes(L)||R(k[0]??v9)},[k.join("|")]),yy(()=>{b&&k.includes(b)&&R(b)},[b]);let F=Y=>{R(Y),P(null),f?.(Y)},[O,P]=zy(null),E=(d??[]).filter(Y=>!Y.hidden),N=E.find(Y=>Y.groupId===L)?.value??null,V=O??N,G=n6(u,v),H=X7({form:G,formSlug:u,editing:g}),j=G===void 0,_=!!G||!!g,[e1,K]=zy(!1);return yy(()=>{let Y=()=>K(document.documentElement.getAttribute("data-theme")==="light");Y();let h1=new MutationObserver(Y);return h1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>h1.disconnect()},[]),q3(Mh1,{children:[q3("section",{className:D0(x)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:e1?void 0:{background:"var(--section-bg)"},children:[(e||t)&&q3("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[e&&N0(O1,{text:e}),t&&N0("span",{className:"font-display text-[length:var(--size-body,14px)] uppercase tracking-[0.04em] text-fg-dim",children:M(t)})]}),N0("div",{className:"sf-card grid grid-cols-4 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:a.map(Y=>{let h1=L===Y.id;return q3("button",{type:"button",onClick:()=>{F(Y.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:G6(),block:"start"})},className:["flex min-h-[240px] cursor-pointer flex-col gap-3.5 px-7 py-9 text-left transition-colors",h1?"bg-surface outline outline-2 -outline-offset-2 outline-accent":"bg-bg hover:bg-surface"].join(" "),children:[Y.eyebrow&&N0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:Y.eyebrow}),N0("h3",{className:"whitespace-pre-line font-heading3 text-[length:var(--size-headingSmall,26px)] font-medium uppercase leading-[1.05] tracking-[-0.02em]",children:Y.title}),Y.copy&&N0("p",{className:"mt-auto font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:Y.copy}),Y.response&&q3("div",{className:"mt-2 flex justify-between border-t border-line pt-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[N0("span",{children:"Response"}),N0("strong",{className:"font-normal text-fg",children:Y.response})]})]},Y.id)})})]}),(_||E.length>0)&&q3("section",{id:"contact-form",className:["mx-auto grid max-w-[var(--sf-site-width,1600px)] scroll-mt-[80px] gap-20 border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",_&&E.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[_&&q3("div",{children:[q3("div",{className:"mb-7 flex items-end justify-between gap-6 border-b border-line pb-6",children:[q3("div",{children:[s&&N0("div",{className:"pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:M(s)}),o&&N0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4vw,56px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:X(o,!0)})]}),!!(r&&r.length)&&N0("div",{className:"text-right font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[700px]:text-left",children:r.map((Y,h1)=>N0("div",{children:Y},h1))})]}),G?H.done?N0("div",{className:"border border-accent bg-accent/[0.08] p-8 font-display text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:It(G,"Thanks \u2014 we've received your message.")}):q3("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:H.handleSubmit,children:[G.fields.map(Y=>N0(t3,{label:Y.label,required:Y.required,className:Y.type==="textarea"||Y.type==="checkbox"?"col-span-2 max-[700px]:col-span-1":void 0,children:N0(J7,{field:Y,value:H.valueOf(Y.key),onChange:h1=>H.set(Y.key,h1),className:Y.type==="textarea"?`${ej} min-h-[140px] resize-y leading-[1.5]`:Y.type==="checkbox"?"size-4 self-start accent-accent":ej})},Y.key)),q3("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[N0(t9,{required:!0,children:"Reason"}),q3("div",{className:"mt-1 flex flex-wrap gap-2",children:[a.map(Y=>{let h1=L===Y.id;return N0("button",{type:"button",onClick:()=>F(Y.id),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",h1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:Y.title},Y.id)}),i&&N0("button",{type:"button",onClick:()=>F(v9),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",L===v9?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:U0(n)})]})]}),y?.(L),L===v9&&(l||c)&&q3("div",{className:"sf-card col-span-2 flex flex-col gap-2 border border-line bg-bg/40 p-5 max-[700px]:col-span-1",children:[l&&N0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:M(l)}),c&&S0(c).map((Y,h1)=>N0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:M(Y)},h1))]}),N0(Vt,{value:H.honeypot,onChange:H.setHoneypot}),H.error&&N0("p",{role:"alert",className:"col-span-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-alert max-[700px]:col-span-1",children:H.error}),q3("div",{className:"col-span-2 mt-5 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-6 max-[700px]:col-span-1 max-[700px]:flex-col max-[700px]:items-stretch",children:[p&&N0("span",{className:"max-w-[380px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.6] tracking-[0.18em] text-fg-dim",children:M(p)}),N0("button",{type:g?"button":"submit",disabled:H.submitting,className:"cursor-pointer bg-btn px-8 py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg disabled:cursor-wait disabled:opacity-60 max-[700px]:w-full",children:H.submitting?"Sending\u2026":h?U0(h):"Send Message \u2192"})]})]}):N0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:j?m("Loading form\u2026"):m("Choose a form in the inspector, under Message form \u2014 until then this column is hidden on the live page and no message can be sent.")})]}),E.length>0&&N0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:E.map((Y,h1)=>{let B=V===Y.value,Q=!!!Y.groupId;return q3("div",{onClick:Q?()=>P(Y.value):void 0,className:["relative flex flex-col gap-2.5 border-b border-line border-l-2 px-5 py-7 transition-all",Q?"cursor-pointer border-t-2 border-t-accent":"",B?"border-l-accent pl-6":Q?"border-l-transparent hover:bg-accent/[0.04]":"border-l-transparent"].join(" "),style:B?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[B&&q3("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[N0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:"\u2192 Message routes here"}),N0("span",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.18em] text-fg-dim",children:"Other inboxes filter as spam"})]}),N0("span",{className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] transition-colors",B?"text-fg":"text-accent"].join(" "),children:Y.label}),Q?N0("a",{href:Y.href,onClick:a1=>a1.stopPropagation(),className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em] transition-colors hover:text-accent",B?"text-accent":"text-fg"].join(" "),children:Y.value}):N0("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em]",B?"text-accent":"text-fg"].join(" "),children:Y.value}),Y.sub&&N0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:Y.sub})]},`${Y.value}-${h1}`)})})]})]})}import{jsx as Ah1}from"react/jsx-runtime";var tj={label:"Contact Form",defaultProps:{routingNumber:k0.routingNumber,routingTagline:k0.routingTagline,groups:k0.groups,formSlug:"",formNumber:k0.formNumber,formHeading:k0.formHeading,metaItems:k0.metaLines.map(e=>({text:e})),showOther:k0.showOther,otherLabel:k0.otherLabel,otherNoteTitle:k0.otherNoteTitle,otherNoteBody:k0.otherNoteBody,buttonText:k0.buttonText,consent:k0.consent,channels:k0.channels},render:e=>Ah1(ky,{routingNumber:z(e.routingNumber,k0.routingNumber,e.puck),routingTagline:z(e.routingTagline,k0.routingTagline,e.puck),groups:e.groups??[],formNumber:z(e.formNumber,k0.formNumber,e.puck),formHeading:z(e.formHeading,k0.formHeading,e.puck),metaLines:(e.metaItems??[]).map(t=>t?.text??"").filter(Boolean),showOther:e.showOther,otherLabel:i1(e.otherLabel)||k0.otherLabel,otherNoteTitle:z(e.otherNoteTitle,k0.otherNoteTitle,e.puck),otherNoteBody:z(e.otherNoteBody,k0.otherNoteBody,e.puck),buttonText:i1(e.buttonText)||k0.buttonText,consent:z(e.consent,k0.consent,e.puck),channels:e.channels??[],formSlug:i1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as aj}from"react/jsx-runtime";function Cy({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return aj("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:aj("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as Lh1}from"react/jsx-runtime";var sj={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>Lh1(Cy,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as Th1}from"react";import{jsx as Sy,jsxs as oj}from"react/jsx-runtime";function My({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:s}=Au(),[o,r]=Th1("");return oj("div",{className:"w-full min-w-0",children:[e?Sy("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:X(e,!1)}):null,oj("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:i=>{i.preventDefault(),s({email:o.trim(),source:i4.footerSignup})},children:[Sy("input",{type:"email",placeholder:t,value:o,onChange:i=>r(i.target.value),className:"w-0 min-w-[7rem] flex-1 border border-line bg-transparent px-3 py-2 text-[13px] text-fg placeholder:text-fg-dim/70 focus:border-accent focus:outline-none","aria-label":z2(e??"")||"Email address"}),Sy("button",{type:"submit",className:"shrink-0 border border-btn bg-btn px-4 py-2 text-[13px] font-medium text-btn-ink transition-opacity hover:opacity-90",children:U0(a)})]})]})}import{jsx as Eh1}from"react/jsx-runtime";var rj={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:s})=>Eh1(My,{heading:b5(e,"Join our email list",s),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as Cm,jsxs as Fh1}from"react/jsx-runtime";var Hh1={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function Ay({tagline:e,widthPct:t=100,align:a="left",reverse:s=!0,padTop:o=0,padRight:r=0,padBottom:i=0,padLeft:n=0,editing:l=!1}){let{src:c,reversedSrc:h,inkIsDark:p,wordmark:d,siteName:u}=Oi(),v=Math.round(B7*(t/100)),g={...o?{paddingTop:o}:{},...r?{paddingRight:r}:{},...i?{paddingBottom:i}:{},...n?{paddingLeft:n}:{}};return Fh1("div",{className:`flex min-w-0 flex-col ${Hh1[a]} [container-type:inline-size]`,style:g,children:[Cm(T1,{href:"/","aria-label":u?`${u} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:Cm(lt,{variant:"footer",sizePx:v,src:c,reverse:s,reversedSrc:h,inkIsDark:p,wordmark:d,siteName:u,fitWordmarkToContainer:!0,fitFloorPx:GM})}),e?Cm("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:M(e)}):l?Cm("p",{className:"mt-3.5 max-w-[280px] text-[13px] italic leading-[1.5] text-fg-dim/60",children:m("Add a short brand tagline \u2192")}):null]})}import{jsx as Ph1}from"react/jsx-runtime";var ij={label:"Logo",defaultProps:{widthPct:100,align:"left",reverse:"auto",padTop:0,padRight:0,padBottom:0,padLeft:0},render:({tagline:e,widthPct:t,align:a,reverse:s,padTop:o,padRight:r,padBottom:i,padLeft:n,puck:l})=>Ph1(Ay,{tagline:e||void 0,widthPct:t,align:a,reverse:s!=="off",padTop:o,padRight:r,padBottom:i,padLeft:n,editing:l?.isEditing})};import{jsx as Nh1}from"react/jsx-runtime";var nj={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:s,puck:o})=>Nh1(js,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:s,editing:o?.isEditing})};import{jsx as Ih1}from"react/jsx-runtime";var lj={label:"Social Logos",defaultProps:{iconStyle:Ke,iconSize:"medium",align:"start",gap:Jr},render:({iconStyle:e,iconSize:t,align:a,gap:s,puck:o})=>Ih1(ny,{iconStyle:e,iconSize:t,align:a,gap:s,editing:o?.isEditing})};import{jsx as Rh1}from"react/jsx-runtime";var Vh1={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function Ly({text:e,size:t="md",tone:a="default",editing:s=!1}){let o=e||(s?m("Add a line of footer text."):"");return o?Rh1("p",{className:`${Vh1[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:M(o)}):null}import{jsx as _h1}from"react/jsx-runtime";var cj={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:s})=>_h1(Ly,{text:e||void 0,size:t,tone:a,editing:s?.isEditing})};import{jsx as Oh1}from"react/jsx-runtime";var hj={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>Oh1(gg,{formSlug:i1(e.formSlug)||void 0,heading:i1(e.heading)||void 0,intro:i1(e.intro)||void 0,submitText:i1(e.submitText)||void 0,finePrint:i1(e.finePrint)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as Bh1}from"react/jsx-runtime";var pj={label:"Legal Line",render:()=>Bh1(Yr,{})};import{jsx as Dh1}from"react/jsx-runtime";var mj={label:"Submit box",defaultProps:{},render:e=>Dh1(pv,{region:typeof e.region=="string"?e.region:void 0,eyebrow:l2(e.eyebrow,A0.eyebrow,e.puck),title:l2(e.title,A0.title,e.puck),body:l2(e.body,A0.body,e.puck),buttonText:l2(e.buttonText,A0.buttonText,e.puck),consent:l2(e.consent,A0.consent,e.puck),formSlug:i1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing,styleField:e.styleField,styleTick:e.styleTick,styleThanks:e.styleThanks})};import{jsx as Zh1}from"react/jsx-runtime";var dj={label:"Subscribe Form",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",issues:[],archiveText:"",archiveHref:""},render:({headNum:e,headTitle:t,headDesc:a,kicker:s,leadTitle:o,intro:r,emailPlaceholder:i,submitText:n,subscribedText:l,finePrint:c,issuesHeading:h,issues:p,contentType:d,posts:u,limit:v,archiveText:g,archiveHref:b,puck:f})=>Zh1(ri,{headNum:z(e,q0.headNum,f),headTitle:z(t,q0.headTitle,f),headDesc:z(a,q0.headDesc,f),kicker:z(s,q0.kicker,f),leadTitle:z(o,q0.leadTitle,f),intro:z(r,q0.intro,f),emailPlaceholder:i1(i)||q0.emailPlaceholder,submitText:i1(n)||q0.submitText,subscribedText:i1(l)||q0.subscribedText,finePrint:z(c,q0.finePrint,f),issuesHeading:z(h,q0.issuesHeading,f),issues:km(wy(d),{issues:p,posts:u,limit:v,puck:f}),source:i4.subscribeSection,editing:f?.isEditing,archiveText:z(g,q0.archiveText,f),archiveHref:i1(b)||q0.archiveHref})};var uj={AppointmentBooking:$q,BookingBox:QU,ContactRouting:tj,Events:hU,Footer:gU,FooterDivider:sj,FooterEmailSignup:rj,FooterGroup:wU,FooterLogo:ij,FooterMenu:nj,FooterSocial:lj,FooterText:cj,Form:hj,LegalLineBlock:pj,ReviewForm:PU,Reviews:VU,[pe]:_U,[w4]:DU,SubmitBox:mj,SubmitBuild:WU,Subscribe:dj,SubscribeBlogs:XU};var Gh1={AppointmentBooking:Yq,BookingBox:Xq,ContactRouting:Qq,Events:pU,Footer:vU,FooterDivider:fU,FooterEmailSignup:bU,FooterGroup:yU,FooterLogo:zU,FooterMenu:SU,FooterSocial:TU,FooterText:EU,Form:HU,LegalLineBlock:FU,ReviewForm:NU,Reviews:RU,[pe]:OU,[w4]:ZU,SubmitBox:GU,SubmitBuild:qU,Subscribe:YU,SubscribeBlogs:JU},x2=jt(uj,Gh1);import{jsx as z7,jsxs as gj}from"react/jsx-runtime";import{useEasel as Wh1}from"efficient-easel/easel";var qh1="color-mix(in oklab, var(--bg) 40%, #ffffff)",Uh1="12vh";function jh1({style:e,frameClass:t,children:a}){let{appState:s}=Wh1(u=>u),o=s.data.content,r=s.data.root;if(XS(o))return z7("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:qh1,minHeight:"100vh",paddingBottom:Uh1},children:z7("div",{style:{background:"var(--bg)"},children:a})});let i=zd(o)&&eM(r,o),n=zd(o)?tM(r,o):null,l=n?{[QS]:n}:null,c=_k(r?.widthChoice),h=c?{[Rk]:c}:null,p=i?null:kE(o),d=p?{[Rl]:p}:null;return z7("div",{className:`sf-themed-content${i?` ${KS}`:""}${t?` ${t}`:""}`,style:e,...d,...l,...h,children:z7("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function vj(e){return{frameClass:void 0,style:{"--sf-page-width":ps}}}function Kh1({w:e,children:t}){let{frameClass:a,style:s}=vj(e);return z7("div",{className:a,style:s,children:t})}function fj({propsTheme:e,propsFonts:t,propsCornerStyle:a,propsCornerRadiusPx:s,propsHeadingCompression:o,propsHeadingTypography:r,widthMode:i,fullWidth:n,pageWidth:l,pageBackground:c,chromeInheritsSiteBackground:h,suppressPreviewNav:p,footer:d,overlay:u,children:v}){let{theme:g,fonts:b,sizes:f,cornerRadiusPx:y,cardShadow:x,shadowColor:k,cardGap:S,hoverEffect:L,headingCompression:R,siteWidth:F,siteGutter:O,blockGap:P,headingTypography:E,heroBackgroundFollowsWidth:N,photographyGrayscale:V,textStyles:G,themeFromDocument:H}=F3(),j=H?e:g,_=H?t:b,e1=H?void 0:f,K=H?s===void 0?Ti[Li(a)]:Ei(s):y,Y=H?o:R,h1=fL(uL(H?void 0:G)),B=H?r:E,q=vj({widthMode:i,fullWidth:n,pageWidth:l}),Q={...ek(j),...ik(e1),...yk(B),...q.style,...h?{}:td(c)};return gj("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...Dz(_),...tk(j),...ak(j),...sk(j),...ok(j),...qm(K),...Ak(qm(K)),...vk(H?void 0:x,H?void 0:k,H?void 0:L),...Ek(H?void 0:F),...Fk(H?void 0:O),...FC(H?void 0:P),...Vk(H?void 0:N)},"data-sf-headings":bk(Y),"data-sf-card-shadow":H?void 0:dk(x),"data-sf-card-gap":H?void 0:uk(S),"data-sf-card-hover":H?void 0:gk(L),onClickCapture:p,children:[h1?z7("style",{"data-sf-text-styles":"",dangerouslySetInnerHTML:{__html:h1}}):null,gj(RV,{grayscale:H?void 0:V,children:[z7(jh1,{style:Q,frameClass:q.frameClass,children:v}),d,u]})]})}var bj=e=>{e.target?.closest?.("a")&&e.preventDefault()};function xj({pageBackground:e,inheritBackground:t=!1,w:a,children:s}){return z7("div",{style:{...t?{}:td(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:z7(Kh1,{w:a,children:s})})}import{jsx as Ey}from"react/jsx-runtime";import{ListIcon as $h1,PaddingTopIcon as Yh1}from"efficient-easel/icons";function Xh1(){return{type:"custom",render:({value:e,onChange:t})=>Ey(fm,{value:e==="full"?"full":e==="content"?"content":void 0,resolved:"content",followsLabel:m("Follows the site"),hint:m("Whether this page sits on the site's content column, or runs edge to edge."),onChange:a=>t(a)})}}var Jh1=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],zj={pageBackground:XC(),topSpace:w1("Top space",Ey(Yh1,{}),Jh1,JS),widthChoice:Xh1()},Qh1="Record type",Ty=new Map,wj=-1;function ep1(e){wj!==Dd()&&(Ty.clear(),wj=Dd());let t=Bd(),a=t.some(o=>o.key===e)?"":e,s=Ty.get(a);return s||(s=w1(Qh1,Ey($h1,{}),[...t.map(o=>({label:o.label,value:o.key})),...a?[{label:a,value:a}]:[]],mt),Ty.set(a,s)),s}var yj=new WeakMap;function kj(e,t){if(!F2()||Bd().length<2||nl in e)return e;let a=ep1(ll(t)),s=yj.get(e);if(s&&s.row===a)return s.fields;let o={[nl]:a,...e};return yj.set(e,{row:a,fields:o}),o}function Cj(e){let t={...Cs(Object.keys(e.components),e.categories?.structure?.components??[]),inspector:al};for(let[r,i]of Object.entries(e.components))el(r,i,t);let a=e.root,s=a.resolveFields,o=(r,i)=>tl(kj(r,i?.props),"page");return a.resolveFields=s?(r,i)=>{let n=s(r,i);return n instanceof Promise?n.then(l=>o(l??i.fields,r)):o(n??i.fields,r)}:(r,i)=>o(i.fields,r),t}import{Fragment as bp1,jsx as _0,jsxs as Fy}from"react/jsx-runtime";var hp1="Newsletter (built in)";var bC0=[{value:"00",label:T.label},{value:"00",label:T.label},{value:"00",label:T.label}],I0=G4,pp1={formSlug:p6(void 0,hp1),_gLeft:w("Left panel"),metaLabel:U("Meta label",I0.metaLabel),issueLabel:U("Issue label",I0.issueLabel),issueNumber:U("Issue number",I0.issueNumber),kicker:U("Eyebrow",I0.kicker),heading:_1("Heading",I0.heading),deck:_1("Deck",I0.deck),stats:{type:"array",label:"Stats",arrayFields:{label:U("Label"),value:U("Value")},getItemSummary:e=>e?.label||e?.value||"Stat"},_gForm:w("Right panel \xB7 form"),formLabel:U("Section label",I0.formLabel),formHeading:U("Heading",I0.formHeading),formIntro:_1("Intro",I0.formIntro),firstNameLabel:U("First-name label",I0.firstNameLabel),firstNamePlaceholder:U("First-name placeholder",I0.firstNamePlaceholder),emailLabel:U("Email label",I0.emailLabel),emailPlaceholder:U("Email placeholder",I0.emailPlaceholder),_gChoices:w("Right panel \xB7 choices"),interestsLabel:U("Interests label",I0.interestsLabel),interests:Z2("Interest chips",_0(y4,{noun:"tag"}),"Chip label","verbatim"),frequencyLabel:U("Frequency label",I0.frequencyLabel),frequencies:Z2("Frequency options",_0(rp1,{}),"Option label","verbatim"),_gActions:w("Right panel \xB7 actions"),submitText:U("Submit button",I0.submitText),finePrint:U("Fine print",I0.finePrint),dismissText:U("Dismiss link",I0.dismissText),emailInvalidText:U("Invalid-email error",I0.emailInvalidText),submitErrorText:U("Submit-failed error",I0.submitErrorText),_gSuccess:w("Success state"),successHeading:U("Heading",I0.successHeading),successBody:_1("Message",I0.successBody),keepBrowsingText:U("Dismiss button",I0.keepBrowsingText),...Ie(U5,Zi),...tn(),_gTextStyle:w("Text style"),...Object.fromEntries(Ki.map(e=>[wC[e],w1(od[e],Dt(od[e]),[{label:"Popup's own",value:""},...W5.map(t=>({label:me[t],value:t}))],"")])),_gBehaviour:w("Behavior"),autoOpen:l1("Show by itself",I0.autoOpen,_0(op1,{})),trigger:y1("Trigger",_0(cp1,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],I0.trigger),autoOpenDelaySec:n1("Delay",_0(Hy,{}),nd.min,nd.max,1,I0.autoOpenDelaySec,"s"),scrollPercent:n1("Scroll",_0(lp1,{}),ld.min,ld.max,5,I0.scrollPercent,"%"),showOn:y1("Pages",_0(ip1,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],I0.showOn),showOnPages:Oe("Chosen pages",[],"None"),hideAfter:y1("After close",_0(Hy,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],I0.hideAfter),hideDays:n1("Days",_0(Hy,{}),cd.min,cd.max,1,I0.hideDays),_gArrangement:w("Arrangement"),formSide:y1("Form side",_0(np1,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],I0.formSide),_gPhone:w("On a phone"),valuePanelOnPhone:l1("Left panel",I0.valuePanelOnPhone,_0(ap1,{}))},mp1=mn(pp1,"SubscribePopup");async function dp1(){return(await SC(v2()??"")).filter(t=>!ds(t.slug)).map(t=>({label:t.label,value:j8(t.slug)}))}async function up1(e){let t=hd(e),a=new Set;t.autoOpen||["trigger","autoOpenDelaySec","scrollPercent","showOn","showOnPages","hideAfter","hideDays"].forEach(o=>a.add(o)),t.trigger==="scroll"&&a.add("autoOpenDelaySec"),t.trigger!=="scroll"&&a.add("scrollPercent"),t.showOn!=="chosen"&&a.add("showOnPages"),t.hideAfter!=="days"&&a.add("hideDays");let s={};for(let[o,r]of Object.entries(mp1))a.has(o)||(s[o]=o==="showOnPages"?{...r,options:await dp1().catch(()=>[])}:r);return Ue(s)}var I5=ji,gp1={_gHeader:w("Header"),kickerBadge:U("Eyebrow badge",I5.kickerBadge),kickerText:U("Eyebrow text",I5.kickerText),titleLead:U("Heading",I5.titleLead),titleAccent:U("Heading accent",I5.titleAccent),subtitleEmpty:_1("Sub-line \xB7 empty",I5.subtitleEmpty),subtitleOne:_1("Sub-line \xB7 one set",I5.subtitleOne),subtitleMany:_1("Sub-line \xB7 several sets",I5.subtitleMany,"{count} becomes the number of sets"),_gStatus:w("Status rail"),leadTimeValue:U("Lead time",I5.leadTimeValue),shipsToFallback:U("Ships to \xB7 fallback",I5.shipsToFallback,"Shown only while the site serves no countries \u2014 otherwise the site's default country is stated"),_gPromises:w("Promise row"),promises:Z2("Trust markers",_0(Sj,{}),"Marker","verbatim"),_gEmpty:w("Empty basket"),emptyKicker:U("Eyebrow",I5.emptyKicker),emptyBody:_1("Message",I5.emptyBody)},Sm={root:{fields:{...zj},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===id)return up1(e.props);if(e?.props?.kind===sd)return gp1;let a=t;return F2()?{[Wd]:w1("Product type",_0(tp1,{}),dt,"alloy-wheel"),...a,_gHeroBullets:w("Product hero"),_nHeroBullets:$5("The promises under Add to Cart. Text before the \xB7 is bold. Leave the list empty to show no promises at all."),[_g]:Z2("Trust bullets",_0(Sj,{}),CF(no.bullets[0]),"verbatim")}:a},render:e=>{let{children:t,puck:a,widthMode:s,fullWidth:o,pageWidth:r,pageBackground:i,theme:n,fonts:l,scales:c,kind:h,previewProduct:p}=e,d=cl(typeof h=="string"?h:"",e);if(h===id){let b=hd(e);return Fy("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?_0("div",{style:{padding:"14px 18px",fontFamily:"var(--font-mono, monospace)",fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--fg-dim, #888)",borderBottom:"1px solid var(--site-line, #e5e5e5)"},children:"This is the site popup \u2014 edit it in the Settings panel \u2192"}):null,_0(FH,{inline:!0,content:b})]})}if(h===sd){let b=xC(e);return Fy("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?_0("div",{style:{padding:"14px 18px",fontFamily:"var(--font-mono, monospace)",fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--fg-dim, #888)",borderBottom:"1px solid var(--site-line, #e5e5e5)"},children:"This is the cart drawer \u2014 edit its copy in the Settings panel \u2192"}):null,_0(O7,{children:_0(nt,{preview:!0,children:_0(oo,{content:b})})})]})}let u=!!a?.isEditing,v=_0(yF,{type:Rg(e),children:_0(gF,{kind:d,children:_0(AF,{content:SF(e),children:_0(mF,{slug:u?p:null,children:_0(kH,{children:t})})})})}),g=h===yC&&!pC(i);return u?_0(fj,{propsTheme:n,propsFonts:l,widthMode:s,fullWidth:o,pageWidth:r,pageBackground:typeof i=="string"?i:void 0,suppressPreviewNav:bj,overlay:Fy(bp1,{children:[_0(kg,{}),_0(Fg,{})]}),children:v}):_0(xj,{pageBackground:i,inheritBackground:g,w:{widthMode:s,fullWidth:o,pageWidth:r},children:v})}},categories:Jy(),components:{Heading:G1.Heading,Text:G1.Text,Eyebrow:G1.Eyebrow,ImageBlock:G1.ImageBlock,LogoBlock:G1.LogoBlock,ButtonBlock:G1.ButtonBlock,Spacer:G1.Spacer,Divider:G1.Divider,Grid:G1.Grid,Flex:G1.Flex,Breadcrumb:G1.Breadcrumb,Masthead:G1.Masthead,CategoryBar:G1.CategoryBar,FeaturedCover:G1.FeaturedCover,LongRead:G1.LongRead,Series:G1.Series,Subscribe:x2.Subscribe,SubscribeBlogs:x2.SubscribeBlogs,Banner:G1.Banner,ParagraphsA:G1.ParagraphsA,StatsParagraph:G1.StatsParagraph,Timeline:G1.Timeline,Footprint:G1.Footprint,TimelineTrack:G1.TimelineTrack,TitleWithButtons:G1.TitleWithButtons,Stats:G1.Stats,Integrations:G1.Integrations,Mockup:G1.Mockup,Chart:G1.Chart,KeyFeatures:G1.KeyFeatures,Testimonials:G1.Testimonials,Reviews:x2.Reviews,Prose:G1.Prose,Cards:G1.Cards,Logos:G1.Logos,Ticker:G1.Ticker,ContactRouting:x2.ContactRouting,ContactLocations:G1.ContactLocations,HeroSingle:G1.HeroSingle,Hero:G1.Hero,HeroSlide:G1.HeroSlide,HeroGroup:G1.HeroGroup,Collections:X0.Collections,CollectionCard:X0.CollectionCard,Events:x2.Events,PostCard:G1.PostCard,DocMetaCards:G1.DocMetaCards,DocTabs:G1.DocTabs,DocMasthead:G1.DocMasthead,DocBody:G1.DocBody,FAQ:G1.FAQ,Gallery:X0.Gallery,GalleryB:X0.GalleryB,BrandStrip:X0.BrandStrip,SpecStrip:G1.SpecStrip,GalleryItem:X0.GalleryItem,Manifesto:G1.Manifesto,SectionHeader:G1.SectionHeader,IntroBleed:G1.IntroBleed,Split:G1.Split,SubmitBuild:x2.SubmitBuild,SubmitBox:x2.SubmitBox,ReviewForm:x2.ReviewForm,Form:x2.Form,AppointmentBooking:x2.AppointmentBooking,BookingBox:x2.BookingBox,CatalogFilterBar:X0.CatalogFilterBar,AlloyWheelsListing:X0.AlloyWheelsListing,ProductGrid:X0.ProductGrid,ProductHero:X0.ProductHero,SpecTable:X0.SpecTable,ProcessSteps:G1.ProcessSteps,DetailRows:X0.DetailRows,FitmentTable:X0.FitmentTable,RelatedProducts:X0.RelatedProducts,BundleOffer:X0.BundleOffer,CompatibleTyres:X0.CompatibleTyres,TyreSizes:X0.TyreSizes,TyreFitment:X0.TyreFitment,EuTyreLabel:X0.EuTyreLabel,FitmentFinder:X0.FitmentFinder,OrderSummary:G1.OrderSummary,DeliveryOptions:X0.DeliveryOptions,PaymentBadges:G1.PaymentBadges,CheckoutCTA:X0.CheckoutCTA,ProductRef:X0.ProductRef,CustomHTML:G1.CustomHTML,Header:X0.Header,Footer:x2.Footer,FooterLogo:x2.FooterLogo,FooterMenu:x2.FooterMenu,FooterDivider:x2.FooterDivider,FooterGroup:x2.FooterGroup,FooterText:x2.FooterText,FooterEmailSignup:x2.FooterEmailSignup,FooterSocial:x2.FooterSocial,LegalLineBlock:x2.LegalLineBlock,SearchBlock:X0.SearchBlock,CartBlock:X0.CartBlock,CountrySwitchBlock:X0.CountrySwitchBlock,[w4]:x2.SiteHeader,[pe]:x2.SiteFooter}},vp1={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(vp1)){let a=Sm.components;a[e]={...a[t]}}{let e=Sm.components.MenuBlock;e.fields={...e.fields,direction:y1("Direction",_0(sp1,{}),[{label:ed.column,value:"column"},{label:ed.row,value:"row"}],"column")},e.defaultProps={...e.defaultProps,direction:"column"},e.render=({menu:t,heading:a,accordionMobile:s,showDividers:o,direction:r,puck:i})=>_0(js,{menu:t,heading:a||void 0,accordionMobile:s,showDividers:o,layout:r==="row"?"row":"column",editing:i?.isEditing})}var fp1=Cj(Sm),xC0=fp1.sectionGroupAllow,Mj=Sm;var Py="wheels",xp1="collection:",wp1=60;function yp1(e){let t=e?.props?.source;return e?.type==="ProductGrid"&&!!t?.process}function zp1(e){return e.some(t=>t?.type==="CatalogFilterBar"||yp1(t))}function kp1(){return{type:"CatalogFilterBar",props:{id:"CatalogFilterBar-wheels-seed",showProcess:!0,showLugs:!0,showPrice:!0,showCount:!0,showSort:!0}}}function Cp1(e,t){let a=Ra(e);return{type:"ProductGrid",props:{id:`ProductGrid-wheels-${a}`,dynamic:!1,num:t,title:e,titleSize:X9,padTop:100,description:"",linkText:"Explore the collection",linkHref:`/wheels/collections/${a}`,columns:4,showAll:!0,limit:8,imageBackground:K5,spinOnHover:!0,source:{slug:`${xp1}${a}`,name:e,process:e,wheels:[]},fullWidth:!0,pageWidth:S7.default,products:[]}}}function Sp1(e){let t=e?AG(e):Er;return[kp1(),...t.map(a=>Cp1(a.key,a.num))]}function Aj(e,t,a){if(e!==Py)return t;let s=t?.content??[];if(zp1(s))return t;let o=Sp1(a),r=s.findIndex(n=>n?.type===fi),i=r===-1?[...s,...o]:[...s.slice(0,r),...o,...s.slice(r)];return{...t,content:i}}function Lj(e,t,a={}){let s=e?.content??[],o=a.scopeToCatalog?Sx(t):null,r=s.map(i=>{let n=i?.props?.source;if(i?.type==="CatalogFilterBar"&&o)return{...i,props:{...i.props,processOptions:o}};if(i?.type!=="ProductGrid"||!n?.process)return i;if(o&&!o.includes(n.process))return null;if(a.onlyEmpty&&(n.wheels?.length??0)>0)return i;let l=t.filter(c=>c.process===n.process).slice(0,wp1);return{...i,props:{...i.props,source:{...n,wheels:l}}}}).filter(i=>i!==null);return{...e,content:r}}var Tj={opening({slug:e,isTemplate:t,capabilities:a}){let o=a.hasCatalog&&!t&&e===Py?M2().catch(()=>[]):Promise.resolve([]);return async r=>{let i=await o,n=Aj(t||!a.hasCatalog?"":e,r,i),l=i.length?Lj(n,i,{onlyEmpty:!0}):n;if(a.hasCatalog&&gu(l)){let c=await r6().catch(()=>[]);if(c.length)return pT(l,Ip(c))}return l}},stored:e=>gu(e)?mT(e):e,storedNode:e=>uT(e)};var Mp1={wrap:Ou,panels:{header:ag},pageRows:OE,products:IE,linkFilters:VE};function Ej(e={}){return Ky({...e,registry:Mj,chrome:Mp1,documentHooks:Tj})}var Hj=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:var(--font-role-accent), Georgia, "Iowan Old Style", serif;--font-mono:var(--font-role-label), var(--font-mono-fallback);--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-zinc-600:oklch(44.2% .017 285.786);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:var(--site-radius-sm);--radius-md:var(--site-radius-md);--radius-lg:var(--site-radius-lg);--radius-xl:var(--site-radius-xl);--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-role-label), var(--font-mono-fallback);--font-display:var(--font-role-heading), "Inter", system-ui, sans-serif;--font-body:var(--font-role-body), system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-role-body);-webkit-font-smoothing:antialiased;transition:background .15s,color .15s}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;min-width:0}select{color-scheme:dark;accent-color:var(--accent)}option{color:#f5f1e8;background-color:#0a0a0a}}@layer components;@layer utilities{.\\@container,.\\[container-type\\:inline-size\\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\\[10\\%\\]{inset:10%}.inset-\\[60px\\]{inset:60px}.inset-\\[140px\\]{inset:140px}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-2\\.5{top:calc(var(--spacing) * -2.5)}.-top-\\[7px\\]{top:-7px}.-top-\\[66px\\]{top:-66px}.-top-px{top:-1px}.top-0{top:calc(var(--spacing) * 0)}.top-1\\.5{top:calc(var(--spacing) * 1.5)}.top-1\\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-\\[2px\\]{top:2px}.top-\\[10px\\]{top:10px}.top-\\[18px\\]{top:18px}.top-\\[22px\\]{top:22px}.top-\\[24px\\]{top:24px}.top-\\[67px\\]{top:67px}.top-\\[120px\\]{top:120px}.top-\\[calc\\(100\\%\\+6px\\)\\]{top:calc(100% + 6px)}.top-\\[var\\(--sf-checkout-header-h\\,88px\\)\\]{top:var(--sf-checkout-header-h,88px)}.top-\\[var\\(--sf-header-h\\,60px\\)\\]{top:var(--sf-header-h,60px)}.top-\\[var\\(--sf-header-h\\,88px\\)\\]{top:var(--sf-header-h,88px)}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-1\\.5{right:calc(var(--spacing) * -1.5)}.-right-4{right:calc(var(--spacing) * -4)}.-right-\\[9px\\]{right:-9px}.-right-\\[120px\\]{right:-120px}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-\\[10px\\]{right:10px}.right-\\[18px\\]{right:18px}.right-\\[22px\\]{right:22px}.right-\\[24px\\]{right:24px}.right-\\[var\\(--sf-hero-chrome-x\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{right:var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))}.-bottom-\\[120px\\]{bottom:-120px}.-bottom-px{bottom:-1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1\\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-\\[18px\\]{bottom:18px}.bottom-\\[80px\\]{bottom:80px}.bottom-\\[120px\\]{bottom:120px}.left-0{left:calc(var(--spacing) * 0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-\\[-1px\\]{left:-1px}.left-\\[-5px\\]{left:-5px}.left-\\[2px\\]{left:2px}.left-\\[7px\\]{left:7px}.left-\\[18px\\]{left:18px}.left-\\[var\\(--sf-hero-chrome-x\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{left:var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))}.isolate{isolation:isolate}.z-\\(--sf-layer-lightbox\\){z-index:var(--sf-layer-lightbox)}.z-0{z-index:0}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[3\\]{z-index:3}.z-\\[5\\]{z-index:5}.z-\\[6\\]{z-index:6}.z-\\[7\\]{z-index:7}.z-\\[60\\]{z-index:60}.z-\\[61\\]{z-index:61}.z-\\[90\\]{z-index:90}.z-\\[100\\]{z-index:100}.z-\\[200\\]{z-index:200}.order-2{order:2}.order-\\[-1\\]{order:-1}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\\[margin\\:calc\\(\\(44px-var\\(--social-mark\\)\\)\\/-2\\)\\]{margin:calc((44px - var(--social-mark)) / -2)}.m-0{margin:calc(var(--spacing) * 0)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-10{margin-inline:calc(var(--spacing) * -10)}.-mx-\\[var\\(--sf-site-gutter\\,40px\\)\\]{margin-inline:calc(var(--sf-site-gutter,40px) * -1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-30{margin-inline:calc(var(--spacing) * 30)}.mx-\\[6px\\]{margin-inline:6px}.mx-\\[var\\(--sf-hero-bleed-m\\,calc\\(50\\%_-_50vw\\)\\)\\]{margin-inline:var(--sf-hero-bleed-m,calc(50% - 50vw))}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.my-12{margin-block:calc(var(--spacing) * 12)}.my-20{margin-block:calc(var(--spacing) * 20)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\\[2px\\]{margin-top:2px}.mt-\\[4px\\]{margin-top:4px}.mt-\\[6px\\]{margin-top:6px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[60px\\]{margin-top:60px}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\\[18px\\]{margin-bottom:18px}.mb-\\[40px\\]{margin-bottom:40px}.mb-\\[60px\\]{margin-bottom:60px}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\\!inline{display:inline!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\\[2\\/1\\]{aspect-ratio:2}.aspect-\\[3\\/4\\]{aspect-ratio:3/4}.aspect-\\[4\\/3\\]{aspect-ratio:4/3}.aspect-\\[4\\/5\\]{aspect-ratio:4/5}.aspect-\\[5\\/3\\]{aspect-ratio:5/3}.aspect-\\[5\\/4\\]{aspect-ratio:5/4}.aspect-\\[16\\/9\\]{aspect-ratio:16/9}.aspect-\\[16\\/10\\]{aspect-ratio:16/10}.aspect-\\[21\\/9\\]{aspect-ratio:21/9}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-1\\/4{height:25%}.h-2{height:calc(var(--spacing) * 2)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-\\[2px\\]{height:2px}.h-\\[3px\\]{height:3px}.h-\\[6\\%\\]{height:6%}.h-\\[8px\\]{height:8px}.h-\\[9px\\]{height:9px}.h-\\[10px\\]{height:10px}.h-\\[11px\\]{height:11px}.h-\\[12px\\]{height:12px}.h-\\[13px\\]{height:13px}.h-\\[15px\\]{height:15px}.h-\\[16px\\]{height:16px}.h-\\[17px\\]{height:17px}.h-\\[18\\%\\]{height:18%}.h-\\[18px\\]{height:18px}.h-\\[22px\\]{height:22px}.h-\\[26px\\]{height:26px}.h-\\[30px\\]{height:30px}.h-\\[38px\\]{height:38px}.h-\\[50px\\]{height:50px}.h-\\[55\\%\\]{height:55%}.h-\\[56px\\]{height:56px}.h-\\[60px\\]{height:60px}.h-\\[70\\%\\]{height:70%}.h-\\[72\\%\\]{height:72%}.h-\\[78\\%\\]{height:78%}.h-\\[80\\%\\]{height:80%}.h-\\[88\\%\\]{height:88%}.h-\\[520px\\]{height:520px}.h-\\[min\\(560px\\,80vh\\)\\]{height:min(560px,80vh)}.h-\\[var\\(--intro-h-m\\)\\]{height:var(--intro-h-m)}.h-\\[var\\(--sf-hero-h-m\\)\\]{height:var(--sf-hero-h-m)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-5{max-height:calc(var(--spacing) * 5)}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\\[52\\%\\]{max-height:52%}.max-h-\\[72vh\\]{max-height:72vh}.max-h-\\[88vh\\]{max-height:88vh}.max-h-\\[92vh\\]{max-height:92vh}.max-h-\\[280px\\]{max-height:280px}.max-h-\\[320px\\]{max-height:320px}.max-h-\\[440px\\]{max-height:440px}.max-h-\\[calc\\(100vh-48px\\)\\]{max-height:calc(100vh - 48px)}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\\[2em\\]{min-height:2em}.min-h-\\[3em\\]{min-height:3em}.min-h-\\[34px\\]{min-height:34px}.min-h-\\[70vh\\]{min-height:70vh}.min-h-\\[72vh\\]{min-height:72vh}.min-h-\\[96px\\]{min-height:96px}.min-h-\\[100vh\\]{min-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[160px\\]{min-height:160px}.min-h-\\[240px\\]{min-height:240px}.min-h-\\[280px\\]{min-height:280px}.min-h-\\[320px\\]{min-height:320px}.min-h-\\[340px\\]{min-height:340px}.min-h-\\[420px\\]{min-height:420px}.min-h-\\[460px\\]{min-height:460px}.min-h-\\[560px\\]{min-height:560px}.min-h-\\[640px\\]{min-height:640px}.min-h-\\[680px\\]{min-height:680px}.min-h-\\[690px\\]{min-height:690px}.min-h-\\[840px\\]{min-height:840px}.min-h-\\[var\\(--intro-copy-m\\)\\]{min-height:var(--intro-copy-m)}.min-h-\\[var\\(--sf-hero-h-m\\)\\]{min-height:var(--sf-hero-h-m)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-72{width:calc(var(--spacing) * 72)}.w-\\[1\\.6em\\]{width:1.6em}.w-\\[3px\\]{width:3px}.w-\\[6\\%\\]{width:6%}.w-\\[8px\\]{width:8px}.w-\\[9px\\]{width:9px}.w-\\[10px\\]{width:10px}.w-\\[11px\\]{width:11px}.w-\\[13px\\]{width:13px}.w-\\[15px\\]{width:15px}.w-\\[16px\\]{width:16px}.w-\\[18\\%\\]{width:18%}.w-\\[18px\\]{width:18px}.w-\\[30px\\]{width:30px}.w-\\[34\\%\\]{width:34%}.w-\\[38px\\]{width:38px}.w-\\[54px\\]{width:54px}.w-\\[55\\%\\]{width:55%}.w-\\[56px\\]{width:56px}.w-\\[70\\%\\]{width:70%}.w-\\[72\\%\\]{width:72%}.w-\\[78\\%\\]{width:78%}.w-\\[80\\%\\]{width:80%}.w-\\[84px\\]{width:84px}.w-\\[88\\%\\]{width:88%}.w-\\[170px\\]{width:170px}.w-\\[220px\\]{width:220px}.w-\\[360px\\]{width:360px}.w-\\[420px\\]{width:420px}.w-\\[460px\\]{width:460px}.w-\\[520px\\]{width:520px}.w-\\[min\\(380px\\,calc\\(100vw-2\\.5rem\\)\\)\\]{width:min(380px,100vw - 2.5rem)}.w-\\[min\\(1100px\\,100\\%\\)\\]{width:min(1100px,100%)}.w-\\[min\\(1800px\\,100\\%\\)\\]{width:min(1800px,100%)}.w-\\[var\\(--sf-hero-bleed-w\\,100vw\\)\\]{width:var(--sf-hero-bleed-w,100vw)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\\[16ch\\]{max-width:16ch}.max-w-\\[34ch\\]{max-width:34ch}.max-w-\\[46ch\\]{max-width:46ch}.max-w-\\[52ch\\]{max-width:52ch}.max-w-\\[60\\%\\]{max-width:60%}.max-w-\\[60ch\\]{max-width:60ch}.max-w-\\[64\\%\\]{max-width:64%}.max-w-\\[68ch\\]{max-width:68ch}.max-w-\\[78\\%\\]{max-width:78%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[92vw\\]{max-width:92vw}.max-w-\\[100vw\\]{max-width:100vw}.max-w-\\[240px\\]{max-width:240px}.max-w-\\[280px\\]{max-width:280px}.max-w-\\[320px\\]{max-width:320px}.max-w-\\[340px\\]{max-width:340px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[440px\\]{max-width:440px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[520px\\]{max-width:520px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[600px\\]{max-width:600px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[660px\\]{max-width:660px}.max-w-\\[680px\\]{max-width:680px}.max-w-\\[720px\\]{max-width:720px}.max-w-\\[760px\\]{max-width:760px}.max-w-\\[780px\\]{max-width:780px}.max-w-\\[860px\\]{max-width:860px}.max-w-\\[900px\\]{max-width:900px}.max-w-\\[1000px\\]{max-width:1000px}.max-w-\\[1280px\\]{max-width:1280px}.max-w-\\[calc\\(var\\(--sf-site-width\\,1600px\\)\\/2_-_var\\(--sf-site-gutter\\,40px\\)\\*2_-_1px\\)\\]{max-width:calc(var(--sf-site-width,1600px) / 2 - var(--sf-site-gutter,40px) * 2 - 1px)}.max-w-\\[calc\\(var\\(--sf-site-width\\,1600px\\)_-_var\\(--sf-site-gutter\\,40px\\)\\*2\\)\\]{max-width:calc(var(--sf-site-width,1600px) - var(--sf-site-gutter,40px) * 2)}.max-w-\\[min\\(var\\(--sf-page-cap\\,var\\(--sf-site-width\\,1600px\\)\\)\\,var\\(--sf-site-width\\,1600px\\)\\)\\]{max-width:min(var(--sf-page-cap,var(--sf-site-width,1600px)), var(--sf-site-width,1600px))}.max-w-\\[var\\(--sf-hero-cap\\,none\\)\\]{max-width:var(--sf-hero-cap,none)}.max-w-\\[var\\(--sf-hero-chrome-cap\\,calc\\(min\\(var\\(--sf-page-cap\\,var\\(--sf-site-width\\,1600px\\)\\)\\,var\\(--sf-site-width\\,1600px\\)\\)_-_var\\(--sf-site-gutter\\,40px\\)\\*2\\)\\)\\]{max-width:var(--sf-hero-chrome-cap,calc(min(var(--sf-page-cap,var(--sf-site-width,1600px)), var(--sf-site-width,1600px)) - var(--sf-site-gutter,40px) * 2))}.max-w-\\[var\\(--sf-site-width\\)\\]{max-width:var(--sf-site-width)}.max-w-\\[var\\(--sf-site-width\\,1600px\\)\\]{max-width:var(--sf-site-width,1600px)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-\\[7rem\\]{min-width:7rem}.min-w-\\[36px\\]{min-width:36px}.min-w-\\[140px\\]{min-width:140px}.min-w-\\[200px\\]{min-width:200px}.min-w-\\[240px\\]{min-width:240px}.min-w-\\[280px\\]{min-width:280px}.min-w-\\[320px\\]{min-width:320px}.min-w-\\[calc\\(50\\%-4px\\)\\]{min-width:calc(50% - 4px)}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.\\[flex\\:0_0_auto\\]{flex:none}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-0{flex-basis:calc(var(--spacing) * 0)}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\\[2px\\]{--tw-translate-x:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\\[13px\\]{--tw-translate-x:13px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\\[18px\\]{--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\\[3px\\]{--tw-translate-y:calc(3px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\\[3px\\]{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\\[1\\.04\\]{scale:1.04}.scale-\\[1\\.06\\]{scale:1.06}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.\\[animation\\:sf-marquee_var\\(--sf-marquee-t\\)_linear_infinite\\]{animation:sf-marquee var(--sf-marquee-t) linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.scroll-mt-\\[80px\\]{scroll-margin-top:80px}.scroll-mt-\\[120px\\]{scroll-margin-top:120px}.scroll-mt-\\[160px\\]{scroll-margin-top:160px}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.\\[scrollbar-width\\:thin\\]{scrollbar-width:thin}.\\[scrollbar-color\\:var\\(--site-line\\)_transparent\\]{scrollbar-color:var(--site-line) transparent}.list-none{list-style-type:none}.\\[grid-template-columns\\:var\\(--hero-cols\\)\\]{grid-template-columns:var(--hero-cols)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\\[1\\.1fr_1fr\\]{grid-template-columns:1.1fr 1fr}.grid-cols-\\[1\\.2fr_1fr_1fr\\]{grid-template-columns:1.2fr 1fr 1fr}.grid-cols-\\[1\\.3fr_1fr\\]{grid-template-columns:1.3fr 1fr}.grid-cols-\\[1\\.4fr_1fr\\]{grid-template-columns:1.4fr 1fr}.grid-cols-\\[1\\.05fr_1fr\\]{grid-template-columns:1.05fr 1fr}.grid-cols-\\[1fr_1\\.2fr\\]{grid-template-columns:1fr 1.2fr}.grid-cols-\\[1fr_1\\.4fr\\]{grid-template-columns:1fr 1.4fr}.grid-cols-\\[1fr_1\\.05fr\\]{grid-template-columns:1fr 1.05fr}.grid-cols-\\[1fr_400px\\]{grid-template-columns:1fr 400px}.grid-cols-\\[1fr_420px\\]{grid-template-columns:1fr 420px}.grid-cols-\\[1fr_460px\\]{grid-template-columns:1fr 460px}.grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.grid-cols-\\[7fr_5fr\\]{grid-template-columns:7fr 5fr}.grid-cols-\\[60px_1fr_auto\\]{grid-template-columns:60px 1fr auto}.grid-cols-\\[80px_1fr\\]{grid-template-columns:80px 1fr}.grid-cols-\\[96px_1fr\\]{grid-template-columns:96px 1fr}.grid-cols-\\[240px_1fr\\]{grid-template-columns:240px 1fr}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[auto_1fr_auto\\]{grid-template-columns:auto 1fr auto}.grid-cols-\\[repeat\\(var\\(--cols\\)\\,minmax\\(0\\,1fr\\)\\)\\]{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.grid-cols-\\[var\\(--sf-events-split\\)\\]{grid-template-columns:var(--sf-events-split)}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.grid-rows-\\[auto_1fr_auto\\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-\\[1px\\]{gap:1px}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[7px\\]{gap:7px}.gap-\\[18px\\]{gap:18px}.gap-\\[21px\\]{gap:21px}.gap-\\[22px\\]{gap:22px}.gap-\\[30px\\]{gap:30px}.gap-\\[60px\\]{gap:60px}.gap-\\[72px\\]{gap:72px}.gap-\\[clamp\\(8px\\,2vw\\,24px\\)\\]{gap:clamp(8px,2vw,24px)}.gap-px{gap:1px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-14{column-gap:calc(var(--spacing) * 14)}.gap-x-16{column-gap:calc(var(--spacing) * 16)}.gap-x-\\[30px\\]{column-gap:30px}.gap-x-\\[72px\\]{column-gap:72px}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}.gap-y-\\[7px\\]{row-gap:7px}.gap-y-\\[18px\\]{row-gap:18px}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.\\[border-radius\\:var\\(--sf-section-radius\\,0px\\)\\]{border-radius:var(--sf-section-radius,0px)}.rounded-2xl{border-radius:var(--site-radius-2xl)}.rounded-\\[9px\\]{border-radius:9px}.rounded-\\[var\\(--sf-button-radius\\,6px\\)\\]{border-radius:var(--sf-button-radius,6px)}.rounded-\\[var\\(--sf-button-radius\\,999px\\)\\]{border-radius:var(--sf-button-radius,999px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--site-radius-lg)}.rounded-md{border-radius:var(--site-radius-md)}.rounded-xl{border-radius:var(--site-radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_45\\%\\,var\\(--site-line\\)\\)\\]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_45\\%\\,var\\(--site-line\\)\\)\\]{border-color:color-mix(in oklab,var(--accent) 45%,var(--site-line))}}.border-accent,.border-accent\\/35{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\\/35{border-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.border-accent\\/40{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\\/40{border-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.border-accent\\/50{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\\/50{border-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.border-accent\\/60{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-accent\\/60{border-color:color-mix(in oklab, var(--accent) 60%, transparent)}}.border-alert{border-color:var(--alert)}.border-amber-300{border-color:var(--color-amber-300)}.border-bg{border-color:var(--bg)}.border-btn{border-color:var(--btn)}.border-current{border-color:currentColor}.border-fg{border-color:var(--fg)}.border-fg-dim,.border-fg-dim\\/20{border-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.border-fg-dim\\/20{border-color:color-mix(in oklab, var(--fg-dim) 20%, transparent)}}.border-fg-dim\\/30{border-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.border-fg-dim\\/30{border-color:color-mix(in oklab, var(--fg-dim) 30%, transparent)}}.border-fg-dim\\/40{border-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.border-fg-dim\\/40{border-color:color-mix(in oklab, var(--fg-dim) 40%, transparent)}}.border-fg-dim\\/50{border-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.border-fg-dim\\/50{border-color:color-mix(in oklab, var(--fg-dim) 50%, transparent)}}.border-fg-dim\\/60{border-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.border-fg-dim\\/60{border-color:color-mix(in oklab, var(--fg-dim) 60%, transparent)}}.border-line,.border-line\\/60{border-color:var(--site-line)}@supports (color:color-mix(in lab, red, red)){.border-line\\/60{border-color:color-mix(in oklab, var(--site-line) 60%, transparent)}}.border-overlay-chrome,.border-overlay-chrome\\/10{border-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.border-overlay-chrome\\/10{border-color:color-mix(in oklab, var(--overlay-chrome) 10%, transparent)}}.border-overlay-chrome\\/15{border-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.border-overlay-chrome\\/15{border-color:color-mix(in oklab, var(--overlay-chrome) 15%, transparent)}}.border-overlay-chrome\\/25{border-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.border-overlay-chrome\\/25{border-color:color-mix(in oklab, var(--overlay-chrome) 25%, transparent)}}.border-overlay-chrome\\/60{border-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.border-overlay-chrome\\/60{border-color:color-mix(in oklab, var(--overlay-chrome) 60%, transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:#0000}.border-t-accent{border-top-color:var(--accent)}.border-l-accent{border-left-color:var(--accent)}.border-l-transparent{border-left-color:#0000}.bg-\\[var\\(--card-bg\\)\\]{background-color:var(--card-bg)}.bg-\\[var\\(--catalog-grid-bg\\)\\]{background-color:var(--catalog-grid-bg)}.bg-\\[var\\(--journal-panel-bg\\)\\]{background-color:var(--journal-panel-bg)}.bg-\\[var\\(--tooltip-bg\\)\\]{background-color:var(--tooltip-bg)}.bg-\\[var\\(--wheel-stage\\)\\]{background-color:var(--wheel-stage)}.bg-accent,.bg-accent\\/10{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\\/10{background-color:color-mix(in oklab, var(--accent) 10%, transparent)}}.bg-accent\\/15{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\\/15{background-color:color-mix(in oklab, var(--accent) 15%, transparent)}}.bg-accent\\/\\[0\\.05\\]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\\/\\[0\\.05\\]{background-color:color-mix(in oklab, var(--accent) 5%, transparent)}}.bg-accent\\/\\[0\\.08\\]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\\/\\[0\\.08\\]{background-color:color-mix(in oklab, var(--accent) 8%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-bg,.bg-bg\\/40{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/40{background-color:color-mix(in oklab, var(--bg) 40%, transparent)}}.bg-bg\\/70{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/70{background-color:color-mix(in oklab, var(--bg) 70%, transparent)}}.bg-bg\\/85{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/85{background-color:color-mix(in oklab, var(--bg) 85%, transparent)}}.bg-bg\\/95{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/95{background-color:color-mix(in oklab, var(--bg) 95%, transparent)}}.bg-btn,.bg-btn\\/\\[0\\.08\\]{background-color:var(--btn)}@supports (color:color-mix(in lab, red, red)){.bg-btn\\/\\[0\\.08\\]{background-color:color-mix(in oklab, var(--btn) 8%, transparent)}}.bg-current{background-color:currentColor}.bg-fg{background-color:var(--fg)}.bg-fg-dim{background-color:var(--fg-dim)}.bg-fg\\/5{background-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\\/5{background-color:color-mix(in oklab, var(--fg) 5%, transparent)}}.bg-green{background-color:var(--green)}.bg-line{background-color:var(--site-line)}.bg-overlay-chrome,.bg-overlay-chrome\\/25{background-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-chrome\\/25{background-color:color-mix(in oklab, var(--overlay-chrome) 25%, transparent)}}.bg-overlay-chrome\\/45{background-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-chrome\\/45{background-color:color-mix(in oklab, var(--overlay-chrome) 45%, transparent)}}.bg-overlay-fg{background-color:var(--overlay-fg)}.bg-overlay-scrim\\/40{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/40{background-color:color-mix(in oklab, var(--overlay-scrim) 40%, transparent)}}.bg-overlay-scrim\\/50{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/50{background-color:color-mix(in oklab, var(--overlay-scrim) 50%, transparent)}}.bg-overlay-scrim\\/55{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/55{background-color:color-mix(in oklab, var(--overlay-scrim) 55%, transparent)}}.bg-overlay-scrim\\/70{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/70{background-color:color-mix(in oklab, var(--overlay-scrim) 70%, transparent)}}.bg-overlay-scrim\\/80{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/80{background-color:color-mix(in oklab, var(--overlay-scrim) 80%, transparent)}}.bg-overlay-scrim\\/90{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/90{background-color:color-mix(in oklab, var(--overlay-scrim) 90%, transparent)}}.bg-overlay-scrim\\/92{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-overlay-scrim\\/92{background-color:color-mix(in oklab, var(--overlay-scrim) 92%, transparent)}}.bg-plate-band{background-color:var(--plate-band-bg)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-surface{background-color:var(--site-surface)}.bg-surface-2{background-color:var(--site-surface-2)}.bg-transparent{background-color:#0000}.bg-white\\/45{background-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.bg-white\\/45{background-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-accent{--tw-gradient-from:var(--accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-9{padding:calc(var(--spacing) * 9)}.p-10{padding:calc(var(--spacing) * 10)}.p-\\[5px\\]{padding:5px}.p-\\[18px\\]{padding:18px}.p-\\[22px\\]{padding:22px}.p-\\[30px\\]{padding:30px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-11{padding-inline:calc(var(--spacing) * 11)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-14{padding-inline:calc(var(--spacing) * 14)}.px-\\[10px\\]{padding-inline:10px}.px-\\[11px\\]{padding-inline:11px}.px-\\[18px\\]{padding-inline:18px}.px-\\[22px\\]{padding-inline:22px}.px-\\[26px\\]{padding-inline:26px}.px-\\[30px\\]{padding-inline:30px}.px-\\[60px\\]{padding-inline:60px}.px-\\[max\\(var\\(--sf-site-gutter\\,40px\\)\\,calc\\(\\(100\\%_-_var\\(--sf-page-cap\\,100\\%\\)\\)\\/2_\\+_var\\(--sf-site-gutter\\,40px\\)\\)\\)\\]{padding-inline:max(var(--sf-site-gutter,40px), calc((100% - var(--sf-page-cap,100%)) / 2 + var(--sf-site-gutter,40px)))}.px-\\[min\\(24px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(24px, var(--sf-site-gutter,40px))}.px-\\[var\\(--sf-site-gutter\\,40px\\)\\]{padding-inline:var(--sf-site-gutter,40px)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-11{padding-block:calc(var(--spacing) * 11)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\\[2px\\]{padding-block:2px}.py-\\[14px\\]{padding-block:14px}.py-\\[18px\\]{padding-block:18px}.py-\\[22px\\]{padding-block:22px}.py-\\[30px\\]{padding-block:30px}.py-\\[32px\\]{padding-block:32px}.py-\\[60px\\]{padding-block:60px}.py-\\[72px\\]{padding-block:72px}.py-\\[76px\\]{padding-block:76px}.py-\\[84px\\]{padding-block:84px}.py-\\[100px\\]{padding-block:100px}.py-\\[120px\\]{padding-block:120px}.py-\\[140px\\]{padding-block:140px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-\\[3px\\]{padding-top:3px}.pt-\\[18px\\]{padding-top:18px}.pt-\\[22px\\]{padding-top:22px}.pt-\\[26px\\]{padding-top:26px}.pt-\\[60px\\]{padding-top:60px}.pt-\\[100px\\]{padding-top:100px}.pt-\\[104px\\]{padding-top:104px}.pt-\\[140px\\]{padding-top:140px}.pt-\\[var\\(--pg-pt\\)\\]{padding-top:var(--pg-pt)}.pt-px{padding-top:1px}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-\\[52px\\]{padding-right:52px}.pr-\\[60px\\]{padding-right:60px}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-\\[18px\\]{padding-bottom:18px}.pb-\\[22px\\]{padding-bottom:22px}.pb-\\[26px\\]{padding-bottom:26px}.pb-\\[30px\\]{padding-bottom:30px}.pb-\\[40px\\]{padding-bottom:40px}.pb-\\[60px\\]{padding-bottom:60px}.pb-\\[72px\\]{padding-bottom:72px}.pb-\\[84px\\]{padding-bottom:84px}.pb-\\[100px\\]{padding-bottom:100px}.pb-\\[120px\\]{padding-bottom:120px}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-\\[2em\\]{padding-left:2em}.pl-\\[22px\\]{padding-left:22px}.pl-\\[26px\\]{padding-left:26px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-\\[family-name\\:var\\(--bk-name-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--bk-name-font,var(--font-display))}.font-\\[family-name\\:var\\(--bk-name-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--bk-name-font,var(--font-mono))}.font-\\[family-name\\:var\\(--bk-note-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--bk-note-font,var(--font-display))}.font-\\[family-name\\:var\\(--bk-note-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--bk-note-font,var(--font-mono))}.font-\\[family-name\\:var\\(--bk-step-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--bk-step-font,var(--font-mono))}.font-\\[family-name\\:var\\(--bk-value-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--bk-value-font,var(--font-display))}.font-\\[family-name\\:var\\(--bk-value-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--bk-value-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-body-font\\,var\\(--font-serif\\)\\)\\]{font-family:var(--pp-body-font,var(--font-serif))}.font-\\[family-name\\:var\\(--pp-dismiss-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--pp-dismiss-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-donebody-font\\,var\\(--font-serif\\)\\)\\]{font-family:var(--pp-donebody-font,var(--font-serif))}.font-\\[family-name\\:var\\(--pp-doneheading-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--pp-doneheading-font,var(--font-display))}.font-\\[family-name\\:var\\(--pp-fieldlabel-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--pp-fieldlabel-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-fineprint-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--pp-fineprint-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-formheading-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--pp-formheading-font,var(--font-display))}.font-\\[family-name\\:var\\(--pp-formintro-font\\,var\\(--font-serif\\)\\)\\]{font-family:var(--pp-formintro-font,var(--font-serif))}.font-\\[family-name\\:var\\(--pp-heading-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--pp-heading-font,var(--font-display))}.font-\\[family-name\\:var\\(--pp-meta-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--pp-meta-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-option-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--pp-option-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-statname-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--pp-statname-font,var(--font-mono))}.font-\\[family-name\\:var\\(--pp-statvalue-font\\,var\\(--font-display\\)\\)\\]{font-family:var(--pp-statvalue-font,var(--font-display))}.font-\\[family-name\\:var\\(--sb-field-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--sb-field-font,var(--font-mono))}.font-\\[family-name\\:var\\(--sb-thanks-font\\,var\\(--font-serif\\)\\)\\]{font-family:var(--sb-thanks-font,var(--font-serif))}.font-\\[family-name\\:var\\(--sb-tick-font\\,var\\(--font-mono\\)\\)\\]{font-family:var(--sb-tick-font,var(--font-mono))}.font-body{font-family:var(--font-role-body), system-ui, sans-serif}.font-display{font-family:var(--font-role-heading), "Inter", system-ui, sans-serif}.font-heading2{font-family:var(--font-role-heading2), "Inter", system-ui, sans-serif}.font-heading3{font-family:var(--font-role-heading3), "Inter", system-ui, sans-serif}.font-mono{font-family:var(--font-role-label), var(--font-mono-fallback)}.font-serif{font-family:var(--font-role-accent), Georgia, "Iowan Old Style", serif}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.3em\\]{font-size:.3em}.text-\\[0\\.64em\\]{font-size:.64em}.text-\\[0\\.77em\\]{font-size:.77em}.text-\\[9\\.5px\\]{font-size:9.5px}.text-\\[9px\\]{font-size:9px}.text-\\[10\\.5px\\]{font-size:10.5px}.text-\\[10px\\]{font-size:10px}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13\\.5px\\]{font-size:13.5px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[19px\\]{font-size:19px}.text-\\[20px\\]{font-size:20px}.text-\\[22px\\]{font-size:22px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-\\[32px\\]{font-size:32px}.text-\\[34px\\]{font-size:34px}.text-\\[38px\\]{font-size:38px}.text-\\[40px\\]{font-size:40px}.text-\\[clamp\\(28px\\,4vw\\,40px\\)\\]{font-size:clamp(28px,4vw,40px)}.text-\\[length\\:clamp\\(32px\\,7vw\\,80px\\)\\]{font-size:clamp(32px,7vw,80px)}.text-\\[length\\:clamp\\(40px\\,8vw\\,96px\\)\\]{font-size:clamp(40px,8vw,96px)}.text-\\[length\\:min\\(min\\(var\\(--size-headingMedium\\,clamp\\(48px\\,5\\.5vw\\,84px\\)\\)\\,var\\(--hero-name-fit\\,9999px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(min(var(--size-headingMedium,clamp(48px, 5.5vw, 84px)), var(--hero-name-fit,9999px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingLarge\\,clamp\\(48px\\,7vw\\,108px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingLarge,clamp(48px, 7vw, 108px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingLarge\\,clamp\\(56px\\,8vw\\,128px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingLarge,clamp(56px, 8vw, 128px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingLarge\\,clamp\\(64px\\,9vw\\,140px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingLarge,clamp(64px, 9vw, 140px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingLarge\\,clamp\\(64px\\,9vw\\,144px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingLarge,clamp(64px, 9vw, 144px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,36px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,36px), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,44px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,44px), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,48px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,48px), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,56px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,56px), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(28px\\,3\\.5vw\\,44px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(28px, 3.5vw, 44px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(28px\\,3\\.6vw\\,48px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(28px, 3.6vw, 48px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(28px\\,3vw\\,42px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(28px, 3vw, 42px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(34px\\,3\\.5vw\\,58px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(34px, 3.5vw, 58px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(36px\\,4\\.2vw\\,68px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(36px, 4.2vw, 68px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(36px\\,4vw\\,56px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(36px, 4vw, 56px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(36px\\,5vw\\,64px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(36px, 5vw, 64px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(40px\\,5\\.5vw\\,80px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(40px, 5.5vw, 80px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(40px\\,5vw\\,72px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(40px, 5vw, 72px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(40px\\,5vw\\,76px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(40px, 5vw, 76px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(42px\\,4\\.5vw\\,60px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(42px, 4.5vw, 60px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(56px\\,7vw\\,96px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(56px, 7vw, 96px)), var(--sf-heading-max,9999px))}.text-\\[length\\:min\\(var\\(--size-headingSmall\\,32px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingSmall,32px), var(--sf-heading-max,9999px))}.text-\\[length\\:var\\(--bk-name-size\\,12px\\)\\]{font-size:var(--bk-name-size,12px)}.text-\\[length\\:var\\(--bk-name-size\\,18px\\)\\]{font-size:var(--bk-name-size,18px)}.text-\\[length\\:var\\(--bk-note-size\\,10px\\)\\]{font-size:var(--bk-note-size,10px)}.text-\\[length\\:var\\(--bk-note-size\\,11px\\)\\]{font-size:var(--bk-note-size,11px)}.text-\\[length\\:var\\(--bk-note-size\\,14px\\)\\]{font-size:var(--bk-note-size,14px)}.text-\\[length\\:var\\(--bk-step-size\\,11px\\)\\]{font-size:var(--bk-step-size,11px)}.text-\\[length\\:var\\(--bk-step-size\\,12px\\)\\]{font-size:var(--bk-step-size,12px)}.text-\\[length\\:var\\(--bk-value-size\\,11px\\)\\]{font-size:var(--bk-value-size,11px)}.text-\\[length\\:var\\(--bk-value-size\\,12px\\)\\]{font-size:var(--bk-value-size,12px)}.text-\\[length\\:var\\(--bk-value-size\\,17px\\)\\]{font-size:var(--bk-value-size,17px)}.text-\\[length\\:var\\(--heading-size\\)\\]{font-size:var(--heading-size)}.text-\\[length\\:var\\(--intro-body-m\\)\\]{font-size:var(--intro-body-m)}.text-\\[length\\:var\\(--intro-title-m\\)\\]{font-size:var(--intro-title-m)}.text-\\[length\\:var\\(--pp-body-size\\,18px\\)\\]{font-size:var(--pp-body-size,18px)}.text-\\[length\\:var\\(--pp-dismiss-size\\,12px\\)\\]{font-size:var(--pp-dismiss-size,12px)}.text-\\[length\\:var\\(--pp-donebody-size\\,18px\\)\\]{font-size:var(--pp-donebody-size,18px)}.text-\\[length\\:var\\(--pp-doneheading-size\\,38px\\)\\]{font-size:var(--pp-doneheading-size,38px)}.text-\\[length\\:var\\(--pp-fieldlabel-size\\,12px\\)\\]{font-size:var(--pp-fieldlabel-size,12px)}.text-\\[length\\:var\\(--pp-fineprint-size\\,12px\\)\\]{font-size:var(--pp-fineprint-size,12px)}.text-\\[length\\:var\\(--pp-formheading-size\\,34px\\)\\]{font-size:var(--pp-formheading-size,34px)}.text-\\[length\\:var\\(--pp-formintro-size\\,17px\\)\\]{font-size:var(--pp-formintro-size,17px)}.text-\\[length\\:var\\(--pp-heading-size\\,clamp\\(40px\\,4\\.8vw\\,68px\\)\\)\\]{font-size:var(--pp-heading-size,clamp(40px, 4.8vw, 68px))}.text-\\[length\\:var\\(--pp-meta-size\\,12px\\)\\]{font-size:var(--pp-meta-size,12px)}.text-\\[length\\:var\\(--pp-option-size\\,12px\\)\\]{font-size:var(--pp-option-size,12px)}.text-\\[length\\:var\\(--pp-statname-size\\,11px\\)\\]{font-size:var(--pp-statname-size,11px)}.text-\\[length\\:var\\(--pp-statvalue-size\\,22px\\)\\]{font-size:var(--pp-statvalue-size,22px)}.text-\\[length\\:var\\(--sb-field-size\\,14px\\)\\]{font-size:var(--sb-field-size,14px)}.text-\\[length\\:var\\(--sb-thanks-size\\,17px\\)\\]{font-size:var(--sb-thanks-size,17px)}.text-\\[length\\:var\\(--sb-tick-size\\,12px\\)\\]{font-size:var(--sb-tick-size,12px)}.text-\\[length\\:var\\(--sf-heading-max\\,var\\(--size-headingMedium\\,38px\\)\\)\\]{font-size:var(--sf-heading-max,var(--size-headingMedium,38px))}.text-\\[length\\:var\\(--size-body\\,10px\\)\\]{font-size:var(--size-body,10px)}.text-\\[length\\:var\\(--size-body\\,11px\\)\\]{font-size:var(--size-body,11px)}.text-\\[length\\:var\\(--size-body\\,12px\\)\\]{font-size:var(--size-body,12px)}.text-\\[length\\:var\\(--size-body\\,13px\\)\\]{font-size:var(--size-body,13px)}.text-\\[length\\:var\\(--size-body\\,14px\\)\\]{font-size:var(--size-body,14px)}.text-\\[length\\:var\\(--size-body\\,15px\\)\\]{font-size:var(--size-body,15px)}.text-\\[length\\:var\\(--size-body\\,16px\\)\\]{font-size:var(--size-body,16px)}.text-\\[length\\:var\\(--size-body\\,17px\\)\\]{font-size:var(--size-body,17px)}.text-\\[length\\:var\\(--size-body\\,18px\\)\\]{font-size:var(--size-body,18px)}.text-\\[length\\:var\\(--size-body\\,19px\\)\\]{font-size:var(--size-body,19px)}.text-\\[length\\:var\\(--size-body\\,20px\\)\\]{font-size:var(--size-body,20px)}.text-\\[length\\:var\\(--size-body\\,22px\\)\\]{font-size:var(--size-body,22px)}.text-\\[length\\:var\\(--size-headingLarge\\,64px\\)\\]{font-size:var(--size-headingLarge,64px)}.text-\\[length\\:var\\(--size-headingMedium\\,40px\\)\\]{font-size:var(--size-headingMedium,40px)}.text-\\[length\\:var\\(--size-headingMedium\\,44px\\)\\]{font-size:var(--size-headingMedium,44px)}.text-\\[length\\:var\\(--size-headingMedium\\,46px\\)\\]{font-size:var(--size-headingMedium,46px)}.text-\\[length\\:var\\(--size-headingMedium\\,48px\\)\\]{font-size:var(--size-headingMedium,48px)}.text-\\[length\\:var\\(--size-headingMedium\\,56px\\)\\]{font-size:var(--size-headingMedium,56px)}.text-\\[length\\:var\\(--size-headingMedium\\,64px\\)\\]{font-size:var(--size-headingMedium,64px)}.text-\\[length\\:var\\(--size-headingMedium\\,clamp\\(48px\\,6vw\\,96px\\)\\)\\]{font-size:var(--size-headingMedium,clamp(48px, 6vw, 96px))}.text-\\[length\\:var\\(--size-headingSmall\\,20px\\)\\]{font-size:var(--size-headingSmall,20px)}.text-\\[length\\:var\\(--size-headingSmall\\,22px\\)\\]{font-size:var(--size-headingSmall,22px)}.text-\\[length\\:var\\(--size-headingSmall\\,24px\\)\\]{font-size:var(--size-headingSmall,24px)}.text-\\[length\\:var\\(--size-headingSmall\\,26px\\)\\]{font-size:var(--size-headingSmall,26px)}.text-\\[length\\:var\\(--size-headingSmall\\,27px\\)\\]{font-size:var(--size-headingSmall,27px)}.text-\\[length\\:var\\(--size-headingSmall\\,28px\\)\\]{font-size:var(--size-headingSmall,28px)}.text-\\[length\\:var\\(--size-headingSmall\\,30px\\)\\]{font-size:var(--size-headingSmall,30px)}.text-\\[length\\:var\\(--size-headingSmall\\,34px\\)\\]{font-size:var(--size-headingSmall,34px)}.text-\\[length\\:var\\(--size-headingSmall\\,clamp\\(22px\\,2\\.4vw\\,32px\\)\\)\\]{font-size:var(--size-headingSmall,clamp(22px, 2.4vw, 32px))}.text-\\[length\\:var\\(--size-label\\,8px\\)\\]{font-size:var(--size-label,8px)}.text-\\[length\\:var\\(--size-label\\,9px\\)\\]{font-size:var(--size-label,9px)}.text-\\[length\\:var\\(--size-label\\,10px\\)\\]{font-size:var(--size-label,10px)}.text-\\[length\\:var\\(--size-label\\,11px\\)\\]{font-size:var(--size-label,11px)}.text-\\[length\\:var\\(--size-label\\,12px\\)\\]{font-size:var(--size-label,12px)}.text-\\[length\\:var\\(--size-label\\,13px\\)\\]{font-size:var(--size-label,13px)}.text-\\[length\\:var\\(--size-label\\,14px\\)\\]{font-size:var(--size-label,14px)}.text-\\[length\\:var\\(--size-label\\,15px\\)\\]{font-size:var(--size-label,15px)}.text-\\[length\\:var\\(--size-label\\,16px\\)\\]{font-size:var(--size-label,16px)}.text-\\[length\\:var\\(--size-label\\,21px\\)\\]{font-size:var(--size-label,21px)}.text-\\[length\\:var\\(--size-label\\,24px\\)\\]{font-size:var(--size-label,24px)}.text-\\[min\\(44px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(44px, var(--sf-heading-max,9999px))}.text-\\[min\\(64px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(64px, var(--sf-heading-max,9999px))}.text-\\[min\\(clamp\\(30px\\,5vw\\,50px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(clamp(30px, 5vw, 50px), var(--sf-heading-max,9999px))}.text-\\[min\\(clamp\\(40px\\,5vw\\,72px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(clamp(40px, 5vw, 72px), var(--sf-heading-max,9999px))}.leading-\\[0\\.8\\]{--tw-leading:.8;line-height:.8}.leading-\\[0\\.9\\]{--tw-leading:.9;line-height:.9}.leading-\\[0\\.88\\]{--tw-leading:.88;line-height:.88}.leading-\\[0\\.92\\]{--tw-leading:.92;line-height:.92}.leading-\\[0\\.94\\]{--tw-leading:.94;line-height:.94}.leading-\\[0\\.95\\]{--tw-leading:.95;line-height:.95}.leading-\\[0\\.98\\]{--tw-leading:.98;line-height:.98}.leading-\\[1\\.1\\]{--tw-leading:1.1;line-height:1.1}.leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.04\\]{--tw-leading:1.04;line-height:1.04}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.05\\]{--tw-leading:1.05;line-height:1.05}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[1\\.6\\]{--tw-leading:1.6;line-height:1.6}.leading-\\[1\\.7\\]{--tw-leading:1.7;line-height:1.7}.leading-\\[1\\.8\\]{--tw-leading:1.8;line-height:1.8}.leading-\\[1\\.9\\]{--tw-leading:1.9;line-height:1.9}.leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-\\[1\\.55\\]{--tw-leading:1.55;line-height:1.55}.leading-\\[1\\.65\\]{--tw-leading:1.65;line-height:1.65}.leading-\\[2\\.1\\]{--tw-leading:2.1;line-height:2.1}.leading-\\[19px\\]{--tw-leading:19px;line-height:19px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\\[font-weight\\:var\\(--sf-heading-2-weight\\,var\\(--sf-heading-weight\\,500\\)\\)\\]{font-weight:var(--sf-heading-2-weight,var(--sf-heading-weight,500))}.\\[font-weight\\:var\\(--sf-heading-3-weight\\,var\\(--sf-heading-weight\\,500\\)\\)\\]{font-weight:var(--sf-heading-3-weight,var(--sf-heading-weight,500))}.\\[font-weight\\:var\\(--sf-heading-weight\\,500\\)\\]{font-weight:var(--sf-heading-weight,500)}.\\[font-weight\\:var\\(--sf-heading-weight-strong\\,500\\)\\]{font-weight:var(--sf-heading-weight-strong,500)}.\\[font-weight\\:var\\(--sf-heading-weight-strong\\,600\\)\\]{font-weight:var(--sf-heading-weight-strong,600)}.tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[-0\\.02em\\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\\[-0\\.03em\\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.005em\\]{--tw-tracking:-.005em;letter-spacing:-.005em}.tracking-\\[-0\\.015em\\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\\[-0\\.025em\\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\\[-0\\.035em\\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\\[0\\.01em\\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-\\[0\\.1em\\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\\[0\\.2em\\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\\[0\\.3em\\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\\[0\\.04em\\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\\[0\\.005em\\]{--tw-tracking:.005em;letter-spacing:.005em}.tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-\\[0\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\\[0\\.08em\\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\\[0\\.12em\\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\\[0\\.14em\\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\\[0\\.15em\\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\\[0\\.16em\\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\\[0\\.18em\\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\\[0\\.22em\\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\\[0\\.24em\\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\\[0\\.25em\\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\\[0\\.26em\\]{--tw-tracking:.26em;letter-spacing:.26em}.tracking-\\[0\\.28em\\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-\\[0\\.32em\\]{--tw-tracking:.32em;letter-spacing:.32em}.tracking-\\[0\\.34em\\]{--tw-tracking:.34em;letter-spacing:.34em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[color\\:var\\(--alert\\)\\]{color:var(--alert)}.text-\\[var\\(--ink-faint\\)\\]{color:var(--ink-faint)}.text-\\[var\\(--ink-faintest\\)\\]{color:var(--ink-faintest)}.text-\\[var\\(--ink-muted\\)\\]{color:var(--ink-muted)}.text-\\[var\\(--sf-muted\\)\\]{color:var(--sf-muted)}.text-\\[var\\(--sf-text-secondary\\)\\]{color:var(--sf-text-secondary)}.text-\\[var\\(--sf-warning\\,\\#b45309\\)\\]{color:var(--sf-warning,#b45309)}.text-accent{color:var(--accent)}.text-accent-ink{color:var(--accent-ink)}.text-accent\\/70{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.text-accent\\/70{color:color-mix(in oklab, var(--accent) 70%, transparent)}}.text-accent\\/80{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.text-accent\\/80{color:color-mix(in oklab, var(--accent) 80%, transparent)}}.text-alert{color:var(--alert)}.text-amber-800{color:var(--color-amber-800)}.text-bg,.text-bg\\/80{color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.text-bg\\/80{color:color-mix(in oklab, var(--bg) 80%, transparent)}}.text-black{color:var(--color-black)}.text-btn{color:var(--btn)}.text-btn-ink{color:var(--btn-ink)}.text-fg{color:var(--fg)}.text-fg-dim,.text-fg-dim\\/30{color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.text-fg-dim\\/30{color:color-mix(in oklab, var(--fg-dim) 30%, transparent)}}.text-fg-dim\\/40{color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.text-fg-dim\\/40{color:color-mix(in oklab, var(--fg-dim) 40%, transparent)}}.text-fg-dim\\/50{color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.text-fg-dim\\/50{color:color-mix(in oklab, var(--fg-dim) 50%, transparent)}}.text-fg-dim\\/60{color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.text-fg-dim\\/60{color:color-mix(in oklab, var(--fg-dim) 60%, transparent)}}.text-fg-dim\\/70{color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.text-fg-dim\\/70{color:color-mix(in oklab, var(--fg-dim) 70%, transparent)}}.text-fg\\/40{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/40{color:color-mix(in oklab, var(--fg) 40%, transparent)}}.text-fg\\/50{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/50{color:color-mix(in oklab, var(--fg) 50%, transparent)}}.text-fg\\/60{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/60{color:color-mix(in oklab, var(--fg) 60%, transparent)}}.text-fg\\/65{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/65{color:color-mix(in oklab, var(--fg) 65%, transparent)}}.text-fg\\/70{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/70{color:color-mix(in oklab, var(--fg) 70%, transparent)}}.text-fg\\/75{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/75{color:color-mix(in oklab, var(--fg) 75%, transparent)}}.text-fg\\/85{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.text-fg\\/85{color:color-mix(in oklab, var(--fg) 85%, transparent)}}.text-green{color:var(--green)}.text-overlay-chrome\\/45{color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.text-overlay-chrome\\/45{color:color-mix(in oklab, var(--overlay-chrome) 45%, transparent)}}.text-overlay-chrome\\/55{color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.text-overlay-chrome\\/55{color:color-mix(in oklab, var(--overlay-chrome) 55%, transparent)}}.text-overlay-fg,.text-overlay-fg\\/70{color:var(--overlay-fg)}@supports (color:color-mix(in lab, red, red)){.text-overlay-fg\\/70{color:color-mix(in oklab, var(--overlay-fg) 70%, transparent)}}.text-overlay-fg\\/80{color:var(--overlay-fg)}@supports (color:color-mix(in lab, red, red)){.text-overlay-fg\\/80{color:color-mix(in oklab, var(--overlay-fg) 80%, transparent)}}.text-overlay-fg\\/85{color:var(--overlay-fg)}@supports (color:color-mix(in lab, red, red)){.text-overlay-fg\\/85{color:color-mix(in oklab, var(--overlay-fg) 85%, transparent)}}.text-overlay-scrim{color:var(--overlay-scrim)}.text-plate-band-fg{color:var(--plate-band-fg)}.text-plate-band-fg-dim{color:var(--plate-band-fg-dim)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-zinc-600{color:var(--color-zinc-600)}.\\[text-transform\\:var\\(--sf-heading-case\\,uppercase\\)\\]{text-transform:var(--sf-heading-case,uppercase)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.italic\\!{font-style:italic!important}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.underline-offset-\\[0\\.18em\\]{text-underline-offset:.18em}.underline-offset-\\[3px\\]{text-underline-offset:3px}.accent-\\[var\\(--accent\\)\\],.accent-accent{accent-color:var(--accent)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_6px_20px_rgba\\(0\\,0\\,0\\,0\\.10\\)\\]{--tw-shadow:0 6px 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,\\.4\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_8px_30px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_30px_rgba\\(0\\,0\\,0\\,\\.35\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_20px_60px_rgba\\(0\\,0\\,0\\,\\.45\\)\\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_60px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_60px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_60px_rgba\\(0\\,0\\,0\\,0\\.55\\)\\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_var\\(--site-line\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--site-line));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-accent{--tw-ring-color:var(--accent)}.ring-fg,.ring-fg\\/30{--tw-ring-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.ring-fg\\/30{--tw-ring-color:color-mix(in oklab, var(--fg) 30%, transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-surface{--tw-ring-offset-color:var(--site-surface)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.-outline-offset-1{outline-offset:calc(1px * -1)}.-outline-offset-2{outline-offset:calc(2px * -1)}.outline-offset-2{outline-offset:2px}.outline-accent{outline-color:var(--accent)}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\\[filter\\:brightness\\(0\\.5\\)\\]{filter:brightness(.5)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\\[4px\\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\\[6px\\]{--tw-backdrop-blur:blur(6px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\\[8px\\]{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background\\,border-color\\,transform\\]{transition-property:background,border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background\\,opacity\\]{transition-property:background,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,filter\\,opacity\\]{transition-property:transform,filter,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\\[transition-timing-function\\:cubic-bezier\\(\\.2\\,\\.6\\,\\.2\\,1\\)\\]{transition-timing-function:cubic-bezier(.2,.6,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[background\\:rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{background:#0006}.\\[direction\\:ltr\\]{direction:ltr}.\\[direction\\:rtl\\]{direction:rtl}.\\[storefront\\:chrome-load-failed\\]{storefront:chrome-load-failed}@media (hover:hover){.group-hover\\:block:is(:where(.group):hover *){display:block}.group-hover\\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:translate-x-\\[3px\\]:is(:where(.group):hover *){--tw-translate-x:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:translate-x-\\[4px\\]:is(:where(.group):hover *){--tw-translate-x:4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:translate-x-\\[6px\\]:is(:where(.group):hover *){--tw-translate-x:6px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-\\[1\\.03\\]:is(:where(.group):hover *){scale:1.03}.group-hover\\:scale-\\[1\\.04\\]:is(:where(.group):hover *){scale:1.04}.group-hover\\:scale-\\[1\\.06\\]:is(:where(.group):hover *){scale:1.06}.group-hover\\:rotate-\\[60deg\\]:is(:where(.group):hover *){rotate:60deg}.group-hover\\:rotate-\\[72deg\\]:is(:where(.group):hover *){rotate:72deg}.group-hover\\:bg-\\[var\\(--card-bg-hover\\)\\]:is(:where(.group):hover *){background-color:var(--card-bg-hover)}.group-hover\\:text-accent:is(:where(.group):hover *){color:var(--accent)}.group-hover\\:text-fg:is(:where(.group):hover *){color:var(--fg)}.group-hover\\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-hover\\:\\[filter\\:brightness\\(0\\.5\\)\\]:is(:where(.group):hover *){filter:brightness(.5)}.group-hover\\:\\[background\\:rgba\\(0\\,0\\,0\\,0\\.3\\)\\]:is(:where(.group):hover *){background:#0000004d}.group-hover\\/kf\\:text-accent:is(:where(.group\\/kf):hover *){color:var(--accent)}}.placeholder\\:tracking-\\[0\\.04em\\]::placeholder{--tw-tracking:.04em;letter-spacing:.04em}.placeholder\\:text-fg-dim::placeholder,.placeholder\\:text-fg-dim\\/70::placeholder{color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-fg-dim\\/70::placeholder{color:color-mix(in oklab, var(--fg-dim) 70%, transparent)}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:-top-0\\.5:before{content:var(--tw-content);top:calc(var(--spacing) * -.5)}.before\\:left-1\\.5:before{content:var(--tw-content);left:calc(var(--spacing) * 1.5)}.before\\:text-\\[6px\\]:before{content:var(--tw-content);font-size:6px}.before\\:text-\\[length\\:var\\(--size-body\\,24px\\)\\]:before{content:var(--tw-content);font-size:var(--size-body,24px)}.before\\:leading-none:before{content:var(--tw-content);--tw-leading:1;line-height:1}.before\\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\\:text-accent:before{content:var(--tw-content);color:var(--accent)}.before\\:content-\\[\\'\\b7 \\'\\]:before{--tw-content:"\\b7 ";content:var(--tw-content)}.before\\:content-\\[\\'\\25cf \\'\\]:before{--tw-content:"\\25cf ";content:var(--tw-content)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-x-0:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.after\\:-bottom-1:after{content:var(--tw-content);bottom:calc(var(--spacing) * -1)}.after\\:h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:bg-accent:after{content:var(--tw-content);background-color:var(--accent)}.first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_50\\%\\,var\\(--site-line\\)\\)\\]:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_50\\%\\,var\\(--site-line\\)\\)\\]:hover{border-color:color-mix(in oklab,var(--accent) 50%,var(--site-line))}}.hover\\:border-accent:hover,.hover\\:border-accent\\/60:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-accent\\/60:hover{border-color:color-mix(in oklab, var(--accent) 60%, transparent)}}.hover\\:border-btn-2:hover{border-color:var(--btn-2)}.hover\\:border-fg:hover{border-color:var(--fg)}.hover\\:border-fg-dim:hover{border-color:var(--fg-dim)}.hover\\:border-overlay-chrome:hover,.hover\\:border-overlay-chrome\\/45:hover{border-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-overlay-chrome\\/45:hover{border-color:color-mix(in oklab, var(--overlay-chrome) 45%, transparent)}}.hover\\:bg-\\[color-mix\\(in_oklab\\,var\\(--site-surface\\)_60\\%\\,transparent\\)\\]:hover{background-color:var(--site-surface)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklab\\,var\\(--site-surface\\)_60\\%\\,transparent\\)\\]:hover{background-color:color-mix(in oklab,var(--site-surface) 60%,transparent)}}.hover\\:bg-\\[rgba\\(245\\,241\\,232\\,0\\.1\\)\\]:hover{background-color:#f5f1e81a}.hover\\:bg-\\[var\\(--card-bg\\)\\]:hover{background-color:var(--card-bg)}.hover\\:bg-\\[var\\(--card-bg-hover\\)\\]:hover{background-color:var(--card-bg-hover)}.hover\\:bg-accent\\/10:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/10:hover{background-color:color-mix(in oklab, var(--accent) 10%, transparent)}}.hover\\:bg-accent\\/\\[0\\.04\\]:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/\\[0\\.04\\]:hover{background-color:color-mix(in oklab, var(--accent) 4%, transparent)}}.hover\\:bg-btn:hover{background-color:var(--btn)}.hover\\:bg-btn-2:hover{background-color:var(--btn-2)}.hover\\:bg-fg:hover,.hover\\:bg-fg\\/5:hover{background-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-fg\\/5:hover{background-color:color-mix(in oklab, var(--fg) 5%, transparent)}}.hover\\:bg-fg\\/\\[0\\.04\\]:hover{background-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-fg\\/\\[0\\.04\\]:hover{background-color:color-mix(in oklab, var(--fg) 4%, transparent)}}.hover\\:bg-overlay-chrome\\/70:hover{background-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-overlay-chrome\\/70:hover{background-color:color-mix(in oklab, var(--overlay-chrome) 70%, transparent)}}.hover\\:bg-overlay-chrome\\/85:hover{background-color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-overlay-chrome\\/85:hover{background-color:color-mix(in oklab, var(--overlay-chrome) 85%, transparent)}}.hover\\:bg-overlay-scrim\\/30:hover{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-overlay-scrim\\/30:hover{background-color:color-mix(in oklab, var(--overlay-scrim) 30%, transparent)}}.hover\\:bg-overlay-scrim\\/40:hover{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-overlay-scrim\\/40:hover{background-color:color-mix(in oklab, var(--overlay-scrim) 40%, transparent)}}.hover\\:bg-overlay-scrim\\/70:hover{background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-overlay-scrim\\/70:hover{background-color:color-mix(in oklab, var(--overlay-scrim) 70%, transparent)}}.hover\\:bg-surface:hover{background-color:var(--site-surface)}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\\:bg-white\\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\\:text-accent:hover{color:var(--accent)}.hover\\:text-alert:hover{color:var(--alert)}.hover\\:text-bg:hover{color:var(--bg)}.hover\\:text-btn-ink:hover{color:var(--btn-ink)}.hover\\:text-fg:hover{color:var(--fg)}.hover\\:text-fg-dim:hover{color:var(--fg-dim)}.hover\\:text-overlay-chrome:hover,.hover\\:text-overlay-chrome\\/80:hover{color:var(--overlay-chrome)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-overlay-chrome\\/80:hover{color:color-mix(in oklab, var(--overlay-chrome) 80%, transparent)}}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.hover\\:opacity-85:hover{opacity:.85}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:outline-line:hover{outline-color:var(--site-line)}}.focus\\:border-accent:focus{border-color:var(--accent)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:rounded-sm:focus-visible{border-radius:var(--site-radius-sm)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-accent:focus-visible{--tw-ring-color:var(--accent)}.focus-visible\\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-offset-\\[-4px\\]:focus-visible{outline-offset:-4px}.focus-visible\\:outline-accent:focus-visible{outline-color:var(--accent)}.focus-visible\\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}@media (hover:hover){.enabled\\:hover\\:bg-surface:enabled:hover{background-color:var(--site-surface)}.enabled\\:hover\\:text-accent:enabled:hover{color:var(--accent)}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:cursor-wait:disabled{cursor:wait}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-90:disabled{opacity:.9}@media (hover:hover){.disabled\\:hover\\:border-btn:disabled:hover{border-color:var(--btn)}.disabled\\:hover\\:border-line:disabled:hover{border-color:var(--site-line)}.disabled\\:hover\\:bg-btn:disabled:hover{background-color:var(--btn)}.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}.disabled\\:hover\\:text-btn:disabled:hover{color:var(--btn)}.disabled\\:hover\\:text-fg:disabled:hover{color:var(--fg)}}@media (prefers-reduced-motion:reduce){.motion-reduce\\:\\[animation\\:none\\]{animation:none}.motion-reduce\\:transition-none{transition-property:none}@media (hover:hover){.motion-reduce\\:group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}@media not all and (min-width:1500px){.max-\\[1500px\\]\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media not all and (min-width:1100px){.max-\\[1100px\\]\\:static{position:static}.max-\\[1100px\\]\\:top-7{top:calc(var(--spacing) * 7)}.max-\\[1100px\\]\\:left-\\[-5px\\]{left:-5px}.max-\\[1100px\\]\\:col-span-1{grid-column:span 1/span 1}.max-\\[1100px\\]\\:mt-0{margin-top:calc(var(--spacing) * 0)}.max-\\[1100px\\]\\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-\\[1100px\\]\\:mt-9{margin-top:calc(var(--spacing) * 9)}.max-\\[1100px\\]\\:ml-0{margin-left:calc(var(--spacing) * 0)}.max-\\[1100px\\]\\:ml-1\\.5{margin-left:calc(var(--spacing) * 1.5)}.max-\\[1100px\\]\\:hidden{display:none}.max-\\[1100px\\]\\:aspect-\\[4\\/3\\]{aspect-ratio:4/3}.max-\\[1100px\\]\\:aspect-square{aspect-ratio:1}.max-\\[1100px\\]\\:min-h-0{min-height:calc(var(--spacing) * 0)}.max-\\[1100px\\]\\:min-h-\\[450px\\]{min-height:450px}.max-\\[1100px\\]\\:w-\\[140px\\]{width:140px}.max-\\[1100px\\]\\:max-w-full{max-width:100%}.max-\\[1100px\\]\\:min-w-0{min-width:calc(var(--spacing) * 0)}.max-\\[1100px\\]\\:\\[grid-template-columns\\:minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr)}.max-\\[1100px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[1100px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\\[1100px\\]\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.max-\\[1100px\\]\\:flex-col{flex-direction:column}.max-\\[1100px\\]\\:items-start{align-items:flex-start}.max-\\[1100px\\]\\:gap-0{gap:calc(var(--spacing) * 0)}.max-\\[1100px\\]\\:gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.max-\\[1100px\\]\\:gap-4{gap:calc(var(--spacing) * 4)}.max-\\[1100px\\]\\:gap-5{gap:calc(var(--spacing) * 5)}.max-\\[1100px\\]\\:gap-6{gap:calc(var(--spacing) * 6)}.max-\\[1100px\\]\\:gap-7{gap:calc(var(--spacing) * 7)}.max-\\[1100px\\]\\:gap-9{gap:calc(var(--spacing) * 9)}.max-\\[1100px\\]\\:gap-10{gap:calc(var(--spacing) * 10)}.max-\\[1100px\\]\\:gap-12{gap:calc(var(--spacing) * 12)}.max-\\[1100px\\]\\:gap-\\[60px\\]{gap:60px}.max-\\[1100px\\]\\:overflow-auto{overflow:auto}.max-\\[1100px\\]\\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.max-\\[1100px\\]\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.max-\\[1100px\\]\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-\\[1100px\\]\\:border-accent{border-color:var(--accent)}.max-\\[1100px\\]\\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-\\[1100px\\]\\:px-6{padding-inline:calc(var(--spacing) * 6)}.max-\\[1100px\\]\\:px-7{padding-inline:calc(var(--spacing) * 7)}.max-\\[1100px\\]\\:px-9{padding-inline:calc(var(--spacing) * 9)}.max-\\[1100px\\]\\:px-\\[min\\(16px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(16px, var(--sf-site-gutter,40px))}.max-\\[1100px\\]\\:px-\\[min\\(24px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(24px, var(--sf-site-gutter,40px))}.max-\\[1100px\\]\\:py-5{padding-block:calc(var(--spacing) * 5)}.max-\\[1100px\\]\\:py-6{padding-block:calc(var(--spacing) * 6)}.max-\\[1100px\\]\\:py-9{padding-block:calc(var(--spacing) * 9)}.max-\\[1100px\\]\\:py-10{padding-block:calc(var(--spacing) * 10)}.max-\\[1100px\\]\\:py-12{padding-block:calc(var(--spacing) * 12)}.max-\\[1100px\\]\\:py-20{padding-block:calc(var(--spacing) * 20)}.max-\\[1100px\\]\\:py-\\[54px\\]{padding-block:54px}.max-\\[1100px\\]\\:py-\\[60px\\]{padding-block:60px}.max-\\[1100px\\]\\:pt-0{padding-top:calc(var(--spacing) * 0)}.max-\\[1100px\\]\\:pt-8{padding-top:calc(var(--spacing) * 8)}.max-\\[1100px\\]\\:pt-\\[60px\\]{padding-top:60px}.max-\\[1100px\\]\\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.max-\\[1100px\\]\\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-\\[1100px\\]\\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.max-\\[1100px\\]\\:pb-\\[60px\\]{padding-bottom:60px}.max-\\[1100px\\]\\:pl-7{padding-left:calc(var(--spacing) * 7)}.max-\\[1100px\\]\\:text-left{text-align:left}.max-\\[1100px\\]\\:\\[direction\\:ltr\\]{direction:ltr}}@media not all and (min-width:960px){.max-\\[960px\\]\\:order-1{order:1}.max-\\[960px\\]\\:order-2{order:2}.max-\\[960px\\]\\:ml-0{margin-left:calc(var(--spacing) * 0)}.max-\\[960px\\]\\:aspect-\\[4\\/3\\]{aspect-ratio:4/3}.max-\\[960px\\]\\:h-auto{height:auto}.max-\\[960px\\]\\:min-h-0{min-height:calc(var(--spacing) * 0)}.max-\\[960px\\]\\:max-w-none{max-width:none}.max-\\[960px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[960px\\]\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.max-\\[960px\\]\\:px-6{padding-inline:calc(var(--spacing) * 6)}.max-\\[960px\\]\\:px-\\[min\\(24px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(24px, var(--sf-site-gutter,40px))}.max-\\[960px\\]\\:py-\\[60px\\]{padding-block:60px}}@media not all and (min-width:900px){.max-\\[900px\\]\\:static{position:static}.max-\\[900px\\]\\:hidden{display:none}.max-\\[900px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[900px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\\[900px\\]\\:gap-4{gap:calc(var(--spacing) * 4)}.max-\\[900px\\]\\:gap-10{gap:calc(var(--spacing) * 10)}.max-\\[900px\\]\\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-\\[900px\\]\\:px-6{padding-inline:calc(var(--spacing) * 6)}.max-\\[900px\\]\\:px-\\[min\\(24px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(24px, var(--sf-site-gutter,40px))}.max-\\[900px\\]\\:py-10{padding-block:calc(var(--spacing) * 10)}.max-\\[900px\\]\\:py-\\[60px\\]{padding-block:60px}.max-\\[900px\\]\\:pt-\\[60px\\]{padding-top:60px}.max-\\[900px\\]\\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.max-\\[900px\\]\\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.max-\\[900px\\]\\:text-left{text-align:left}.max-\\[900px\\]\\:text-\\[length\\:var\\(--size-body\\,19px\\)\\]{font-size:var(--size-body,19px)}}@media not all and (min-width:880px){.max-\\[880px\\]\\:top-3{top:calc(var(--spacing) * 3)}.max-\\[880px\\]\\:-right-\\[100px\\]{right:-100px}.max-\\[880px\\]\\:right-3{right:calc(var(--spacing) * 3)}.max-\\[880px\\]\\:-bottom-\\[100px\\]{bottom:-100px}.max-\\[880px\\]\\:order-none{order:0}.max-\\[880px\\]\\:hidden{display:none}.max-\\[880px\\]\\:h-11{height:calc(var(--spacing) * 11)}.max-\\[880px\\]\\:h-\\[340px\\]{height:340px}.max-\\[880px\\]\\:max-h-\\[88dvh\\]{max-height:88dvh}.max-\\[880px\\]\\:min-h-0{min-height:calc(var(--spacing) * 0)}.max-\\[880px\\]\\:min-h-\\[380px\\]{min-height:380px}.max-\\[880px\\]\\:w-11{width:calc(var(--spacing) * 11)}.max-\\[880px\\]\\:w-\\[340px\\]{width:340px}.max-\\[880px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[880px\\]\\:items-end{align-items:flex-end}.max-\\[880px\\]\\:overflow-auto{overflow:auto}.max-\\[880px\\]\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.max-\\[880px\\]\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.max-\\[880px\\]\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-\\[880px\\]\\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.max-\\[880px\\]\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.max-\\[880px\\]\\:p-0{padding:calc(var(--spacing) * 0)}.max-\\[880px\\]\\:px-\\[26px\\]{padding-inline:26px}.max-\\[880px\\]\\:py-8{padding-block:calc(var(--spacing) * 8)}}@media not all and (min-width:800px){.max-\\[800px\\]\\:relative{position:relative}.max-\\[800px\\]\\:inset-auto{inset:auto}.max-\\[800px\\]\\:top-2\\.5{top:calc(var(--spacing) * 2.5)}.max-\\[800px\\]\\:right-2\\.5{right:calc(var(--spacing) * 2.5)}.max-\\[800px\\]\\:left-2\\.5{left:calc(var(--spacing) * 2.5)}.max-\\[800px\\]\\:col-span-1{grid-column:span 1/span 1}.max-\\[800px\\]\\:\\[margin\\:calc\\(\\(40px-var\\(--social-mark\\)\\)\\/-2\\)\\]{margin:calc((40px - var(--social-mark)) / -2)}.max-\\[800px\\]\\:-mx-5{margin-inline:calc(var(--spacing) * -5)}.max-\\[800px\\]\\:-mx-\\[min\\(20px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{margin-inline:calc(min(20px, var(--sf-site-gutter,40px)) * -1)}.max-\\[800px\\]\\:mb-7{margin-bottom:calc(var(--spacing) * 7)}.max-\\[800px\\]\\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.max-\\[800px\\]\\:mb-9{margin-bottom:calc(var(--spacing) * 9)}.max-\\[800px\\]\\:flex{display:flex}.max-\\[800px\\]\\:hidden{display:none}.max-\\[800px\\]\\:h-10{height:calc(var(--spacing) * 10)}.max-\\[800px\\]\\:w-10{width:calc(var(--spacing) * 10)}.max-\\[800px\\]\\:w-\\[252px\\]{width:252px}.max-\\[800px\\]\\:max-w-full{max-width:100%}.max-\\[800px\\]\\:max-w-none{max-width:none}.max-\\[800px\\]\\:-translate-x-\\[38px\\]{--tw-translate-x:calc(38px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.max-\\[800px\\]\\:translate-x-\\[38px\\]{--tw-translate-x:38px;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-\\[800px\\]\\:translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.max-\\[800px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[800px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\\[800px\\]\\:flex-col{flex-direction:column}.max-\\[800px\\]\\:flex-wrap{flex-wrap:wrap}.max-\\[800px\\]\\:items-start{align-items:flex-start}.max-\\[800px\\]\\:items-stretch{align-items:stretch}.max-\\[800px\\]\\:gap-1{gap:calc(var(--spacing) * 1)}.max-\\[800px\\]\\:gap-2{gap:calc(var(--spacing) * 2)}.max-\\[800px\\]\\:gap-3{gap:calc(var(--spacing) * 3)}.max-\\[800px\\]\\:gap-4{gap:calc(var(--spacing) * 4)}.max-\\[800px\\]\\:gap-7{gap:calc(var(--spacing) * 7)}.max-\\[800px\\]\\:gap-8{gap:calc(var(--spacing) * 8)}.max-\\[800px\\]\\:gap-y-2{row-gap:calc(var(--spacing) * 2)}.max-\\[800px\\]\\:bg-bg{background-color:var(--bg)}.max-\\[800px\\]\\:p-3{padding:calc(var(--spacing) * 3)}.max-\\[800px\\]\\:p-3\\.5{padding:calc(var(--spacing) * 3.5)}.max-\\[800px\\]\\:p-5{padding:calc(var(--spacing) * 5)}.max-\\[800px\\]\\:p-6{padding:calc(var(--spacing) * 6)}.max-\\[800px\\]\\:p-7{padding:calc(var(--spacing) * 7)}.max-\\[800px\\]\\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-\\[800px\\]\\:px-6{padding-inline:calc(var(--spacing) * 6)}.max-\\[800px\\]\\:px-\\[min\\(20px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(20px, var(--sf-site-gutter,40px))}.max-\\[800px\\]\\:px-\\[min\\(20px\\,\\2026 \\)\\]{padding-inline:min(20px, \\2026 )}.max-\\[800px\\]\\:py-3{padding-block:calc(var(--spacing) * 3)}.max-\\[800px\\]\\:py-5{padding-block:calc(var(--spacing) * 5)}.max-\\[800px\\]\\:py-6{padding-block:calc(var(--spacing) * 6)}.max-\\[800px\\]\\:py-10{padding-block:calc(var(--spacing) * 10)}.max-\\[800px\\]\\:py-\\[24px\\]{padding-block:24px}.max-\\[800px\\]\\:py-\\[70px\\]{padding-block:70px}.max-\\[800px\\]\\:pt-0{padding-top:calc(var(--spacing) * 0)}.max-\\[800px\\]\\:pt-6{padding-top:calc(var(--spacing) * 6)}.max-\\[800px\\]\\:pt-14{padding-top:calc(var(--spacing) * 14)}.max-\\[800px\\]\\:pt-24{padding-top:calc(var(--spacing) * 24)}.max-\\[800px\\]\\:pt-\\[70px\\]{padding-top:70px}.max-\\[800px\\]\\:pr-0{padding-right:calc(var(--spacing) * 0)}.max-\\[800px\\]\\:pr-8{padding-right:calc(var(--spacing) * 8)}.max-\\[800px\\]\\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.max-\\[800px\\]\\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-\\[800px\\]\\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.max-\\[800px\\]\\:pb-\\[70px\\]{padding-bottom:70px}.max-\\[800px\\]\\:pl-0{padding-left:calc(var(--spacing) * 0)}.max-\\[800px\\]\\:text-left{text-align:left}.max-\\[800px\\]\\:text-\\[30px\\]{font-size:30px}.max-\\[800px\\]\\:text-\\[length\\:min\\(var\\(--size-headingMedium\\,32px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,32px), var(--sf-heading-max,9999px))}.max-\\[800px\\]\\:text-\\[length\\:min\\(var\\(--size-headingMedium\\,36px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,36px), var(--sf-heading-max,9999px))}.max-\\[800px\\]\\:text-\\[length\\:min\\(var\\(--size-headingMedium\\,clamp\\(48px\\,12vw\\,76px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(48px, 12vw, 76px)), var(--sf-heading-max,9999px))}.max-\\[800px\\]\\:text-\\[length\\:var\\(--heading-size-m\\)\\]{font-size:var(--heading-size-m)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-body\\,14px\\)\\]{font-size:var(--size-body,14px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-body\\,15px\\)\\]{font-size:var(--size-body,15px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-body\\,16px\\)\\]{font-size:var(--size-body,16px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-headingMedium\\,28px\\)\\]{font-size:var(--size-headingMedium,28px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-headingMedium\\,32px\\)\\]{font-size:var(--size-headingMedium,32px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-headingMedium\\,36px\\)\\]{font-size:var(--size-headingMedium,36px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-headingMedium\\,40px\\)\\]{font-size:var(--size-headingMedium,40px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-headingSmall\\,20px\\)\\]{font-size:var(--size-headingSmall,20px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-headingSmall\\,28px\\)\\]{font-size:var(--size-headingSmall,28px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-label\\,11px\\)\\]{font-size:var(--size-label,11px)}.max-\\[800px\\]\\:text-\\[length\\:var\\(--size-label\\,12px\\)\\]{font-size:var(--size-label,12px)}.max-\\[800px\\]\\:text-\\[min\\(30px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(30px, var(--sf-heading-max,9999px))}.max-\\[800px\\]\\:text-\\[min\\(46px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(46px, var(--sf-heading-max,9999px))}.max-\\[800px\\]\\:leading-\\[0\\.95\\]{--tw-leading:.95;line-height:.95}.max-\\[800px\\]\\:leading-\\[1\\]{--tw-leading:1;line-height:1}.max-\\[800px\\]\\:tracking-\\[0\\.15em\\]{--tw-tracking:.15em;letter-spacing:.15em}.max-\\[800px\\]\\:tracking-\\[0\\.25em\\]{--tw-tracking:.25em;letter-spacing:.25em}.max-\\[800px\\]\\:text-fg{color:var(--fg)}.max-\\[800px\\]\\:opacity-100{opacity:1}}@media not all and (min-width:720px){.max-\\[720px\\]\\:relative{position:relative}.max-\\[720px\\]\\:static{position:static}.max-\\[720px\\]\\:col-span-2{grid-column:span 2/span 2}.max-\\[720px\\]\\:-mx-5{margin-inline:calc(var(--spacing) * -5)}.max-\\[720px\\]\\:mr-0{margin-right:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:mb-1{margin-bottom:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:\\!hidden{display:none!important}.max-\\[720px\\]\\:flex{display:flex}.max-\\[720px\\]\\:grid{display:grid}.max-\\[720px\\]\\:hidden{display:none}.max-\\[720px\\]\\:aspect-\\[4\\/5\\]{aspect-ratio:4/5}.max-\\[720px\\]\\:h-12{height:calc(var(--spacing) * 12)}.max-\\[720px\\]\\:w-12{width:calc(var(--spacing) * 12)}.max-\\[720px\\]\\:w-16{width:calc(var(--spacing) * 16)}.max-\\[720px\\]\\:w-full{width:100%}.max-\\[720px\\]\\:min-w-0{min-width:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:flex-auto{flex:auto}.max-\\[720px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[720px\\]\\:grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.max-\\[720px\\]\\:grid-cols-\\[minmax\\(0\\,1fr\\)_auto\\]{grid-template-columns:minmax(0,1fr) auto}.max-\\[720px\\]\\:flex-col{flex-direction:column}.max-\\[720px\\]\\:flex-wrap{flex-wrap:wrap}.max-\\[720px\\]\\:items-center{align-items:center}.max-\\[720px\\]\\:items-start{align-items:flex-start}.max-\\[720px\\]\\:gap-1{gap:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:gap-2{gap:calc(var(--spacing) * 2)}.max-\\[720px\\]\\:gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.max-\\[720px\\]\\:gap-x-2{column-gap:calc(var(--spacing) * 2)}.max-\\[720px\\]\\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:gap-y-1{row-gap:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:gap-y-2{row-gap:calc(var(--spacing) * 2)}.max-\\[720px\\]\\:p-3{padding:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:p-\\[11px\\]{padding:11px}.max-\\[720px\\]\\:px-3{padding-inline:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-\\[720px\\]\\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-\\[720px\\]\\:px-6{padding-inline:calc(var(--spacing) * 6)}.max-\\[720px\\]\\:px-\\[min\\(20px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(20px, var(--sf-site-gutter,40px))}.max-\\[720px\\]\\:py-3{padding-block:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:py-4{padding-block:calc(var(--spacing) * 4)}.max-\\[720px\\]\\:py-8{padding-block:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-body\\,12px\\)\\]{font-size:var(--size-body,12px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-body\\,15px\\)\\]{font-size:var(--size-body,15px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-body\\,16px\\)\\]{font-size:var(--size-body,16px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-headingSmall\\,20px\\)\\]{font-size:var(--size-headingSmall,20px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-label\\,10px\\)\\]{font-size:var(--size-label,10px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-label\\,11px\\)\\]{font-size:var(--size-label,11px)}.max-\\[720px\\]\\:tracking-\\[0\\.24em\\]{--tw-tracking:.24em;letter-spacing:.24em}}@media not all and (min-width:700px){.max-\\[700px\\]\\:col-span-1{grid-column:span 1/span 1}.max-\\[700px\\]\\:aspect-\\[4\\/3\\]{aspect-ratio:4/3}.max-\\[700px\\]\\:w-full{width:100%}.max-\\[700px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[700px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\\[700px\\]\\:flex-col{flex-direction:column}.max-\\[700px\\]\\:items-stretch{align-items:stretch}.max-\\[700px\\]\\:gap-2{gap:calc(var(--spacing) * 2)}.max-\\[700px\\]\\:p-3{padding:calc(var(--spacing) * 3)}.max-\\[700px\\]\\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-\\[700px\\]\\:px-6{padding-inline:calc(var(--spacing) * 6)}.max-\\[700px\\]\\:py-6{padding-block:calc(var(--spacing) * 6)}.max-\\[700px\\]\\:py-7{padding-block:calc(var(--spacing) * 7)}.max-\\[700px\\]\\:py-10{padding-block:calc(var(--spacing) * 10)}.max-\\[700px\\]\\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.max-\\[700px\\]\\:pl-8{padding-left:calc(var(--spacing) * 8)}.max-\\[700px\\]\\:text-left{text-align:left}.max-\\[700px\\]\\:text-\\[length\\:var\\(--size-headingSmall\\,26px\\)\\]{font-size:var(--size-headingSmall,26px)}.max-\\[700px\\]\\:text-\\[length\\:var\\(--size-headingSmall\\,28px\\)\\]{font-size:var(--size-headingSmall,28px)}}@media not all and (min-width:640px){.max-\\[640px\\]\\:mx-\\[22px\\]{margin-inline:22px}.max-\\[640px\\]\\:hidden{display:none}.max-\\[640px\\]\\:w-screen{width:100vw}.max-\\[640px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\\[640px\\]\\:grid-cols-\\[78px_1fr\\]{grid-template-columns:78px 1fr}.max-\\[640px\\]\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.max-\\[640px\\]\\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-\\[640px\\]\\:px-\\[22px\\]{padding-inline:22px}.max-\\[640px\\]\\:px-\\[min\\(20px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{padding-inline:min(20px, var(--sf-site-gutter,40px))}.max-\\[640px\\]\\:py-4{padding-block:calc(var(--spacing) * 4)}.max-\\[640px\\]\\:py-5{padding-block:calc(var(--spacing) * 5)}.max-\\[640px\\]\\:pt-\\[22px\\]{padding-top:22px}.max-\\[640px\\]\\:pb-\\[18px\\]{padding-bottom:18px}.max-\\[640px\\]\\:text-\\[30px\\]{font-size:30px}}@media not all and (min-width:480px){.max-\\[480px\\]\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:640px){.min-\\[640px\\]\\:p-7{padding:calc(var(--spacing) * 7)}.min-\\[640px\\]\\:p-9{padding:calc(var(--spacing) * 9)}}@media (min-width:700px){.min-\\[700px\\]\\:\\[grid-template-columns\\:repeat\\(var\\(--cd-cols\\)\\,minmax\\(0\\,1fr\\)\\)\\]{grid-template-columns:repeat(var(--cd-cols),minmax(0,1fr))}.min-\\[700px\\]\\:\\[grid-template-columns\\:repeat\\(var\\(--kf-cols\\)\\,minmax\\(0\\,1fr\\)\\)\\]{grid-template-columns:repeat(var(--kf-cols),minmax(0,1fr))}.min-\\[700px\\]\\:\\[grid-template-columns\\:repeat\\(var\\(--rv-cols\\)\\,minmax\\(0\\,1fr\\)\\)\\]{grid-template-columns:repeat(var(--rv-cols),minmax(0,1fr))}.min-\\[700px\\]\\:\\[grid-template-columns\\:repeat\\(var\\(--tm-cols\\)\\,minmax\\(0\\,1fr\\)\\)\\]{grid-template-columns:repeat(var(--tm-cols),minmax(0,1fr))}}@media (min-width:720px){.min-\\[720px\\]\\:h-\\[var\\(--sf-hero-h-d\\)\\]{height:var(--sf-hero-h-d)}.min-\\[720px\\]\\:min-h-0{min-height:calc(var(--spacing) * 0)}.min-\\[720px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.min-\\[720px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\\[720px\\]\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\\[720px\\]\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.min-\\[720px\\]\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.min-\\[720px\\]\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:800px){.min-\\[800px\\]\\:w-0{width:calc(var(--spacing) * 0)}.min-\\[800px\\]\\:grow{flex-grow:1}.min-\\[800px\\]\\:justify-end{justify-content:flex-end}.min-\\[800px\\]\\:px-10{padding-inline:calc(var(--spacing) * 10)}.min-\\[800px\\]\\:px-\\[var\\(--sf-site-gutter\\,40px\\)\\]{padding-inline:var(--sf-site-gutter,40px)}.min-\\[800px\\]\\:py-\\[88px\\]{padding-block:88px}.min-\\[800px\\]\\:text-right{text-align:right}}@media (min-width:801px){.min-\\[801px\\]\\:left-1\\/2{left:50%}.min-\\[801px\\]\\:col-start-1{grid-column-start:1}.min-\\[801px\\]\\:col-start-2{grid-column-start:2}.min-\\[801px\\]\\:mt-16{margin-top:calc(var(--spacing) * 16)}.min-\\[801px\\]\\:ml-auto{margin-left:auto}.min-\\[801px\\]\\:flex{display:flex}.min-\\[801px\\]\\:grid{display:grid}.min-\\[801px\\]\\:hidden{display:none}.min-\\[801px\\]\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.min-\\[801px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\\[801px\\]\\:gap-16{gap:calc(var(--spacing) * 16)}.min-\\[801px\\]\\:pr-8{padding-right:calc(var(--spacing) * 8)}.min-\\[801px\\]\\:pl-0{padding-left:calc(var(--spacing) * 0)}.min-\\[801px\\]\\:pl-8{padding-left:calc(var(--spacing) * 8)}.min-\\[801px\\]\\:text-right{text-align:right}@media not all and (min-width:1500px){.min-\\[801px\\]\\:max-\\[1500px\\]\\:flex{display:flex}}}@media (min-width:960px){.min-\\[960px\\]\\:col-span-2{grid-column:span 2/span 2}.min-\\[960px\\]\\:block{display:block}.min-\\[960px\\]\\:hidden{display:none}.min-\\[960px\\]\\:h-\\[var\\(--intro-h-d\\)\\]{height:var(--intro-h-d)}.min-\\[960px\\]\\:min-h-\\[var\\(--intro-copy-d\\)\\]{min-height:var(--intro-copy-d)}.min-\\[960px\\]\\:\\[grid-template-columns\\:minmax\\(0\\,5fr\\)_minmax\\(0\\,7fr\\)\\]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.min-\\[960px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\\[960px\\]\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(360px\\,0\\.8fr\\)\\]{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}.min-\\[960px\\]\\:justify-end{justify-content:flex-end}.min-\\[960px\\]\\:justify-start{justify-content:flex-start}.min-\\[960px\\]\\:gap-12{gap:calc(var(--spacing) * 12)}.min-\\[960px\\]\\:text-\\[length\\:var\\(--intro-body-d\\)\\]{font-size:var(--intro-body-d)}.min-\\[960px\\]\\:text-\\[length\\:var\\(--intro-title-d\\)\\]{font-size:var(--intro-title-d)}}@media (min-width:961px){.min-\\[961px\\]\\:\\[direction\\:rtl\\]{direction:rtl}}@media (min-width:1100px){.min-\\[1100px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.min-\\[1100px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\\[1100px\\]\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\\[1100px\\]\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.min-\\[1100px\\]\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.min-\\[1100px\\]\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1101px){.min-\\[1101px\\]\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}}@media (min-width:1200px){.min-\\[1200px\\]\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1501px){.min-\\[1501px\\]\\:flex{display:flex}.min-\\[1501px\\]\\:grid{display:grid}}@media (min-width:40rem){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:flex-wrap{flex-wrap:wrap}}@media (min-width:48rem){.md\\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media (min-width:64rem){.lg\\:sticky{position:sticky}.lg\\:top-\\[var\\(--sf-plp-rail-top\\)\\]{top:var(--sf-plp-rail-top)}.lg\\:max-h-\\[calc\\(100svh-var\\(--sf-plp-rail-top\\)-var\\(--sf-plp-rail-gap\\)\\)\\]{max-height:calc(100svh - var(--sf-plp-rail-top) - var(--sf-plp-rail-gap))}.lg\\:w-\\[268px\\]{width:268px}.lg\\:flex-row{flex-direction:row}.lg\\:items-start{align-items:flex-start}.lg\\:overflow-y-auto{overflow-y:auto}.lg\\:overscroll-contain{overscroll-behavior:contain}.lg\\:pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.lg\\:\\[--sf-plp-rail-gap\\:16px\\]{--sf-plp-rail-gap:16px}.lg\\:\\[--sf-plp-rail-top\\:calc\\(var\\(--sf-header-h\\,88px\\)\\+var\\(--sf-plp-rail-gap\\)\\)\\]{--sf-plp-rail-top:calc(var(--sf-header-h,88px) + var(--sf-plp-rail-gap))}}@container not (min-width:720px){.\\@max-\\[720px\\]\\:col-span-1{grid-column:span 1/span 1}.\\@max-\\[720px\\]\\:mb-7{margin-bottom:calc(var(--spacing) * 7)}.\\@max-\\[720px\\]\\:hidden{display:none}.\\@max-\\[720px\\]\\:flex-wrap{flex-wrap:wrap}.\\@max-\\[720px\\]\\:items-stretch{align-items:stretch}.\\@max-\\[720px\\]\\:gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.\\@max-\\[720px\\]\\:gap-2{gap:calc(var(--spacing) * 2)}.\\@max-\\[720px\\]\\:px-4{padding-inline:calc(var(--spacing) * 4)}.\\@max-\\[720px\\]\\:py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.\\@max-\\[720px\\]\\:pt-8{padding-top:calc(var(--spacing) * 8)}.\\@max-\\[720px\\]\\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}@container (min-width:720px){.\\@min-\\[720px\\]\\:hidden{display:none}.\\@min-\\[720px\\]\\:inline{display:inline}.\\@min-\\[720px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\\@min-\\[720px\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:1100px){.\\@min-\\[1100px\\]\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\\@min-\\[1100px\\]\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width:1400px){.\\@min-\\[1400px\\]\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\\@min-\\[1400px\\]\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\\[\\&_em\\]\\:font-serif em{font-family:var(--font-role-accent), Georgia, "Iowan Old Style", serif}.\\[\\&_em\\]\\:\\[font-weight\\:var\\(--sf-heading-weight-strong\\,inherit\\)\\] em{font-weight:var(--sf-heading-weight-strong,inherit)}.\\[\\&_em\\]\\:tracking-\\[-0\\.02em\\] em{--tw-tracking:-.02em;letter-spacing:-.02em}.\\[\\&_em\\]\\:tracking-\\[-0\\.03em\\] em{--tw-tracking:-.03em;letter-spacing:-.03em}.\\[\\&_em\\]\\:normal-case em{text-transform:none}.\\[\\&_img\\]\\:object-top img{object-position:top}.\\[\\&\\:\\:-webkit-details-marker\\]\\:hidden::-webkit-details-marker{display:none}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:mt-4:not(:first-child){margin-top:calc(var(--spacing) * 4)}.\\[\\&\\>\\*\\]\\:h-full>*{height:100%}.\\[\\&\\>\\*\\]\\:min-h-\\[560px\\]>*{min-height:560px}.\\[\\&\\>\\*\\]\\:min-w-0>*{min-width:calc(var(--spacing) * 0)}.\\[\\&\\>\\*\\]\\:min-w-full>*{min-width:100%}.\\[\\&\\>\\*\\]\\:flex-1>*{flex:1}.\\[\\&\\>\\*\\]\\:shrink-0>*{flex-shrink:0}.\\[\\&\\>\\*\\]\\:basis-0>*{flex-basis:calc(var(--spacing) * 0)}.\\[\\&\\>\\*\\]\\:basis-full>*{flex-basis:100%}.\\[\\&\\>\\*\\]\\:bg-bg>*{background-color:var(--bg)}@media not all and (min-width:800px){.\\[\\&\\>\\*\\]\\:max-\\[800px\\]\\:min-w-0>*{min-width:calc(var(--spacing) * 0)}.\\[\\&\\>\\*\\]\\:max-\\[800px\\]\\:basis-\\[calc\\(\\(100\\%_-_var\\(--sf-gap-len\\,0px\\)\\)\\/2\\)\\]>*{flex-basis:calc((100% - var(--sf-gap-len,0px)) / 2)}.\\[\\&\\>\\*\\]\\:max-\\[800px\\]\\:basis-\\[calc\\(\\(100\\%_-_var\\(--sf-gap-len\\,0px\\)_\\*_2\\)\\/3\\)\\]>*{flex-basis:calc((100% - var(--sf-gap-len,0px) * 2) / 3)}}.\\[\\&\\>\\*\\+\\*\\]\\:mt-3>*+*{margin-top:calc(var(--spacing) * 3)}@media (min-width:800px){.\\[\\&\\>\\*\\:first-child\\]\\:min-\\[800px\\]\\:grow-\\[2\\]>:first-child{flex-grow:2}.\\[\\&\\>\\*\\:first-child\\]\\:min-\\[800px\\]\\:grow-\\[3\\]>:first-child{flex-grow:3}.\\[\\&\\>\\*\\:last-child\\]\\:min-\\[800px\\]\\:grow-\\[2\\]>:last-child{flex-grow:2}.\\[\\&\\>\\*\\:last-child\\]\\:min-\\[800px\\]\\:grow-\\[3\\]>:last-child{flex-grow:3}}@media not all and (min-width:720px){.max-\\[720px\\]\\:\\[\\&\\>\\.flex-1\\]\\:order-last>.flex-1{order:9999}.max-\\[720px\\]\\:\\[\\&\\>\\.flex-1\\]\\:basis-full>.flex-1{flex-basis:100%}}.\\[\\&\\>span\\]\\:block>span{display:block}.\\[\\&\\>span\\]\\:font-\\[family-name\\:var\\(--pp-eyebrow-font\\,var\\(--font-mono\\)\\)\\]>span{font-family:var(--pp-eyebrow-font,var(--font-mono))}.\\[\\&\\>span\\]\\:font-\\[family-name\\:var\\(--pp-formeyebrow-font\\,var\\(--font-mono\\)\\)\\]>span{font-family:var(--pp-formeyebrow-font,var(--font-mono))}.\\[\\&\\>span\\]\\:text-\\[length\\:var\\(--pp-eyebrow-size\\,var\\(--size-label\\,12px\\)\\)\\]>span{font-size:var(--pp-eyebrow-size,var(--size-label,12px))}.\\[\\&\\>span\\]\\:text-\\[length\\:var\\(--pp-formeyebrow-size\\,var\\(--size-label\\,13px\\)\\)\\]>span{font-size:var(--pp-formeyebrow-size,var(--size-label,13px))}.\\[\\&\\>td\\]\\:border-t>td{border-top-style:var(--tw-border-style);border-top-width:1px}.\\[\\&\\>td\\]\\:border-line>td{border-color:var(--site-line)}@media (hover:hover){.hover\\:\\[\\&\\>td\\]\\:bg-surface:hover>td{background-color:var(--site-surface)}}.rounded{border-radius:var(--site-radius)}}:root{--bg-base:#0a0a0a;--bg:var(--bg-base);--surface-base:#131313;--site-surface:var(--surface-base);--surface-2-base:#1c1c1c;--site-surface-2:var(--surface-2-base);--fg-base:#f5f1e8;--fg:var(--fg-base);--fg-dim-base:#9a9388;--fg-dim:var(--fg-dim-base);--line-base:#2a2a2a;--site-line:var(--line-base);--accent-base:#c9a461;--accent:var(--accent-base);--accent-2-base:#b08a44;--accent-2:var(--accent-2-base);--accent-ink-base:#000;--accent-ink:var(--accent-ink-base);--btn:var(--theme-btn,var(--accent));--btn-2:var(--theme-btn-2,var(--accent-2));--btn-ink:var(--theme-btn-ink,var(--accent-ink));--green:#7aa672;--overlay-fg:#f5f1e8;--overlay-fg-on-light:#0a0a0a;--alert:#c97a6a;--panel-tint:#181410;--overlay-scrim:#000;--overlay-chrome:#fff;color-scheme:dark;--accent-dim:#9a8050;--plate-band-bg:#131313;--plate-band-fg:#c9c9c5;--plate-band-fg-dim:#6a6a64;--tooltip-bg:#3a3a3a;--wheel-stage:#0a0a0a;--subscribe-panel-bg:radial-gradient(80% 100% at 50% 40%, #221d15 0%, #151210 65%, #0a0908 100%);--font-role-heading:var(--font-display);--font-role-heading2:var(--font-role-heading);--font-role-heading3:var(--font-role-heading);--font-role-body:var(--font-body);--font-role-accent:var(--font-serif);--font-role-label:var(--font-mono-loaded);--font-mono-fallback:ui-monospace, "SF Mono", "Cascadia Mono", "Cascadia Code", "Consolas", "DejaVu Sans Mono", Menlo, monospace}[data-theme=light]{--bg-base:#f5f1e8;--surface-base:#fff;--surface-2-base:#ebe6d9;--fg-base:#0a0a0a;--fg-dim-base:#6b6357;--line-base:#d8d2c2;--accent-base:#8a6a2a;--accent-2-base:#c9a461;--accent-ink-base:#fff;--green:#4a6b42;color-scheme:light;--accent-dim:#7a5d23;--subscribe-panel-bg:radial-gradient(80% 100% at 50% 40%, #f5edd8 0%, #ebe6d9 65%, #ddd5c0 100%)}:root,.sf-theme-surfaces{--card-bg:var(--site-surface-2)}@supports (color:color-mix(in lab, red, red)){:root,.sf-theme-surfaces{--card-bg:color-mix(in oklab, var(--site-surface-2) 92%, var(--fg))}}:root,.sf-theme-surfaces{--card-bg-hover:var(--site-surface-2)}@supports (color:color-mix(in lab, red, red)){:root,.sf-theme-surfaces{--card-bg-hover:color-mix(in oklab, var(--site-surface-2) 82%, var(--fg))}}:root,.sf-theme-surfaces{--journal-panel-bg:var(--bg);--catalog-grid-bg:var(--bg);--section-bg:var(--card-bg)}[data-theme=light],[data-theme=light] .sf-theme-surfaces{--card-bg:var(--site-surface);--card-bg-hover:var(--site-surface-2);--journal-panel-bg:var(--site-surface);--catalog-grid-bg:var(--bg);--section-bg:var(--bg);--tooltip-bg:var(--site-surface);--wheel-stage:var(--bg)}.sf-themed-content{--fg:var(--theme-fg,var(--fg-base))}.sf-theme-surfaces{--bg:var(--theme-bg,var(--bg-base));--site-surface:var(--theme-surface,var(--surface-base));--site-surface-2:var(--theme-surface-2,var(--surface-2-base));--site-line:var(--theme-line,var(--line-base));--fg-dim:var(--theme-muted,var(--fg-dim-base));--fg:var(--theme-fg,var(--fg-base))}.sf-theme-accent{--accent:var(--theme-accent,var(--accent-base));--accent-2:var(--theme-accent-2,var(--accent-2-base));--accent-ink:var(--theme-accent-ink,var(--accent-ink-base));--btn:var(--theme-btn,var(--accent));--btn-2:var(--theme-btn-2,var(--accent-2));--btn-ink:var(--theme-btn-ink,var(--accent-ink))}.sf-section-accent,.sf-header-theme{--bg:var(--sf-sec-bg,var(--theme-bg,#0a0a0a));--fg:var(--sf-sec-fg,var(--theme-fg,#f5f1e8));--site-surface:var(--sf-sec-surface,var(--theme-surface,#131313));--site-surface-2:var(--sf-sec-surface-2,var(--theme-surface-2,#1c1c1c));--site-line:var(--sf-sec-line,var(--theme-line,#2a2a2a));--fg-dim:var(--sf-sec-muted,var(--theme-muted,#9a9388));--card-bg:var(--site-surface-2)}@supports (color:color-mix(in lab, red, red)){.sf-section-accent,.sf-header-theme{--card-bg:color-mix(in oklab, var(--site-surface-2) 92%, var(--fg))}}.sf-section-accent,.sf-header-theme{--card-bg-hover:var(--site-surface-2)}@supports (color:color-mix(in lab, red, red)){.sf-section-accent,.sf-header-theme{--card-bg-hover:color-mix(in oklab, var(--site-surface-2) 82%, var(--fg))}}.sf-section-accent,.sf-header-theme{--journal-panel-bg:var(--bg);--catalog-grid-bg:var(--bg);--section-bg:var(--card-bg)}.sf-section-accent{background:var(--bg);color:var(--fg)}.sf-section-accent,.sf-header-theme{--accent:var(--sf-sec-accent,var(--accent-base));--accent-2:var(--sf-sec-accent-2,var(--accent-2-base));--accent-ink:var(--sf-sec-accent-ink,var(--accent-ink-base));--btn:var(--theme-btn,var(--accent));--btn-2:var(--theme-btn-2,var(--accent-2));--btn-ink:var(--theme-btn-ink,var(--accent-ink))}:root{--site-radius:.25rem;--site-radius-xs:.125rem;--site-radius-sm:.25rem;--site-radius-md:.375rem;--site-radius-lg:.5rem;--site-radius-xl:.75rem;--site-radius-2xl:1rem;--site-radius-3xl:1.5rem;--site-radius-4xl:2rem}.sf-button{border-radius:var(--sf-button-radius,0)}:root{--sf-layer-lightbox:100}[data-sf-card-shadow=soft]{--sf-card-shadow:0 1px 2px var(--sf-shadow-color,#141416), 0 4px 12px -4px var(--sf-shadow-color,#141416)}@supports (color:color-mix(in lab, red, red)){[data-sf-card-shadow=soft]{--sf-card-shadow:0 1px 2px color-mix(in srgb, var(--sf-shadow-color,#141416) 7%, transparent), 0 4px 12px -4px color-mix(in srgb, var(--sf-shadow-color,#141416) 10%, transparent)}}[data-sf-card-shadow=lifted]{--sf-card-shadow:0 2px 4px var(--sf-shadow-color,#141416), 0 14px 30px -10px var(--sf-shadow-color,#141416)}@supports (color:color-mix(in lab, red, red)){[data-sf-card-shadow=lifted]{--sf-card-shadow:0 2px 4px color-mix(in srgb, var(--sf-shadow-color,#141416) 6%, transparent), 0 14px 30px -10px color-mix(in srgb, var(--sf-shadow-color,#141416) 22%, transparent)}}[data-sf-card-hover=lift]{--sf-card-shadow-hover:0 6px 10px var(--sf-shadow-color,#141416), 0 20px 40px -14px var(--sf-shadow-color,#141416)}@supports (color:color-mix(in lab, red, red)){[data-sf-card-hover=lift]{--sf-card-shadow-hover:0 6px 10px color-mix(in srgb, var(--sf-shadow-color,#141416) 8%, transparent), 0 20px 40px -14px color-mix(in srgb, var(--sf-shadow-color,#141416) 26%, transparent)}}[data-sf-card-hover=lift]{--sf-card-lift:translateY(-3px)}[data-sf-card-gap=tight]{--sf-card-gap:.5rem}[data-sf-card-gap=roomy]{--sf-card-gap:1.625rem}.sf-card{box-shadow:var(--sf-card-shadow,none);border-radius:var(--sf-card-box-radius,var(--sf-card-radius,0));overflow:clip}.sf-card-corners{display:contents}.sf-card-image{border-radius:var(--sf-card-image-radius,0);overflow:clip}.sf-card:hover,.sf-card:active{box-shadow:var(--sf-card-shadow-hover,var(--sf-card-shadow,none));transform:var(--sf-card-lift,none)}[data-sf-card-shadow] .sf-card,[data-sf-card-hover] .sf-card{transition-property:color,background-color,border-color,box-shadow,transform}[data-sf-card-hover=none] .sf-card-fill:hover,[data-sf-card-hover=none] .sf-card-fill:active,[data-sf-card-hover=lift] .sf-card-fill:hover,[data-sf-card-hover=lift] .sf-card-fill:active,[data-sf-card-hover=none] .sf-card:hover .sf-card-plate,[data-sf-card-hover=none] .sf-card:active .sf-card-plate,[data-sf-card-hover=lift] .sf-card:hover .sf-card-plate,[data-sf-card-hover=lift] .sf-card:active .sf-card-plate{background-color:var(--card-bg)}[data-sf-headings=tight] :is(h1,h2,h3,h4){letter-spacing:-.01em;line-height:.95}[data-sf-headings=compressed] :is(h1,h2,h3,h4){letter-spacing:-.01em;line-height:.86}[data-sf-part-para] br:not(br+br){content:"";margin-top:var(--sf-part-para);display:block}[data-sf-part-para] :is([data-sf-bullet],[data-sf-number]):not(:first-child){margin-top:var(--sf-part-para)}[data-sf-part-para] :is([data-sf-bullet],[data-sf-number]):not(:last-child){margin-bottom:var(--sf-part-para)}.sf-site-header{--sf-header-overlay-fg:var(--fg);--sf-header-overlay-ground:var(--bg)}body:has([data-lead-ink=light]) .sf-site-header{--sf-header-overlay-fg:var(--overlay-fg);--sf-header-overlay-ground:var(--overlay-fg-on-light)}body:has([data-lead-ink=dark]) .sf-site-header{--sf-header-overlay-fg:var(--overlay-fg-on-light);--sf-header-overlay-ground:var(--overlay-fg)}body .sf-site-header[data-header-ink=light]{--sf-header-overlay-fg:var(--overlay-fg);--sf-header-overlay-ground:var(--overlay-fg-on-light)}body .sf-site-header[data-header-ink=dark]{--sf-header-overlay-fg:var(--overlay-fg-on-light);--sf-header-overlay-ground:var(--overlay-fg)}@media (max-width:800px){[data-section-group=header] .flex-row:has([data-menu-row]),[data-section-group=header] .flex-row:has([data-menu-row]) .flex-row{flex-flow:row}[data-section-group=header] .flex-row:has([data-menu-row])>*,[data-section-group=header] .flex-row:has([data-menu-row]) .flex-row>*{flex:none;width:auto;min-width:0}[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){order:99}[data-section-group=header] .flex-row:has([data-menu-row])>:first-child:not([data-menu-row],:has([data-menu-row])){flex:1 1 0;overflow-x:clip;container-type:inline-size}[data-section-group=header]:has([data-menu-row]) [data-phone-menu-tool],[data-section-group=header]:has([data-menu-row]) [data-puck-component]:has(>*>[data-phone-menu-tool]){display:none}}@media (min-width:801px) and (max-width:1500px){[data-section-group=header]:not([data-header-menu-row=inline]) .flex-row:has([data-menu-row]){flex-wrap:wrap;row-gap:12px}[data-section-group=header]:not([data-header-menu-row=inline]) .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){border-top:1px solid var(--site-line);flex:1 0 100%;order:99}@supports (color:color-mix(in lab, red, red)){[data-section-group=header]:not([data-header-menu-row=inline]) .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){border-top:1px solid color-mix(in oklab, var(--site-line) 60%, transparent)}}[data-section-group=header]:not([data-header-menu-row=inline]) .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){padding-top:10px}[data-section-group=header]:not([data-header-menu-row=inline]) .flex-row:has([data-menu-row])>:first-child:not([data-menu-row],:has([data-menu-row])){flex:1 1 0;overflow-x:clip;container-type:inline-size}}[data-section-group=header] .mono-eyebrow-ctl{text-transform:uppercase;letter-spacing:.18em}[data-section-group=header][data-header-nav-case=capitalised] [data-menu-row] ul,[data-section-group=header][data-header-nav-case=capitalised] .mono-eyebrow-ctl{text-transform:none;letter-spacing:normal}body:has([data-top-space=own]) .sf-site-header{--sf-header-overlay-fg:var(--fg);--sf-header-overlay-ground:var(--bg);background:var(--bg);border-bottom-color:var(--site-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body:has([data-page-width=full]) .sf-site-header,body:has([data-page-width=full]) footer{--sf-chrome-cap:none}*{box-sizing:border-box}:root{--sf-header-h:88px;--sf-header-set-h:88px;--sf-site-width:1600px}.sf-header-clearance{padding-top:var(--sf-header-h,88px)}:root[data-header-sticky=none] .sf-sticky-underheader,:root[data-header-sticky=on_scroll_up] .sf-sticky-underheader{position:static}.sf-section-minh{min-height:var(--sf-section-minh)}@supports (min-height:1svh){.sf-section-minh{min-height:var(--sf-section-minh-s,var(--sf-section-minh))}}.sf-section-anchor{height:0;scroll-margin-top:var(--sf-header-h,88px);display:block}.hero-track,.hero-track *{scrollbar-width:none;-ms-overflow-style:none}.hero-track::-webkit-scrollbar{width:0;height:0;display:none}.hero-track ::-webkit-scrollbar{width:0;height:0;display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}option:hover,option:focus,option:checked,option:active{background:var(--accent) linear-gradient(0deg, var(--accent), var(--accent));color:#0a0a0a}[data-theme=light] select{color-scheme:light}[data-theme=light] option{color:#0a0a0a;background-color:#fff}[data-theme=light] option:hover,[data-theme=light] option:focus,[data-theme=light] option:checked,[data-theme=light] option:active{background:var(--accent) linear-gradient(0deg, var(--accent), var(--accent));color:#0a0a0a}.mono-eyebrow{font-family:var(--font-role-label), var(--font-mono-fallback);letter-spacing:.18em;text-transform:uppercase;font-size:14px}em.text-accent{font-size:var(--size-accent,inherit)}.mono-eyebrow-plain{letter-spacing:normal;text-transform:none}.mono-eyebrow-ctl{letter-spacing:inherit;text-transform:inherit}:root{--swatch-border:#888}@keyframes storefront-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes storefront-ticker-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes storefront-ticker-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes storefront-ticker-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.footer-block-grid>:first-child{grid-column:var(--footer-logo-col,1);grid-row:1 / span var(--footer-logo-rows,1)}.plp-card-grid{gap:var(--plp-grid-gap);grid-template-columns:var(--plp-grid-cols-mobile);display:grid}@media (min-width:720px){.plp-card-grid{grid-template-columns:var(--plp-grid-cols-tablet)}}@media (min-width:1100px){.plp-card-grid{grid-template-columns:var(--plp-grid-cols-desktop)}}@keyframes sf-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-sf-ws]{font-family:var(--sf-ws-font,inherit);font-size:var(--sf-ws-size,inherit);font-style:var(--sf-ws-style,inherit);line-height:var(--sf-ws-line,inherit);letter-spacing:var(--sf-ws-track,inherit)}[data-sf-ws=highlight]{--sf-ws-font:var(--sf-ws-highlight-font,inherit);--sf-ws-size:var(--sf-ws-highlight-size,inherit);--sf-ws-style:var(--sf-ws-highlight-style,inherit);--sf-ws-line:var(--sf-ws-highlight-line,inherit);--sf-ws-track:var(--sf-ws-highlight-track,inherit);font-weight:var(--sf-ws-highlight-weight,var(--sf-ws-highlight-weight-bold,inherit));color:var(--sf-ws-highlight-color,var(--accent))}[data-sf-ws=strong]{--sf-ws-font:var(--sf-ws-strong-font,inherit);--sf-ws-size:var(--sf-ws-strong-size,inherit);--sf-ws-style:var(--sf-ws-strong-style,inherit);--sf-ws-line:var(--sf-ws-strong-line,inherit);--sf-ws-track:var(--sf-ws-strong-track,inherit);font-weight:var(--sf-ws-strong-weight,var(--sf-ws-strong-weight-bold,600));color:var(--sf-ws-strong-color,inherit)}[data-sf-ws=quiet]{--sf-ws-font:var(--sf-ws-quiet-font,inherit);--sf-ws-size:var(--sf-ws-quiet-size,inherit);--sf-ws-style:var(--sf-ws-quiet-style,inherit);--sf-ws-line:var(--sf-ws-quiet-line,inherit);--sf-ws-track:var(--sf-ws-quiet-track,inherit);font-weight:var(--sf-ws-quiet-weight,var(--sf-ws-quiet-weight-bold,inherit));color:var(--sf-ws-quiet-color,var(--fg-dim))}.sf-hero-group-layer{pointer-events:none;grid-template-rows:repeat(5,auto) 1fr repeat(5,auto) 1fr repeat(5,auto);grid-template-columns:minmax(0,1fr);display:grid}.sf-hero-group-layer-edit .sf-hero-group-zone{pointer-events:auto}.sf-hero-group-zone{grid-area:1/1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;pointer-events:none;display:grid}.sf-hero-group{grid-row:var(--sf-hg-row);pointer-events:auto;min-width:0;max-width:var(--sf-hg-w,100%);translate:var(--sf-hg-nudge,none);grid-column:1}.sf-hero-group-zone>.sf-hero-group{--sf-hg-w:60%}.sf-hero-group[data-hg=top-left]~.sf-hero-group[data-hg=top-left],.sf-hero-group[data-hg=top-center]~.sf-hero-group[data-hg=top-center],.sf-hero-group[data-hg=top-right]~.sf-hero-group[data-hg=top-right],.sf-hero-group[data-hg=left]~.sf-hero-group[data-hg=left],.sf-hero-group[data-hg=center]~.sf-hero-group[data-hg=center],.sf-hero-group[data-hg=right]~.sf-hero-group[data-hg=right],.sf-hero-group[data-hg=bottom-left]~.sf-hero-group[data-hg=bottom-left],.sf-hero-group[data-hg=bottom-center]~.sf-hero-group[data-hg=bottom-center],.sf-hero-group[data-hg=bottom-right]~.sf-hero-group[data-hg=bottom-right]{grid-row:calc(var(--sf-hg-row) + 1)}.sf-hero-group[data-hg=top-left]~.sf-hero-group[data-hg=top-left]~.sf-hero-group[data-hg=top-left],.sf-hero-group[data-hg=top-center]~.sf-hero-group[data-hg=top-center]~.sf-hero-group[data-hg=top-center],.sf-hero-group[data-hg=top-right]~.sf-hero-group[data-hg=top-right]~.sf-hero-group[data-hg=top-right],.sf-hero-group[data-hg=left]~.sf-hero-group[data-hg=left]~.sf-hero-group[data-hg=left],.sf-hero-group[data-hg=center]~.sf-hero-group[data-hg=center]~.sf-hero-group[data-hg=center],.sf-hero-group[data-hg=right]~.sf-hero-group[data-hg=right]~.sf-hero-group[data-hg=right],.sf-hero-group[data-hg=bottom-left]~.sf-hero-group[data-hg=bottom-left]~.sf-hero-group[data-hg=bottom-left],.sf-hero-group[data-hg=bottom-center]~.sf-hero-group[data-hg=bottom-center]~.sf-hero-group[data-hg=bottom-center],.sf-hero-group[data-hg=bottom-right]~.sf-hero-group[data-hg=bottom-right]~.sf-hero-group[data-hg=bottom-right]{grid-row:calc(var(--sf-hg-row) + 2)}.sf-hero-group[data-hg=top-left]~.sf-hero-group[data-hg=top-left]~.sf-hero-group[data-hg=top-left]~.sf-hero-group[data-hg=top-left],.sf-hero-group[data-hg=top-center]~.sf-hero-group[data-hg=top-center]~.sf-hero-group[data-hg=top-center]~.sf-hero-group[data-hg=top-center],.sf-hero-group[data-hg=top-right]~.sf-hero-group[data-hg=top-right]~.sf-hero-group[data-hg=top-right]~.sf-hero-group[data-hg=top-right],.sf-hero-group[data-hg=left]~.sf-hero-group[data-hg=left]~.sf-hero-group[data-hg=left]~.sf-hero-group[data-hg=left],.sf-hero-group[data-hg=center]~.sf-hero-group[data-hg=center]~.sf-hero-group[data-hg=center]~.sf-hero-group[data-hg=center],.sf-hero-group[data-hg=right]~.sf-hero-group[data-hg=right]~.sf-hero-group[data-hg=right]~.sf-hero-group[data-hg=right],.sf-hero-group[data-hg=bottom-left]~.sf-hero-group[data-hg=bottom-left]~.sf-hero-group[data-hg=bottom-left]~.sf-hero-group[data-hg=bottom-left],.sf-hero-group[data-hg=bottom-center]~.sf-hero-group[data-hg=bottom-center]~.sf-hero-group[data-hg=bottom-center]~.sf-hero-group[data-hg=bottom-center],.sf-hero-group[data-hg=bottom-right]~.sf-hero-group[data-hg=bottom-right]~.sf-hero-group[data-hg=bottom-right]~.sf-hero-group[data-hg=bottom-right]{grid-row:calc(var(--sf-hg-row) + 3)}.sf-hero-group-blocks.flex-row>.sf-button-block,.sf-hero-group-blocks.flex-row>:not(.sf-hero-group)>.sf-button-block{width:auto;max-width:none;margin-inline:0;padding-inline:0}@media (max-width:800px){.sf-hero-group-layer{padding-inline:calc(var(--spacing) * 5);justify-content:var(--sf-hero-phone-y,flex-end);align-items:var(--sf-hero-phone-x,flex-start);flex-flow:column;padding-top:100px;padding-bottom:90px;display:flex}.sf-hero-group-zone{align-self:stretch;align-items:var(--sf-hero-phone-x,flex-start);flex-flow:column;display:flex}.sf-hero-group{max-width:100%;translate:none}.sf-hero-group-blocks{flex-direction:column}.sf-hero-ticker{padding-block:calc(var(--spacing) * 3)}.sf-hero-video-control{left:calc(var(--spacing) * 4)}.sf-hero-overlay-rail{display:none}.sf-hero-phone-dots{display:flex}.sf-hero-group-zone .sf-hero-group{margin-top:28px}}.sf-gap-zone{gap:var(--sf-gap-len)}@media (max-width:800px){.sf-gap-zone{gap:calc(var(--sf-gap-len) / 2)}}.sf-gap-overlap{--sf-gap-overlap-eff:var(--sf-gap-overlap)}@media (max-width:800px){.sf-gap-overlap{--sf-gap-overlap-eff:calc(var(--sf-gap-overlap) / 2)}}.sf-gap-overlap>*{position:relative}.sf-gap-overlap-block,.sf-gap-overlap-both{padding-block:var(--sf-gap-overlap-eff)}.sf-gap-overlap-block>*,.sf-gap-overlap-both>*{margin-block:calc(-1 * var(--sf-gap-overlap-eff))}.sf-gap-overlap-inline,.sf-gap-overlap-both{padding-inline:var(--sf-gap-overlap-eff)}.sf-gap-overlap-inline>*,.sf-gap-overlap-both>*{margin-inline:calc(-1 * var(--sf-gap-overlap-eff))}.sf-grid-zone{grid-template-columns:repeat(var(--sf-grid-cols,3), minmax(0, 1fr))}.sf-grid-zone>[data-sf-span="1"],.sf-grid-zone>:has(>[data-sf-span="1"]){grid-column:span 1}.sf-grid-zone>[data-sf-span="2"],.sf-grid-zone>:has(>[data-sf-span="2"]){grid-column:span 2}.sf-grid-zone>[data-sf-span="3"],.sf-grid-zone>:has(>[data-sf-span="3"]){grid-column:span 3}.sf-grid-zone>[data-sf-span="4"],.sf-grid-zone>:has(>[data-sf-span="4"]){grid-column:span 4}.sf-grid-zone>[data-sf-span="5"],.sf-grid-zone>:has(>[data-sf-span="5"]){grid-column:span 5}.sf-grid-zone>[data-sf-span="6"],.sf-grid-zone>:has(>[data-sf-span="6"]){grid-column:span 6}.sf-grid-zone>[data-sf-span="7"],.sf-grid-zone>:has(>[data-sf-span="7"]){grid-column:span 7}.sf-grid-zone>[data-sf-span="8"],.sf-grid-zone>:has(>[data-sf-span="8"]){grid-column:span 8}.sf-grid-zone>[data-sf-span="9"],.sf-grid-zone>:has(>[data-sf-span="9"]){grid-column:span 9}.sf-grid-zone>[data-sf-span="10"],.sf-grid-zone>:has(>[data-sf-span="10"]){grid-column:span 10}.sf-grid-zone>[data-sf-span="11"],.sf-grid-zone>:has(>[data-sf-span="11"]){grid-column:span 11}.sf-grid-zone>[data-sf-span="12"],.sf-grid-zone>:has(>[data-sf-span="12"]){grid-column:span 12}@media (max-width:800px){.sf-grid-zone{grid-template-columns:repeat(var(--sf-grid-cols-phone,1), minmax(0, 1fr))}.sf-grid-zone>[data-sf-span],.sf-grid-zone>:has(>[data-sf-span]){grid-column:auto}}.sf-grid-zone>[data-puck-component]{grid-template-columns:minmax(0,1fr);display:grid}.flex-row:not(.items-start):not(.items-center):not(.items-end)>[data-puck-component]:not([class]){grid-template-columns:100%;display:grid}.sf-gallery-zone{grid-auto-rows:clamp(140px,15vw,260px);grid-auto-flow:dense;display:grid}.sf-gallery-zone>*{min-width:0}.sf-gallery-zone>*,.sf-gallery-zone>*>*{height:100%}.sf-gallery-zone .sf-card{aspect-ratio:auto;height:100%}@media (max-width:800px){.sf-gallery-zone{grid-auto-rows:clamp(90px,26vw,150px)}}.sf-section-corners>*{border-radius:var(--sf-section-radius,0);overflow:clip}.sf-section-border>*{border-style:var(--sf-border-style,solid);border-color:var(--sf-border-color,var(--site-line));border-width:var(--sf-border-top-width,0) var(--sf-border-right-width,0) var(--sf-border-bottom-width,0) var(--sf-border-left-width,0)}@media not all and (min-width:720px){.sf-section-border>*{border-style:var(--sf-border-style-phone,var(--sf-border-style,solid));border-color:var(--sf-border-color-phone,var(--sf-border-color,var(--site-line)));border-width:var(--sf-border-top-width-phone,var(--sf-border-top-width,0)) var(--sf-border-right-width-phone,var(--sf-border-right-width,0)) var(--sf-border-bottom-width-phone,var(--sf-border-bottom-width,0)) var(--sf-border-left-width-phone,var(--sf-border-left-width,0))}}.sf-section-bleeds .sf-card{border-radius:var(--sf-card-box-radius,var(--sf-site-card-radius,0))}.sf-ticker-join{z-index:2;height:0;position:relative}.sf-ticker-join-above{bottom:0}.sf-ticker-join-below{top:0}.sf-section-corners>.sf-ticker-join{border-radius:0;overflow:visible}.sf-section-corners>.sf-ticker-join>*{border-radius:var(--sf-section-radius,0);overflow:clip}@media not all and (min-width:720px){.sf-pad-top-phone{padding-top:var(--sf-pad-t-phone)!important}.sf-pad-bottom-phone{padding-bottom:var(--sf-pad-b-phone)!important}.sf-pad-left-phone{padding-left:var(--sf-pad-l-phone)!important}.sf-pad-right-phone{padding-right:var(--sf-pad-r-phone)!important}}.sf-box-sides>*{padding-left:0;padding-right:0}@media not all and (min-width:720px){.sf-section-minh-phone{min-height:var(--sf-section-minh-p)!important;display:grid!important}@supports (min-height:1svh){.sf-section-minh-phone{min-height:var(--sf-section-minh-ps,var(--sf-section-minh-p))!important}}}.sf-box-gap-only>*{padding-block:0}@keyframes sf-section-fade{0%{opacity:0}}@keyframes sf-section-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes sf-section-scale{0%{opacity:0;transform:scale(.96)}}[data-sf-anim][data-sf-anim-state=armed]{opacity:0}[data-sf-anim][data-sf-anim-state=play]{animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}[data-sf-anim=fade][data-sf-anim-state=play]{animation-name:sf-section-fade}[data-sf-anim=rise][data-sf-anim-state=play]{animation-name:sf-section-rise}[data-sf-anim=scale][data-sf-anim-state=play]{animation-name:sf-section-scale}@media (prefers-reduced-motion:reduce){:not([data-motion-keep],[data-motion-keep] *),:not([data-motion-keep],[data-motion-keep] *):before,:not([data-motion-keep],[data-motion-keep] *):after{scroll-behavior:auto!important;transition-property:opacity,color,background-color,border-color,outline-color,text-decoration-color,caret-color,fill,stroke,box-shadow,filter,-webkit-backdrop-filter,backdrop-filter!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
 
 /*
@@ -1295,10 +1448,13 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
   outline-offset: 1px;
 }
 
-/* A pressable part explains itself in the shell's Tooltip, whose wrapper is
-   then the head's item: the rules below place either. */
-.es-field-name + .es-default-reset,
-.es-field-name + span:has(> .es-default-reset) { margin-left: auto; }
+/* WHATEVER A HOST PUTS IN \`action\` SITS AT THE ROW'S RIGHT END: the Default /
+   Reset part (or the shell Tooltip wrapper round it), a switch, the \`Each side\`
+   toggle of the Padding and Border rows. ONE rule for all of them (plan E-P,
+   2026-10-16), where the Default / Reset part had two of its own. A value, when
+   drawn, already takes the free space (\`.es-field-value\`), and the action
+   follows it. */
+.es-field-name + :not(.es-field-value) { margin-left: auto; }
 
 /* THE GREY VALUE IS THE "DEFAULT" WORD NOW (option E): a row whose slot is
    empty draws its value grey, and the value takes the text colour once the
@@ -2578,26 +2734,66 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
   gap: var(--es-space-4, 4px);
 }
 
-/* \\2014  the number cells (E5b): a 2-column grid between the toolbar and the box \\2014  */
+/* \\2014  the number cells (E5b): a grid between the toolbar and the box \\2014  */
+/* THE GRID ASKS ITS OWN WIDTH (one text panel v3, wave 2 \\b7  E1): the wrapper is
+   a size container, so the cells go to ONE column when their row is under
+   240px, whatever panel, editor or inset they sit in. Measured at a 220px
+   panel (v3 page, 2026-10-15): a 2-up cell cut "160" to "1(" and "48" to "4:".
+   The number box itself is the shell's (7.39.0): glyph, the number read from
+   the left, the unit, the arrows \\2014  so no rule here moves the number or the unit
+   (the old compact-stepper override put the unit 1px from the arrows). */
+.es-copy-cells-fit {
+  container-type: inline-size;
+  margin-bottom: var(--es-copy-gap);
+}
 .es-copy-cells {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--es-space-8, 8px) var(--es-space-4, 4px);
+}
+@container (width < 240px) {
+  .es-copy-cells {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+/* A cell: its name over its box. The name wears the panel's row label
+   (\`.es-field-label\`, panel.css); only where it sits is said here. */
+.es-copy-cell {
+  display: flex;
+  flex-direction: column;
   gap: var(--es-space-4, 4px);
-  margin-bottom: var(--es-copy-gap);
+  min-width: 0;
+}
+.es-copy-cell-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* \\2014  the one text panel (\`TextPartPanel\`, text panel v3; wave 2 \\b7  E2) \\2014  */
+/* The rows are the panel's own \`SettingsField\`s (panel.css); only what is the
+   text panel's is said here. The cells sit between Font and Alignment at the
+   panel's row rhythm, the same room a row has above it. */
+.es-tpp > .es-copy-cells-fit {
+  margin-top: max(var(--es-row-gap), var(--es-rhythm-between));
+  margin-bottom: 0;
 }
-/* The cells' compact arrows (efficient-shell 4.166.0's \`steppers="compact"\`)
-   stand in one 16px column at the box's end. The shell keeps the unit 24px in
-   and the number 48px in from that end, room for a unit of any width; a cell's
-   unit is "px" or "%", so here the unit sits just inside the arrows and the
-   number stops just before it. Measured in Chrome at a 220px panel (a 95px
-   cell, the glyph in front): 17px of number with the shell's room, 29px with
-   this \\2014  "160" fits. Layout only: the arrows, the unit's ink and the box are
-   the shell's. */
-.es-copy-cells .es-fnum:has([data-steppers='compact']) input {
-  padding-right: calc(9 * var(--spacing));
+.es-tpp-kept {
+  margin-bottom: var(--es-space-8, 8px);
 }
-.es-copy-cells .es-fnum:has([data-steppers='compact']) span:has(> .es-fnum-unit) {
-  right: calc(4.5 * var(--spacing));
+/* \`Font [Inter \\25be ] [I]\`: the font takes the row, the Italic button its end. */
+.es-tpp-font {
+  display: flex;
+  align-items: center;
+  gap: var(--es-space-4, 4px);
+  /* \`.es-field-ctl\` is a flex row: without a width this row sizes to its
+     content and the font box stops short of the I (measured at 320 and 220). */
+  width: 100%;
+  min-width: 0;
+}
+.es-tpp-font-select {
+  flex: 1;
+  min-width: 0;
 }
 
 /*
@@ -3006,6 +3202,24 @@ span:has(> .es-insp-up-btn) {
   .es-insp-head,
   .es-insp-up { padding-inline: 12px; }
 }
+
+/* THE SETTINGS BODY'S ROW INSET, OWNED HERE AND OPT-IN (one text panel v3,
+   wave 2 \\b7  E1). Each editor padded its own body \\2014  the website 16px and 8px
+   under a 284px panel (\`storefront-editor.css\` \`.sf-insp-body\`, card 66212's
+   measured line), the email designer \`p-3\` plus 16px sides of its own \\2014  so the
+   same text panel sat at two insets and the email one cut Alignment at 220.
+   A host that puts \`es-insp-body\` on its panel body gets the website's numbers
+   and deletes its own; a host that does not is unchanged (no breaking change).
+   ONLY THE SIDES: the room above and below stays the host's. The inset is ONE
+   name, so anything that must line up with it reads the same value. The side
+   panel is the size container (\`.es-sidepanel\`), so this asks the panel. */
+.es-insp-body {
+  --es-insp-pad-x: var(--es-space-16, 16px);
+  padding-inline: var(--es-insp-pad-x);
+}
+@container (width < 284px) {
+  .es-insp-body { --es-insp-pad-x: var(--es-space-8, 8px); }
+}
 /* A HEAD WITH A WAY-OUT WORD, UNDER 260px (card [MERGE] One Media Panel Head
    For Both Editors, GG 2026-10-06). At a 220px panel the chip, Cancel, the
    hairline and Hide left the titles about 38px: "Choose image" drew "Ch\\2026 " in
@@ -3922,30 +4136,6 @@ span:has(> .es-insp-up-btn) {
   color: var(--sf-muted);
 }
 
-/* "Switch to Box footer" (blueprint step H.4) \\2014  a short note and its button
-   under the old footer's settings. A confirmation replaces the button in place
-   rather than opening a dialog: it is one decision, made where it is offered. */
-.sf-box-footer-switch {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 10px;
-  margin: 18px 0 6px;
-  padding: 12px;
-  border: 1px solid var(--sf-divider);
-  border-radius: var(--radius-xl);
-}
-.sf-box-footer-switch-text {
-  margin: 0;
-  font-size: var(--text-xs);
-  line-height: 1.45;
-  color: var(--sf-muted);
-}
-.sf-box-footer-switch-row {
-  display: flex;
-  gap: 8px;
-}
-
 /* Section-cover wireframe tokens \\2014  the bespoke palette the SectionThumbnail
  * covers draw with (see components/SectionThumbnail.tsx). Defined once here so no
  * colour literal lives in the .tsx (doc/no-hardcoding.md R3); the admin mirror
@@ -4474,8 +4664,13 @@ span:has(> .es-insp-up-btn) {
      came to hang 6px OUTSIDE the panel at every width under 280 (measured: gap
      -6.0px at 260 and at 220, against 0.0 at the default 320). One name, read
      by the padding, by the narrow override, and by anything that undoes it. */
-  --sf-insp-pad-x: var(--space-16);
-  padding: 4px var(--sf-insp-pad-x) 18px;
+  /* THE SIDES ARE EASEL'S NOW (one text panel W1): the body wears
+     \`es-insp-body\` (efficient-easel 9.0.0 chrome.css), the one row inset both
+     editors share \\2014  16px, 8px under a 284px panel, the numbers this sheet
+     measured and set (card 66212, 2026-10-13). The token stays, as a name for
+     that inset, because rules below read it to reach the panel's edge. */
+  --sf-insp-pad-x: var(--es-insp-pad-x, var(--space-16));
+  padding-block: 4px 18px;
 
   /* THE DROPDOWN ARROW, WRITTEN ONCE \\2014  card 66399.c.
      Read by \`.sf-insp-body select\` at rest AND by the hover rule beside it. The
@@ -4540,13 +4735,8 @@ span:has(> .es-insp-up-btn) {
    and 10 has nothing to spare, and type is paid vertically as well \\2014  card 66206
    has just set the row rhythm to 16px, which shrinking type would hand straight
    back. The padding was the horizontal cost, so the padding is what moved. */
-@container (width < 284px) {
-  .sf-insp-body {
-    /* The TOKEN, not \`padding-inline\` \\2014  so everything that reads the padding
-       narrows with it, instead of only the padding itself. */
-    --sf-insp-pad-x: var(--space-8);
-  }
-}
+/* The narrow inset (8px under a 284px panel) is easel's \`.es-insp-body\` rule
+   now; \`--sf-insp-pad-x\` follows it, so every reader narrows with it. */
 
 /* Floating-styled form controls for Puck's native fields \\2014  and ONLY those.
 
@@ -7889,4 +8079,17 @@ ul.sf-image-status {
   margin-top: var(--es-rhythm-between);
 }
 
-@font-face{font-family:'Space Grotesk Fallback';src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}@font-face{font-family:'Inter Fallback';src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}@font-face{font-family:'Poppins Fallback';src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}@font-face{font-family:'DM Sans Fallback';src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}@font-face{font-family:'Sora Fallback';src:local("Arial");ascent-override:85.29%;descent-override:25.50%;line-gap-override:0.00%;size-adjust:113.73%}@font-face{font-family:'Oswald Fallback';src:local("Arial");ascent-override:146.51%;descent-override:35.49%;line-gap-override:0.00%;size-adjust:81.43%}@font-face{font-family:'Archivo Fallback';src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}@font-face{font-family:'Outfit Fallback';src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}@font-face{font-family:'Manrope Fallback';src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}@font-face{font-family:'Michroma Fallback';src:local("Arial");ascent-override:81.64%;descent-override:18.76%;line-gap-override:0.00%;size-adjust:141.62%}@font-face{font-family:'Fraunces Fallback';src:local("Times New Roman");ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.00%;size-adjust:115.45%}@font-face{font-family:'Playfair Display Fallback';src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}@font-face{font-family:'Cormorant Fallback';src:local("Times New Roman");ascent-override:95.52%;descent-override:29.67%;line-gap-override:0.00%;size-adjust:96.74%}@font-face{font-family:'JetBrains Mono Fallback';src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}:root{--font-display: 'Space Grotesk', 'Space Grotesk Fallback';--font-body: 'Inter', 'Inter Fallback';--font-poppins: 'Poppins', 'Poppins Fallback';--font-dm-sans: 'DM Sans', 'DM Sans Fallback';--font-sora: 'Sora', 'Sora Fallback';--font-oswald: 'Oswald', 'Oswald Fallback';--font-archivo: 'Archivo', 'Archivo Fallback';--font-outfit: 'Outfit', 'Outfit Fallback';--font-manrope: 'Manrope', 'Manrope Fallback';--font-big-shoulders: 'Big Shoulders';--font-michroma: 'Michroma', 'Michroma Fallback';--font-serif: 'Fraunces', 'Fraunces Fallback';--font-playfair: 'Playfair Display', 'Playfair Display Fallback';--font-cormorant: 'Cormorant', 'Cormorant Fallback';--font-mono-loaded: 'JetBrains Mono', 'JetBrains Mono Fallback';}`;var Yo=["https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:ital,wght@0,400;0,500;1,400;1,500&family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Sora:wght@400;500;700&family=Oswald:wght@400;500;600;700&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Outfit:wght@400;500;600;700&family=Manrope:wght@200;300;400;500&family=Big+Shoulders:wght@400;500;600;700;800&family=Michroma:wght@400&family=Fraunces:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Cormorant:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"];import{jsx as X}from"react/jsx-runtime";var Vo={mirrorHostStyles:!1,css:jo,fontHrefs:Yo},Qi={...Vo,fontHrefs:[]},Fn=0;function Ji(){Ki(()=>(Fn+=1,Fn>1&&console.error("efficient-storefront-blocks: more than one storefront editor is mounted on this page. Route every target into one editor window \u2014 the editor keeps the open website in module state."),()=>{Fn-=1}),[])}function Ko({host:e,site:t,mediaPanel:a,backend:s,blocks:n,words:o,locale:r,children:d}){let c=Zi();Ia(o,r,c);let[b]=qo(()=>Go({backend:s,blocks:n})),i=Xi(()=>b.usesBridgedToken?Vo:Qi,[b]);return rs({siteSlug:t?.slug??null,shopOrigin:t?.origin??null}),Ji(),X(za,{session:b,children:X(ls,{metadata:n?.metadata,children:X(Ca,{host:e,children:X(yo,{panel:a,children:X(is,{value:i,children:X(xn,{currency:$i,subscribe:el,searchShortcut:!1,children:X(cn,{apiKey:"",mapId:"",children:X("div",{className:"sf-embedded",children:d})})})})})})})})}var $i={currencies:Ce.currencies,countries:Ce.countries,defaultCurrency:Ce.defaultCurrency,defaultCountry:Ce.defaultCountry},el={autoOpen:le.autoOpen,autoOpenDelaySec:le.autoOpenDelaySec,trigger:le.trigger,scrollPercent:le.scrollPercent,showOn:le.showOn,showOnPages:le.showOnPages,hideAfter:le.hideAfter,hideDays:le.hideDays};function Cf({host:e,target:t,site:a,mediaPanel:s=null,backend:n=null,blocks:o=null,words:r=null,locale:d=null}){let[c]=qo(t);return X(Ko,{host:e,site:a,mediaPanel:s,backend:n,blocks:o,words:r,locale:d,children:X(fo,{target:c})})}function Lf({host:e,id:t,initialType:a,initialName:s,site:n,mediaPanel:o=null,backend:r=null,blocks:d=null,words:c=null,locale:b=null}){return X(Ko,{host:e,site:n,mediaPanel:o,backend:r,blocks:d,words:c,locale:b,children:X(vo,{id:t,initialType:a,initialName:s})})}export{qt as WebsiteBackendError,Cf as WebsiteEditor,Lf as WebsiteSectionEditor,Er as createEditorHost,Sr as createEfficientBackend};
+/* The notice for a page whose header and footer could not load
+   (components/PinnedChromeLoadNotice, 16.0.1), floating over the top of the
+   canvas \\2014  the preview host is \`position: relative\` \\2014  so the frame keeps its
+   box. An <aside>, not a <div>: the screen sizes every direct \`div\` child of
+   the host to fill it. Layout only; the notice is the shell's Banner. */
+.sf-canvas-notice {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  right: 8px;
+  z-index: 1;
+}
+
+@font-face{font-family:'Space Grotesk Fallback';src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}@font-face{font-family:'Inter Fallback';src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}@font-face{font-family:'Poppins Fallback';src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}@font-face{font-family:'DM Sans Fallback';src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}@font-face{font-family:'Sora Fallback';src:local("Arial");ascent-override:85.29%;descent-override:25.50%;line-gap-override:0.00%;size-adjust:113.73%}@font-face{font-family:'Oswald Fallback';src:local("Arial");ascent-override:146.51%;descent-override:35.49%;line-gap-override:0.00%;size-adjust:81.43%}@font-face{font-family:'Archivo Fallback';src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}@font-face{font-family:'Outfit Fallback';src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}@font-face{font-family:'Manrope Fallback';src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}@font-face{font-family:'Michroma Fallback';src:local("Arial");ascent-override:81.64%;descent-override:18.76%;line-gap-override:0.00%;size-adjust:141.62%}@font-face{font-family:'Fraunces Fallback';src:local("Times New Roman");ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.00%;size-adjust:115.45%}@font-face{font-family:'Playfair Display Fallback';src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}@font-face{font-family:'Cormorant Fallback';src:local("Times New Roman");ascent-override:95.52%;descent-override:29.67%;line-gap-override:0.00%;size-adjust:96.74%}@font-face{font-family:'JetBrains Mono Fallback';src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}:root{--font-display: 'Space Grotesk', 'Space Grotesk Fallback';--font-body: 'Inter', 'Inter Fallback';--font-poppins: 'Poppins', 'Poppins Fallback';--font-dm-sans: 'DM Sans', 'DM Sans Fallback';--font-sora: 'Sora', 'Sora Fallback';--font-oswald: 'Oswald', 'Oswald Fallback';--font-archivo: 'Archivo', 'Archivo Fallback';--font-outfit: 'Outfit', 'Outfit Fallback';--font-manrope: 'Manrope', 'Manrope Fallback';--font-big-shoulders: 'Big Shoulders';--font-michroma: 'Michroma', 'Michroma Fallback';--font-serif: 'Fraunces', 'Fraunces Fallback';--font-playfair: 'Playfair Display', 'Playfair Display Fallback';--font-cormorant: 'Cormorant', 'Cormorant Fallback';--font-mono-loaded: 'JetBrains Mono', 'JetBrains Mono Fallback';}`;var Fj=["https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:ital,wght@0,400;0,500;1,400;1,500&family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Sora:wght@400;500;700&family=Oswald:wght@400;500;600;700&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Outfit:wght@400;500;600;700&family=Manrope:wght@200;300;400;500&family=Big+Shoulders:wght@400;500;600;700;800&family=Michroma:wght@400&family=Fraunces:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Cormorant:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"];import{jsx as c5}from"react/jsx-runtime";var Nj={mirrorHostStyles:!1,css:Hj,fontHrefs:Fj},Ep1={...Nj,fontHrefs:[]},Ny=0;function Hp1(){Ap1(()=>(Ny+=1,Ny>1&&console.error("efficient-storefront-blocks: more than one storefront editor is mounted on this page. Route every target into one editor window \u2014 the editor keeps the open website in module state."),()=>{Ny-=1}),[])}function Ij({host:e,site:t,mediaPanel:a,backend:s,blocks:o,words:r,locale:i,children:n}){let l=Tp1();sC(r,i,l);let[c]=Pj(()=>Ej({backend:s,blocks:o})),h=Lp1(()=>c.usesBridgedToken?Nj:Ep1,[c]);return dM({siteSlug:t?.slug??null,shopOrigin:t?.origin??null}),Hp1(),c5(rC,{session:c,children:c5(zM,{metadata:o?.metadata,children:c5(uC,{host:e,children:c5(JT,{panel:a,children:c5(yM,{value:h,children:c5(Lu,{currency:Fp1,subscribe:Pp1,searchShortcut:!1,children:c5(Fd,{apiKey:"",mapId:"",children:c5("div",{className:"sf-embedded",children:n})})})})})})})})}var Fp1={currencies:xs.currencies,countries:xs.countries,defaultCurrency:xs.defaultCurrency,defaultCountry:xs.defaultCountry},Pp1={autoOpen:G4.autoOpen,autoOpenDelaySec:G4.autoOpenDelaySec,trigger:G4.trigger,scrollPercent:G4.scrollPercent,showOn:G4.showOn,showOnPages:G4.showOnPages,hideAfter:G4.hideAfter,hideDays:G4.hideDays};function lS0({host:e,target:t,site:a,mediaPanel:s=null,backend:o=null,blocks:r=null,words:i=null,locale:n=null}){let[l]=Pj(t);return c5(Ij,{host:e,site:a,mediaPanel:s,backend:o,blocks:r,words:i,locale:n,children:c5(wL,{target:l})})}function cS0({host:e,id:t,initialType:a,initialName:s,site:o,mediaPanel:r=null,backend:i=null,blocks:n=null,words:l=null,locale:c=null}){return c5(Ij,{host:e,site:o,mediaPanel:r,backend:i,blocks:n,words:l,locale:c,children:c5(XT,{id:t,initialType:a,initialName:s})})}export{j5 as WebsiteBackendError,lS0 as WebsiteEditor,cS0 as WebsiteSectionEditor,Qj as createEditorHost,q11 as createEfficientBackend};