efficient-storefront-blocks 0.26.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import{a as Fa,b as Yt,c as qt,d as Ua,e as pt,f as Vt,g as Ba,h as ja,i as Ya,j as Va,k as Ka,l as Xa}from"./chunks/chunk-TZQUVG3U.js";import{$ as zs,A as hs,B as cs,C as ps,D as fs,E as Qt,F as gs,G as us,H as ms,I as ws,J as bs,K as $t,L as Jt,M as xs,N as vs,O as gt,P as en,Q as Ts,R as Es,S as ut,T as mt,U as Ss,V as As,W as Os,X as Ns,Y as Is,Z as Rs,_ as lr,a as Fn,aa as Hs,b as zt,ba as Ps,c as Un,d as Bn,e as Xe,f as fa,g as ga,h as Ia,i as Ut,j as Bt,k as Wa,l as dt,m as Za,n as Ee,o as Qa,p as Kt,q as Xt,r as $a,s as Ja,t as ss,u as Zt,v as os,w as rs,x as is,y as ls,z as ds}from"./chunks/chunk-4CEJDQT6.js";import{Ad as Re,Df as le,Ea as tt,Ed as ka,Ga as nt,Lc as ua,Mc as ye,Nc as ma,O as Je,Pb as da,Pd as J,Ph as Ga,Qc as h,R as jn,Rc as wa,Tb as ha,Vc as ba,Wb as ca,Wc as ke,Wd as Ta,Xd as Ea,Xe as Na,Y as Yn,Yc as Ft,Z as qn,ad as xa,ce as ie,ec as Wt,fg as Ha,gg as Pa,hc as ot,hg as Ca,i as Pt,ig as La,j as Ct,k as re,kg as jt,l as Qe,la as Ne,lc as pa,le as Sa,lg as _a,ng as Ma,oe as Aa,qa as Vn,qg as ht,sa as Kn,sg as ct,ve as Oa,wh as ze,xd as va,xh as Te,yd as ir,zd as ya}from"./chunks/chunk-JMPXWSWW.js";import{H as ft,L as as,O as He,Q as Pe,S as ys,T as ks,o as ns}from"./chunks/chunk-AT54VAHN.js";import{A as M,a as lt,i as es,w as ts}from"./chunks/chunk-TPQS7R54.js";import{$ as Jn,Ea as Mt,Ka as rt,La as it,Ma as Ra,Na as za,Oa as Gt,Ra as Da,S as Qn,W as Dt,Y as $n,aa as ea,fa as ta,ga as _t,ja as na,la as aa,ma as sa,na as oa,o as Xn,oa as ra,p as et,r as Zn,s as Ie,t as at,ta as ia,u as Lt,ua as st,v as $,xa as la}from"./chunks/chunk-5ARJ7ZNM.js";import{b as Gn,f as Ht,h as Ze,k as $e,o as qa}from"./chunks/chunk-PT6SNSRB.js";import"./chunks/chunk-Y6SLVHK3.js";import{useEffect as Ni,useMemo as Ii,useState as Io}from"react";import{useEaselStrings as Ri}from"efficient-easel/strings";import{useMemo as dr}from"react";import{jsx as hr}from"react/jsx-runtime";function tn({apiKey:e,mapId:t,children:n}){let a=dr(()=>({apiKey:e,setApiKey:()=>{},mapId:t}),[e,t]);return hr(Xe,{value:a,children:n})}import{jsx as B,jsxs as Tr}from"react/jsx-runtime";import{useCallback as C,useEffect as fe,useMemo as sn,useRef as de,useState as H}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 wt(e,t,n){if(!e)return e;let a=!1,s={};for(let[r,o]of Object.entries(e)){let c=o;if(o&&typeof o=="object")if(o.type==="slot")if(o.allow){let p=o.allow.filter(t);p.length!==o.allow.length&&(c={...o,allow:p})}else{let p=new Set(o.disallow??[]),m=n.filter(d=>!p.has(d));m.length>0&&(c={...o,disallow:[...o.disallow??[],...m]})}else{let p=wt(o.arrayFields,t,n),m=wt(o.objectFields,t,n);(p!==o.arrayFields||m!==o.objectFields)&&(c={...o,...p?{arrayFields:p}:null,...m?{objectFields:m}:null})}c!==o&&(a=!0),s[r]=c}return a?s:e}function cr(e,t,n){let a={};for(let[c,p]of Object.entries(t.fields??{}))a[c]=p&&typeof p=="object"&&p.type==="slot"?{...p}:p;let s={...t,...t.fields?{fields:a}:null},r=ga(e,s,n),o=Object.keys(a).filter(c=>r.fields?.[c]!==a[c]);if(o.length>0)throw new Error(`efficient-web-builder: blocks.host["${e}"] declares ${o.map(c=>`"${c}"`).join(", ")}, ${o.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return r}function bt(e,t){let n=Object.entries(t?.host??{}),a=t?.categories??[],s=qn(t);if(!s&&n.length===0&&a.length===0)return e;let r=e.components,o=n.map(([f])=>f).filter(f=>f in r);if(o.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${o.map(f=>`"${f}"`).join(", ")}, which ${o.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);let c=f=>s?s.offers(f):!0,p=Object.keys(r).filter(f=>!c(f)),m={};for(let[f,w]of Object.entries(r)){let x=s?wt(w?.fields,c,p):w?.fields;m[f]=x===w?.fields?w:{...w,fields:x}}if(n.length>0){let f=new Set(n.map(([v])=>v)),w=e.categories?.structure?.components??[],x=fa(Object.keys(r),w),E={...x,isSection:v=>f.has(v)||x.isSection(v),isHostBlock:v=>f.has(v),inspector:Ia};for(let[v,b]of n){let A=cr(v,b,E),y=wt(A.fields,c,p);m[v]=y===A.fields?A:{...A,fields:y}}}let d=[];for(let[f,w]of Object.entries(e.categories??{})){let x=w?.components??[],E=x.filter(c);E.length===x.length?d.push([f,w]):E.length>0&&d.push([f,{...w,components:E}])}for(let f of a){let w=f.components.filter(b=>b in m&&c(b));if(w.length===0)continue;let x=d.find(([b])=>b===f.key);if(x){let[,b]=x,A=new Set(b.components??[]);x[1]={...b,components:[...b.components??[],...w.filter(y=>!A.has(y))]};continue}let E=[f.key,{title:f.title,components:w}],v=f.before?d.findIndex(([b])=>b===f.before):-1;v===-1?d.push(E):d.splice(v,0,E)}return{...e,components:m,categories:Object.fromEntries(d)}}import{ChromeWrap as xt}from"efficient-easel/screen/lib/host-chrome";function pr(e){return!!e&&typeof e=="object"&&typeof e[Sa]=="string"}function fr(e,t){if(!e)return e;let n=null;for(let[a,s]of Object.entries(e))pr(s)&&(n??={...e},n[a]={...s,siteGap:t});return n??e}function Cs(e,t){let n=e,a=!1,s={};for(let[r,o]of Object.entries(n.components)){let c=fr(o.fields,t);if(c===o.fields){s[r]=o;continue}a=!0,s[r]={...o,fields:c}}return a?{...e,components:s}:e}var Ls=lt.mediaFields,Ds=lt.snapshotObjects,_s=lt.hydratedLists;function gr(e){return typeof e=="string"?"":Array.isArray(e)?[]:e&&typeof e=="object"?null:e}function nn(e,t){if(t.length===0)return gr(e);let[n,...a]=t,s=n.endsWith("[]"),r=s?n.slice(0,-2):n;if(!e||typeof e!="object"||Array.isArray(e))return e;let o=e;if(!(r in o))return e;let c=o[r];return s?Array.isArray(c)?{...o,[r]:c.map(p=>nn(p,a.length?a:[]))}:e:{...o,[r]:nn(c,a)}}function Ms(e,t){if(Array.isArray(e))return e.map(s=>Ms(s,t));if(!e||typeof e!="object")return e;let n=e,a={};for(let s of t)s in n&&(a[s]=n[s]);return a}function ur(e,t){let n=t;for(let s of Ls[e]??[])n=nn(n,s.split("."));let a=Ds[e];if(a)for(let[s,r]of Object.entries(a))s in n&&(n={...n,[s]:Ms(n[s],r.keep)});for(let s of _s[e]??[])Array.isArray(n[s])&&(n={...n,[s]:[]});return n}function mr(e,t){return typeof t!="function"?t:n=>t(ur(e,n))}function vt(e,t){if(!t)return e;let n=e,a={};for(let[s,r]of Object.entries(n.components)){let o=(Ls[s]?.length??0)>0||Ds[s]||_s[s];a[s]=o&&r.render?{...r,render:mr(s,r.render)}:r}return{...n,components:a}}import{default as Ws,DocumentScreen as Fs}from"efficient-easel/screen/components/ScreenMount";import{useCallback as wr,useEffect as br,useMemo as Us,useRef as Bs,useState as xr}from"react";var vr="Could not save this link. Check your connection and try again.";function yr(e,t){if(!(e instanceof Ft)||e.kind!=="invalid")return null;let n=e.fields?.[t];return typeof n=="string"&&n.trim()?n:null}function kr(e){return Object.fromEntries(Gt.map(t=>[t,{value:e[t]??"",error:null}]))}function Gs({token:e,siteId:t,enabled:n}){let[a,s]=xr(jt),r=Bs(null),o=Bs(!1),c=ke(),p=re(c).social,m=n&&!!e&&!!t&&!!p;br(()=>{if(!m||!e||!t||!p)return;r.current!==t&&(r.current=t,o.current=!1,s(jt));let w=!1;return p.get({siteId:t}).then(x=>{!w&&!o.current&&s(kr(x))}).catch(()=>{}),()=>{w=!0}},[m,e,t,p]);let d=wr(async(w,x)=>{if(!m||!e||!t||!p)return{ok:!1,error:"There is no website to save to."};try{let E=await p.update({[w]:x.trim()},{siteId:t});return o.current=!0,s(v=>({...v,[w]:{value:E[w]??"",error:null}})),{ok:!0}}catch(E){let v=yr(E,w)??vr;return s(b=>({...b,[w]:{...b[w],error:v}})),{ok:!1,error:v}}},[m,e,t,p]),f=Us(()=>Da(Object.fromEntries(Gt.map(w=>[w,a[w].value]))),[a]);return Us(()=>({links:f,rows:a,canSave:m,saveLink:d}),[f,a,m,d])}function js(e,t){let n=t?{siteId:t}:void 0;return{resolve:a=>e.load({slug:a,...n}),saveLayout:(a,s,r,o)=>e.save(a,{layout:s},{version:r,clientId:o??""}),rereadVersion:e.version?a=>e.version(a):void 0,publish:e.publish?(a,s)=>e.publish(a,s?{version:s}:void 0):void 0,listPages:()=>e.list(n),createPage:e.create?a=>e.create({...a,...n}):void 0,deletePage:e.remove?a=>e.remove(a):void 0}}function Ce(e,t=re(),n=Ct()){let a=Ht(t),s=e?{siteId:e}:void 0,r=a?!!e:!0,o=t.site.update;return{capabilities:{canPublish:!!t.pages.publish,hasSiteSettings:a,hasSiteTheme:!!t.theme,placeholderFrames:!1,mediaEditing:!0,pageCreationInAdminForm:!t.pages.create,canDeletePagesInline:!!t.pages.remove,hasEditLock:!!t.lock,hasEditGuard:!0,hasPinnedChrome:a&&n.commerce&&n.service,explainsSiteSettings:!1,hasSiteRecord:r,canEditSiteRecord:r&&!!o,hasPreviewLink:a||!!t.preview,hasCatalog:a&&n.commerce,hasForms:a&&n.service,hasBlog:!!t.blog&&n.service,offersCommerce:n.commerce,offersService:n.service},...js(t.pages,e),lock:t.lock,site:r?()=>t.site.get(s):void 0,updateSite:r&&o?c=>o(c,s):void 0,previewHref:t.preview?c=>t.preview.href(c):void 0}}function Ys(e,t=re(),n=Ct()){let a=Ht(t),s=t.templates,r=s?s.pages(e):{list:()=>Promise.reject(new Error(an)),load:()=>Promise.reject(new Error(an)),save:()=>Promise.reject(new Error(an))};return{capabilities:{canPublish:!1,hasSiteSettings:!1,hasSiteTheme:!1,placeholderFrames:!0,mediaEditing:!1,pageCreationInAdminForm:!r.create,canDeletePagesInline:!!r.remove,hasEditLock:!1,hasEditGuard:!1,hasPinnedChrome:a&&n.commerce&&n.service,explainsSiteSettings:a,hasSiteRecord:!1,canEditSiteRecord:!1,hasPreviewLink:!1,hasCatalog:a&&n.commerce,hasForms:a&&n.service,hasBlog:!!t.blog&&n.service,offersCommerce:n.commerce,offersService:n.service},...js(r,void 0),publish:void 0,templateName:s?()=>s.get(e).then(o=>o.name):void 0}}var an="This editor's backend has no website templates.";var qs={homeSlug:ot,entryMayBounce:e=>e.kind==="template"||e.kind==="page"&&e.slug===J,entryBounce:(e,t)=>{if(e.kind==="page"&&e.slug===J){let n=Yt();return{kind:"page",slug:n&&n!==J?n:ot,siteId:e.siteId}}return e.kind!=="template"||new URLSearchParams(t).get("editTemplate")==="1"?null:{kind:"page",slug:ot}},onSwitch:e=>{if(e.kind==="page"){let t=Yt();e.slug!==J&&e.slug!==t&&qt()}else qt()},tellsHost:e=>e.kind==="page"&&e.slug!==J,adapterFor:(e,t,n)=>e.kind==="template"?Ys(e.id,t,Pt(n)):Ce(e.siteId,t,Pt(n)),migrateRenamedProps:dt};function yt(e){switch(e?.type){case"storefront-editor:category-updated":return Za(),!0;case"storefront-editor:menus-updated":return Qa(),!0;case"storefront-editor:form-saved":{let t=e;return Kt(),t.requestId&&Xt(t.requestId,t.form??null),!0}case"storefront-editor:form-closed":{let t=e;return Kt(),t.requestId&&Xt(t.requestId,null),!0}default:return!1}}var Er=()=>{if(typeof window>"u")return $;try{let e=window.localStorage.getItem(Ie);return e==="light"||e==="dark"||e==="auto"?e:$}catch{return $}},Vs=e=>{if(!(typeof window>"u"))try{window.localStorage.setItem(Ie,e)}catch{}},Sr=()=>{if(typeof window>"u")return!1;try{return window.localStorage.getItem(at)!==Lt}catch{return!1}},Ar=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Zn)}catch{}},Ks=e=>{if(!(typeof window>"u"))try{e?window.localStorage.removeItem(at):window.localStorage.setItem(at,Lt)}catch{}};function Or(){let{adapter:e,capabilities:t,templateId:n,ready:a,token:s,siteId:r,currentSlug:o,currentKind:c,data:p,getLiveData:m,footerOriginSlug:d,navigate:f}=ye();fe(()=>(Ut(o,c),()=>Ut(null,null)),[o,c]);let w=t.placeholderFrames,[x,E]=H(null),[v,b]=H("");fe(()=>{let g=e.templateName;if(!a||!n||!g){b("");return}let P=!1;return g().then(G=>!P&&b(G??"")).catch(()=>{}),()=>{P=!0}},[a,s,n,e]);let[A,y]=H($),[F,K]=H(!1),[U,ne]=H({selected:0,themes:[]}),[he,Q]=H(Xn),[j,Y]=H(Qn),[ae,O]=H(null),[N,ce]=H(ia),[L,I]=H(null),[se,pe]=H(null),[Ae,je]=H(_t),[Ye,l]=H(null),[T,R]=H(null),[z,q]=H(null),[ve,oe]=H(null),_=ke(),qe=sn(()=>bt(Ze(_),Qe(_)),[_]),Ho=sn(()=>Cs(vt(qe,w),ve),[qe,w,ve]),[Po,At]=H(la),[Co,In]=H(null),[Lo,Rn]=H(null),zn=de(null),D=de(!1);fe(()=>{y(Er()),K(Sr())},[]);let Do=C(g=>{D.current=!0,Ar(),Vs(g),y(g)},[]),_o=C(g=>{D.current=!0,Ks(g),K(g)},[]),Mo=C(g=>{D.current=!0,ne(g)},[]),Wo=C(g=>{D.current=!0,Q(g)},[]),Fo=C(g=>{D.current=!0,Y(g)},[]),Uo=C(g=>{D.current=!0,O(g)},[]),Bo=C(g=>{D.current=!0,ce(g)},[]),Go=C(g=>{D.current=!0,I(g)},[]),jo=C(g=>{D.current=!0,pe(g)},[]),Yo=C(g=>{D.current=!0,je(g)},[]),qo=C(g=>{D.current=!0,l(g)},[]),Vo=C(g=>{D.current=!0,At(g)},[]),[Ko,Hn]=H(null),Xo=C(g=>{D.current=!0,Hn(g)},[]),Zo=C(g=>{D.current=!0,R(g)},[]),Qo=C(g=>{D.current=!0,q(g)},[]),$o=C(g=>{D.current=!0,oe(g)},[]),Jo=C(g=>{D.current=!0,In(g)},[]),er=C(g=>{D.current=!0,Rn(g)},[]);fe(()=>{let g=re(_).theme;if(!s||!t.hasSiteTheme||!g)return;let P=r??"";zn.current!==P&&(zn.current=P,D.current=!1);let G=!1;return g.get(r?{siteId:r}:void 0).then(u=>{if(!(G||D.current)){if(Vs(u.default_mode),Ks(u.show_theme_switch),y(u.default_mode),K(u.show_theme_switch),ne({selected:u.selected_preset,themes:u.theme_presets}),Q(et({heading:u.heading_font,body:u.body_font,accent:u.accent_font,label:u.label_font})),Y(Dt({headingLarge:u.heading_size_large_px,headingMedium:u.heading_size_medium_px,headingSmall:u.heading_size_small_px,body:u.body_size_px,label:u.label_size_px})),O(u.corner_radius_px===void 0?Jn[$n(u.corner_style)]:ea(u.corner_radius_px)),ce(st(u.heading_compression)),I(u.card_shadow==null?ta:aa(u.card_shadow)),je(u.card_gap==null?_t:sa(u.card_gap)),l(u.hover_effect==null?na:oa(u.hover_effect)),pe(ra(u.shadow_color)),R(ha(u.site_width)),q(ca(u.site_gutter)),oe(Aa(u.block_gap)),At(Mt(u)),Hn(u.text_styles??null),Array.isArray(u.text_styles)){let Oe={fonts:et({heading:u.heading_font,body:u.body_font,accent:u.accent_font,label:u.label_font}),sizes:Dt({headingLarge:u.heading_size_large_px,headingMedium:u.heading_size_medium_px,headingSmall:u.heading_size_small_px,body:u.body_size_px,label:u.label_size_px}),compression:st(u.heading_compression),typography:Mt(u)},ue=Ja($a(u.text_styles,Oe),Oe);Q(et(ue.fonts)),Y(ue.sizes),ce(st(ue.compression)),At(ue.typography)}In(u.hero_background_follows_width===!0),Rn(u.photography_grayscale===!0)}}).catch(()=>{}),()=>{G=!0}},[s,r,t.hasSiteTheme,_]);let tr=Gs({token:s,siteId:r,enabled:t.hasSiteSettings}),[nr,Pn]=H(Ca),Cn=de(null),Ot=de(!1),Nt=de(null),Ve=de({}),ar=C(g=>{Ot.current=!0,Pn(P=>({...P,...g})),!(!t.hasSiteSettings||!s)&&(Ve.current={...Ve.current,...g},Nt.current&&clearTimeout(Nt.current),Nt.current=setTimeout(()=>{let P=Ve.current;Ve.current={},re(_).chat?.update(P,r?{siteId:r}:void 0).catch(()=>{})},500))},[t.hasSiteSettings,s,r,_]);fe(()=>{if(!s||!t.hasSiteSettings)return;let g=r??"";Cn.current!==g&&(Cn.current=g,Ot.current=!1);let P=!1,G=re(_).chat;if(G)return G.get(r?{siteId:r}:void 0).then(u=>{P||Ot.current||Pn({enabled:u.enabled,title:u.title,subtitle:u.subtitle,greeting:u.greeting})}).catch(()=>{}),()=>{P=!0}},[s,r,t.hasSiteSettings,_]);let[Ke,It]=H(""),Ln=de(null),Rt=de(!1);fe(()=>It(Fn()),[]);let Dn=C(g=>{let P=g.trim();if(P===Ke)return;Rt.current=!0,zt(P),It(P);let G=e.updateSite;!t.canEditSiteRecord||!a||!G||G({mapsApiKey:P}).catch(()=>{})},[Ke,t.canEditSiteRecord,a,e]),[_n,Mn]=H("");fe(()=>Mn(Un()),[]),fe(()=>{let g=e.site;if(!a||!t.hasSiteRecord||!g){E(null);return}let P=r??"";Ln.current!==P&&(Ln.current=P,Rt.current=!1);let G=!1;return g().then(u=>{if(G||(E(za(u.name)),Rt.current))return;let Oe=u.mapsApiKey??"";zt(Oe),It(Oe);let ue=u.mapsMapId??"";Bn(ue),Mn(ue)}).catch(()=>{}),()=>{G=!0}},[a,s,t.hasSiteRecord,r,e]);let sr=sn(()=>({apiKey:Ke,setApiKey:Dn,mapId:_n}),[Ke,Dn,_n]),Wn=de(null),or=C(()=>{Wn.current=m()??p??null,Fa(o),f({kind:"page",slug:J,siteId:r??void 0,originSlug:o})},[m,p,o,f,r]),rr=C(()=>{d&&f({kind:"page",slug:d,siteId:r??void 0})},[d,f,r]);return B(Fs,{config:Ho,parts:Xa,wrap:(g,P)=>B(rt,{websiteName:x,templateChrome:w,templateName:v||null,themeMode:A,onThemeModeChange:Do,themeSwitchShown:F,onThemeSwitchShownChange:_o,theme:U,onThemeChange:Mo,fonts:he,onFontsChange:Wo,cornerRadiusPx:ae,onCornerRadiusPxChange:Uo,cardShadow:L,onCardShadowChange:Go,shadowColor:se,onShadowColorChange:jo,cardGap:Ae,onCardGapChange:Yo,hoverEffect:Ye,onHoverEffectChange:qo,headingCompression:N,onHeadingCompressionChange:Bo,headingTypography:Po,onHeadingTypographyChange:Vo,textStyles:Ko,onTextStylesChange:Xo,sizes:j,onSizesChange:Fo,siteWidth:T,onSiteWidthChange:Zo,siteGutter:z,onSiteGutterChange:Qo,blockGap:ve,onBlockGapChange:$o,heroBackgroundFollowsWidth:Co,onHeroBackgroundFollowsWidthChange:Jo,photographyGrayscale:Lo,onPhotographyGrayscaleChange:er,themeFromDocument:!t.hasSiteTheme,children:B(Wa,{originData:d?Wn.current:null,originSlug:d,exitFocus:rr,children:B(Ha,{editFooter:or,children:B(xt,{wrap:_.chrome?.wrap,surface:"page",children:B(ht,{children:B(tt,{children:B(ct,{children:B(nt,{children:Tr(Xe,{value:sr,children:[B(La,{chat:nr,onChatChange:ar,children:B(_a,{value:tr,children:B(Ma,{children:g})})}),P]})})})})})})})})})})}function Xs({target:e}){return B(Ws,{target:e,addressing:qs,onHostMessage:yt,children:B(Or,{})})}import{jsx as me}from"react/jsx-runtime";function rn({catalogFilterLabels:e,menuItems:t,currency:n,subscribe:a,searchShortcut:s=!0,children:r}){return me(ss,{labels:e,children:me(hs,{items:t,children:me(ft,{...n,children:me(ps,{...a,children:me(fs,{children:me(as,{children:me(cs,{shortcut:s,children:r})})})})})})})}import{jsx as X}from"react/jsx-runtime";import{useCallback as Js,useEffect as Tt,useMemo as Le,useRef as Nr,useState as De}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 kt}from"efficient-easel/screen/lib/section-templates";import{applyAuthGrant as Id,NO_BRIDGED_CAPABILITIES as Zs,useAdminBridge as Qs}from"efficient-easel/screen/lib/admin-bridge";import{routeSharedHostMessage as $s}from"efficient-easel/screen/lib/host-inbound";import{documentPermissions as Ir}from"efficient-easel/edit-lock";import{useAutosave as Rr}from"efficient-easel/autosave";var zr=Qt(()=>import("./chunks/SiteEditorProvider-A24N444B.js"),{ssr:!1}),Hr=Qt(()=>import("./chunks/SectionEditorShell-B33EV72Q.js"),{ssr:!1}),to="HeroSingle",eo="Untitled section";function Pr(e,t){let n=t.components,a=n[e]?e:to,s=n[a]?.defaultProps??{},r=Yn(a,c=>n[c]?.defaultProps??{}),o=a===Je?{blocks:Ga()}:null;return{type:a,props:{id:jn(a),...s,...r?{[r.slot]:r.children}:null,...o}}}function Cr(){if(typeof window>"u")return $;try{let e=window.localStorage.getItem(Ie);return e==="light"||e==="dark"||e==="auto"?e:$}catch{return $}}function no({id:e,initialType:t,initialName:n=eo}){let[a,s]=De(e),r=Nr(a);Tt(()=>{r.current=a},[a]);let o=Re(),[c,p]=De(t),[m,d]=De(n),[f,w]=De(void 0),[x,E]=De($),{token:v,tokenRef:b}=Qs({onMessage:L=>{if(yt(L)||$s(L))return;let I=L;if(I?.type==="storefront-editor:navigate"&&I.target?.kind==="section"&&I.target.id){let se=I.target.id;if(se===r.current)return;let pe=I.target.type,Ae=I.target.name;K().then(()=>{p(pe),d(Ae||eo),s(se),o.address.show({kind:"section",id:se})})}}}),A=Rr({save:L=>kt.update(L.id,L.node).then(()=>{}),onFailure:(L,I)=>{I===0&&o.send("storefront-editor:save-failed")}}),{state:y,push:F,flush:K}=A;Tt(()=>E(Cr()),[]);let U=ke(),ne=U.usesBridgedToken?!!v:!0,he=Le(()=>bt(Ze(U),Qe(U)),[U]);Tt(()=>{if(!ne)return;let L=!1;return w(void 0),kt.ensure(a,m,Pr(c??to,he)).then(I=>!L&&w(I.node)).catch(()=>!L&&w(null)),()=>{L=!0}},[a,c,m,ne,he]);let Q=Js(L=>{o.send("storefront-editor:dirty");let I=Vt(L);I&&F({id:r.current,node:I})},[F,o]),j=o.send,Y=Js(async L=>{try{return await L(b.current??""),!0}catch{return j("storefront-editor:save-failed"),!1}},[j]),ae=Le(()=>vt(he,!0),[he]);Tt(()=>(Bt(null),()=>Bt(null)),[]);let O=Le(()=>f?dt(Ba(f)):null,[f]),N=Le(()=>({target:{kind:"page",slug:""},adapter:Ce(void 0),capabilities:Ce(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:ne,token:v,tokenRef:b,notifyParent:j,runAuthed:Y,docId:a,data:O,getLiveData:()=>O,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:ja(y),saveState:y,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:y.pending,toggleAutoSave:()=>{},retrySave:()=>{A.retryNow()},onChange:Q,flushSave:K,onPublish:async L=>{let I=Vt(L);I&&await kt.update(r.current,I)},bridgeCapabilities:Zs,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[a,ne,v,j,Y,O,y,Q,K,A.retryNow]),ce=Le(()=>Ir(!N.readOnly),[N.readOnly]);return f===void 0?X("div",{className:"sf-msg",children:h("Loading\u2026")}):f===null||!O?X("div",{className:"sf-msg sf-msg--error",children:h("Couldn\u2019t open this section.")}):X(ua.Provider,{value:N,children:X(rt,{themeMode:x,chromePlaceholder:!0,children:X(xt,{wrap:U.chrome?.wrap,surface:"section",children:X(ht,{children:X(tt,{children:X(ct,{children:X(nt,{children:X(zr,{config:ae,data:O,onChange:Q,permissions:ce,children:X(Hr,{})},a)})})})})})})})}import{cancelPanelPick as Oh,hasMediaPanel as Nh,MediaPanelProvider as ao,requestPanelPick as Ih,settlePanelPick as Rh,useMediaPanel as zh,usePanelPick as Hh}from"efficient-easel/screen/lib/media-panel";import{useEffect as Ur,useState as Br}from"react";var Me={currencies:[],defaultCurrency:null},Lr={currencies:[],defaultCurrency:null,reason:"none-configured"},_e=new Map;function so(e,t,n=!1){n&&_e.delete(t);let a=_e.get(t);return a||(a=Dr(e,t),_e.set(t,a),a.catch(()=>{_e.get(t)===a&&_e.delete(t)})),a}async function Dr(e,t){try{let n=await Ya(e,t);if(!n)return Me;let a=await ts.getSiteBySlug(n);return a.status!=="online"?await _r(e,t):{currencies:a.currencies??[],defaultCurrency:a.defaultCurrency??null}}catch(n){return console.warn("[editor-currency-source] load failed; editor stays unpriced",n),Me}}async function _r(e,t){let n=await M.listSiteCurrencies(t,e);if(!n.length)return Lr;let a=[...n].sort((s,r)=>s.display_order-r.display_order).map(s=>({code:s.currency_code,symbol:s.symbol||Fr(s.currency_code),decimalPlaces:typeof s.decimal_places=="number"?s.decimal_places:Wr(s.currency_code),isDefault:s.is_default}));return{currencies:a,defaultCurrency:a.find(s=>s.isDefault)?.code??a[0].code}}var Mr=0;function oo(e){try{return new Intl.NumberFormat(ns,{style:"currency",currency:e})}catch{return null}}function Wr(e){return oo(e)?.resolvedOptions().maximumFractionDigits??Mr}function Fr(e){return oo(e)?.formatToParts(0).find(a=>a.type==="currency")?.value||e}import{jsx as ro}from"react/jsx-runtime";function ln({token:e,siteId:t,enabled:n,children:a}){let[s,r]=Br(Me);return Ur(()=>{if(!e||!n||!t){r(Me);return}let o=!1;return so(e,t).then(c=>{o||r(c)}).catch(()=>{}),()=>{o=!0}},[e,n,t]),ro(ft,{currencies:s.currencies,defaultCurrency:s.defaultCurrency,children:ro(gs,{reason:s.reason,children:a})})}import{useEffect as io,useRef as dn}from"react";function Se({token:e,enabled:t=!0,deps:n=[],prime:a,onDisabled:s,refresh:r}){let o=dn(a);o.current=a;let c=dn(s);c.current=s;let p=dn(r);p.current=r,io(()=>{if(!e||!t){c.current?.();return}let m=!1;return o.current.load().then(d=>{m||o.current.publish(d)}).catch(()=>{}),()=>{m=!0}},[e,t,...n]),io(()=>{if(!e||!t||!p.current)return;let m=!1,d=p.current.subscribe(()=>{let f=p.current;f&&f.load().then(w=>{m||f.publish(w)}).catch(()=>{})});return()=>{m=!0,d()}},[e,t,...n])}function hn({token:e,siteId:t,enabled:n=!0}){let{setFooterBlock:a,setHeaderGroup:s,refreshToken:r}=Pa();return Se({token:e,enabled:n,deps:[t,r],onDisabled:()=>{a(null),s(null)},prime:{load:()=>M.findPageBySlug(J,e,t??void 0),publish:o=>{a(o?Ta(o.layout):null),s(o?Ea(o.layout):null)}}}),null}var we=new Map,cn=e=>e??"";function be(e,t,n=!1){let a=cn(t);n&&we.delete(a);let s=we.get(a);return s||(s=M.getHeaderSettings(e,t??void 0),we.set(a,s),s.catch(()=>{we.get(a)===s&&we.delete(a)})),s}function lo(e,t){we.set(cn(t),Promise.resolve(e))}function ho(e){we.delete(cn(e))}function We(e){return{logoUrl:$e(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 pn({token:e,siteId:t}){let{primeSettings:n,setSettings:a}=it();return Se({token:e,deps:[t],prime:{load:()=>be(e,t),publish:s=>n(We(s))},refresh:{subscribe:Ee,load:()=>be(e,t,!0),publish:s=>a(We(s))}}),null}function Et({token:e}){let{primeLive:t,setLive:n}=xs();return Se({token:e,prime:{load:()=>us(e),publish:a=>t($t(a))},refresh:{subscribe:Ee,load:()=>ms(e),publish:a=>n($t(a))}}),null}import{jsx as St,jsxs as fn}from"react/jsx-runtime";function gn({surface:e,children:t}){let{token:n,siteId:a,capabilities:s}=ye();if(e==="section")return fn(Jt,{children:[n?St(Et,{token:n}):null,t]});let r=n??"";return fn(ln,{token:r,siteId:a,enabled:s.hasSiteSettings,children:[s.hasSiteSettings&&St(pn,{token:r,siteId:a}),St(hn,{token:r,siteId:a,enabled:s.hasSiteSettings}),fn(Jt,{children:[s.hasSiteSettings&&St(Et,{token:r}),t]})]})}import{useCallback as ee,useEffect as Ue,useRef as un,useState as ge}from"react";import{Banner as Gr,Button as vn,Drawer as jr,InputNumber as Yr,LoadingSpinner as qr,MediaUploadField as Vr,Slider as Kr,tabButtonId as Xr,tabPanelId as Zr}from"efficient-shell/ui";import{SettingsDefaultReset as mn,SettingsSwitch as Fe,SettingsTabs as Qr}from"efficient-easel/panel";import{FieldSelect as yn}from"efficient-easel/fields";import{useEaselStrings as $r}from"efficient-easel/strings";import{ListIcon as Jr,LogoIcon as ei,SettingsIcon as ti,StylesIcon as ni}from"efficient-easel/icons";import{Fragment as xe,jsx as i,jsxs as S}from"react/jsx-runtime";var wn="sf-header",co="sf-header-size-label",po="sf-header-gap-label",fo="sf-header-height-label",bn=[{id:"logo",label:"Logo",icon:i(ei,{})},{id:"menu",label:"Menu",icon:i(Jr,{})},{id:"tools",label:"Tools",icon:i(ti,{})},{id:"look",label:"Look",icon:i(ni,{})}];function kn({tokenRef:e,siteId:t,onClose:n,onAuthExpired:a,inline:s,placeholderMode:r,websiteName:o,onOpenWebsiteSettings:c}){let p=Re(),m=$r(),[d,f]=ge(null),[w,x]=ge(null),[E,v]=ge(!1),[b,A]=ge(bn[0].id),[y,F]=ge(Ua),K=r?bn.filter(l=>l.id!=="menu"):bn,U=K.find(l=>l.id===b)??K[0],[ne,he]=ge(0),{setSettings:Q}=it(),j=un(null),Y=un(null),ae=un(null);Ue(()=>{let l=!1,T=null,R=null,z=3,q=(oe,_=0)=>{l||x(null),be(oe,t,_>0).then(qe=>!l&&f(qe)).catch(()=>{l||(_+1<z?R=setTimeout(()=>q(oe,_+1),600*(_+1)):x(h("Could not load header settings.")))})},ve=e.current;if(ve)q(ve);else{let oe=0;T=setInterval(()=>{let _=e.current;if(_){T&&clearInterval(T),T=null,l||x(null),q(_);return}oe+=250,oe===5e3&&!l&&x(h("Waiting for editor authorization\u2026")),oe>=3e4&&(T&&clearInterval(T),T=null,l||x(h("Not authorized yet \u2014 reopen once the editor has loaded.")))},250)}return()=>{l=!0,T&&clearInterval(T),R&&clearTimeout(R)}},[e,ne,t]),Ue(()=>{d&&Q(We(d))},[d,Q]),Ue(()=>()=>{j.current&&clearTimeout(j.current),Y.current&&clearTimeout(Y.current),ae.current&&clearTimeout(ae.current)},[]);let O=ee(async(l,T)=>{let R=e.current;if(!R||!d)return;let z=d;T&&f({...d,...T}),v(!0),x(null);try{let q=await l(R);f(q),lo(q,t)}catch(q){f(z),q instanceof es&&q.status===401?(ho(t),a?.(),x(h("Authorization expired \u2014 try again in a moment."))):x(h("Could not save. Please retry."))}finally{v(!1)}},[d,e,a,t]),N=ee(l=>O(T=>M.updateHeaderSettings(l,T,t??void 0),l),[O,t]),ce=ee(l=>{O(T=>M.setHeaderLogoFromAsset(l,T,t??void 0))},[O,t]),L=ee(()=>{va(p,{accept:"image/svg+xml",title:h("Logo (SVG)")}).then(l=>{l&&ce(l.id)})},[ce]),I=ee((l,T=!0)=>{f(z=>z&&{...z,logo_size_px:l}),j.current&&clearTimeout(j.current);let R=()=>{O(z=>M.updateHeaderSettings({logo_size_px:l},z,t??void 0))};T?R():j.current=setTimeout(R,400)},[O,t]),se=ee((l,T=!0)=>{f(z=>z&&{...z,height_px:l}),Y.current&&clearTimeout(Y.current);let R=()=>{O(z=>M.updateHeaderSettings({height_px:l},z,t??void 0))};T?R():Y.current=setTimeout(R,400)},[O,t]),pe=ee((l,T=!0)=>{f(z=>z&&{...z,menu_gap_px:l}),ae.current&&clearTimeout(ae.current);let R=()=>{O(z=>M.updateHeaderSettings({menu_gap_px:l},z,t??void 0))};T?R():ae.current=setTimeout(R,400)},[O,t]),Ae=ee(()=>{O(async l=>{let T=await M.clearHeaderLogo(l,t??void 0);return T.reverse_logo?M.updateHeaderSettings({reverse_logo:!1},l,t??void 0):T})},[O,t]),je=ee(l=>{f(T=>T&&{...T,menu:l?.id??null,menu_handle:l?.handle??null,menu_name:l?.name??null,menu_items:l?l.items.map(R=>({label:R.label,url:R.url,dropdown_menu:R.dropdown_menu??null,dropdown_items:R.dropdown_items??[]})):[]}),O(T=>M.updateHeaderSettings({menu:l?.id??null},T,t??void 0))},[O,t]),Ye=S(xe,{children:[w&&i(Gr,{tone:"danger",className:"mx-4 mt-3",action:d?void 0:i(vn,{variant:"secondary",size:"sm",onClick:()=>he(l=>l+1),children:h("Retry")}),children:w}),d?S(xe,{children:[i(Qr,{items:K.map(l=>({...l,label:h(l.label)})),activeId:U.id,onSelect:A,ariaLabel:h("Header settings"),idPrefix:wn}),S("div",{id:Zr(wn,U.id),role:"tabpanel","aria-labelledby":Xr(wn,U.id),className:"flex flex-col p-4 [&>*+*]:mt-3",children:[U.id==="logo"&&S(xe,{children:[i(Z,{label:"Image"}),!r&&i(ai,{settings:d,websiteName:o,onPick:L,onClear:Ae,showHint:y}),i(W,{label:"Reverse the Logo",children:i(Fe,{checked:d.reverse_logo,onChange:l=>N({reverse_logo:l}),ariaLabel:h("Reverse the Logo")})}),i(te,{shown:y,children:h("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.")}),i(Z,{label:"Placement"}),i(oi,{label:k.logoPosition.label,value:k.logoPosition.options.find(l=>l.value===k.logoPosition.choose(d.logo_position))?.label,children:i(le,{value:k.logoPosition.choose(d.logo_position),options:k.logoPosition.options,onChange:l=>N({logo_position:l}),ariaLabel:k.logoPosition.label})}),S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{id:co,className:"text-[13px] text-[var(--ink-muted)]",children:h("Size")}),S("span",{className:"flex items-center gap-1",children:[S("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":d.logo_size_px!=null||void 0,children:[d.logo_size_px??Pe[d.logo_size],"px"]}),i(mn,{label:h("Size"),words:m.panel,changed:d.logo_size_px!=null,onReset:()=>I(null)})]})]}),i(xn,{labelledBy:co,min:ys,max:ks,step:2,value:d.logo_size_px??Pe[d.logo_size],onPreview:l=>I(l,!1),onCommit:l=>I(l,!0)}),i(te,{shown:y,children:h("Sets the logo\u2019s height; the width follows the logo\u2019s own proportions.")})]}),i(pt,{shown:y,onChange:F})]}),U.id==="menu"&&S(xe,{children:[i(Z,{label:"Links"}),i(si,{token:e.current,menuId:d.menu,menuName:d.menu_name,itemCount:d.menu_items?.length??0,onPick:je}),i(W,{label:k.menuAlign.label,children:i(le,{value:k.menuAlign.choose(d.menu_position),options:k.menuAlign.options.filter(l=>l.value!=="beside"||d.logo_position!=="center"),onChange:l=>N({menu_position:l}),ariaLabel:k.menuAlign.label})}),k.menuAlign.choose(d.menu_position)==="beside"&&S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{id:po,className:"text-[13px] text-[var(--ink-muted)]",children:h("Space from the logo")}),S("span",{className:"flex items-center gap-1",children:[S("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":d.menu_gap_px!=null||void 0,children:[d.menu_gap_px??Te.default,"px"]}),i(mn,{label:h("Space from the logo"),words:m.panel,changed:d.menu_gap_px!=null,onReset:()=>pe(null)})]})]}),i(xn,{labelledBy:po,min:Te.min,max:Te.max,step:Te.step,value:d.menu_gap_px??Te.default,onPreview:l=>pe(l,!1),onCommit:l=>pe(l,!0)}),i(te,{shown:y,children:h("How much room the menu leaves the logo. Only the logo moves away; the space between the menu words stays as it is.")})]}),i(W,{label:k.menuRow.label,children:i(le,{value:k.menuRow.choose(d.menu_row),options:k.menuRow.options,onChange:l=>N({menu_row:l}),ariaLabel:k.menuRow.label})}),d.logo_position==="center"&&d.menu_position!=="center"&&i(W,{label:"Left items",children:i("div",{className:"w-16",children:i(yn,{value:d.menu_split??3,ariaLabel:h("Left items"),onChange:l=>N({menu_split:l}),options:[1,2,3,4].map(l=>({label:String(l),value:l}))})})}),i(W,{label:k.navTextCase.label,children:i(le,{value:k.navTextCase.choose(d.nav_text_case),options:k.navTextCase.options,onChange:l=>N({nav_text_case:l}),ariaLabel:k.navTextCase.label})}),i(te,{shown:y,children:gt(h("{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:i("strong",{children:h("Uppercase")}),capitalised:i("strong",{children:h("Capitalised")})})})]}),U.id==="tools"&&S(xe,{children:[i(Z,{label:"Style"}),i(W,{label:k.utilStyle.label,children:i(le,{value:k.utilStyle.choose(d.util_style),options:k.utilStyle.options,onChange:l=>N({util_style:l}),ariaLabel:k.utilStyle.label})}),i(te,{shown:y,children:gt(h("{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:i("strong",{children:h("Text")})})}),i(Z,{label:"Search"}),i(W,{label:"Search",children:i(Fe,{checked:d.search_enabled,onChange:l=>N({search_enabled:l}),ariaLabel:h("Search")})}),i(W,{label:k.searchPosition.label,children:i(le,{value:k.searchPosition.choose(d.search_position),options:k.searchPosition.options,onChange:l=>N({search_position:l}),ariaLabel:k.searchPosition.label})}),i(Z,{label:"Country selector"}),i(W,{label:"Show selector",children:i(Fe,{checked:d.country_selector_enabled,onChange:l=>N({country_selector_enabled:l}),ariaLabel:h("Show selector")})}),!r&&d.country_selector_enabled&&i(te,{shown:y,children:gt(h("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:i("strong",{children:h("Storefront \u203A Settings \u203A Regions & currencies")})})}),i(Z,{label:"Account and cart"}),i(W,{label:"Account",children:i(Fe,{checked:d.account_enabled??!0,onChange:l=>N({account_enabled:l}),ariaLabel:h("Account")})}),i(W,{label:"Cart",children:i(Fe,{checked:d.cart_enabled??!0,onChange:l=>N({cart_enabled:l}),ariaLabel:h("Cart")})}),i(pt,{shown:y,onChange:F})]}),U.id==="look"&&S(xe,{children:[i(Z,{label:"Dimensions"}),i(W,{label:k.width.label,children:i(le,{value:k.width.choose(d.width),options:k.width.options,onChange:l=>N({width:l}),ariaLabel:k.width.label})}),S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{id:fo,className:"text-[13px] text-[var(--ink-muted)]",children:h("Height")}),S("span",{className:"flex items-center gap-1",children:[S("span",{className:"sf-header-value text-[12px] tabular-nums text-[var(--ink-faint)]","data-changed":d.height_px!=null||void 0,children:[d.height_px??ze.default,"px"]}),i(mn,{label:h("Height"),words:m.panel,changed:d.height_px!=null,onReset:()=>se(null)})]})]}),i(xn,{labelledBy:fo,min:ze.min,max:ze.max,step:2,value:d.height_px??ze.default,onPreview:l=>se(l,!1),onCommit:l=>se(l,!0)}),i(te,{shown:y,children:h("Sets how tall the header bar is; the content below it shifts down to match.")})]}),i(W,{label:"Border thickness",children:i("div",{className:"w-24",children:i(Yr,{value:d.border_thickness,min:0,max:20,precision:0,size:"sm",suffix:"px","aria-label":h("Border thickness"),onChange:l=>N({border_thickness:Math.max(0,l??0)})})})}),i(Z,{label:"Color"}),i(W,{label:"Theme",children:i(xa,{value:d.theme??en,onChange:l=>N({theme:l===en?null:l}),followLabel:h("Follow the site theme")})}),i(te,{shown:y,children:h("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.")}),i(W,{label:k.topTextColor.label,children:i(le,{value:k.topTextColor.choose(d.top_text_color),options:k.topTextColor.options,onChange:l=>N({top_text_color:l}),ariaLabel:k.topTextColor.label})}),i(te,{shown:y,children:h("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.")}),i(Z,{label:"Behavior"}),i(W,{label:"Sticky header",children:i("div",{className:"w-32",children:i(yn,{value:d.sticky,ariaLabel:h("Sticky header"),onChange:l=>N({sticky:l}),options:[{label:h("None"),value:"none"},{label:h("Always"),value:"always"},{label:h("On scroll up"),value:"on_scroll_up"}]})})}),c&&S(xe,{children:[i(Z,{label:"Display mode"}),i("p",{className:"text-[12px] text-[var(--ink-faint)]",children:h("Set the default Light / Dark / Auto mode and show or hide the light\u2194dark switch in Appearance.")}),i(vn,{variant:"link",size:"sm",className:"self-start",onClick:c,children:h("Set up display mode \u2192")})]}),i(pt,{shown:y,onChange:F})]})]})]}):w?null:i(qr,{size:"sm",padding:"p-4",label:h("Loading\u2026")})]});return s?S("div",{className:"flex flex-col",children:[E&&i("div",{className:"px-4 pt-2 text-[11px] text-[var(--ink-faintest)]",children:h("Saving\u2026")}),Ye]}):S(jr,{open:!0,onClose:n??(()=>{}),side:"right",size:"sm",title:h("Header"),children:[E&&i("div",{className:"pb-2 text-[11px] text-[var(--ink-faintest)]",children:h("Saving\u2026")}),Ye]})}function ai({settings:e,websiteName:t,onPick:n,onClear:a,showHint:s}){let r=!!e.logo_url,o=!r&&!!e.default_logo_url,c=$e(e.effective_logo_url),p=t&&t.trim()?t.trim():Ra;return S("div",{className:"flex flex-col gap-2",children:[i(Vr,{value:c||"",onChange:m=>{m||a()},onPick:n,accept:"image/svg+xml,.svg",acceptHint:"SVG",fit:"contain",height:80,placeholder:h("No logo \u2014 \u201C{name}\u201D wordmark shown",{name:p}),replaceLabel:r?h("Replace SVG logo"):h("Upload SVG logo"),allowRemove:r,removeLabel:h("Use company default")}),i(te,{shown:s,children:r?h("Custom SVG logo uploaded for this store."):o?h("Using your company logo from the database."):h("No company logo on file \u2014 upload an SVG or the wordmark is used.")})]})}function si({token:e,menuId:t,menuName:n,itemCount:a,onPick:s}){let r=Re(),[o,c]=ge(null),[p,m]=ge(!1),d=ee(b=>{c(b),m(!0)},[]);Ue(()=>{let b=!1;return ws(e).then(A=>!b&&d(A)).catch(()=>!b&&c([])),()=>{b=!0}},[e,d]),Ue(()=>{let b=!1,A=Ee(()=>{bs(e).then(y=>!b&&d(y)).catch(()=>{})});return()=>{b=!0,A()}},[e,d]);let f=o===null,w=!f&&(o?.length??0)===0,x=!f&&(o??[]).some(b=>b.id===t),E=x?t:"",v=p&&!!t&&!x;return S("div",{className:"flex flex-col gap-2",children:[i(W,{label:"Menu",children:i("div",{className:"w-[170px] max-w-full",children:i(yn,{value:E,ariaLabel:h("Menu"),readOnly:f||w,onChange:b=>{let A=b?(o??[]).find(y=>y.id===b):null;s(A?{...A,items:A.items.map(y=>({...y,dropdown_items:(o??[]).find(F=>F.id===y.dropdown_menu)?.items.map(F=>({label:F.label,url:F.url}))??[]}))}:null)},options:[{label:f?h("Loading\u2026"):w?h("No menus"):h("Default links"),value:""},...(o??[]).map(b=>({label:`${b.name} (${b.item_count??b.items.length})`,value:b.id}))]})})}),v?i("p",{className:"text-[12px] text-[var(--sf-warning,#b45309)]",children:vs()}):i("p",{className:"text-[12px] text-[var(--ink-faint)]",children:E?wa("Header shows \u201C{name}\u201D \u2014 {n} link.","Header shows \u201C{name}\u201D \u2014 {n} links.",a,{name:n??h("the linked menu")}):w?h("No menus yet. Create one in {place}, then pick it here.",{place:h("Storefront \u2192 Menus")}):h("Pick a menu to drive the header links, or keep the built-in default links.")}),i(vn,{variant:"link",size:"sm",className:"self-start",onClick:()=>r.send("storefront-editor:open-menus",{menuId:E||null}),children:E?h("Edit menu \u2192"):h("Manage menus \u2192")})]})}function te({shown:e,children:t}){return e?i("p",{className:"text-[11px] text-[var(--sf-muted)]",children:t}):null}function xn({labelledBy:e,value:t,min:n,max:a,step:s,onPreview:r,onCommit:o}){let c=p=>{p instanceof HTMLInputElement&&p.type==="range"&&o(Number(p.value))};return i("div",{onPointerUp:p=>c(p.target),onKeyUp:p=>{/^(Arrow|Home|End|Page)/.test(p.key)&&c(p.target)},children:i(Kr,{value:t,min:n,max:a,step:s,showInput:!1,size:"sm","aria-labelledby":e,valueText:p=>h("{n} pixels",{n:p}),onChange:p=>{p!=null&&r(p)}})})}function oi({label:e,value:t,children:n}){return S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{className:"text-[13px] text-[var(--ink-muted)]",children:h(e)}),t&&i("span",{className:"text-[12px] text-[var(--ink-faint)]",children:h(t)})]}),n]})}function Z({label:e}){return i(Na,{label:e})}function W({label:e,children:t}){return S("div",{className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-[7px]",children:[i("span",{className:"text-[13px] text-[var(--sf-text-secondary)]",children:h(e)}),i("div",{className:"flex-shrink-0",children:t})]})}var ri=[{label:"Left",value:"left"},{label:"Center",value:"center"}],ii=[{label:"Left",value:"left"},{label:"Right",value:"right"}],li=[{label:"Right",value:"left"},{label:"Centered",value:"center"},{label:"Beside logo",value:"beside"}],di=[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],hi=[{label:Wt.page,value:"page"},{label:Wt.full,value:"full"}],ci=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}],pi=[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],fi=[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],k={logoPosition:{label:"Position",options:ri,choose:e=>e==="right"?"center":e},menuAlign:{label:"Alignment",options:li,choose:e=>e==="center"?"center":e==="beside"?"beside":"left"},menuRow:{label:"Row",options:di,choose:e=>e==="inline"?"inline":"top"},searchPosition:{label:"Position",options:ii,choose:e=>e},width:{label:"Width",options:hi,choose:e=>e},navTextCase:{label:"Letters",options:pi,choose:e=>e==="capitalised"?"capitalised":"uppercase"},utilStyle:{label:"Show as",options:ci,choose:e=>e==="text"?"text":"icon"},topTextColor:{label:"Text color at the top",options:fi,choose:e=>Es(e)}};import{jsx as gi}from"react/jsx-runtime";function Tn({placeholderMode:e,tokenRef:t,siteId:n,websiteName:a,onOpenWebsiteSettings:s,onAuthExpired:r}){return gi(kn,{inline:!0,placeholderMode:e,tokenRef:t,siteId:n,websiteName:a??void 0,onOpenWebsiteSettings:s,onAuthExpired:r})}var uo={list:async()=>(await mt()).map(e=>({slug:e.slug,name:e.name,href:pa(e.slug)}))},go=new Map;function ui(e){let t=e??"",n=ka(),a=go.get(t);if(a&&!(a.token===null&&n!==null))return a.promise;let s=n&&e?M.listFieldUsage(n,e).then(ls).catch(()=>[]):Promise.resolve([]);return go.set(t,{promise:s,token:n}),s}var mo={load:async e=>{let[t,n]=await Promise.all([ut().catch(()=>[]),ui(e??void 0)]);return ds({catalogue:t,fieldUsage:n,offersCommerce:!0})}};import{jsx as Be,jsxs as wo}from"react/jsx-runtime";var mi={cart:wo("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:[Be("circle",{cx:"9",cy:"20",r:"1.4"}),Be("circle",{cx:"18",cy:"20",r:"1.4"}),Be("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:wo("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:[Be("rect",{x:"2.5",y:"5",width:"19",height:"14",rx:"2"}),Be("path",{d:"M2.5 9.5h19"})]})},bo={get title(){return h("Shop")},get rows(){return Ss.map(e=>({...e,label:h(e.label),icon:mi[e.key]}))}};import{useState as En}from"react";import{Button as Sn}from"efficient-shell/ui";import{createNode as wi,newId as bi}from"efficient-easel/data";import{useEasel as xi}from"efficient-easel/easel";var xo="Flex",vo=10;function yo(e,t,n,{logoHeightPx:a}={}){let s=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:x,url:E})=>({label:x,url:E}))},o=e.search_enabled?t("SearchBlock",{style:s}):null,c=e.search_position==="left",p=[c?o:null,e.country_selector_enabled?t("CountrySwitchBlock"):null,e.cart_enabled!==!1?t("CartBlock",{style:s}):null,c?null:o].filter(x=>x!==null),m=t(xo,{direction:"row",justify:"between",align:"center",share:"content",wrap:"nowrap",phoneRow:3,sectionPaddingTop:vo,sectionPaddingBottom:vo,content:[t("LogoBlock",a?{heightPx:a}:{}),t("MenuBlock",{menu:r,direction:"row"}),...p.length?[t(xo,{direction:"row",justify:"end",align:"center",share:"content",wrap:"nowrap",phoneRow:3,content:p})]:[]]}),d=Vn(Ne,n,[m]),f=Ts(e.theme),w=As(e.menu_row);return{...d,props:{...d.props,sticky:e.sticky??"always",topTextColor:e.top_text_color??"auto",...e.height_px!=null?{heightPx:e.height_px}:{},...e.width==="full"?{fullWidth:!0}:{},...f!==null?{sectionAccent:f}:{},...e.nav_text_case?{navTextCase:e.nav_text_case}:{},...w?{menuRow:w}:{}}}}import{jsx as Ge,jsxs as ko}from"react/jsx-runtime";function An(){let{appState:e,dispatch:t,config:n}=xi(v=>v),{readOnly:a,tokenRef:s,siteId:r}=ye(),[o,c]=En(!1),[p,m]=En(!1),[d,f]=En(!1),w=e.data.content;if(a||w.some(v=>v.type===Ne))return null;let x=(v,b)=>wi(n,v,b),E=async()=>{let v=s.current;if(!(!v||p)){m(!0),f(!1);try{let b=await be(v,r),A=b.logo_size_px??Pe[b.logo_size],y=yo(b,x,bi(Ne),{logoHeightPx:A});t({type:"setData",data:F=>({...F,content:[...Kn(F.content,y)]}),recordHistory:!0}),c(!1)}catch{f(!0)}finally{m(!1)}}};return ko("div",{className:"sf-box-footer-switch",children:[Ge("p",{className:"sf-box-footer-switch-text",children:h("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.")}),o?ko("div",{className:"sf-box-footer-switch-row",children:[Ge(Sn,{variant:"primary",size:"sm",onClick:E,disabled:p,children:p?h("Switching\u2026"):h("Switch now")}),Ge(Sn,{variant:"secondary",size:"sm",onClick:()=>c(!1),disabled:p,children:h("Cancel")})]}):Ge(Sn,{variant:"secondary",size:"sm",onClick:()=>c(!0),children:h("Switch to Box header")}),d?Ge("p",{className:"sf-box-footer-switch-text",role:"alert",children:h("The header settings could not be read. Try again.")}):null]})}var On="wheels",vi="collection:",yi=60;function ki(e){let t=e?.props?.source;return e?.type==="ProductGrid"&&!!t?.process}function Ti(e){return e.some(t=>t?.type==="CatalogFilterBar"||ki(t))}function Ei(){return{type:"CatalogFilterBar",props:{id:"CatalogFilterBar-wheels-seed",showProcess:!0,showLugs:!0,showPrice:!0,showCount:!0,showSort:!0}}}function Si(e,t){let n=Os(e);return{type:"ProductGrid",props:{id:`ProductGrid-wheels-${n}`,dynamic:!1,num:t,title:e,titleSize:Hs,padTop:100,description:"",linkText:"Explore the collection",linkHref:`/wheels/collections/${n}`,columns:4,showAll:!0,limit:8,imageBackground:Oa,spinOnHover:!0,source:{slug:`${vi}${n}`,name:e,process:e,wheels:[]},fullWidth:!0,pageWidth:da.default,products:[]}}}function Ai(e){let t=e?Rs(e):Ns;return[Ei(),...t.map(n=>Si(n.key,n.num))]}function To(e,t,n){if(e!==On)return t;let a=t?.content??[];if(Ti(a))return t;let s=Ai(n),r=a.findIndex(c=>c?.type===Je),o=r===-1?[...a,...s]:[...a.slice(0,r),...s,...a.slice(r)];return{...t,content:o}}function Eo(e,t,n={}){let a=e?.content??[],s=n.scopeToCatalog?Is(t):null,r=a.map(o=>{let c=o?.props?.source;if(o?.type==="CatalogFilterBar"&&s)return{...o,props:{...o.props,processOptions:s}};if(o?.type!=="ProductGrid"||!c?.process)return o;if(s&&!s.includes(c.process))return null;if(n.onlyEmpty&&(c.wheels?.length??0)>0)return o;let p=t.filter(m=>m.process===c.process).slice(0,yi);return{...o,props:{...o.props,source:{...c,wheels:p}}}}).filter(o=>o!==null);return{...e,content:r}}var So={opening({slug:e,isTemplate:t,capabilities:n}){let s=n.hasCatalog&&!t&&e===On?mt().catch(()=>[]):Promise.resolve([]);return async r=>{let o=await s,c=To(t||!n.hasCatalog?"":e,r,o),p=o.length?Eo(c,o,{onlyEmpty:!0}):c;if(n.hasCatalog&&Zt(p)){let m=await ut().catch(()=>[]);if(m.length)return os(p,zs(m))}return p}},stored:e=>Zt(e)?rs(e):e,storedNode:e=>is(e)};var Oi={wrap:gn,panels:{header:Tn,chromePage:An},pageRows:bo,products:uo,linkFilters:mo};function Ao(e={}){return Gn({...e,registry:Ps,chrome:Oi,documentHooks:So})}var Oo=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
- @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-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--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-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-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-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}.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-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}: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}.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\\(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\\(48px\\,5\\.5vw\\,84px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(48px, 5.5vw, 84px)), 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-700{color:var(--color-amber-700)}.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-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.\\[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\\:1fr\\]{grid-template-columns: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\\]\\: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\\]\\: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\\]\\: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\\]\\: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-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\\]\\: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)}[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-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}
1
+ import{a as Fa,b as jt,c as qt,d as Ua,e as pt,f as Vt,g as Ba,h as Ya,i as ja,j as Va,k as Ka,l as Xa}from"./chunks/chunk-5AQYG2YN.js";import{$ as zs,A as ds,B as cs,C as ps,D as fs,E as Qt,F as gs,G as ms,H as us,I as ws,J as bs,K as $t,L as Jt,M as xs,N as vs,O as gt,P as en,Q as Ts,R as Es,S as mt,T as ut,U as Ss,V as As,W as lr,X as Os,Y as Ns,Z as Is,_ as Rs,a as Fn,aa as Hs,b as zt,ba as Ps,c as Un,d as Bn,e as Xe,f as fa,g as ga,h as Ia,i as Ut,j as Bt,k as Wa,l as ht,m as Za,n as Ee,o as Qa,p as Kt,q as Xt,r as $a,s as Ja,t as ss,u as Zt,v as os,w as rs,x as is,y as ls,z as hs}from"./chunks/chunk-24TYCSAT.js";import{$c as xa,Ca as tt,Cf as le,Dd as ka,Ea as nt,Kc as ma,Lc as ye,Mc as ua,N as Je,Ob as ha,Od as J,Pc as d,Q as Yn,Qc as wa,Qh as Ga,Sb as da,Uc as ba,Vb as ca,Vc as ke,Vd as Ta,W as jn,Wd as Ea,We as Na,X as qn,Xc as Ft,be as ie,dc as Wt,gc as ot,gg as Ha,h as Pt,hg as Pa,i as Ct,ig as Ca,j as re,ja as Ne,jg as La,k as Qe,kc as pa,ke as Sa,lg as Yt,mg as _a,ne as Aa,oa as Vn,og as Ma,qa as Kn,rg as dt,tg as ct,ue as Oa,wd as va,xd as ir,xh as ze,yd as ya,yh as Te,zd as Re}from"./chunks/chunk-PAMPYH4A.js";import{H as ft,L as as,O as He,Q as Pe,S as ys,T as ks,o as ns}from"./chunks/chunk-ABLILXK5.js";import{A as M,a as lt,i as es,w as ts}from"./chunks/chunk-RTLZVEMM.js";import{$ as Jn,Ea as Mt,Ka as rt,La as it,Ma as Ra,Na as za,Oa as Gt,Ra as Da,S as Qn,W as Dt,Y as $n,aa as ea,fa as ta,ga as _t,ja as na,la as aa,ma as sa,na as oa,o as Xn,oa as ra,p as et,r as Zn,s as Ie,t as at,ta as ia,u as Lt,ua as st,v as $,xa as la}from"./chunks/chunk-Y5IPDNQI.js";import{b as Gn,f as Ht,h as Ze,k as $e,o as qa}from"./chunks/chunk-WZYE7TP3.js";import"./chunks/chunk-Y6SLVHK3.js";import{useEffect as Ni,useMemo as Ii,useState as Io}from"react";import{useEaselStrings as Ri}from"efficient-easel/strings";import{useMemo as hr}from"react";import{jsx as dr}from"react/jsx-runtime";function tn({apiKey:e,mapId:t,children:n}){let a=hr(()=>({apiKey:e,setApiKey:()=>{},mapId:t}),[e,t]);return dr(Xe,{value:a,children:n})}import{jsx as B,jsxs as Tr}from"react/jsx-runtime";import{useCallback as C,useEffect as fe,useMemo as sn,useRef as he,useState as H}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 wt(e,t,n){if(!e)return e;let a=!1,s={};for(let[r,o]of Object.entries(e)){let c=o;if(o&&typeof o=="object")if(o.type==="slot")if(o.allow){let p=o.allow.filter(t);p.length!==o.allow.length&&(c={...o,allow:p})}else{let p=new Set(o.disallow??[]),u=n.filter(h=>!p.has(h));u.length>0&&(c={...o,disallow:[...o.disallow??[],...u]})}else{let p=wt(o.arrayFields,t,n),u=wt(o.objectFields,t,n);(p!==o.arrayFields||u!==o.objectFields)&&(c={...o,...p?{arrayFields:p}:null,...u?{objectFields:u}:null})}c!==o&&(a=!0),s[r]=c}return a?s:e}function cr(e,t,n){let a={};for(let[c,p]of Object.entries(t.fields??{}))a[c]=p&&typeof p=="object"&&p.type==="slot"?{...p}:p;let s={...t,...t.fields?{fields:a}:null},r=ga(e,s,n),o=Object.keys(a).filter(c=>r.fields?.[c]!==a[c]);if(o.length>0)throw new Error(`efficient-web-builder: blocks.host["${e}"] declares ${o.map(c=>`"${c}"`).join(", ")}, ${o.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return r}function bt(e,t){let n=Object.entries(t?.host??{}),a=t?.categories??[],s=qn(t);if(!s&&n.length===0&&a.length===0)return e;let r=e.components,o=n.map(([f])=>f).filter(f=>f in r);if(o.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${o.map(f=>`"${f}"`).join(", ")}, which ${o.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);let c=f=>s?s.offers(f):!0,p=Object.keys(r).filter(f=>!c(f)),u={};for(let[f,w]of Object.entries(r)){let x=s?wt(w?.fields,c,p):w?.fields;u[f]=x===w?.fields?w:{...w,fields:x}}if(n.length>0){let f=new Set(n.map(([v])=>v)),w=e.categories?.structure?.components??[],x=fa(Object.keys(r),w),E={...x,isSection:v=>f.has(v)||x.isSection(v),isHostBlock:v=>f.has(v),inspector:Ia};for(let[v,b]of n){let A=cr(v,b,E),y=wt(A.fields,c,p);u[v]=y===A.fields?A:{...A,fields:y}}}let h=[];for(let[f,w]of Object.entries(e.categories??{})){let x=w?.components??[],E=x.filter(c);E.length===x.length?h.push([f,w]):E.length>0&&h.push([f,{...w,components:E}])}for(let f of a){let w=f.components.filter(b=>b in u&&c(b));if(w.length===0)continue;let x=h.find(([b])=>b===f.key);if(x){let[,b]=x,A=new Set(b.components??[]);x[1]={...b,components:[...b.components??[],...w.filter(y=>!A.has(y))]};continue}let E=[f.key,{title:f.title,components:w}],v=f.before?h.findIndex(([b])=>b===f.before):-1;v===-1?h.push(E):h.splice(v,0,E)}return{...e,components:u,categories:Object.fromEntries(h)}}import{ChromeWrap as xt}from"efficient-easel/screen/lib/host-chrome";function pr(e){return!!e&&typeof e=="object"&&typeof e[Sa]=="string"}function fr(e,t){if(!e)return e;let n=null;for(let[a,s]of Object.entries(e))pr(s)&&(n??={...e},n[a]={...s,siteGap:t});return n??e}function Cs(e,t){let n=e,a=!1,s={};for(let[r,o]of Object.entries(n.components)){let c=fr(o.fields,t);if(c===o.fields){s[r]=o;continue}a=!0,s[r]={...o,fields:c}}return a?{...e,components:s}:e}var Ls=lt.mediaFields,Ds=lt.snapshotObjects,_s=lt.hydratedLists;function gr(e){return typeof e=="string"?"":Array.isArray(e)?[]:e&&typeof e=="object"?null:e}function nn(e,t){if(t.length===0)return gr(e);let[n,...a]=t,s=n.endsWith("[]"),r=s?n.slice(0,-2):n;if(!e||typeof e!="object"||Array.isArray(e))return e;let o=e;if(!(r in o))return e;let c=o[r];return s?Array.isArray(c)?{...o,[r]:c.map(p=>nn(p,a.length?a:[]))}:e:{...o,[r]:nn(c,a)}}function Ms(e,t){if(Array.isArray(e))return e.map(s=>Ms(s,t));if(!e||typeof e!="object")return e;let n=e,a={};for(let s of t)s in n&&(a[s]=n[s]);return a}function mr(e,t){let n=t;for(let s of Ls[e]??[])n=nn(n,s.split("."));let a=Ds[e];if(a)for(let[s,r]of Object.entries(a))s in n&&(n={...n,[s]:Ms(n[s],r.keep)});for(let s of _s[e]??[])Array.isArray(n[s])&&(n={...n,[s]:[]});return n}function ur(e,t){return typeof t!="function"?t:n=>t(mr(e,n))}function vt(e,t){if(!t)return e;let n=e,a={};for(let[s,r]of Object.entries(n.components)){let o=(Ls[s]?.length??0)>0||Ds[s]||_s[s];a[s]=o&&r.render?{...r,render:ur(s,r.render)}:r}return{...n,components:a}}import{default as Ws,DocumentScreen as Fs}from"efficient-easel/screen/components/ScreenMount";import{useCallback as wr,useEffect as br,useMemo as Us,useRef as Bs,useState as xr}from"react";var vr="Could not save this link. Check your connection and try again.";function yr(e,t){if(!(e instanceof Ft)||e.kind!=="invalid")return null;let n=e.fields?.[t];return typeof n=="string"&&n.trim()?n:null}function kr(e){return Object.fromEntries(Gt.map(t=>[t,{value:e[t]??"",error:null}]))}function Gs({token:e,siteId:t,enabled:n}){let[a,s]=xr(Yt),r=Bs(null),o=Bs(!1),c=ke(),p=re(c).social,u=n&&!!e&&!!t&&!!p;br(()=>{if(!u||!e||!t||!p)return;r.current!==t&&(r.current=t,o.current=!1,s(Yt));let w=!1;return p.get({siteId:t}).then(x=>{!w&&!o.current&&s(kr(x))}).catch(()=>{}),()=>{w=!0}},[u,e,t,p]);let h=wr(async(w,x)=>{if(!u||!e||!t||!p)return{ok:!1,error:"There is no website to save to."};try{let E=await p.update({[w]:x.trim()},{siteId:t});return o.current=!0,s(v=>({...v,[w]:{value:E[w]??"",error:null}})),{ok:!0}}catch(E){let v=yr(E,w)??vr;return s(b=>({...b,[w]:{...b[w],error:v}})),{ok:!1,error:v}}},[u,e,t,p]),f=Us(()=>Da(Object.fromEntries(Gt.map(w=>[w,a[w].value]))),[a]);return Us(()=>({links:f,rows:a,canSave:u,saveLink:h}),[f,a,u,h])}function Ys(e,t){let n=t?{siteId:t}:void 0;return{resolve:a=>e.load({slug:a,...n}),saveLayout:(a,s,r,o)=>e.save(a,{layout:s},{version:r,clientId:o??""}),rereadVersion:e.version?a=>e.version(a):void 0,publish:e.publish?(a,s)=>e.publish(a,s?{version:s}:void 0):void 0,listPages:()=>e.list(n),createPage:e.create?a=>e.create({...a,...n}):void 0,deletePage:e.remove?(a,s)=>e.remove(a,s):void 0}}function Ce(e,t=re(),n=Ct()){let a=Ht(t),s=e?{siteId:e}:void 0,r=a?!!e:!0,o=t.site.update;return{capabilities:{canPublish:!!t.pages.publish,hasSiteSettings:a,hasSiteTheme:!!t.theme,placeholderFrames:!1,mediaEditing:!0,pageCreationInAdminForm:!t.pages.create,canDeletePagesInline:!!t.pages.remove,hasEditLock:!!t.lock,hasEditGuard:!0,hasPinnedChrome:a&&n.commerce&&n.service,explainsSiteSettings:!1,hasSiteRecord:r,canEditSiteRecord:r&&!!o,hasPreviewLink:a||!!t.preview,hasCatalog:a&&n.commerce,hasForms:a&&n.service,hasBlog:!!t.blog&&n.service,offersCommerce:n.commerce,offersService:n.service},...Ys(t.pages,e),lock:t.lock,site:r?()=>t.site.get(s):void 0,updateSite:r&&o?c=>o(c,s):void 0,previewHref:t.preview?c=>t.preview.href(c):void 0}}function js(e,t=re(),n=Ct()){let a=Ht(t),s=t.templates,r=s?s.pages(e):{list:()=>Promise.reject(new Error(an)),load:()=>Promise.reject(new Error(an)),save:()=>Promise.reject(new Error(an))};return{capabilities:{canPublish:!1,hasSiteSettings:!1,hasSiteTheme:!1,placeholderFrames:!0,mediaEditing:!1,pageCreationInAdminForm:!r.create,canDeletePagesInline:!!r.remove,hasEditLock:!1,hasEditGuard:!1,hasPinnedChrome:a&&n.commerce&&n.service,explainsSiteSettings:a,hasSiteRecord:!1,canEditSiteRecord:!1,hasPreviewLink:!1,hasCatalog:a&&n.commerce,hasForms:a&&n.service,hasBlog:!!t.blog&&n.service,offersCommerce:n.commerce,offersService:n.service},...Ys(r,void 0),publish:void 0,templateName:s?()=>s.get(e).then(o=>o.name):void 0}}var an="This editor's backend has no website templates.";var qs={homeSlug:ot,entryMayBounce:e=>e.kind==="template"||e.kind==="page"&&e.slug===J,entryBounce:(e,t)=>{if(e.kind==="page"&&e.slug===J){let n=jt();return{kind:"page",slug:n&&n!==J?n:ot,siteId:e.siteId}}return e.kind!=="template"||new URLSearchParams(t).get("editTemplate")==="1"?null:{kind:"page",slug:ot}},onSwitch:e=>{if(e.kind==="page"){let t=jt();e.slug!==J&&e.slug!==t&&qt()}else qt()},tellsHost:e=>e.kind==="page"&&e.slug!==J,adapterFor:(e,t,n)=>e.kind==="template"?js(e.id,t,Pt(n)):Ce(e.siteId,t,Pt(n)),migrateRenamedProps:ht};function yt(e){switch(e?.type){case"storefront-editor:category-updated":return Za(),!0;case"storefront-editor:menus-updated":return Qa(),!0;case"storefront-editor:form-saved":{let t=e;return Kt(),t.requestId&&Xt(t.requestId,t.form??null),!0}case"storefront-editor:form-closed":{let t=e;return Kt(),t.requestId&&Xt(t.requestId,null),!0}default:return!1}}var Er=()=>{if(typeof window>"u")return $;try{let e=window.localStorage.getItem(Ie);return e==="light"||e==="dark"||e==="auto"?e:$}catch{return $}},Vs=e=>{if(!(typeof window>"u"))try{window.localStorage.setItem(Ie,e)}catch{}},Sr=()=>{if(typeof window>"u")return!1;try{return window.localStorage.getItem(at)!==Lt}catch{return!1}},Ar=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Zn)}catch{}},Ks=e=>{if(!(typeof window>"u"))try{e?window.localStorage.removeItem(at):window.localStorage.setItem(at,Lt)}catch{}};function Or(){let{adapter:e,capabilities:t,templateId:n,ready:a,token:s,siteId:r,currentSlug:o,currentKind:c,data:p,getLiveData:u,footerOriginSlug:h,navigate:f}=ye();fe(()=>(Ut(o,c),()=>Ut(null,null)),[o,c]);let w=t.placeholderFrames,[x,E]=H(null),[v,b]=H("");fe(()=>{let g=e.templateName;if(!a||!n||!g){b("");return}let P=!1;return g().then(G=>!P&&b(G??"")).catch(()=>{}),()=>{P=!0}},[a,s,n,e]);let[A,y]=H($),[F,K]=H(!1),[U,ne]=H({selected:0,themes:[]}),[de,Q]=H(Xn),[Y,j]=H(Qn),[ae,O]=H(null),[N,ce]=H(ia),[L,I]=H(null),[se,pe]=H(null),[Ae,Ye]=H(_t),[je,l]=H(null),[T,R]=H(null),[z,q]=H(null),[ve,oe]=H(null),_=ke(),qe=sn(()=>bt(Ze(_),Qe(_)),[_]),Ho=sn(()=>Cs(vt(qe,w),ve),[qe,w,ve]),[Po,At]=H(la),[Co,In]=H(null),[Lo,Rn]=H(null),zn=he(null),D=he(!1);fe(()=>{y(Er()),K(Sr())},[]);let Do=C(g=>{D.current=!0,Ar(),Vs(g),y(g)},[]),_o=C(g=>{D.current=!0,Ks(g),K(g)},[]),Mo=C(g=>{D.current=!0,ne(g)},[]),Wo=C(g=>{D.current=!0,Q(g)},[]),Fo=C(g=>{D.current=!0,j(g)},[]),Uo=C(g=>{D.current=!0,O(g)},[]),Bo=C(g=>{D.current=!0,ce(g)},[]),Go=C(g=>{D.current=!0,I(g)},[]),Yo=C(g=>{D.current=!0,pe(g)},[]),jo=C(g=>{D.current=!0,Ye(g)},[]),qo=C(g=>{D.current=!0,l(g)},[]),Vo=C(g=>{D.current=!0,At(g)},[]),[Ko,Hn]=H(null),Xo=C(g=>{D.current=!0,Hn(g)},[]),Zo=C(g=>{D.current=!0,R(g)},[]),Qo=C(g=>{D.current=!0,q(g)},[]),$o=C(g=>{D.current=!0,oe(g)},[]),Jo=C(g=>{D.current=!0,In(g)},[]),er=C(g=>{D.current=!0,Rn(g)},[]);fe(()=>{let g=re(_).theme;if(!s||!t.hasSiteTheme||!g)return;let P=r??"";zn.current!==P&&(zn.current=P,D.current=!1);let G=!1;return g.get(r?{siteId:r}:void 0).then(m=>{if(!(G||D.current)){if(Vs(m.default_mode),Ks(m.show_theme_switch),y(m.default_mode),K(m.show_theme_switch),ne({selected:m.selected_preset,themes:m.theme_presets}),Q(et({heading:m.heading_font,body:m.body_font,accent:m.accent_font,label:m.label_font})),j(Dt({headingLarge:m.heading_size_large_px,headingMedium:m.heading_size_medium_px,headingSmall:m.heading_size_small_px,body:m.body_size_px,label:m.label_size_px})),O(m.corner_radius_px===void 0?Jn[$n(m.corner_style)]:ea(m.corner_radius_px)),ce(st(m.heading_compression)),I(m.card_shadow==null?ta:aa(m.card_shadow)),Ye(m.card_gap==null?_t:sa(m.card_gap)),l(m.hover_effect==null?na:oa(m.hover_effect)),pe(ra(m.shadow_color)),R(da(m.site_width)),q(ca(m.site_gutter)),oe(Aa(m.block_gap)),At(Mt(m)),Hn(m.text_styles??null),Array.isArray(m.text_styles)){let Oe={fonts:et({heading:m.heading_font,body:m.body_font,accent:m.accent_font,label:m.label_font}),sizes:Dt({headingLarge:m.heading_size_large_px,headingMedium:m.heading_size_medium_px,headingSmall:m.heading_size_small_px,body:m.body_size_px,label:m.label_size_px}),compression:st(m.heading_compression),typography:Mt(m)},me=Ja($a(m.text_styles,Oe),Oe);Q(et(me.fonts)),j(me.sizes),ce(st(me.compression)),At(me.typography)}In(m.hero_background_follows_width===!0),Rn(m.photography_grayscale===!0)}}).catch(()=>{}),()=>{G=!0}},[s,r,t.hasSiteTheme,_]);let tr=Gs({token:s,siteId:r,enabled:t.hasSiteSettings}),[nr,Pn]=H(Ca),Cn=he(null),Ot=he(!1),Nt=he(null),Ve=he({}),ar=C(g=>{Ot.current=!0,Pn(P=>({...P,...g})),!(!t.hasSiteSettings||!s)&&(Ve.current={...Ve.current,...g},Nt.current&&clearTimeout(Nt.current),Nt.current=setTimeout(()=>{let P=Ve.current;Ve.current={},re(_).chat?.update(P,r?{siteId:r}:void 0).catch(()=>{})},500))},[t.hasSiteSettings,s,r,_]);fe(()=>{if(!s||!t.hasSiteSettings)return;let g=r??"";Cn.current!==g&&(Cn.current=g,Ot.current=!1);let P=!1,G=re(_).chat;if(G)return G.get(r?{siteId:r}:void 0).then(m=>{P||Ot.current||Pn({enabled:m.enabled,title:m.title,subtitle:m.subtitle,greeting:m.greeting})}).catch(()=>{}),()=>{P=!0}},[s,r,t.hasSiteSettings,_]);let[Ke,It]=H(""),Ln=he(null),Rt=he(!1);fe(()=>It(Fn()),[]);let Dn=C(g=>{let P=g.trim();if(P===Ke)return;Rt.current=!0,zt(P),It(P);let G=e.updateSite;!t.canEditSiteRecord||!a||!G||G({mapsApiKey:P}).catch(()=>{})},[Ke,t.canEditSiteRecord,a,e]),[_n,Mn]=H("");fe(()=>Mn(Un()),[]),fe(()=>{let g=e.site;if(!a||!t.hasSiteRecord||!g){E(null);return}let P=r??"";Ln.current!==P&&(Ln.current=P,Rt.current=!1);let G=!1;return g().then(m=>{if(G||(E(za(m.name)),Rt.current))return;let Oe=m.mapsApiKey??"";zt(Oe),It(Oe);let me=m.mapsMapId??"";Bn(me),Mn(me)}).catch(()=>{}),()=>{G=!0}},[a,s,t.hasSiteRecord,r,e]);let sr=sn(()=>({apiKey:Ke,setApiKey:Dn,mapId:_n}),[Ke,Dn,_n]),Wn=he(null),or=C(()=>{Wn.current=u()??p??null,Fa(o),f({kind:"page",slug:J,siteId:r??void 0,originSlug:o})},[u,p,o,f,r]),rr=C(()=>{h&&f({kind:"page",slug:h,siteId:r??void 0})},[h,f,r]);return B(Fs,{config:Ho,parts:Xa,wrap:(g,P)=>B(rt,{websiteName:x,templateChrome:w,templateName:v||null,themeMode:A,onThemeModeChange:Do,themeSwitchShown:F,onThemeSwitchShownChange:_o,theme:U,onThemeChange:Mo,fonts:de,onFontsChange:Wo,cornerRadiusPx:ae,onCornerRadiusPxChange:Uo,cardShadow:L,onCardShadowChange:Go,shadowColor:se,onShadowColorChange:Yo,cardGap:Ae,onCardGapChange:jo,hoverEffect:je,onHoverEffectChange:qo,headingCompression:N,onHeadingCompressionChange:Bo,headingTypography:Po,onHeadingTypographyChange:Vo,textStyles:Ko,onTextStylesChange:Xo,sizes:Y,onSizesChange:Fo,siteWidth:T,onSiteWidthChange:Zo,siteGutter:z,onSiteGutterChange:Qo,blockGap:ve,onBlockGapChange:$o,heroBackgroundFollowsWidth:Co,onHeroBackgroundFollowsWidthChange:Jo,photographyGrayscale:Lo,onPhotographyGrayscaleChange:er,themeFromDocument:!t.hasSiteTheme,children:B(Wa,{originData:h?Wn.current:null,originSlug:h,exitFocus:rr,children:B(Ha,{editFooter:or,children:B(xt,{wrap:_.chrome?.wrap,surface:"page",children:B(dt,{children:B(tt,{children:B(ct,{children:B(nt,{children:Tr(Xe,{value:sr,children:[B(La,{chat:nr,onChatChange:ar,children:B(_a,{value:tr,children:B(Ma,{children:g})})}),P]})})})})})})})})})})}function Xs({target:e}){return B(Ws,{target:e,addressing:qs,onHostMessage:yt,children:B(Or,{})})}import{jsx as ue}from"react/jsx-runtime";function rn({catalogFilterLabels:e,menuItems:t,currency:n,subscribe:a,searchShortcut:s=!0,children:r}){return ue(ss,{labels:e,children:ue(ds,{items:t,children:ue(ft,{...n,children:ue(ps,{...a,children:ue(fs,{children:ue(as,{children:ue(cs,{shortcut:s,children:r})})})})})})})}import{jsx as X}from"react/jsx-runtime";import{useCallback as Js,useEffect as Tt,useMemo as Le,useRef as Nr,useState as De}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 kt}from"efficient-easel/screen/lib/section-templates";import{applyAuthGrant as Ih,NO_BRIDGED_CAPABILITIES as Zs,useAdminBridge as Qs}from"efficient-easel/screen/lib/admin-bridge";import{routeSharedHostMessage as $s}from"efficient-easel/screen/lib/host-inbound";import{documentPermissions as Ir}from"efficient-easel/edit-lock";import{useAutosave as Rr}from"efficient-easel/autosave";var zr=Qt(()=>import("./chunks/SiteEditorProvider-OPALBCTH.js"),{ssr:!1}),Hr=Qt(()=>import("./chunks/SectionEditorShell-IJPMIFPV.js"),{ssr:!1}),to="HeroSingle",eo="Untitled section";function Pr(e,t){let n=t.components,a=n[e]?e:to,s=n[a]?.defaultProps??{},r=jn(a,c=>n[c]?.defaultProps??{}),o=a===Je?{blocks:Ga()}:null;return{type:a,props:{id:Yn(a),...s,...r?{[r.slot]:r.children}:null,...o}}}function Cr(){if(typeof window>"u")return $;try{let e=window.localStorage.getItem(Ie);return e==="light"||e==="dark"||e==="auto"?e:$}catch{return $}}function no({id:e,initialType:t,initialName:n=eo}){let[a,s]=De(e),r=Nr(a);Tt(()=>{r.current=a},[a]);let o=Re(),[c,p]=De(t),[u,h]=De(n),[f,w]=De(void 0),[x,E]=De($),{token:v,tokenRef:b}=Qs({onMessage:L=>{if(yt(L)||$s(L))return;let I=L;if(I?.type==="storefront-editor:navigate"&&I.target?.kind==="section"&&I.target.id){let se=I.target.id;if(se===r.current)return;let pe=I.target.type,Ae=I.target.name;K().then(()=>{p(pe),h(Ae||eo),s(se),o.address.show({kind:"section",id:se})})}}}),A=Rr({save:L=>kt.update(L.id,L.node).then(()=>{}),onFailure:(L,I)=>{I===0&&o.send("storefront-editor:save-failed")}}),{state:y,push:F,flush:K}=A;Tt(()=>E(Cr()),[]);let U=ke(),ne=U.usesBridgedToken?!!v:!0,de=Le(()=>bt(Ze(U),Qe(U)),[U]);Tt(()=>{if(!ne)return;let L=!1;return w(void 0),kt.ensure(a,u,Pr(c??to,de)).then(I=>!L&&w(I.node)).catch(()=>!L&&w(null)),()=>{L=!0}},[a,c,u,ne,de]);let Q=Js(L=>{o.send("storefront-editor:dirty");let I=Vt(L);I&&F({id:r.current,node:I})},[F,o]),Y=o.send,j=Js(async L=>{try{return await L(b.current??""),!0}catch{return Y("storefront-editor:save-failed"),!1}},[Y]),ae=Le(()=>vt(de,!0),[de]);Tt(()=>(Bt(null),()=>Bt(null)),[]);let O=Le(()=>f?ht(Ba(f)):null,[f]),N=Le(()=>({target:{kind:"page",slug:""},adapter:Ce(void 0),capabilities:Ce(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:ne,token:v,tokenRef:b,notifyParent:Y,runAuthed:j,docId:a,data:O,getLiveData:()=>O,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:Ya(y),saveState:y,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:y.pending,toggleAutoSave:()=>{},retrySave:()=>{A.retryNow()},onChange:Q,flushSave:K,onPublish:async L=>{let I=Vt(L);I&&await kt.update(r.current,I)},bridgeCapabilities:Zs,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[a,ne,v,Y,j,O,y,Q,K,A.retryNow]),ce=Le(()=>Ir(!N.readOnly),[N.readOnly]);return f===void 0?X("div",{className:"sf-msg",children:d("Loading\u2026")}):f===null||!O?X("div",{className:"sf-msg sf-msg--error",children:d("Couldn\u2019t open this section.")}):X(ma.Provider,{value:N,children:X(rt,{themeMode:x,chromePlaceholder:!0,children:X(xt,{wrap:U.chrome?.wrap,surface:"section",children:X(dt,{children:X(tt,{children:X(ct,{children:X(nt,{children:X(zr,{config:ae,data:O,onChange:Q,permissions:ce,children:X(Hr,{})},a)})})})})})})})}import{cancelPanelPick as Od,hasMediaPanel as Nd,MediaPanelProvider as ao,requestPanelPick as Id,settlePanelPick as Rd,useMediaPanel as zd,usePanelPick as Hd}from"efficient-easel/screen/lib/media-panel";import{useEffect as Ur,useState as Br}from"react";var Me={currencies:[],defaultCurrency:null},Lr={currencies:[],defaultCurrency:null,reason:"none-configured"},_e=new Map;function so(e,t,n=!1){n&&_e.delete(t);let a=_e.get(t);return a||(a=Dr(e,t),_e.set(t,a),a.catch(()=>{_e.get(t)===a&&_e.delete(t)})),a}async function Dr(e,t){try{let n=await ja(e,t);if(!n)return Me;let a=await ts.getSiteBySlug(n);return a.status!=="online"?await _r(e,t):{currencies:a.currencies??[],defaultCurrency:a.defaultCurrency??null}}catch(n){return console.warn("[editor-currency-source] load failed; editor stays unpriced",n),Me}}async function _r(e,t){let n=await M.listSiteCurrencies(t,e);if(!n.length)return Lr;let a=[...n].sort((s,r)=>s.display_order-r.display_order).map(s=>({code:s.currency_code,symbol:s.symbol||Fr(s.currency_code),decimalPlaces:typeof s.decimal_places=="number"?s.decimal_places:Wr(s.currency_code),isDefault:s.is_default}));return{currencies:a,defaultCurrency:a.find(s=>s.isDefault)?.code??a[0].code}}var Mr=0;function oo(e){try{return new Intl.NumberFormat(ns,{style:"currency",currency:e})}catch{return null}}function Wr(e){return oo(e)?.resolvedOptions().maximumFractionDigits??Mr}function Fr(e){return oo(e)?.formatToParts(0).find(a=>a.type==="currency")?.value||e}import{jsx as ro}from"react/jsx-runtime";function ln({token:e,siteId:t,enabled:n,children:a}){let[s,r]=Br(Me);return Ur(()=>{if(!e||!n||!t){r(Me);return}let o=!1;return so(e,t).then(c=>{o||r(c)}).catch(()=>{}),()=>{o=!0}},[e,n,t]),ro(ft,{currencies:s.currencies,defaultCurrency:s.defaultCurrency,children:ro(gs,{reason:s.reason,children:a})})}import{useEffect as io,useRef as hn}from"react";function Se({token:e,enabled:t=!0,deps:n=[],prime:a,onDisabled:s,refresh:r}){let o=hn(a);o.current=a;let c=hn(s);c.current=s;let p=hn(r);p.current=r,io(()=>{if(!e||!t){c.current?.();return}let u=!1;return o.current.load().then(h=>{u||o.current.publish(h)}).catch(()=>{}),()=>{u=!0}},[e,t,...n]),io(()=>{if(!e||!t||!p.current)return;let u=!1,h=p.current.subscribe(()=>{let f=p.current;f&&f.load().then(w=>{u||f.publish(w)}).catch(()=>{})});return()=>{u=!0,h()}},[e,t,...n])}function dn({token:e,siteId:t,enabled:n=!0}){let{setFooterBlock:a,setHeaderGroup:s,refreshToken:r}=Pa();return Se({token:e,enabled:n,deps:[t,r],onDisabled:()=>{a(null),s(null)},prime:{load:()=>M.findPageBySlug(J,e,t??void 0),publish:o=>{a(o?Ta(o.layout):null),s(o?Ea(o.layout):null)}}}),null}var we=new Map,cn=e=>e??"";function be(e,t,n=!1){let a=cn(t);n&&we.delete(a);let s=we.get(a);return s||(s=M.getHeaderSettings(e,t??void 0),we.set(a,s),s.catch(()=>{we.get(a)===s&&we.delete(a)})),s}function lo(e,t){we.set(cn(t),Promise.resolve(e))}function ho(e){we.delete(cn(e))}function We(e){return{logoUrl:$e(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 pn({token:e,siteId:t}){let{primeSettings:n,setSettings:a}=it();return Se({token:e,deps:[t],prime:{load:()=>be(e,t),publish:s=>n(We(s))},refresh:{subscribe:Ee,load:()=>be(e,t,!0),publish:s=>a(We(s))}}),null}function Et({token:e}){let{primeLive:t,setLive:n}=xs();return Se({token:e,prime:{load:()=>ms(e),publish:a=>t($t(a))},refresh:{subscribe:Ee,load:()=>us(e),publish:a=>n($t(a))}}),null}import{jsx as St,jsxs as fn}from"react/jsx-runtime";function gn({surface:e,children:t}){let{token:n,siteId:a,capabilities:s}=ye();if(e==="section")return fn(Jt,{children:[n?St(Et,{token:n}):null,t]});let r=n??"";return fn(ln,{token:r,siteId:a,enabled:s.hasSiteSettings,children:[s.hasSiteSettings&&St(pn,{token:r,siteId:a}),St(dn,{token:r,siteId:a,enabled:s.hasSiteSettings}),fn(Jt,{children:[s.hasSiteSettings&&St(Et,{token:r}),t]})]})}import{useCallback as ee,useEffect as Ue,useRef as mn,useState as ge}from"react";import{Banner as Gr,Button as vn,Drawer as Yr,InputNumber as jr,LoadingSpinner as qr,MediaUploadField as Vr,Slider as Kr,tabButtonId as Xr,tabPanelId as Zr}from"efficient-shell/ui";import{SettingsDefaultReset as un,SettingsSwitch as Fe,SettingsTabs as Qr}from"efficient-easel/panel";import{FieldSelect as yn}from"efficient-easel/fields";import{useEaselStrings as $r}from"efficient-easel/strings";import{ListIcon as Jr,LogoIcon as ei,SettingsIcon as ti,StylesIcon as ni}from"efficient-easel/icons";import{Fragment as xe,jsx as i,jsxs as S}from"react/jsx-runtime";var wn="sf-header",co="sf-header-size-label",po="sf-header-gap-label",fo="sf-header-height-label",bn=[{id:"logo",label:"Logo",icon:i(ei,{})},{id:"menu",label:"Menu",icon:i(Jr,{})},{id:"tools",label:"Tools",icon:i(ti,{})},{id:"look",label:"Look",icon:i(ni,{})}];function kn({tokenRef:e,siteId:t,onClose:n,onAuthExpired:a,inline:s,placeholderMode:r,websiteName:o,onOpenWebsiteSettings:c}){let p=Re(),u=$r(),[h,f]=ge(null),[w,x]=ge(null),[E,v]=ge(!1),[b,A]=ge(bn[0].id),[y,F]=ge(Ua),K=r?bn.filter(l=>l.id!=="menu"):bn,U=K.find(l=>l.id===b)??K[0],[ne,de]=ge(0),{setSettings:Q}=it(),Y=mn(null),j=mn(null),ae=mn(null);Ue(()=>{let l=!1,T=null,R=null,z=3,q=(oe,_=0)=>{l||x(null),be(oe,t,_>0).then(qe=>!l&&f(qe)).catch(()=>{l||(_+1<z?R=setTimeout(()=>q(oe,_+1),600*(_+1)):x(d("Could not load header settings.")))})},ve=e.current;if(ve)q(ve);else{let oe=0;T=setInterval(()=>{let _=e.current;if(_){T&&clearInterval(T),T=null,l||x(null),q(_);return}oe+=250,oe===5e3&&!l&&x(d("Waiting for editor authorization\u2026")),oe>=3e4&&(T&&clearInterval(T),T=null,l||x(d("Not authorized yet \u2014 reopen once the editor has loaded.")))},250)}return()=>{l=!0,T&&clearInterval(T),R&&clearTimeout(R)}},[e,ne,t]),Ue(()=>{h&&Q(We(h))},[h,Q]),Ue(()=>()=>{Y.current&&clearTimeout(Y.current),j.current&&clearTimeout(j.current),ae.current&&clearTimeout(ae.current)},[]);let O=ee(async(l,T)=>{let R=e.current;if(!R||!h)return;let z=h;T&&f({...h,...T}),v(!0),x(null);try{let q=await l(R);f(q),lo(q,t)}catch(q){f(z),q instanceof es&&q.status===401?(ho(t),a?.(),x(d("Authorization expired \u2014 try again in a moment."))):x(d("Could not save. Please retry."))}finally{v(!1)}},[h,e,a,t]),N=ee(l=>O(T=>M.updateHeaderSettings(l,T,t??void 0),l),[O,t]),ce=ee(l=>{O(T=>M.setHeaderLogoFromAsset(l,T,t??void 0))},[O,t]),L=ee(()=>{va(p,{accept:"image/svg+xml",title:d("Logo (SVG)")}).then(l=>{l&&ce(l.id)})},[ce]),I=ee((l,T=!0)=>{f(z=>z&&{...z,logo_size_px:l}),Y.current&&clearTimeout(Y.current);let R=()=>{O(z=>M.updateHeaderSettings({logo_size_px:l},z,t??void 0))};T?R():Y.current=setTimeout(R,400)},[O,t]),se=ee((l,T=!0)=>{f(z=>z&&{...z,height_px:l}),j.current&&clearTimeout(j.current);let R=()=>{O(z=>M.updateHeaderSettings({height_px:l},z,t??void 0))};T?R():j.current=setTimeout(R,400)},[O,t]),pe=ee((l,T=!0)=>{f(z=>z&&{...z,menu_gap_px:l}),ae.current&&clearTimeout(ae.current);let R=()=>{O(z=>M.updateHeaderSettings({menu_gap_px:l},z,t??void 0))};T?R():ae.current=setTimeout(R,400)},[O,t]),Ae=ee(()=>{O(async l=>{let T=await M.clearHeaderLogo(l,t??void 0);return T.reverse_logo?M.updateHeaderSettings({reverse_logo:!1},l,t??void 0):T})},[O,t]),Ye=ee(l=>{f(T=>T&&{...T,menu:l?.id??null,menu_handle:l?.handle??null,menu_name:l?.name??null,menu_items:l?l.items.map(R=>({label:R.label,url:R.url,dropdown_menu:R.dropdown_menu??null,dropdown_items:R.dropdown_items??[]})):[]}),O(T=>M.updateHeaderSettings({menu:l?.id??null},T,t??void 0))},[O,t]),je=S(xe,{children:[w&&i(Gr,{tone:"danger",className:"mx-4 mt-3",action:h?void 0:i(vn,{variant:"secondary",size:"sm",onClick:()=>de(l=>l+1),children:d("Retry")}),children:w}),h?S(xe,{children:[i(Qr,{items:K.map(l=>({...l,label:d(l.label)})),activeId:U.id,onSelect:A,ariaLabel:d("Header settings"),idPrefix:wn}),S("div",{id:Zr(wn,U.id),role:"tabpanel","aria-labelledby":Xr(wn,U.id),className:"flex flex-col p-4 [&>*+*]:mt-3",children:[U.id==="logo"&&S(xe,{children:[i(Z,{label:"Image"}),!r&&i(ai,{settings:h,websiteName:o,onPick:L,onClear:Ae,showHint:y}),i(W,{label:"Reverse the Logo",children:i(Fe,{checked:h.reverse_logo,onChange:l=>N({reverse_logo:l}),ariaLabel:d("Reverse the Logo")})}),i(te,{shown:y,children:d("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.")}),i(Z,{label:"Placement"}),i(oi,{label:k.logoPosition.label,value:k.logoPosition.options.find(l=>l.value===k.logoPosition.choose(h.logo_position))?.label,children:i(le,{value:k.logoPosition.choose(h.logo_position),options:k.logoPosition.options,onChange:l=>N({logo_position:l}),ariaLabel:k.logoPosition.label})}),S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{id:co,className:"text-[13px] text-[var(--ink-muted)]",children:d("Size")}),S("span",{className:"flex items-center gap-1",children:[S("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??Pe[h.logo_size],"px"]}),i(un,{label:d("Size"),words:u.panel,changed:h.logo_size_px!=null,onReset:()=>I(null)})]})]}),i(xn,{labelledBy:co,min:ys,max:ks,step:2,value:h.logo_size_px??Pe[h.logo_size],onPreview:l=>I(l,!1),onCommit:l=>I(l,!0)}),i(te,{shown:y,children:d("Sets the logo\u2019s height; the width follows the logo\u2019s own proportions.")})]}),i(pt,{shown:y,onChange:F})]}),U.id==="menu"&&S(xe,{children:[i(Z,{label:"Links"}),i(si,{token:e.current,menuId:h.menu,menuName:h.menu_name,itemCount:h.menu_items?.length??0,onPick:Ye}),i(W,{label:k.menuAlign.label,children:i(le,{value:k.menuAlign.choose(h.menu_position),options:k.menuAlign.options.filter(l=>l.value!=="beside"||h.logo_position!=="center"),onChange:l=>N({menu_position:l}),ariaLabel:k.menuAlign.label})}),k.menuAlign.choose(h.menu_position)==="beside"&&S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{id:po,className:"text-[13px] text-[var(--ink-muted)]",children:d("Space from the logo")}),S("span",{className:"flex items-center gap-1",children:[S("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??Te.default,"px"]}),i(un,{label:d("Space from the logo"),words:u.panel,changed:h.menu_gap_px!=null,onReset:()=>pe(null)})]})]}),i(xn,{labelledBy:po,min:Te.min,max:Te.max,step:Te.step,value:h.menu_gap_px??Te.default,onPreview:l=>pe(l,!1),onCommit:l=>pe(l,!0)}),i(te,{shown:y,children:d("How much room the menu leaves the logo. Only the logo moves away; the space between the menu words stays as it is.")})]}),i(W,{label:k.menuRow.label,children:i(le,{value:k.menuRow.choose(h.menu_row),options:k.menuRow.options,onChange:l=>N({menu_row:l}),ariaLabel:k.menuRow.label})}),h.logo_position==="center"&&h.menu_position!=="center"&&i(W,{label:"Left items",children:i("div",{className:"w-16",children:i(yn,{value:h.menu_split??3,ariaLabel:d("Left items"),onChange:l=>N({menu_split:l}),options:[1,2,3,4].map(l=>({label:String(l),value:l}))})})}),i(W,{label:k.navTextCase.label,children:i(le,{value:k.navTextCase.choose(h.nav_text_case),options:k.navTextCase.options,onChange:l=>N({nav_text_case:l}),ariaLabel:k.navTextCase.label})}),i(te,{shown:y,children:gt(d("{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:i("strong",{children:d("Uppercase")}),capitalised:i("strong",{children:d("Capitalised")})})})]}),U.id==="tools"&&S(xe,{children:[i(Z,{label:"Style"}),i(W,{label:k.utilStyle.label,children:i(le,{value:k.utilStyle.choose(h.util_style),options:k.utilStyle.options,onChange:l=>N({util_style:l}),ariaLabel:k.utilStyle.label})}),i(te,{shown:y,children:gt(d("{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:i("strong",{children:d("Text")})})}),i(Z,{label:"Search"}),i(W,{label:"Search",children:i(Fe,{checked:h.search_enabled,onChange:l=>N({search_enabled:l}),ariaLabel:d("Search")})}),i(W,{label:k.searchPosition.label,children:i(le,{value:k.searchPosition.choose(h.search_position),options:k.searchPosition.options,onChange:l=>N({search_position:l}),ariaLabel:k.searchPosition.label})}),i(Z,{label:"Country selector"}),i(W,{label:"Show selector",children:i(Fe,{checked:h.country_selector_enabled,onChange:l=>N({country_selector_enabled:l}),ariaLabel:d("Show selector")})}),!r&&h.country_selector_enabled&&i(te,{shown:y,children:gt(d("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:i("strong",{children:d("Storefront \u203A Settings \u203A Regions & currencies")})})}),i(Z,{label:"Account and cart"}),i(W,{label:"Account",children:i(Fe,{checked:h.account_enabled??!0,onChange:l=>N({account_enabled:l}),ariaLabel:d("Account")})}),i(W,{label:"Cart",children:i(Fe,{checked:h.cart_enabled??!0,onChange:l=>N({cart_enabled:l}),ariaLabel:d("Cart")})}),i(pt,{shown:y,onChange:F})]}),U.id==="look"&&S(xe,{children:[i(Z,{label:"Dimensions"}),i(W,{label:k.width.label,children:i(le,{value:k.width.choose(h.width),options:k.width.options,onChange:l=>N({width:l}),ariaLabel:k.width.label})}),S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{id:fo,className:"text-[13px] text-[var(--ink-muted)]",children:d("Height")}),S("span",{className:"flex items-center gap-1",children:[S("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??ze.default,"px"]}),i(un,{label:d("Height"),words:u.panel,changed:h.height_px!=null,onReset:()=>se(null)})]})]}),i(xn,{labelledBy:fo,min:ze.min,max:ze.max,step:2,value:h.height_px??ze.default,onPreview:l=>se(l,!1),onCommit:l=>se(l,!0)}),i(te,{shown:y,children:d("Sets how tall the header bar is; the content below it shifts down to match.")})]}),i(W,{label:"Border thickness",children:i("div",{className:"w-24",children:i(jr,{value:h.border_thickness,min:0,max:20,precision:0,size:"sm",suffix:"px","aria-label":d("Border thickness"),onChange:l=>N({border_thickness:Math.max(0,l??0)})})})}),i(Z,{label:"Color"}),i(W,{label:"Theme",children:i(xa,{value:h.theme??en,onChange:l=>N({theme:l===en?null:l}),followLabel:d("Follow the site theme")})}),i(te,{shown:y,children:d("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.")}),i(W,{label:k.topTextColor.label,children:i(le,{value:k.topTextColor.choose(h.top_text_color),options:k.topTextColor.options,onChange:l=>N({top_text_color:l}),ariaLabel:k.topTextColor.label})}),i(te,{shown:y,children:d("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.")}),i(Z,{label:"Behavior"}),i(W,{label:"Sticky header",children:i("div",{className:"w-32",children:i(yn,{value:h.sticky,ariaLabel:d("Sticky header"),onChange:l=>N({sticky:l}),options:[{label:d("None"),value:"none"},{label:d("Always"),value:"always"},{label:d("On scroll up"),value:"on_scroll_up"}]})})}),c&&S(xe,{children:[i(Z,{label:"Display mode"}),i("p",{className:"text-[12px] text-[var(--ink-faint)]",children:d("Set the default Light / Dark / Auto mode and show or hide the light\u2194dark switch in Appearance.")}),i(vn,{variant:"link",size:"sm",className:"self-start",onClick:c,children:d("Set up display mode \u2192")})]}),i(pt,{shown:y,onChange:F})]})]})]}):w?null:i(qr,{size:"sm",padding:"p-4",label:d("Loading\u2026")})]});return s?S("div",{className:"flex flex-col",children:[E&&i("div",{className:"px-4 pt-2 text-[11px] text-[var(--ink-faintest)]",children:d("Saving\u2026")}),je]}):S(Yr,{open:!0,onClose:n??(()=>{}),side:"right",size:"sm",title:d("Header"),children:[E&&i("div",{className:"pb-2 text-[11px] text-[var(--ink-faintest)]",children:d("Saving\u2026")}),je]})}function ai({settings:e,websiteName:t,onPick:n,onClear:a,showHint:s}){let r=!!e.logo_url,o=!r&&!!e.default_logo_url,c=$e(e.effective_logo_url),p=t&&t.trim()?t.trim():Ra;return S("div",{className:"flex flex-col gap-2",children:[i(Vr,{value:c||"",onChange:u=>{u||a()},onPick:n,accept:"image/svg+xml,.svg",acceptHint:"SVG",fit:"contain",height:80,placeholder:d("No logo \u2014 \u201C{name}\u201D wordmark shown",{name:p}),replaceLabel:r?d("Replace SVG logo"):d("Upload SVG logo"),allowRemove:r,removeLabel:d("Use company default")}),i(te,{shown:s,children:r?d("Custom SVG logo uploaded for this store."):o?d("Using your company logo from the database."):d("No company logo on file \u2014 upload an SVG or the wordmark is used.")})]})}function si({token:e,menuId:t,menuName:n,itemCount:a,onPick:s}){let r=Re(),[o,c]=ge(null),[p,u]=ge(!1),h=ee(b=>{c(b),u(!0)},[]);Ue(()=>{let b=!1;return ws(e).then(A=>!b&&h(A)).catch(()=>!b&&c([])),()=>{b=!0}},[e,h]),Ue(()=>{let b=!1,A=Ee(()=>{bs(e).then(y=>!b&&h(y)).catch(()=>{})});return()=>{b=!0,A()}},[e,h]);let f=o===null,w=!f&&(o?.length??0)===0,x=!f&&(o??[]).some(b=>b.id===t),E=x?t:"",v=p&&!!t&&!x;return S("div",{className:"flex flex-col gap-2",children:[i(W,{label:"Menu",children:i("div",{className:"w-[170px] max-w-full",children:i(yn,{value:E,ariaLabel:d("Menu"),readOnly:f||w,onChange:b=>{let A=b?(o??[]).find(y=>y.id===b):null;s(A?{...A,items:A.items.map(y=>({...y,dropdown_items:(o??[]).find(F=>F.id===y.dropdown_menu)?.items.map(F=>({label:F.label,url:F.url}))??[]}))}:null)},options:[{label:f?d("Loading\u2026"):w?d("No menus"):d("Default links"),value:""},...(o??[]).map(b=>({label:`${b.name} (${b.item_count??b.items.length})`,value:b.id}))]})})}),v?i("p",{className:"text-[12px] text-[var(--sf-warning,#b45309)]",children:vs()}):i("p",{className:"text-[12px] text-[var(--ink-faint)]",children:E?wa("Header shows \u201C{name}\u201D \u2014 {n} link.","Header shows \u201C{name}\u201D \u2014 {n} links.",a,{name:n??d("the linked menu")}):w?d("No menus yet. Create one in {place}, then pick it here.",{place:d("Storefront \u2192 Menus")}):d("Pick a menu to drive the header links, or keep the built-in default links.")}),i(vn,{variant:"link",size:"sm",className:"self-start",onClick:()=>r.send("storefront-editor:open-menus",{menuId:E||null}),children:E?d("Edit menu \u2192"):d("Manage menus \u2192")})]})}function te({shown:e,children:t}){return e?i("p",{className:"text-[11px] text-[var(--sf-muted)]",children:t}):null}function xn({labelledBy:e,value:t,min:n,max:a,step:s,onPreview:r,onCommit:o}){let c=p=>{p instanceof HTMLInputElement&&p.type==="range"&&o(Number(p.value))};return i("div",{onPointerUp:p=>c(p.target),onKeyUp:p=>{/^(Arrow|Home|End|Page)/.test(p.key)&&c(p.target)},children:i(Kr,{value:t,min:n,max:a,step:s,showInput:!1,size:"sm","aria-labelledby":e,valueText:p=>d("{n} pixels",{n:p}),onChange:p=>{p!=null&&r(p)}})})}function oi({label:e,value:t,children:n}){return S("div",{className:"flex flex-col gap-1.5",children:[S("div",{className:"flex items-center justify-between",children:[i("span",{className:"text-[13px] text-[var(--ink-muted)]",children:d(e)}),t&&i("span",{className:"text-[12px] text-[var(--ink-faint)]",children:d(t)})]}),n]})}function Z({label:e}){return i(Na,{label:e})}function W({label:e,children:t}){return S("div",{className:"flex flex-wrap items-center justify-between gap-x-3 gap-y-[7px]",children:[i("span",{className:"text-[13px] text-[var(--sf-text-secondary)]",children:d(e)}),i("div",{className:"flex-shrink-0",children:t})]})}var ri=[{label:"Left",value:"left"},{label:"Center",value:"center"}],ii=[{label:"Left",value:"left"},{label:"Right",value:"right"}],li=[{label:"Right",value:"left"},{label:"Centered",value:"center"},{label:"Beside logo",value:"beside"}],hi=[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],di=[{label:Wt.page,value:"page"},{label:Wt.full,value:"full"}],ci=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}],pi=[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],fi=[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],k={logoPosition:{label:"Position",options:ri,choose:e=>e==="right"?"center":e},menuAlign:{label:"Alignment",options:li,choose:e=>e==="center"?"center":e==="beside"?"beside":"left"},menuRow:{label:"Row",options:hi,choose:e=>e==="inline"?"inline":"top"},searchPosition:{label:"Position",options:ii,choose:e=>e},width:{label:"Width",options:di,choose:e=>e},navTextCase:{label:"Letters",options:pi,choose:e=>e==="capitalised"?"capitalised":"uppercase"},utilStyle:{label:"Show as",options:ci,choose:e=>e==="text"?"text":"icon"},topTextColor:{label:"Text color at the top",options:fi,choose:e=>Es(e)}};import{jsx as gi}from"react/jsx-runtime";function Tn({placeholderMode:e,tokenRef:t,siteId:n,websiteName:a,onOpenWebsiteSettings:s,onAuthExpired:r}){return gi(kn,{inline:!0,placeholderMode:e,tokenRef:t,siteId:n,websiteName:a??void 0,onOpenWebsiteSettings:s,onAuthExpired:r})}var mo={list:async()=>(await ut()).map(e=>({slug:e.slug,name:e.name,href:pa(e.slug)}))},go=new Map;function mi(e){let t=e??"",n=ka(),a=go.get(t);if(a&&!(a.token===null&&n!==null))return a.promise;let s=n&&e?M.listFieldUsage(n,e).then(ls).catch(()=>[]):Promise.resolve([]);return go.set(t,{promise:s,token:n}),s}var uo={load:async e=>{let[t,n]=await Promise.all([mt().catch(()=>[]),mi(e??void 0)]);return hs({catalogue:t,fieldUsage:n,offersCommerce:!0})}};import{jsx as Be,jsxs as wo}from"react/jsx-runtime";var ui={cart:wo("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:[Be("circle",{cx:"9",cy:"20",r:"1.4"}),Be("circle",{cx:"18",cy:"20",r:"1.4"}),Be("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:wo("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:[Be("rect",{x:"2.5",y:"5",width:"19",height:"14",rx:"2"}),Be("path",{d:"M2.5 9.5h19"})]})},bo={get title(){return d("Shop")},get rows(){return Ss.map(e=>({...e,label:d(e.label),icon:ui[e.key]}))}};import{useState as En}from"react";import{Button as Sn}from"efficient-shell/ui";import{createNode as wi,newId as bi}from"efficient-easel/data";import{useEasel as xi}from"efficient-easel/easel";var xo="Flex",vo=10;function yo(e,t,n,{logoHeightPx:a}={}){let s=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:x,url:E})=>({label:x,url:E}))},o=e.search_enabled?t("SearchBlock",{style:s}):null,c=e.search_position==="left",p=[c?o:null,e.country_selector_enabled?t("CountrySwitchBlock"):null,e.cart_enabled!==!1?t("CartBlock",{style:s}):null,c?null:o].filter(x=>x!==null),u=t(xo,{direction:"row",justify:"between",align:"center",share:"content",wrap:"nowrap",phoneRow:3,sectionPaddingTop:vo,sectionPaddingBottom:vo,content:[t("LogoBlock",a?{heightPx:a}:{}),t("MenuBlock",{menu:r,direction:"row"}),...p.length?[t(xo,{direction:"row",justify:"end",align:"center",share:"content",wrap:"nowrap",phoneRow:3,content:p})]:[]]}),h=Vn(Ne,n,[u]),f=Ts(e.theme),w=As(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}:{},...f!==null?{sectionAccent:f}:{},...e.nav_text_case?{navTextCase:e.nav_text_case}:{},...w?{menuRow:w}:{}}}}import{jsx as Ge,jsxs as ko}from"react/jsx-runtime";function An(){let{appState:e,dispatch:t,config:n}=xi(v=>v),{readOnly:a,tokenRef:s,siteId:r}=ye(),[o,c]=En(!1),[p,u]=En(!1),[h,f]=En(!1),w=e.data.content;if(a||w.some(v=>v.type===Ne))return null;let x=(v,b)=>wi(n,v,b),E=async()=>{let v=s.current;if(!(!v||p)){u(!0),f(!1);try{let b=await be(v,r),A=b.logo_size_px??Pe[b.logo_size],y=yo(b,x,bi(Ne),{logoHeightPx:A});t({type:"setData",data:F=>({...F,content:[...Kn(F.content,y)]}),recordHistory:!0}),c(!1)}catch{f(!0)}finally{u(!1)}}};return ko("div",{className:"sf-box-footer-switch",children:[Ge("p",{className:"sf-box-footer-switch-text",children:d("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.")}),o?ko("div",{className:"sf-box-footer-switch-row",children:[Ge(Sn,{variant:"primary",size:"sm",onClick:E,disabled:p,children:p?d("Switching\u2026"):d("Switch now")}),Ge(Sn,{variant:"secondary",size:"sm",onClick:()=>c(!1),disabled:p,children:d("Cancel")})]}):Ge(Sn,{variant:"secondary",size:"sm",onClick:()=>c(!0),children:d("Switch to Box header")}),h?Ge("p",{className:"sf-box-footer-switch-text",role:"alert",children:d("The header settings could not be read. Try again.")}):null]})}var On="wheels",vi="collection:",yi=60;function ki(e){let t=e?.props?.source;return e?.type==="ProductGrid"&&!!t?.process}function Ti(e){return e.some(t=>t?.type==="CatalogFilterBar"||ki(t))}function Ei(){return{type:"CatalogFilterBar",props:{id:"CatalogFilterBar-wheels-seed",showProcess:!0,showLugs:!0,showPrice:!0,showCount:!0,showSort:!0}}}function Si(e,t){let n=Os(e);return{type:"ProductGrid",props:{id:`ProductGrid-wheels-${n}`,dynamic:!1,num:t,title:e,titleSize:Hs,padTop:100,description:"",linkText:"Explore the collection",linkHref:`/wheels/collections/${n}`,columns:4,showAll:!0,limit:8,imageBackground:Oa,spinOnHover:!0,source:{slug:`${vi}${n}`,name:e,process:e,wheels:[]},fullWidth:!0,pageWidth:ha.default,products:[]}}}function Ai(e){let t=e?Rs(e):Ns;return[Ei(),...t.map(n=>Si(n.key,n.num))]}function To(e,t,n){if(e!==On)return t;let a=t?.content??[];if(Ti(a))return t;let s=Ai(n),r=a.findIndex(c=>c?.type===Je),o=r===-1?[...a,...s]:[...a.slice(0,r),...s,...a.slice(r)];return{...t,content:o}}function Eo(e,t,n={}){let a=e?.content??[],s=n.scopeToCatalog?Is(t):null,r=a.map(o=>{let c=o?.props?.source;if(o?.type==="CatalogFilterBar"&&s)return{...o,props:{...o.props,processOptions:s}};if(o?.type!=="ProductGrid"||!c?.process)return o;if(s&&!s.includes(c.process))return null;if(n.onlyEmpty&&(c.wheels?.length??0)>0)return o;let p=t.filter(u=>u.process===c.process).slice(0,yi);return{...o,props:{...o.props,source:{...c,wheels:p}}}}).filter(o=>o!==null);return{...e,content:r}}var So={opening({slug:e,isTemplate:t,capabilities:n}){let s=n.hasCatalog&&!t&&e===On?ut().catch(()=>[]):Promise.resolve([]);return async r=>{let o=await s,c=To(t||!n.hasCatalog?"":e,r,o),p=o.length?Eo(c,o,{onlyEmpty:!0}):c;if(n.hasCatalog&&Zt(p)){let u=await mt().catch(()=>[]);if(u.length)return os(p,zs(u))}return p}},stored:e=>Zt(e)?rs(e):e,storedNode:e=>is(e)};var Oi={wrap:gn,panels:{header:Tn,chromePage:An},pageRows:bo,products:mo,linkFilters:uo};function Ao(e={}){return Gn({...e,registry:Ps,chrome:Oi,documentHooks:So})}var Oo=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ @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-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-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}.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}.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\\(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\\(48px\\,5\\.5vw\\,84px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(48px, 5.5vw, 84px)), 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\\:1fr\\]{grid-template-columns: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\\]\\: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\\]\\: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\\]\\: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\\]\\: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-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\\]\\: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)}[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-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}
3
3
 
4
4
  /*
5
5
  * efficient-easel/easel \\2014 the canvas's own marks (blueprint 5.1): the
@@ -54,6 +54,14 @@ import{a as Fa,b as Yt,c as qt,d as Ua,e as pt,f as Vt,g as Ba,h as ja,i as Ya,j
54
54
  .es-zone.has-children {
55
55
  min-height: 0;
56
56
  }
57
+ /* An EMPTY list has a width of its own (owner 2026-10-14, audit item 26). A
58
+ Box laid out "as wide as what it holds" (Fit content, a start-aligned row,
59
+ the site header) holds nothing yet, and \`width: 100%\` adds nothing to an
60
+ intrinsic width: it drew 0px wide, its "+ Add block" cell with it, and no
61
+ drop could land in it. The canvas only; the published page is \`Render\`'s. */
62
+ .es-zone:not(.has-children) {
63
+ min-width: var(--min-empty-width);
64
+ }
57
65
  .es-zone:empty,
58
66
  .es-zone.is-area-selected:not(.is-root),
59
67
  .es-zone.is-hovering-area:not(.is-root) {
@@ -70,19 +78,33 @@ import{a as Fa,b as Yt,c as qt,d as Ua,e as pt,f as Vt,g as Ba,h as ja,i as Ya,j
70
78
  outline: none;
71
79
  }
72
80
 
81
+ /* The outline colour, declared ONCE for the selection, the hover and the
82
+ words being typed. The accent, with a fallback: the outlines draw inside
83
+ the canvas frame, which holds the page's sheet and not the chrome's tokens. */
73
84
  .es-canvas-outline {
85
+ --es-canvas-outline-colour: var(--es-accent, #2563eb);
74
86
  pointer-events: none;
75
87
  box-sizing: border-box;
76
88
  z-index: 2147483000;
77
89
  }
78
90
  .es-canvas-outline.is-selected {
79
- outline: 2px solid var(--es-accent, #2563eb);
91
+ outline: 2px solid var(--es-canvas-outline-colour);
80
92
  outline-offset: -1px;
81
93
  }
82
94
  .es-canvas-outline.is-hover {
83
- outline: 1px solid color-mix(in srgb, var(--es-accent, #2563eb) 60%, transparent);
95
+ outline: 1px solid color-mix(in srgb, var(--es-canvas-outline-colour) 60%, transparent);
84
96
  outline-offset: -1px;
85
97
  }
98
+ /* The words being typed (EaselCanvas \`typing\`, Lewis 2026-10-14): ONE plain
99
+ box round the whole words, like an input \\2014 a 2px line in the selection's
100
+ colour, 4px clear of them, with the selection outline's square corners. It
101
+ is measured from the words' bounding box, so words on three lines get one
102
+ rectangle, not a line round each. Its colour is the one outline colour
103
+ above: without its fallback the outline is not drawn in the canvas. */
104
+ .es-canvas-outline.is-typing {
105
+ outline: 2px solid var(--es-canvas-outline-colour);
106
+ outline-offset: 4px;
107
+ }
86
108
 
87
109
  /*
88
110
  * efficient-easel \\2014 shell chrome tokens, resolved to efficient-shell (UI-24).
@@ -963,6 +985,9 @@ import{a as Fa,b as Yt,c as qt,d as Ua,e as pt,f as Vt,g as Ba,h as ja,i as Ya,j
963
985
  color: var(--es-text);
964
986
  background: var(--es-hover);
965
987
  border-radius: var(--es-row-radius);
988
+ /* A menu row tall (Lewis's row heights, 2026-10-12): 36, whatever the
989
+ words' line height. */
990
+ min-height: var(--row-height-menu, 36px);
966
991
  /* Its words start where a tree row's do: the shell's \`TreeRow\` pads \`px-2\`,
967
992
  two of the shell's \`--spacing\` steps, and so does this (the Layers panel
968
993
  drew a heading at 12px over rows at 8px: two text columns). */
@@ -1110,7 +1135,7 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
1110
1135
 
1111
1136
  .es-field-label {
1112
1137
  font-size: 11px;
1113
- font-weight: 600;
1138
+ font-weight: 500;
1114
1139
  color: var(--es-muted);
1115
1140
  }
1116
1141
 
@@ -1145,6 +1170,18 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
1145
1170
  min-width: 0;
1146
1171
  }
1147
1172
 
1173
+ /* A LIST OF DRILL ROWS IN THE CONTROL SLOT STACKS (Lewis, 2026-10-14). The slot
1174
+ is a row because a slider and its number box share it; a drill row is a
1175
+ full-width row wherever it sits. A named list (the Hero's \`Slides\`, with its
1176
+ count on the label line) hands its rows here, and as a row they shrank to
1177
+ their words: "Slide" and "1" broke onto two lines and the third row ran past
1178
+ the panel edge. No gap: the rows spend theirs as padding (\`.es-drill\`). */
1179
+ .es-field-ctl:has(> .es-drill) {
1180
+ flex-direction: column;
1181
+ align-items: stretch;
1182
+ gap: 0;
1183
+ }
1184
+
1148
1185
  /* The hint sits FLUSH LEFT, on the same edge as the row's icon and control \\2014
1149
1186
  not indented under the label's words (owner ruling, 2026-10-06; it was
1150
1187
  24px, glyph + gap, until then). \`tests/panel-hint-flush-left\` holds it. */
@@ -1336,6 +1373,8 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
1336
1373
  /* The two lines, stacked, and allowed to shrink so the preview can ellipsise
1337
1374
  instead of shoving the chevron off the row. */
1338
1375
  .es-drill-text {
1376
+ /* the shell Tooltip's wrapper: its bubble is placed against this box */
1377
+ position: relative;
1339
1378
  display: flex;
1340
1379
  flex-direction: column;
1341
1380
  gap: 2px;
@@ -1347,6 +1386,11 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
1347
1386
  font-size: 12px;
1348
1387
  font-weight: 600;
1349
1388
  color: var(--es-text-strong);
1389
+ /* One line, like the preview under it: a name that wraps turns a list of
1390
+ rows into a column of broken words. Cut, the row's Tooltip has it whole. */
1391
+ white-space: nowrap;
1392
+ overflow: hidden;
1393
+ text-overflow: ellipsis;
1350
1394
  }
1351
1395
 
1352
1396
  /* The preview is one line, clipped. It never wraps: a part's copy can be a
@@ -1598,6 +1642,10 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
1598
1642
  .es-insp-row { min-width: 0; }
1599
1643
  .es-insp-row:empty,
1600
1644
  .es-insp-row[hidden] { display: none; }
1645
+ /* A folding band (Inspector, 4.0.0): a plain wrapper round easel's
1646
+ \`SettingsGroup\`, out of the layout on another tab but still mounted. */
1647
+ .es-insp-band { min-width: 0; }
1648
+ .es-insp-band[hidden] { display: none; }
1601
1649
 
1602
1650
  /* \\2500 \\2500 a list (ListField): ONE look in both editors (owner, 2026-10-06) \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500
1603
1651
  The website ticker's rows: one row per item, a \\d7 at its end, "+ Add <noun>"
@@ -2034,7 +2082,7 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2034
2082
  .es-copy {
2035
2083
  --es-copy-gap: var(--es-space-8, 8px);
2036
2084
  /* efficient-shell's IconButton at its default size, md (design v5, 0.94.0). */
2037
- --es-copy-mark-size: 32px;
2085
+ --es-copy-mark-size: var(--control-height-md, 32px);
2038
2086
  --es-copy-rule: var(--es-border, var(--line));
2039
2087
  --es-copy-field-border: var(--es-field-border, var(--line-strong));
2040
2088
  --es-copy-field-bg: var(--es-field-bg, var(--surface));
@@ -2358,7 +2406,7 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2358
2406
  /* Words never break inside: in a narrow box (a 220px panel) Clear style
2359
2407
  moves to a line of its own, still at the right end. */
2360
2408
  .es-copy-marks-label {
2361
- font-size: 13px;
2409
+ font-size: 14px;
2362
2410
  white-space: nowrap;
2363
2411
  color: var(--es-text-secondary, var(--ink));
2364
2412
  }
@@ -2387,144 +2435,18 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2387
2435
  /* \\2014 the final toolbar (E5b, design final 2026-10-06) \\2014 */
2388
2436
 
2389
2437
  /*
2390
- * TWO ROWS ON ONE 9-COLUMN GRID, flush to the box at both ends: in two full
2391
- * rows every button sits under the one above it. The size is react-os-shell's
2392
- * IconButton md (\`--es-copy-mark-size\`, 32px), the size the design draws in a
2393
- * 320px panel.
2394
- *
2395
- * NO BLANK CELLS (Lewis 2026-10-13): a tool the host does not offer is not
2396
- * drawn. The row keeps its explicit tracks, so the tools it has fill the first
2397
- * tracks: packed from the row's start, at a full row's size and gap, never
2398
- * stretched to the far end. A row with no tool is not drawn (TextToolbar).
2438
+ * The toolbar is efficient-shell's \`TextToolbar\` (S4/E2, harness UI-24): its
2439
+ * grid, its sizes, its narrow step and its colour fill are the shell's sheet
2440
+ * (\`.rosh-tb-*\` in ui.css), held by the shell's own specs. Its wrapper is the
2441
+ * size container; its direct children carry \`--rosh-tb-size\`,
2442
+ * \`--rosh-tb-steps\`, \`--rosh-tb-color-col\` and \`--rosh-tb-link-col\`, and the
2443
+ * two windows below are drawn among them, so they read those. What stays here
2444
+ * is the toolbar's place in the box: the gap under it.
2399
2445
  */
2400
- .es-tb-wrap {
2401
- /*
2402
- * The button size: react-os-shell's IconButton md (32px) \\2014 but never more
2403
- * than a ninth of the row, so the row is FLUSH to the box at both ends. A
2404
- * 320px panel's box is 286px (its 1px border takes two), and nine 32px
2405
- * buttons would overrun it by 2px; here they are 31.8px. On the WRAPPER, so
2406
- * the two windows, which sit beside the toolbar, read it too.
2407
- */
2408
- --es-tb-size: min(var(--es-copy-mark-size), calc(100cqw / 9));
2409
- /* The gaps across row 1, for the windows' points (below). */
2410
- --es-tb-steps: 8;
2411
- position: relative;
2446
+ .es-copy-toolbar {
2412
2447
  margin-bottom: var(--es-copy-gap);
2413
2448
  }
2414
2449
 
2415
- .es-tb {
2416
- display: flex;
2417
- flex-direction: column;
2418
- gap: var(--es-space-4, 4px);
2419
- }
2420
-
2421
- .es-tb-row {
2422
- display: grid;
2423
- grid-template-columns: repeat(9, var(--es-tb-size));
2424
- justify-content: space-between;
2425
- }
2426
-
2427
- /* Row 1 with no host control in its 9th cell (owner ruling 2026-10-07):
2428
- eight buttons spread over the same width, not eight and a hole. The
2429
- wrapper carries it too, so the windows' points follow the buttons. */
2430
- .es-tb-row.is-eight {
2431
- grid-template-columns: repeat(8, var(--es-tb-size));
2432
- }
2433
-
2434
- .es-tb-wrap.is-eight {
2435
- --es-tb-steps: 7;
2436
- }
2437
-
2438
- /*
2439
- * ONE ROW (Lewis 2026-10-13, on the phone paragraph: "can't they go up?").
2440
- * When the word tools, one gap cell and the paragraph tools fit the nine
2441
- * cells (TextToolbar's \`toolbarRows\`), both groups share ONE row: the words,
2442
- * then the group gap, then the paragraph tools. The gap is the toolbar gap
2443
- * token (8px, the 2026-10-12 spacing roles), owned by the row (UI-23). Inside
2444
- * each group the buttons keep the nine-cell grid's size and pitch, packed
2445
- * from the start, never stretched to the far end. The windows' points use
2446
- * that pitch: eight steps across nine cells.
2447
- */
2448
- .es-tb-row.is-one-row {
2449
- display: flex;
2450
- justify-content: flex-start;
2451
- column-gap: var(--es-space-8, 8px);
2452
- }
2453
-
2454
- .es-tb-words,
2455
- .es-tb-para {
2456
- display: flex;
2457
- column-gap: calc((100cqw - 9 * var(--es-tb-size)) / 8);
2458
- }
2459
-
2460
- .es-tb-wrap.is-one-row {
2461
- --es-tb-steps: 8;
2462
- }
2463
-
2464
- /*
2465
- * FLOW-FILL (Lewis 2026-10-13: "If there is a second row, the first row must
2466
- * not leave blank space"; "The second row does not need to be filled. Just
2467
- * let it run in natural order."). When the tools do not fit one row, the
2468
- * toolbar is ONE grid of nine cells a line: the word tools, one cell for the
2469
- * group gap (\`.es-tb-flowgap\`), then the paragraph tools. Line 1 is always
2470
- * nine cells, flush to the box at both ends; the rest run on in line 2 from
2471
- * its start, in the same nine tracks, so at the normal pitch and never
2472
- * spread. The lines are the toolbar's 4px apart. The windows' points use the
2473
- * nine-cell pitch.
2474
- */
2475
- .es-tb-row.is-flow {
2476
- row-gap: var(--es-space-4, 4px);
2477
- }
2478
-
2479
- .es-tb-wrap.is-flow {
2480
- --es-tb-steps: 8;
2481
- }
2482
-
2483
- /* The alignment and case groups are radiogroups for a screen reader and
2484
- nothing for the grid: their buttons are cells of the row. */
2485
- .es-tb-group {
2486
- display: contents;
2487
- }
2488
-
2489
- /* A toolbar button is efficient-shell's IconButton look (harness UI-24): its
2490
- ground, hover, focus ring, disabled fade and lit state are the kit's
2491
- (\`IconButton\`, lit from \`aria-pressed\`, or from \`pressed\` for a radio and
2492
- a window's button).
2493
- What stays is its size in the 9-column grid and the glyph inside. */
2494
- .es-tb-btn {
2495
- width: var(--es-tb-size);
2496
- height: var(--es-tb-size);
2497
- }
2498
-
2499
- .es-tb-btn svg {
2500
- width: 16px;
2501
- height: 16px;
2502
- }
2503
-
2504
- /* The letter A is filled with the colour the selected words wear: the
2505
- glyph's \`data-part="swatch"\` (efficient-shell 7.4.0, #414). No fallback:
2506
- with no colour the A stays hollow, so "no colour" is not black. */
2507
- .es-tb-color [data-part="swatch"] {
2508
- fill: var(--es-tb-run);
2509
- }
2510
-
2511
- /*
2512
- * A NARROW BOX keeps both rows and shrinks the buttons a little \\2014 never wraps.
2513
- * The design: under a 300px panel, the shell's next size down (24px), and no
2514
- * wider than a ninth of the row. A 300px panel less its two 16px gutters is a
2515
- * 268px box: \`.es-copy\` is the container that measures it.
2516
- */
2517
- @container (width < 268px) {
2518
- .es-tb-wrap {
2519
- --es-tb-size: min(24px, calc(100cqw / 9));
2520
- }
2521
-
2522
- .es-tb-btn svg {
2523
- width: 14px;
2524
- height: 14px;
2525
- }
2526
- }
2527
-
2528
2450
  /*
2529
2451
  * THE TWO WINDOWS (colour, link) float, pushing nothing down. They open just
2530
2452
  * BELOW the words they act on, left-aligned to them, or ABOVE them with no
@@ -2532,14 +2454,14 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2532
2454
  * words being coloured). \`CopyBox\` measures that and writes \`top\`, \`left\`,
2533
2455
  * \`--es-pop-point\` and \`data-side\` on the window (./place). The \`top\` here is
2534
2456
  * only the unmeasured fallback: under the first row, as first drawn.
2535
- * DatePicker's popover: 288px, 12px corners, a 12px inset, react-os-shell's
2536
- * shadow; never wider than the box.
2457
+ * DatePicker's popover: 288px, the shell's popup corners (16), a 12px inset,
2458
+ * react-os-shell's shadow; never wider than the box.
2537
2459
  */
2538
2460
  .es-copy-pop {
2539
2461
  position: absolute;
2540
2462
  z-index: 5;
2541
2463
  left: 0;
2542
- top: calc(var(--es-tb-size) + 6px);
2464
+ top: calc(var(--rosh-tb-size) + var(--es-space-8));
2543
2465
  box-sizing: border-box;
2544
2466
  width: 288px;
2545
2467
  max-width: 100%;
@@ -2549,16 +2471,16 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2549
2471
  gap: var(--es-space-8, 8px);
2550
2472
  padding: 12px;
2551
2473
  border: 1px solid var(--es-border, var(--line));
2552
- border-radius: var(--radius-xl);
2474
+ border-radius: var(--radius-popup);
2553
2475
  background: var(--es-raised, var(--surface));
2554
2476
  box-shadow: var(--rosh-glass-solid-shadow);
2555
2477
  }
2556
2478
 
2557
2479
  /* The point, aimed at its button: column k of row 1 across the box (100cqw),
2558
- whose cells are \`--es-tb-steps\` + 1 (nine, or eight with no host control).
2480
+ whose cells are \`--rosh-tb-steps\` + 1 (nine, or eight with no host control).
2559
2481
  Row 1 draws only what the host offers, so k is the button's column as
2560
- drawn: CopyBox writes \`--es-tb-color-col\` and \`--es-tb-link-col\` on the
2561
- wrapper (TextToolbar's \`windowColumns\`), never a fixed 4 or 5. */
2482
+ drawn: the shell's toolbar writes \`--rosh-tb-color-col\` and \`--rosh-tb-link-col\` on
2483
+ its wrapper (\`textToolbarWindowColumns\`), never a fixed 4 or 5. */
2562
2484
  .es-copy-pop::before {
2563
2485
  content: '';
2564
2486
  position: absolute;
@@ -2573,11 +2495,11 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2573
2495
 
2574
2496
  /* Aimed at the words (measured), or \\2014 unmeasured \\2014 at its button, as above. */
2575
2497
  .es-copy-colors::before {
2576
- left: var(--es-pop-point, calc(var(--es-tb-color-col) * (100cqw - var(--es-tb-size)) / var(--es-tb-steps) + var(--es-tb-size) / 2 - 6px));
2498
+ left: var(--es-pop-point, calc(var(--rosh-tb-color-col) * (100cqw - var(--rosh-tb-size)) / var(--rosh-tb-steps) + var(--rosh-tb-size) / 2 - 6px));
2577
2499
  }
2578
2500
 
2579
2501
  .es-copy-link.es-copy-pop::before {
2580
- left: var(--es-pop-point, calc(var(--es-tb-link-col) * (100cqw - var(--es-tb-size)) / var(--es-tb-steps) + var(--es-tb-size) / 2 - 6px));
2502
+ left: var(--es-pop-point, calc(var(--rosh-tb-link-col) * (100cqw - var(--rosh-tb-size)) / var(--rosh-tb-steps) + var(--rosh-tb-size) / 2 - 6px));
2581
2503
  }
2582
2504
 
2583
2505
  /* Opened above the words: the point is on the bottom edge, aimed down. */
@@ -2930,7 +2852,7 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
2930
2852
  }
2931
2853
  /* A panel's own name. States the margin an h2 would otherwise bring. */
2932
2854
  .es-panel-title {
2933
- font-size: 13px;
2855
+ font-size: 14px;
2934
2856
  font-weight: 600;
2935
2857
  color: var(--es-text);
2936
2858
  margin: 0;
@@ -2992,8 +2914,9 @@ span:has(> .es-insp-up-btn) {
2992
2914
  }
2993
2915
  .es-insp-head {
2994
2916
  display: flex;
2917
+ flex-wrap: wrap;
2995
2918
  align-items: center;
2996
- gap: 12px;
2919
+ gap: 8px 12px;
2997
2920
  padding: 12px 16px;
2998
2921
  flex: none;
2999
2922
  }
@@ -3054,7 +2977,7 @@ span:has(> .es-insp-up-btn) {
3054
2977
  display: flex;
3055
2978
  align-items: center;
3056
2979
  justify-content: center;
3057
- font-size: 13px;
2980
+ font-size: 14px;
3058
2981
  flex: none;
3059
2982
  background: var(--es-chip-bg);
3060
2983
  color: var(--es-icon);
@@ -3063,13 +2986,39 @@ span:has(> .es-insp-up-btn) {
3063
2986
  width: 15px;
3064
2987
  height: 15px;
3065
2988
  }
2989
+ /* AT A NARROW PANEL THE TITLE WINS (Lewis/GG, 2026-10-14). At 220px the chip
2990
+ and the buttons left the name 33px ("Hero Slideshow" read "He\\2026 "), and
2991
+ the registry's longest names ("Photo Submission Form", 150px) were cut even
2992
+ at 320. The titles now ask for their whole name (\`flex: 1 0 auto\` over a
2993
+ one-line name is its full width) and never shrink below it, so when the row
2994
+ cannot hold name and buttons the BUTTONS wrap to a second row, at its right
2995
+ end, where Hide panel already sits:
2996
+ row 1 [chip] Photo Submission Form
2997
+ Section
2998
+ row 2 [dup] [del] | [hide]
2999
+ A wide panel, or a short name, keeps one row. Only a name wider than the
3000
+ whole row (none in the registry) is still cut, with its words in the
3001
+ Tooltip: \`max-width\` is the row less the chip (26) and the gap (12).
3002
+ Not an overflow menu: three buttons fit a 196px row, so folding them would
3003
+ hide Duplicate and Remove behind a click and buy the name nothing. */
3066
3004
  .es-insp-titles {
3067
- flex: 1;
3005
+ flex: 1 0 auto;
3006
+ min-width: 0;
3007
+ max-width: calc(100% - 38px);
3008
+ }
3009
+ /* The shell Tooltip's wrapper round the name: a block that may shrink, so the
3010
+ name's ellipsis still applies inside it. */
3011
+ .es-insp-name-tip {
3012
+ position: relative;
3013
+ display: flex;
3014
+ min-width: 0;
3015
+ }
3016
+ .es-insp-name-tip > .es-insp-name {
3068
3017
  min-width: 0;
3069
3018
  }
3070
3019
  /* An h2 carries \`0.83em 0\` from the UA sheet; \`margin: 0\` keeps the head closed. */
3071
3020
  .es-insp-name {
3072
- font-size: 13px;
3021
+ font-size: 14px;
3073
3022
  font-weight: 600;
3074
3023
  color: var(--es-text);
3075
3024
  margin: 0;
@@ -3086,6 +3035,7 @@ span:has(> .es-insp-up-btn) {
3086
3035
  align-items: center;
3087
3036
  gap: 2px;
3088
3037
  flex: none;
3038
+ margin-left: auto;
3089
3039
  }
3090
3040
  /* A side panel's head has two pieces besides its glyph buttons (MediaPanelHead,
3091
3041
  card [MERGE] One Media Panel Head, 2026-10-06; until then each editor's own
@@ -3141,9 +3091,12 @@ span:has(> .es-insp-up-btn) {
3141
3091
  .es-tree {
3142
3092
  flex: 1;
3143
3093
  overflow-y: auto;
3144
- /* LEFT 8 \\2014 the inset a rounded row needs. RIGHT 12 \\2014 the room a real,
3145
- space-taking scrollbar takes, so nothing at a row's end sits under the thumb. */
3146
- padding: 0 12px 12px 8px;
3094
+ /* ONE INSET, 12 A SIDE \\2014 the editor panel's search field's (Lewis on the
3095
+ Pages panel, 2026-10-13: "packed too tight"). It was 8 left and 12 right,
3096
+ and the screen's \`.sf-tree\` said 8 and 11 over the top of it on the same
3097
+ element; a row's fill ran nearly to the panel's edge. A scrollbar, when
3098
+ the tree scrolls, takes its own room outside this padding. */
3099
+ padding: 0 var(--es-space-12) var(--es-space-12);
3147
3100
  /* The row actions lie over the end of the name on a scrim of the row's own
3148
3101
  tone over the PANEL's ground (efficient-shell 4.166.0). The shell assumes
3149
3102
  \`--surface\`; the tree sits on easel's panel, so it says which. */
@@ -3270,50 +3223,57 @@ span:has(> .es-insp-up-btn) {
3270
3223
  pointer-events: none;
3271
3224
  }
3272
3225
 
3273
- /* "+ Add section", in the gap between two sections, on hover. */
3274
- .es-canvas-seam {
3226
+ /* A \\2795 INSERT POINT (./CanvasInsert, owner 2026-10-14): one look wherever the
3227
+ canvas offers to add \\2014 between sections and between, before and after the
3228
+ blocks of a box. The band only positions the chip and lets every other
3229
+ click through; the chip is the shell's ghost IconButton on a small round
3230
+ ground of the panel's, so it reads over any page. At rest the chip is clear
3231
+ and still takes the pointer; hovered or focused, the chip and a 2px accent
3232
+ line across the band show. \`.es-canvas-seam\` is a hook (the layer's seams). */
3233
+ .es-canvas-insert {
3275
3234
  position: absolute;
3276
3235
  display: flex;
3277
3236
  align-items: center;
3278
3237
  justify-content: center;
3279
- pointer-events: auto;
3238
+ pointer-events: none;
3280
3239
  }
3281
- .es-canvas-seam::before {
3282
- content: "";
3240
+ .es-canvas-insert-line {
3283
3241
  position: absolute;
3284
- left: 8px;
3285
- right: 8px;
3242
+ left: 0;
3243
+ right: 0;
3286
3244
  top: 50%;
3287
3245
  height: 2px;
3288
- margin-top: -1px;
3246
+ transform: translateY(-50%);
3289
3247
  background: var(--es-accent);
3290
- border-radius: var(--radius-sm);
3291
3248
  opacity: 0;
3249
+ pointer-events: none;
3292
3250
  transition: opacity 0.12s;
3293
3251
  }
3294
- .es-canvas-seam-add {
3252
+ .es-canvas-insert.is-x .es-canvas-insert-line {
3253
+ left: 50%;
3254
+ right: auto;
3255
+ top: 0;
3256
+ bottom: 0;
3257
+ width: 2px;
3258
+ height: auto;
3259
+ transform: translateX(-50%);
3260
+ }
3261
+ .es-canvas-insert-chip {
3295
3262
  position: relative;
3296
- padding: 2px 12px;
3297
- border: none;
3263
+ display: inline-flex;
3298
3264
  border-radius: 999px;
3299
- background: var(--es-accent);
3300
- color: var(--es-on-accent);
3301
- font: 600 11px/16px var(--es-font);
3302
- cursor: pointer;
3265
+ background: var(--es-panel);
3266
+ box-shadow: var(--es-panel-shadow);
3267
+ pointer-events: auto;
3303
3268
  opacity: 0;
3304
- transform: scale(0.9);
3305
- transition: opacity 0.12s, transform 0.12s;
3269
+ transition: opacity 0.12s;
3306
3270
  }
3307
- .es-canvas-seam:hover::before,
3308
- .es-canvas-seam:focus-within::before,
3309
- .es-canvas-seam:hover .es-canvas-seam-add,
3310
- .es-canvas-seam-add:focus-visible {
3271
+ .es-canvas-insert:hover .es-canvas-insert-line,
3272
+ .es-canvas-insert:focus-within .es-canvas-insert-line,
3273
+ .es-canvas-insert:hover .es-canvas-insert-chip,
3274
+ .es-canvas-insert:focus-within .es-canvas-insert-chip {
3311
3275
  opacity: 1;
3312
3276
  }
3313
- .es-canvas-seam:hover .es-canvas-seam-add,
3314
- .es-canvas-seam-add:focus-visible {
3315
- transform: scale(1);
3316
- }
3317
3277
 
3318
3278
  /* An empty slot: a cell that adds a block there, and takes a drop. At rest it
3319
3279
  draws NOTHING \\2014 no fill, no border, no label \\2014 so what is under it shows as
@@ -3358,6 +3318,29 @@ span:has(> .es-insp-up-btn) {
3358
3318
  .es-canvas-empty.is-over .es-canvas-empty-add {
3359
3319
  opacity: 1;
3360
3320
  }
3321
+ /* \\2026 except a cell the model says is ALWAYS shown (\`CanvasZone.addAlways\`): the
3322
+ empty page's door (owner 2026-10-14). At rest a light grey dashed box with
3323
+ its words in muted ink (the empty-slot look ruled 2026-09-29); hover, focus
3324
+ and a drag over it light it as any cell. */
3325
+ .es-canvas-empty.is-always {
3326
+ border-color: var(--es-line);
3327
+ }
3328
+ .es-canvas-empty.is-always:hover,
3329
+ .es-canvas-empty.is-always:focus-visible,
3330
+ .es-canvas-empty.is-always.is-over {
3331
+ border-color: var(--es-accent);
3332
+ }
3333
+ .es-canvas-empty.is-always .es-canvas-empty-add {
3334
+ opacity: 1;
3335
+ background: none;
3336
+ color: var(--es-muted);
3337
+ }
3338
+ .es-canvas-empty.is-always:hover .es-canvas-empty-add,
3339
+ .es-canvas-empty.is-always:focus-visible .es-canvas-empty-add,
3340
+ .es-canvas-empty.is-always.is-over .es-canvas-empty-add {
3341
+ background: var(--es-accent-tint);
3342
+ color: var(--es-accent-text);
3343
+ }
3361
3344
 
3362
3345
  /* \\2500 \\2500 The Add panel's shell \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500
3363
3346
  The campaign designer's Add view (redesign PR 6b), itself the website
@@ -3401,62 +3384,11 @@ span:has(> .es-insp-up-btn) {
3401
3384
  font-size: 12.5px;
3402
3385
  color: var(--es-muted);
3403
3386
  }
3404
- .es-add-search {
3405
- display: flex;
3406
- align-items: center;
3407
- gap: 8px;
3408
- margin-bottom: 16px;
3409
- padding: 0 12px;
3410
- height: 38px;
3411
- background: var(--es-track-bg);
3412
- border: 1px solid var(--es-input-border);
3413
- border-radius: var(--radius-lg);
3414
- color: var(--es-muted);
3415
- transition: border-color 0.12s, box-shadow 0.12s, background 0.12s;
3416
- }
3417
- .es-add-search:focus-within {
3418
- border-color: var(--es-accent);
3419
- background: var(--es-panel);
3420
- box-shadow: 0 0 0 3px var(--es-accent-ring);
3421
- }
3422
- .es-add-search > svg {
3423
- flex: none;
3424
- }
3425
- .es-add-search input {
3426
- flex: 1;
3427
- min-width: 0;
3428
- border: none;
3429
- background: transparent;
3430
- outline: none;
3431
- box-shadow: none;
3432
- padding: 0;
3433
- font: inherit;
3434
- font-size: 13.5px;
3435
- color: var(--es-text);
3436
- }
3437
- .es-add-search input::placeholder {
3438
- color: var(--es-field-placeholder);
3439
- opacity: 1;
3440
- }
3441
- .es-add-search input::-webkit-search-cancel-button {
3442
- display: none;
3443
- }
3444
- .es-add-search-clear {
3445
- flex: none;
3446
- display: flex;
3447
- align-items: center;
3448
- justify-content: center;
3449
- width: 20px;
3450
- height: 20px;
3451
- border: none;
3452
- border-radius: var(--radius-md);
3453
- background: transparent;
3454
- color: var(--es-muted);
3455
- cursor: pointer;
3456
- }
3457
- .es-add-search-clear:hover {
3458
- background: var(--es-divider);
3459
- color: var(--es-text);
3387
+ /* The search is the shell's \`Input\` (leftIcon, rightAdornment): one field.
3388
+ \`.es-add-search*\` WAS HERE \\2014 a frame round a bare input, which the dark
3389
+ theme painted a darker strip inside. Only the room under it is the panel's. */
3390
+ .es-add-find {
3391
+ margin-bottom: var(--es-space-16);
3460
3392
  }
3461
3393
  .es-add-group + .es-add-group {
3462
3394
  margin-top: 16px;
@@ -3697,7 +3629,7 @@ span:has(> .es-insp-up-btn) {
3697
3629
  margin: 0;
3698
3630
  min-width: 0;
3699
3631
  overflow: hidden;
3700
- font-size: 11px;
3632
+ font-size: var(--text-2xs);
3701
3633
  font-weight: 500;
3702
3634
  color: var(--sf-muted);
3703
3635
  white-space: nowrap;
@@ -3734,7 +3666,7 @@ span:has(> .es-insp-up-btn) {
3734
3666
  display: flex;
3735
3667
  align-items: center;
3736
3668
  justify-content: center;
3737
- font-size: 14px;
3669
+ font-size: var(--text-sm);
3738
3670
  }
3739
3671
  .sf-x:hover {
3740
3672
  background: var(--sf-hover);
@@ -3742,65 +3674,13 @@ span:has(> .es-insp-up-btn) {
3742
3674
 
3743
3675
  /* \\2500 \\2500 Left panel: section tree (wraps Puck.Outline) \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 */
3744
3676
 
3745
- /* EVERY SEAM THE TREE STACKS, and no bare number among them.
3746
- The pairs are spelled out rather than written \`> * + *\` because the tree
3747
- interleaves group labels and subtrees between its rows: a rule that only
3748
- knows about \`.sf-row\` leaves those seams to whatever padding happens to be
3749
- nearby, which looks governed and is not.
3750
- \`.sf-group-label\` keeps its own \`padding\` and takes no margin here \\2014 it is a
3751
- heading, and a heading's air is part of the heading. */
3752
- .sf-tree > .sf-row + .sf-row,
3753
- .sf-tree > .sf-subtree + .sf-row {
3754
- margin-top: var(--es-rhythm-between);
3755
- }
3756
- .sf-row {
3757
- display: flex;
3758
- align-items: center;
3759
- gap: 8px;
3760
- /* ONE ROW, EVERY DEPTH (the owner's "One Ladder", 2026-09-04). The tree used
3761
- to draw three: a top-level bar (11px/600 in a 1px outline), a nested bar
3762
- (10.5px/600 on a mixed fill) and a leaf (11.5px/400). A merchant reading
3763
- down the panel had to learn three shapes that all meant "a level". Depth is
3764
- now said ONCE, by \`.sf-subtree\` \\2014 an indent and a hairline \\2014 and by nothing
3765
- else, so a row's look never has to be decided twice. */
3766
- padding: 7px 11px;
3767
- border-radius: var(--sf-row-radius);
3768
- cursor: pointer;
3769
- transition: background 0.12s;
3770
- /* Anchors the drop-indicator rules drawn during a drag-to-reorder, and the
3771
- drag grip, which sits in this row's own left padding. */
3772
- position: relative;
3773
- /* THE GROUND THIS ROW IS PAINTED ON, as a value the row's own children can
3774
- read. \`.sf-row-actions\` fades the name out beneath the hover eye/trash, and
3775
- a fade has to end in the colour that is actually behind the row \\2014 which
3776
- differs per state (plain, hovered, selected, bar, nested bar).
3777
- Every rule that changes the row's background changes this in the SAME
3778
- declaration block and then paints \`background: var(--sf-row-scrim)\`, so the
3779
- two can never name different colours. A resting row paints nothing, so its
3780
- ground is the panel it sits on. */
3781
- --sf-row-scrim: var(--sf-panel);
3782
- }
3783
- .sf-row:hover {
3784
- --sf-row-scrim: var(--sf-hover);
3785
- background: var(--sf-row-scrim);
3786
- }
3787
- /* The Layers rows' drag / drop marks (the dimmed grabbed row, the before /
3788
- after line, the drop-INTO box) and the group label are editor-shell's since
3789
- redesign 2b (\`.es-tree-row.is-*\`, \`.es-tree-group\`). The \`.sf-row\` rules here
3790
- serve the Pages list and the standalone section editor, which keep them. */
3791
- .sf-row.is-selected {
3792
- --sf-row-scrim: var(--sf-accent-tint);
3793
- background: var(--sf-row-scrim);
3794
- box-shadow: inset 2px 0 0 var(--sf-accent);
3795
- }
3796
- .sf-row.is-selected .sf-chip {
3797
- background: var(--sf-raised);
3798
- color: var(--sf-accent);
3799
- }
3800
- .sf-row.is-selected .sf-row-name {
3801
- color: var(--sf-accent-text);
3802
- font-weight: 600;
3803
- }
3677
+ /* \`.sf-row\`, its states and the \`.sf-tree > .sf-row + \\2026 \` seam WERE HERE. The
3678
+ Layers rows became the shell's \`TreeRow\` in redesign 2b and the seam matched
3679
+ nothing after; the Pages rows followed on 2026-10-13 (Lewis: "it is packed
3680
+ too tight" \\2014 they touched, at two heights, 8 from the panel edge). Both
3681
+ panels draw efficient-easel/tree on the shell's \`Tree\` now: rows 32 high
3682
+ and 4 apart, a heading 8 above its first row, one inset of 12 a side.
3683
+ \`scripts/test-pages-panel-on-the-tree.ts\` keeps the copy out. */
3804
3684
  /* \`.sf-add-section\` WAS HERE, and it is gone on purpose (card 66228). Lewis
3805
3685
  ruled on 2026-08-31 that ONE \`+\` in the top bar replaces every other add door
3806
3686
  \\2014 the drawing is \`editor-add-and-context-v1.html\` in the SHARED \`mockups/\`
@@ -3818,7 +3698,7 @@ span:has(> .es-insp-up-btn) {
3818
3698
  round said it plainly \\2014 \\300c \\53f3 \\8fb9 \\90a3 \\4e00 \\884c \\4e0d \\80fd \\5148 \\5220 \\300d \\2014 get the order backwards and a
3819
3699
  merchant loses a route.
3820
3700
  \`.sf-plus\` is untouched; both of its rules are scoped to other buttons
3821
- (\`.sf-add-card .sf-plus\`) and \`PagesPanel\` / \`AddChildRow\` still render it. */
3701
+ (\`.sf-add-card .sf-plus\`) and \`AddChildRow\` still renders it. */
3822
3702
 
3823
3703
  /* \\2500 \\2500 "Add section" seam between two tree rows \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500
3824
3704
  A slim hover target sitting in the gap between rows; on hover (or keyboard
@@ -3864,7 +3744,7 @@ span:has(> .es-insp-up-btn) {
3864
3744
  display: flex;
3865
3745
  align-items: center;
3866
3746
  justify-content: center;
3867
- font-size: 14px;
3747
+ font-size: var(--text-sm);
3868
3748
  line-height: 1;
3869
3749
  box-shadow: 0 0 0 2px var(--sf-panel);
3870
3750
  opacity: 0;
@@ -3952,7 +3832,7 @@ span:has(> .es-insp-up-btn) {
3952
3832
  padding: 0;
3953
3833
  border: 0;
3954
3834
  background: none;
3955
- font: 600 12px/1.3 var(--sf-font);
3835
+ font: 600 var(--text-xs)/1.3 var(--sf-font);
3956
3836
  color: var(--sf-text);
3957
3837
  text-align: left;
3958
3838
  cursor: pointer;
@@ -3962,7 +3842,7 @@ span:has(> .es-insp-up-btn) {
3962
3842
  }
3963
3843
  .sf-addside-sitewide-desc {
3964
3844
  font-weight: 400;
3965
- font-size: 12px;
3845
+ font-size: var(--text-xs);
3966
3846
  color: var(--sf-muted);
3967
3847
  }
3968
3848
 
@@ -3981,7 +3861,7 @@ span:has(> .es-insp-up-btn) {
3981
3861
  }
3982
3862
  .sf-box-footer-switch-text {
3983
3863
  margin: 0;
3984
- font-size: 12px;
3864
+ font-size: var(--text-xs);
3985
3865
  line-height: 1.45;
3986
3866
  color: var(--sf-muted);
3987
3867
  }
@@ -4098,12 +3978,12 @@ span:has(> .es-insp-up-btn) {
4098
3978
  color: var(--sf-on-accent);
4099
3979
  border-radius: var(--radius-lg);
4100
3980
  padding: 8px 14px;
4101
- font-size: 12px;
3981
+ font-size: var(--text-xs);
4102
3982
  font-weight: 600;
4103
3983
  box-shadow: 0 4px 12px var(--sf-accent-shadow);
4104
3984
  }
4105
3985
  .sf-addcard-plus {
4106
- font-size: 16px;
3986
+ font-size: var(--text-base);
4107
3987
  line-height: 1;
4108
3988
  margin-top: -1px;
4109
3989
  }
@@ -4114,12 +3994,12 @@ span:has(> .es-insp-up-btn) {
4114
3994
  padding: 0 2px 2px;
4115
3995
  }
4116
3996
  .sf-addcard-name {
4117
- font-size: 12px;
3997
+ font-size: var(--text-xs);
4118
3998
  font-weight: 600;
4119
3999
  color: var(--sf-text);
4120
4000
  }
4121
4001
  .sf-addcard-desc {
4122
- font-size: 11px;
4002
+ font-size: var(--text-2xs);
4123
4003
  line-height: 1.35;
4124
4004
  color: var(--sf-muted);
4125
4005
  }
@@ -4144,13 +4024,10 @@ span:has(> .es-insp-up-btn) {
4144
4024
  height: 30px;
4145
4025
  }
4146
4026
  .sf-addempty-title {
4147
- font-size: 14px;
4027
+ font-size: var(--text-sm);
4148
4028
  font-weight: 600;
4149
4029
  color: var(--sf-text);
4150
4030
  }
4151
- .sf-addempty-sub {
4152
- font-size: 12px;
4153
- }
4154
4031
 
4155
4032
  /* \\2500 \\2500 Center: device-framed preview (wraps Puck.Preview) \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 */
4156
4033
  .sf-frame--tablet,
@@ -4521,7 +4398,7 @@ span:has(> .es-insp-up-btn) {
4521
4398
  came to hang 6px OUTSIDE the panel at every width under 280 (measured: gap
4522
4399
  -6.0px at 260 and at 220, against 0.0 at the default 320). One name, read
4523
4400
  by the padding, by the narrow override, and by anything that undoes it. */
4524
- --sf-insp-pad-x: 16px;
4401
+ --sf-insp-pad-x: var(--space-16);
4525
4402
  padding: 4px var(--sf-insp-pad-x) 18px;
4526
4403
 
4527
4404
  /* THE DROPDOWN ARROW, WRITTEN ONCE \\2014 card 66399.c.
@@ -4591,7 +4468,7 @@ span:has(> .es-insp-up-btn) {
4591
4468
  .sf-insp-body {
4592
4469
  /* The TOKEN, not \`padding-inline\` \\2014 so everything that reads the padding
4593
4470
  narrows with it, instead of only the padding itself. */
4594
- --sf-insp-pad-x: 8px;
4471
+ --sf-insp-pad-x: var(--space-8);
4595
4472
  }
4596
4473
  }
4597
4474
 
@@ -4605,7 +4482,7 @@ span:has(> .es-insp-up-btn) {
4605
4482
  background: var(--sf-field-bg);
4606
4483
  border-radius: var(--sf-field-radius);
4607
4484
  padding: 8px 11px;
4608
- font-size: 14px;
4485
+ font-size: var(--text-sm);
4609
4486
  color: var(--sf-field-text);
4610
4487
  font-family: var(--sf-font);
4611
4488
  }
@@ -4706,7 +4583,7 @@ span:has(> .es-insp-up-btn) {
4706
4583
  background-position: calc(100% - 12px) calc(50% + 3px);
4707
4584
  border-radius: var(--sf-field-radius);
4708
4585
  padding: 8px 11px;
4709
- font-size: 14px;
4586
+ font-size: var(--text-sm);
4710
4587
  color: var(--sf-field-text);
4711
4588
  cursor: pointer;
4712
4589
  }
@@ -4778,7 +4655,7 @@ span:has(> .es-insp-up-btn) {
4778
4655
  background: var(--sf-field-bg);
4779
4656
  border-radius: var(--sf-field-radius);
4780
4657
  padding: 8px 11px;
4781
- font-size: 14px;
4658
+ font-size: var(--text-sm);
4782
4659
  font-family: var(--sf-font);
4783
4660
  color: var(--sf-field-text);
4784
4661
  text-align: left;
@@ -4790,7 +4667,7 @@ span:has(> .es-insp-up-btn) {
4790
4667
  box-shadow: 0 0 0 3px var(--sf-accent-ring);
4791
4668
  }
4792
4669
  .sf-multi-caret {
4793
- font-size: 11px;
4670
+ font-size: var(--text-2xs);
4794
4671
  color: var(--sf-text-secondary);
4795
4672
  flex: none;
4796
4673
  }
@@ -4878,7 +4755,7 @@ span:has(> .es-insp-up-btn) {
4878
4755
  .sf-secttheme-oncard {
4879
4756
  margin: 0;
4880
4757
  padding: 5px 4px 7px;
4881
- font-size: 11px;
4758
+ font-size: var(--text-2xs);
4882
4759
  line-height: 1.4;
4883
4760
  color: var(--sf-text-secondary);
4884
4761
  }
@@ -4992,7 +4869,7 @@ span:has(> .es-insp-up-btn) {
4992
4869
  border: 0;
4993
4870
  background: transparent;
4994
4871
  border-radius: max(calc(var(--sf-field-radius) - 2px), 2px);
4995
- font-size: 14px;
4872
+ font-size: var(--text-sm);
4996
4873
  font-family: var(--sf-font);
4997
4874
  color: var(--sf-field-text);
4998
4875
  text-align: left;
@@ -5034,7 +4911,7 @@ span:has(> .es-insp-up-btn) {
5034
4911
  padding: 6px 9px;
5035
4912
  background: var(--sf-field-bg);
5036
4913
  border-bottom: 1px solid var(--sf-input-border);
5037
- font-size: 12px;
4914
+ font-size: var(--text-xs);
5038
4915
  font-weight: 600;
5039
4916
  color: var(--sf-field-text);
5040
4917
  }
@@ -5044,7 +4921,7 @@ span:has(> .es-insp-up-btn) {
5044
4921
  border: 0;
5045
4922
  background: transparent;
5046
4923
  color: var(--sf-text-secondary);
5047
- font-size: 11px;
4924
+ font-size: var(--text-2xs);
5048
4925
  font-family: var(--sf-font);
5049
4926
  cursor: pointer;
5050
4927
  }
@@ -5069,7 +4946,7 @@ span:has(> .es-insp-up-btn) {
5069
4946
  padding: 7px 9px;
5070
4947
  border-top: 1px solid var(--sf-input-border);
5071
4948
  background: var(--sf-accent-ring);
5072
- font-size: 11px;
4949
+ font-size: var(--text-2xs);
5073
4950
  line-height: 1.4;
5074
4951
  color: var(--sf-text-secondary);
5075
4952
  }
@@ -5121,96 +4998,27 @@ span:has(> .es-insp-up-btn) {
5121
4998
  height: 100%;
5122
4999
  }
5123
5000
 
5124
- /* The left panel's search field. It had a second wearer \\2014 the Add panel's own
5125
- search (card 66400.c) \\2014 until that panel was deleted and the \`+\` was pointed
5126
- at the one picker; the picker has its own \`.sf-addsearch\`, sized for a 772px
5127
- dialog. So this is the Pages list's control alone again. */
5128
- .sf-pages-search {
5001
+ /* The Pages panel's search: the shell's \`Input\` with its glass inside the one
5002
+ field (so the dark theme paints one field, not a darker box inside a rounded
5003
+ one), on the tree's inset \\2014 its side 12 is the rows'. */
5004
+ .sf-pages-find {
5129
5005
  flex: none;
5130
- display: flex;
5131
- align-items: center;
5132
- gap: 7px;
5133
- margin: 0 12px 8px;
5134
- padding: 7px 10px;
5135
- background: var(--sf-track-bg);
5136
- border-radius: var(--radius-lg);
5137
- color: var(--sf-muted);
5138
- }
5139
- .sf-pages-search-input {
5140
- flex: 1;
5141
- min-width: 0;
5142
- border: none;
5143
- background: transparent;
5144
- font-family: var(--sf-font);
5145
- font-size: 14px;
5146
- color: var(--sf-text);
5147
- outline: none;
5148
- }
5149
- .sf-pages-search-input::placeholder {
5150
- color: var(--sf-muted);
5006
+ padding: 0 var(--space-12) var(--space-8);
5151
5007
  }
5152
- .sf-pages-list {
5153
- flex: 1;
5154
- min-height: 0;
5155
- overflow-y: auto;
5156
- padding: 0 8px 8px;
5157
- }
5158
- /* A note in this list is not the panel's body \\2014 it stands where a page row
5159
- would, so it takes the ROW's inset and lines up with the group heads above
5160
- it rather than with the panel edge. Placement only; the note style itself is
5161
- .sf-note. */
5162
- .sf-pages-list > .sf-note {
5008
+ /* A note stands where the tree would \\2014 Loading, nothing found, an error \\2014 so
5009
+ it takes the tree's inset. Placement only; the note style itself is .sf-note. */
5010
+ .sf-pages > .sf-note {
5011
+ margin: 0 var(--space-12);
5163
5012
  padding: 10px 12px;
5164
5013
  }
5165
- .sf-pages-list > .sf-note--error {
5166
- margin: 4px 4px 0;
5167
- }
5168
- .sf-pgroup {
5169
- margin-top: 2px;
5170
- }
5171
- .sf-pgroup-head {
5172
- width: 100%;
5173
- display: flex;
5174
- align-items: center;
5175
- gap: 7px;
5176
- padding: 8px 8px 6px;
5177
- border: none;
5178
- background: transparent;
5179
- cursor: pointer;
5180
- color: var(--sf-muted);
5181
- }
5182
- .sf-pgroup-head:hover {
5183
- color: var(--sf-text);
5184
- }
5185
- .sf-pgroup-label {
5186
- flex: 1;
5187
- text-align: left;
5188
- font-size: 11px;
5189
- font-weight: 700;
5190
- letter-spacing: 0.4px;
5191
- text-transform: uppercase;
5192
- }
5193
- .sf-pgroup-count {
5194
- flex: none;
5195
- font-size: 11px;
5196
- font-weight: 600;
5197
- color: var(--sf-muted);
5198
- background: var(--sf-track-bg);
5199
- border-radius: 999px;
5200
- padding: 1px 7px;
5201
- }
5202
- .sf-pgroup-body {
5203
- display: flex;
5204
- flex-direction: column;
5205
- }
5206
- /* Page rows reuse .sf-row; anchors (Cart/Checkout) reset link chrome. */
5207
- .sf-prow {
5208
- text-decoration: none;
5209
- color: inherit;
5014
+ .sf-pages > .sf-note--error {
5015
+ margin-top: var(--space-4);
5210
5016
  }
5017
+ /* \`.sf-pgroup*\` and \`.sf-prow\` WERE HERE: the Pages headings are the shell's
5018
+ \`TreeGroupLabel\` (its count pill and fold), its rows the shell's \`TreeRow\`. */
5211
5019
  .sf-page-draft {
5212
5020
  flex: none;
5213
- font-size: 11px;
5021
+ font-size: var(--text-2xs);
5214
5022
  font-weight: 600;
5215
5023
  color: var(--sf-muted);
5216
5024
  text-transform: uppercase;
@@ -5222,7 +5030,7 @@ span:has(> .es-insp-up-btn) {
5222
5030
  .sf-badge-dynamic,
5223
5031
  .sf-badge-lightbox {
5224
5032
  flex: none;
5225
- font-size: 9px;
5033
+ font-size: var(--text-3xs);
5226
5034
  font-weight: 700;
5227
5035
  letter-spacing: 0.3px;
5228
5036
  text-transform: uppercase;
@@ -5238,40 +5046,13 @@ span:has(> .es-insp-up-btn) {
5238
5046
  color: var(--status-success-soft-ink);
5239
5047
  background: var(--status-success-soft);
5240
5048
  }
5241
- .sf-page-edit {
5242
- flex: none;
5243
- width: 24px;
5244
- height: 24px;
5245
- border: none;
5246
- background: transparent;
5247
- border-radius: var(--radius-md);
5248
- color: var(--sf-muted);
5249
- display: none;
5250
- align-items: center;
5251
- justify-content: center;
5252
- cursor: pointer;
5253
- }
5254
- .sf-row:hover .sf-page-edit,
5255
- .sf-row:focus-within .sf-page-edit {
5256
- display: flex;
5257
- }
5258
- .sf-page-edit:hover {
5259
- background: var(--sf-hover);
5260
- color: var(--sf-text);
5261
- }
5262
- /* Row hover-delete (template pages \\2014 inline page management). */
5263
- .sf-page-edit--danger:hover {
5264
- background: var(--sf-danger-tint);
5265
- color: var(--sf-danger);
5266
- }
5267
- .sf-page-edit--danger:disabled {
5268
- opacity: 0.5;
5269
- cursor: default;
5270
- }
5049
+ /* \`.sf-page-edit\` WAS HERE: a row's edit, delete and open-in-a-new-tab are
5050
+ efficient-easel's \`TreeRowAction\` (the shell's \`IconButton\` and \`Tooltip\`),
5051
+ laid over the end of the row on hover as on every Layers row. */
5271
5052
  /* "Preview" pill on Cart / Checkout \\2014 signals "opens the live page, view-only". */
5272
5053
  .sf-badge-preview {
5273
5054
  flex: none;
5274
- font-size: 9px;
5055
+ font-size: var(--text-3xs);
5275
5056
  font-weight: 700;
5276
5057
  letter-spacing: 0.3px;
5277
5058
  text-transform: uppercase;
@@ -5280,79 +5061,16 @@ span:has(> .es-insp-up-btn) {
5280
5061
  color: var(--sf-warning);
5281
5062
  background: var(--sf-preview-tint);
5282
5063
  }
5283
- .sf-pages-new {
5284
- flex: none;
5285
- margin: 6px 10px 10px;
5286
- display: flex;
5287
- align-items: center;
5288
- justify-content: center;
5289
- gap: 6px;
5290
- padding: 9px;
5291
- border: 1px dashed var(--sf-line);
5292
- border-radius: var(--sf-row-radius);
5293
- background: transparent;
5294
- color: var(--sf-accent-text);
5295
- font-family: var(--sf-font);
5296
- font-size: 14px;
5297
- font-weight: 600;
5298
- cursor: pointer;
5299
- }
5300
- .sf-pages-new:hover {
5301
- background: var(--sf-hover);
5302
- }
5303
5064
 
5304
- /* \\2500 \\2500 Layers rows (redesign 2b) \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500 \\2500
5305
- The Layers tree's rows are editor-shell's \`TreeRow\` (efficient-easel/tree.css):
5306
- the name box with the eye and trash laid over its END (card 66199), the
5307
- hover / focus-within reveal, a hidden row's permanent eye, the grip in the
5308
- row's own left padding, the caret-or-spacer column (One Ladder), the drag and
5309
- drop marks and the rename box \\2014 all lifted from this sheet. What stays below
5310
- is \`.sf-row-del\`, which the standalone section editor's own rows still wear. */
5311
- /* Per-row delete \\2014 a hover-revealed trash on section, slot-child and
5312
- footer-block rows. Laid out inside \`.sf-row-actions\` above, invisible +
5313
- non-interactive until the row is hovered or a control inside it is focused,
5314
- so it stays out of the way of the visibility eye.
5315
- Deleting is a normal dispatch, so Undo restores the row. */
5316
- .sf-row-del {
5317
- width: 22px;
5318
- height: 22px;
5319
- border: none;
5320
- background: transparent;
5321
- border-radius: var(--radius-md);
5322
- cursor: pointer;
5323
- color: var(--sf-danger);
5324
- display: flex;
5325
- align-items: center;
5326
- justify-content: center;
5327
- opacity: 0;
5328
- pointer-events: none;
5329
- flex: none;
5330
- transition: opacity 0.12s, background 0.12s, color 0.12s;
5331
- }
5332
- .sf-row:hover .sf-row-del,
5333
- .sf-row:focus-within .sf-row-del {
5334
- opacity: 0.7;
5335
- pointer-events: auto;
5336
- }
5337
- .sf-row-del:hover {
5338
- opacity: 1;
5339
- background: var(--sf-danger-tint);
5340
- color: var(--sf-danger-strong);
5341
- }
5065
+ /* \`.sf-row-del\` WAS HERE, for "the standalone section editor's own rows",
5066
+ which have been efficient-easel's \`TreeRow\` with \`TreeRowAction\` since
5067
+ redesign 2b; nothing wore it. */
5342
5068
  .sf-panel-head-actions {
5343
5069
  display: flex;
5344
5070
  align-items: center;
5345
5071
  gap: 2px;
5346
5072
  }
5347
5073
 
5348
- /* The relocated heading-outline tool sits muted at the bottom of the tree. */
5349
- .sf-tree-tool {
5350
- margin-top: 14px;
5351
- /* The left inset is the tree's 11px column, not \`.sf-tree\`'s padding \\2014 that
5352
- is 0 on this side now so the bars can bleed. */
5353
- padding: 10px 0 0 11px;
5354
- }
5355
-
5356
5074
  /* \`.sf-field-section\` AND \`.sf-field-group\` WERE HERE, and they are gone on
5357
5075
  purpose (card 66300). They were the panel's two heading tiers \\2014 a 12px label
5358
5076
  over a 1.5px rule, and a 10.5px label over a 1px one \\2014 and the rules are what
@@ -5612,7 +5330,7 @@ span:has(> .es-insp-up-btn) {
5612
5330
  }
5613
5331
  .sf-field-label {
5614
5332
  display: block;
5615
- font-size: 12px;
5333
+ font-size: var(--text-xs);
5616
5334
  font-weight: 500;
5617
5335
  color: var(--sf-text-secondary);
5618
5336
  /* WITHIN one setting: its label to its own control. This gap is the only
@@ -5747,7 +5465,7 @@ span:has(> .es-insp-up-btn) {
5747
5465
  background: var(--sf-chip-bg);
5748
5466
  border-radius: var(--sf-field-radius);
5749
5467
  padding: 8px 11px;
5750
- font-size: 14px;
5468
+ font-size: var(--text-sm);
5751
5469
  color: var(--sf-text-secondary);
5752
5470
  font-family: var(--sf-font);
5753
5471
  cursor: default;
@@ -5871,7 +5589,7 @@ span:has(> .es-insp-up-btn) {
5871
5589
  /* The style's NAME \\2014 Highlight / Bold / Quiet. Padded so two of them do not
5872
5590
  read as one word, and never wrapped mid-name. */
5873
5591
  padding: 0 6px;
5874
- font-size: 11px;
5592
+ font-size: var(--text-2xs);
5875
5593
  line-height: 1;
5876
5594
  white-space: nowrap;
5877
5595
  }
@@ -6020,7 +5738,7 @@ span:has(> .es-insp-up-btn) {
6020
5738
  box-shadow: 0 0 0 2px var(--sf-panel), 0 0 0 4px var(--sf-accent);
6021
5739
  }
6022
5740
  .sf-swatch-hex {
6023
- font-size: 11px;
5741
+ font-size: var(--text-2xs);
6024
5742
  color: var(--sf-muted);
6025
5743
  font-variant-numeric: tabular-nums;
6026
5744
  margin-left: 2px;
@@ -6048,14 +5766,15 @@ span:has(> .es-insp-up-btn) {
6048
5766
  .es-field-head > .sf-colour {
6049
5767
  margin-left: auto;
6050
5768
  }
6051
- /* Seven monospaced characters and the box's padding \\2014 no wider, so a two-word
6052
- label keeps its line beside the swatch. */
5769
+ /* The hex box's width is the SHELL's: \`HexInput\` is never narrower than its
5770
+ seven characters and its padding. This sheet held it at 4.75rem, which cut
5771
+ "#0A0A0A" to "#0A0A0" in the Hero's Texture color row (Lewis, 2026-10-14). */
6053
5772
  .sf-colour-hexwrap {
6054
5773
  flex: none;
6055
- width: 4.75rem;
5774
+ display: flex;
6056
5775
  }
6057
5776
  .sf-colour-caption {
6058
- font-size: 12px;
5777
+ font-size: var(--text-xs);
6059
5778
  color: var(--sf-muted);
6060
5779
  white-space: nowrap;
6061
5780
  }
@@ -6072,6 +5791,14 @@ span:has(> .es-insp-up-btn) {
6072
5791
  .sf-editor .sf-insp-body :is(.sf-slider, .sf-colour) input::placeholder {
6073
5792
  all: revert-layer;
6074
5793
  }
5794
+ /* The same roll-back for the Corners row's radius box (\`.sf-corners\`, the
5795
+ shell's CornersInput, plan W2): without it the old rule's padding put the
5796
+ number on top of "px". */
5797
+ .sf-editor .sf-insp-body .sf-corners input[type="text"],
5798
+ .sf-editor .sf-insp-body .sf-corners input[type="text"]:focus,
5799
+ .sf-editor .sf-insp-body .sf-corners input::placeholder {
5800
+ all: revert-layer;
5801
+ }
6075
5802
  /* The colour a row FOLLOWS, shown in its box in grey (option E): the grey is
6076
5803
  what says the setting has no colour of its own. After the roll-back above,
6077
5804
  and more specific than it, so the roll-back does not take the grey away. */
@@ -6118,7 +5845,7 @@ span:has(> .es-insp-up-btn) {
6118
5845
  border-radius: var(--sf-field-radius);
6119
5846
  background: var(--sf-field-bg);
6120
5847
  color: var(--sf-field-text);
6121
- font-size: 14px;
5848
+ font-size: var(--text-sm);
6122
5849
  text-align: left;
6123
5850
  cursor: pointer;
6124
5851
  }
@@ -6138,7 +5865,7 @@ span:has(> .es-insp-up-btn) {
6138
5865
  so it reads quieter than everything else on the row. */
6139
5866
  .sf-chooser-meta {
6140
5867
  flex: none;
6141
- font-size: 11px;
5868
+ font-size: var(--text-2xs);
6142
5869
  text-transform: uppercase;
6143
5870
  letter-spacing: 0.05em;
6144
5871
  color: var(--sf-disabled);
@@ -6174,7 +5901,7 @@ span:has(> .es-insp-up-btn) {
6174
5901
  border: 0;
6175
5902
  background: none;
6176
5903
  text-align: left;
6177
- font-size: 14px;
5904
+ font-size: var(--text-sm);
6178
5905
  color: var(--sf-text-secondary);
6179
5906
  cursor: pointer;
6180
5907
  }
@@ -6220,7 +5947,7 @@ span:has(> .es-insp-up-btn) {
6220
5947
  border-radius: var(--sf-field-radius);
6221
5948
  background: var(--sf-field-bg);
6222
5949
  color: var(--sf-text-secondary);
6223
- font-size: 12px;
5950
+ font-size: var(--text-xs);
6224
5951
  cursor: pointer;
6225
5952
  }
6226
5953
  .sf-rung:hover:not(.is-active) {
@@ -6290,12 +6017,12 @@ span:has(> .es-insp-up-btn) {
6290
6017
  /* The small and large A flanking a size slider. */
6291
6018
  .sf-scale-a {
6292
6019
  flex: none;
6293
- font-size: 11px;
6020
+ font-size: var(--text-2xs);
6294
6021
  line-height: 1;
6295
6022
  color: var(--sf-disabled);
6296
6023
  }
6297
6024
  .sf-scale-a--lg {
6298
- font-size: 16px;
6025
+ font-size: var(--text-base);
6299
6026
  color: var(--sf-muted);
6300
6027
  }
6301
6028
  /* The "Auto" button that clears an optional number back to the built-in. */
@@ -6304,7 +6031,7 @@ span:has(> .es-insp-up-btn) {
6304
6031
  border: 1px solid var(--sf-input-border);
6305
6032
  border-radius: var(--sf-field-radius);
6306
6033
  background: var(--sf-field-bg);
6307
- font-size: 11px;
6034
+ font-size: var(--text-2xs);
6308
6035
  color: var(--sf-text-secondary);
6309
6036
  cursor: pointer;
6310
6037
  }
@@ -6394,7 +6121,7 @@ span:has(> .es-insp-up-btn) {
6394
6121
  between tabs does not have to learn how to read a second kind of row. */
6395
6122
  .sf-style-name {
6396
6123
  flex: none;
6397
- font-size: 11px;
6124
+ font-size: var(--text-2xs);
6398
6125
  font-weight: 600;
6399
6126
  color: var(--sf-muted);
6400
6127
  }
@@ -6472,7 +6199,7 @@ span:has(> .es-insp-up-btn) {
6472
6199
  border-radius: var(--sf-field-radius);
6473
6200
  background: var(--sf-field-bg);
6474
6201
  color: var(--sf-text);
6475
- font-size: 12px;
6202
+ font-size: var(--text-xs);
6476
6203
  cursor: pointer;
6477
6204
  }
6478
6205
  /* A rung showing a LETTERFORM rather than a word -- the B and the I. It is the
@@ -6480,7 +6207,7 @@ span:has(> .es-insp-up-btn) {
6480
6207
  glyph and it keeps its accessible name in \`aria-label\`. */
6481
6208
  .sf-rung--glyph {
6482
6209
  flex: 0 0 34px;
6483
- font-size: 14px;
6210
+ font-size: var(--text-sm);
6484
6211
  line-height: 18px;
6485
6212
  text-align: center;
6486
6213
  }
@@ -6590,7 +6317,7 @@ span:has(> .es-insp-up-btn) {
6590
6317
  line-height: 1;
6591
6318
  }
6592
6319
  .sf-theme-headline {
6593
- font-size: 14px;
6320
+ font-size: var(--text-sm);
6594
6321
  font-weight: 750;
6595
6322
  letter-spacing: -0.01em;
6596
6323
  line-height: 1.1;
@@ -6645,7 +6372,7 @@ span:has(> .es-insp-up-btn) {
6645
6372
  }
6646
6373
  .sf-theme-card.is-selected .sf-theme-foot { color: var(--sf-accent-text); }
6647
6374
  .sf-theme-name {
6648
- font-size: 11px;
6375
+ font-size: var(--text-2xs);
6649
6376
  font-weight: 700;
6650
6377
  min-width: 0;
6651
6378
  overflow: hidden;
@@ -6659,7 +6386,7 @@ span:has(> .es-insp-up-btn) {
6659
6386
  .sf-theme-warn {
6660
6387
  flex: none;
6661
6388
  margin-left: auto;
6662
- font-size: 11px;
6389
+ font-size: var(--text-2xs);
6663
6390
  font-weight: 700;
6664
6391
  color: var(--status-warning-soft-ink);
6665
6392
  white-space: nowrap;
@@ -6695,7 +6422,7 @@ span:has(> .es-insp-up-btn) {
6695
6422
  border: 0;
6696
6423
  background: none;
6697
6424
  font: inherit;
6698
- font-size: 12px;
6425
+ font-size: var(--text-xs);
6699
6426
  font-weight: 600;
6700
6427
  color: var(--sf-accent-text);
6701
6428
  padding: 4px 0;
@@ -6745,14 +6472,14 @@ span:has(> .es-insp-up-btn) {
6745
6472
  INSIDE one setting, and reading as a quieter copy of the row above them is
6746
6473
  what said they were the same thing. */
6747
6474
  .sf-colour-mode {
6748
- font-size: 12px;
6475
+ font-size: var(--text-xs);
6749
6476
  font-weight: 500;
6750
6477
  color: var(--sf-text-secondary);
6751
6478
  }
6752
6479
  .sf-colour-mode small {
6753
6480
  display: block;
6754
6481
  margin-top: 1px;
6755
- font-size: 11px;
6482
+ font-size: var(--text-2xs);
6756
6483
  font-weight: 400;
6757
6484
  color: var(--sf-muted);
6758
6485
  }
@@ -6763,20 +6490,12 @@ span:has(> .es-insp-up-btn) {
6763
6490
  border: 1px solid var(--sf-divider);
6764
6491
  border-radius: var(--sf-row-radius);
6765
6492
  }
6766
- .sf-readability-head {
6767
- margin-bottom: 7px;
6768
- font-size: 11px;
6769
- font-weight: 700;
6770
- letter-spacing: 0.06em;
6771
- text-transform: uppercase;
6772
- color: var(--sf-muted);
6773
- }
6774
6493
  .sf-readability-row {
6775
6494
  display: flex;
6776
6495
  align-items: center;
6777
6496
  gap: 9px;
6778
6497
  padding: 4px 0;
6779
- font-size: 12px;
6498
+ font-size: var(--text-xs);
6780
6499
  }
6781
6500
  .sf-readability-who {
6782
6501
  flex: 1;
@@ -6814,7 +6533,7 @@ span:has(> .es-insp-up-btn) {
6814
6533
 
6815
6534
  .sf-readability-advice {
6816
6535
  margin-top: 7px;
6817
- font-size: 11px;
6536
+ font-size: var(--text-2xs);
6818
6537
  line-height: 1.6;
6819
6538
  color: var(--sf-muted);
6820
6539
  }
@@ -6834,7 +6553,7 @@ span:has(> .es-insp-up-btn) {
6834
6553
  border-radius: var(--sf-field-radius);
6835
6554
  background: var(--sf-field-bg);
6836
6555
  color: var(--sf-btn-text);
6837
- font-size: 11px;
6556
+ font-size: var(--text-2xs);
6838
6557
  font-variant-numeric: tabular-nums;
6839
6558
  cursor: pointer;
6840
6559
  }
@@ -6850,7 +6569,8 @@ span:has(> .es-insp-up-btn) {
6850
6569
  }
6851
6570
 
6852
6571
  /* The nine-square grid moved into \`efficient-easel/panel\` as \`SettingsPlacement\`
6853
- (0.35.0), so the \`.sf-focal*\` rules that lived here are gone rather than left
6572
+ (0.35.0), and from there into efficient-shell as \`AlignmentGrid\` (#377, which
6573
+ web-builder 10.0.0 draws directly), so the \`.sf-focal*\` rules that lived here are gone rather than left
6854
6574
  as a second copy nobody would remember to update. The chosen cell also stopped
6855
6575
  being card 8811's tint on the way: the shell tells the chosen thing apart by
6856
6576
  being the darkest in the row on a grey track (66138 / 66302), and its suite
@@ -6949,12 +6669,12 @@ span:has(> .es-insp-up-btn) {
6949
6669
  min-width: 0;
6950
6670
  }
6951
6671
  .sf-preview-pin-label {
6952
- font-size: 14px;
6672
+ font-size: var(--text-sm);
6953
6673
  font-weight: 500;
6954
6674
  color: var(--sf-text);
6955
6675
  }
6956
6676
  .sf-preview-pin-hint {
6957
- font-size: 11px;
6677
+ font-size: var(--text-2xs);
6958
6678
  color: var(--sf-muted);
6959
6679
  }
6960
6680
 
@@ -6970,7 +6690,7 @@ span:has(> .es-insp-up-btn) {
6970
6690
  .sf-colstep-value {
6971
6691
  min-width: 14px;
6972
6692
  text-align: center;
6973
- font-size: 14px;
6693
+ font-size: var(--text-sm);
6974
6694
  font-weight: 500;
6975
6695
  color: var(--sf-text);
6976
6696
  }
@@ -7034,7 +6754,7 @@ span:has(> .es-insp-up-btn) {
7034
6754
  background: transparent;
7035
6755
  border-radius: var(--radius-md);
7036
6756
  padding: 6px 8px;
7037
- font-size: 12px;
6757
+ font-size: var(--text-xs);
7038
6758
  font-weight: 500;
7039
6759
  color: var(--sf-icon);
7040
6760
  cursor: pointer;
@@ -7199,7 +6919,7 @@ input.sf-list-marking {
7199
6919
  }
7200
6920
  .sf-blogsource-status {
7201
6921
  margin: 0;
7202
- font-size: 12px;
6922
+ font-size: var(--text-xs);
7203
6923
  color: var(--sf-text-secondary);
7204
6924
  }
7205
6925
  .sf-blogsource-status[data-state="error"] {
@@ -7245,7 +6965,7 @@ input.sf-list-marking {
7245
6965
  }
7246
6966
  .sf-formsummary-caption {
7247
6967
  margin-bottom: 4px;
7248
- font-size: 11px;
6968
+ font-size: var(--text-2xs);
7249
6969
  font-weight: 600;
7250
6970
  letter-spacing: 0.02em;
7251
6971
  color: var(--sf-text-secondary);
@@ -7253,13 +6973,13 @@ input.sf-list-marking {
7253
6973
  .sf-formsummary-fields {
7254
6974
  margin: 0;
7255
6975
  padding-left: 18px;
7256
- font-size: 12px;
6976
+ font-size: var(--text-xs);
7257
6977
  line-height: 1.55;
7258
6978
  color: var(--sf-text-secondary);
7259
6979
  }
7260
6980
  .sf-formsummary-warn {
7261
6981
  margin: 0;
7262
- font-size: 12px;
6982
+ font-size: var(--text-xs);
7263
6983
  line-height: 1.45;
7264
6984
  color: var(--sf-danger);
7265
6985
  }
@@ -7277,7 +6997,7 @@ input.sf-list-marking {
7277
6997
  visible instead of nothing happening. */
7278
6998
  .sf-image-status {
7279
6999
  margin-top: 6px;
7280
- font-size: 11px;
7000
+ font-size: var(--text-2xs);
7281
7001
  color: var(--sf-muted);
7282
7002
  }
7283
7003
  .sf-image-status--error {
@@ -7303,7 +7023,7 @@ ul.sf-image-status {
7303
7023
  border: 1.5px dashed var(--sf-input-border);
7304
7024
  border-radius: var(--radius-lg);
7305
7025
  padding: 12px 14px;
7306
- font-size: 12px;
7026
+ font-size: var(--text-xs);
7307
7027
  line-height: 1.5;
7308
7028
  color: var(--sf-muted);
7309
7029
  background-image: repeating-linear-gradient(45deg, var(--sf-hatch) 0 1px, transparent 1px 12px);
@@ -7359,7 +7079,7 @@ ul.sf-image-status {
7359
7079
  same six classes wearing one name. */
7360
7080
  .sf-note {
7361
7081
  padding: 14px 16px;
7362
- font-size: 14px;
7082
+ font-size: var(--text-sm);
7363
7083
  line-height: 1.5;
7364
7084
  color: var(--sf-muted);
7365
7085
  }
@@ -7379,7 +7099,7 @@ ul.sf-image-status {
7379
7099
  sentence above it, so it reads as a footnote and not as an instruction. */
7380
7100
  .sf-note-detail {
7381
7101
  margin-top: 10px;
7382
- font-size: 11px;
7102
+ font-size: var(--text-2xs);
7383
7103
  color: var(--sf-muted);
7384
7104
  opacity: 0.75;
7385
7105
  word-break: break-all;
@@ -7447,7 +7167,7 @@ ul.sf-image-status {
7447
7167
  heading for the name below rather than as another name. */
7448
7168
  .sf-part-style-caption {
7449
7169
  margin-bottom: 2px;
7450
- font-size: 11px;
7170
+ font-size: var(--text-2xs);
7451
7171
  font-weight: 600;
7452
7172
  letter-spacing: 0.06em;
7453
7173
  text-transform: uppercase;
@@ -7455,13 +7175,13 @@ ul.sf-image-status {
7455
7175
  }
7456
7176
  .sf-part-style-count {
7457
7177
  margin-bottom: 3px;
7458
- font-size: 11px;
7178
+ font-size: var(--text-2xs);
7459
7179
  font-weight: 600;
7460
7180
  color: var(--sf-muted);
7461
7181
  }
7462
7182
  .sf-part-style-name {
7463
7183
  min-width: 0;
7464
- font-size: 20px;
7184
+ font-size: var(--text-xl);
7465
7185
  line-height: 1.15;
7466
7186
  letter-spacing: -0.01em;
7467
7187
  color: var(--sf-text-strong);
@@ -7510,7 +7230,7 @@ ul.sf-image-status {
7510
7230
  flex: none;
7511
7231
  text-align: center;
7512
7232
  color: var(--sf-muted);
7513
- font-size: 14px;
7233
+ font-size: var(--text-sm);
7514
7234
  line-height: 1;
7515
7235
  }
7516
7236
  .sf-part-style-trigger[aria-expanded="false"] .sf-part-style-sign::before {
@@ -7544,7 +7264,7 @@ ul.sf-image-status {
7544
7264
  background: none;
7545
7265
  text-align: left;
7546
7266
  /* E6 \\2014 a field label is never smaller than 12px, and an option is a label. */
7547
- font-size: 14px;
7267
+ font-size: var(--text-sm);
7548
7268
  color: var(--sf-field-text);
7549
7269
  border-radius: max(calc(var(--sf-field-radius) - 2px), 2px);
7550
7270
  cursor: pointer;
@@ -7588,13 +7308,13 @@ ul.sf-image-status {
7588
7308
  overflow: hidden;
7589
7309
  text-overflow: ellipsis;
7590
7310
  white-space: nowrap;
7591
- font-size: 11px;
7311
+ font-size: var(--text-2xs);
7592
7312
  font-weight: 400;
7593
7313
  color: var(--es-muted);
7594
7314
  }
7595
7315
  .sf-part-style-meta {
7596
7316
  margin-top: 1px;
7597
- font-size: 11px;
7317
+ font-size: var(--text-2xs);
7598
7318
  color: var(--sf-muted);
7599
7319
  font-variant-numeric: tabular-nums;
7600
7320
  }
@@ -7621,7 +7341,7 @@ ul.sf-image-status {
7621
7341
  it read at 13px and wrapped, taking "Edit style" over two lines with it. So
7622
7342
  it keeps its look exactly and takes an honest name. */
7623
7343
  .sf-part-style-state {
7624
- font-size: 12px;
7344
+ font-size: var(--text-xs);
7625
7345
  color: var(--sf-text-secondary);
7626
7346
  }
7627
7347
  /* The override count. A chip rather than plain text because it is a NUMBER a
@@ -7633,7 +7353,7 @@ ul.sf-image-status {
7633
7353
  padding: 2px 9px;
7634
7354
  background: var(--sf-accent-tint);
7635
7355
  color: var(--sf-accent-text);
7636
- font-size: 11px;
7356
+ font-size: var(--text-2xs);
7637
7357
  font-weight: 700;
7638
7358
  font-variant-numeric: tabular-nums;
7639
7359
  }
@@ -7645,7 +7365,7 @@ ul.sf-image-status {
7645
7365
  background: none;
7646
7366
  padding: 0;
7647
7367
  font: inherit;
7648
- font-size: 12px;
7368
+ font-size: var(--text-xs);
7649
7369
  font-weight: 500;
7650
7370
  color: var(--sf-accent-text);
7651
7371
  cursor: pointer;
@@ -7737,13 +7457,13 @@ ul.sf-image-status {
7737
7457
  gap: 8px;
7738
7458
  }
7739
7459
  .sf-part-ink-label {
7740
- font-size: 11px;
7460
+ font-size: var(--text-2xs);
7741
7461
  font-weight: 600;
7742
7462
  color: var(--sf-muted);
7743
7463
  }
7744
7464
  .sf-part-ink-read {
7745
7465
  margin-left: auto;
7746
- font-size: 12px;
7466
+ font-size: var(--text-xs);
7747
7467
  color: var(--sf-text-secondary);
7748
7468
  font-variant-numeric: tabular-nums;
7749
7469
  }
@@ -7827,7 +7547,7 @@ ul.sf-image-status {
7827
7547
  reads like the buckets above it. A real <h3>, so it joins the panel outline. */
7828
7548
  .sf-entries-head {
7829
7549
  margin: 14px 0 4px;
7830
- font-size: 11px;
7550
+ font-size: var(--text-2xs);
7831
7551
  font-weight: 600;
7832
7552
  letter-spacing: 0.06em;
7833
7553
  text-transform: uppercase;
@@ -7907,7 +7627,7 @@ ul.sf-image-status {
7907
7627
  background: var(--sf-field-bg);
7908
7628
  border-radius: 999px;
7909
7629
  padding: 4px 11px;
7910
- font-size: 12px;
7630
+ font-size: var(--text-xs);
7911
7631
  font-weight: 600;
7912
7632
  color: var(--sf-icon);
7913
7633
  cursor: pointer;
@@ -8030,7 +7750,7 @@ ul.sf-image-status {
8030
7750
 
8031
7751
  /* How many the filter left. Without it an empty-looking strip is a mystery. */
8032
7752
  .sf-gallery-count {
8033
- font-size: 11px;
7753
+ font-size: var(--text-2xs);
8034
7754
  color: var(--sf-disabled);
8035
7755
  margin-top: 7px;
8036
7756
  }
@@ -8089,4 +7809,4 @@ ul.sf-image-status {
8089
7809
  margin-top: var(--es-rhythm-between);
8090
7810
  }
8091
7811
 
8092
- @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 No=["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 V}from"react/jsx-runtime";var Ro={mirrorHostStyles:!1,css:Oo,fontHrefs:No},zi={...Ro,fontHrefs:[]},Nn=0;function Hi(){Ni(()=>(Nn+=1,Nn>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."),()=>{Nn-=1}),[])}function zo({host:e,site:t,mediaPanel:n,backend:a,blocks:s,words:r,locale:o,children:c}){let p=Ri();ma(r,o,p);let[m]=Io(()=>Ao({backend:a,blocks:s})),d=Ii(()=>m.usesBridgedToken?Ro:zi,[m]);return qa({siteSlug:t?.slug??null,shopOrigin:t?.origin??null}),Hi(),V(ba,{session:m,children:V(Ka,{metadata:s?.metadata,children:V(ya,{host:e,children:V(ao,{panel:n,children:V(Va,{value:d,children:V(rn,{currency:Pi,subscribe:Ci,searchShortcut:!1,children:V(tn,{apiKey:"",mapId:"",children:V("div",{className:"sf-embedded",children:c})})})})})})})})}var Pi={currencies:He.currencies,countries:He.countries,defaultCurrency:He.defaultCurrency,defaultCountry:He.defaultCountry},Ci={autoOpen:ie.autoOpen,autoOpenDelaySec:ie.autoOpenDelaySec,trigger:ie.trigger,scrollPercent:ie.scrollPercent,showOn:ie.showOn,showOnPages:ie.showOnPages,hideAfter:ie.hideAfter,hideDays:ie.hideDays};function lf({host:e,target:t,site:n,mediaPanel:a=null,backend:s=null,blocks:r=null,words:o=null,locale:c=null}){let[p]=Io(t);return V(zo,{host:e,site:n,mediaPanel:a,backend:s,blocks:r,words:o,locale:c,children:V(Xs,{target:p})})}function df({host:e,id:t,initialType:n,initialName:a,site:s,mediaPanel:r=null,backend:o=null,blocks:c=null,words:p=null,locale:m=null}){return V(zo,{host:e,site:s,mediaPanel:r,backend:o,blocks:c,words:p,locale:m,children:V(no,{id:t,initialType:n,initialName:a})})}export{Ft as WebsiteBackendError,lf as WebsiteEditor,df as WebsiteSectionEditor,ir as createEditorHost,lr as createEfficientBackend};
7812
+ @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 No=["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 V}from"react/jsx-runtime";var Ro={mirrorHostStyles:!1,css:Oo,fontHrefs:No},zi={...Ro,fontHrefs:[]},Nn=0;function Hi(){Ni(()=>(Nn+=1,Nn>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."),()=>{Nn-=1}),[])}function zo({host:e,site:t,mediaPanel:n,backend:a,blocks:s,words:r,locale:o,children:c}){let p=Ri();ua(r,o,p);let[u]=Io(()=>Ao({backend:a,blocks:s})),h=Ii(()=>u.usesBridgedToken?Ro:zi,[u]);return qa({siteSlug:t?.slug??null,shopOrigin:t?.origin??null}),Hi(),V(ba,{session:u,children:V(Ka,{metadata:s?.metadata,children:V(ya,{host:e,children:V(ao,{panel:n,children:V(Va,{value:h,children:V(rn,{currency:Pi,subscribe:Ci,searchShortcut:!1,children:V(tn,{apiKey:"",mapId:"",children:V("div",{className:"sf-embedded",children:c})})})})})})})})}var Pi={currencies:He.currencies,countries:He.countries,defaultCurrency:He.defaultCurrency,defaultCountry:He.defaultCountry},Ci={autoOpen:ie.autoOpen,autoOpenDelaySec:ie.autoOpenDelaySec,trigger:ie.trigger,scrollPercent:ie.scrollPercent,showOn:ie.showOn,showOnPages:ie.showOnPages,hideAfter:ie.hideAfter,hideDays:ie.hideDays};function lf({host:e,target:t,site:n,mediaPanel:a=null,backend:s=null,blocks:r=null,words:o=null,locale:c=null}){let[p]=Io(t);return V(zo,{host:e,site:n,mediaPanel:a,backend:s,blocks:r,words:o,locale:c,children:V(Xs,{target:p})})}function hf({host:e,id:t,initialType:n,initialName:a,site:s,mediaPanel:r=null,backend:o=null,blocks:c=null,words:p=null,locale:u=null}){return V(zo,{host:e,site:s,mediaPanel:r,backend:o,blocks:c,words:p,locale:u,children:V(no,{id:t,initialType:n,initialName:a})})}export{Ft as WebsiteBackendError,lf as WebsiteEditor,hf as WebsiteSectionEditor,ir as createEditorHost,lr as createEfficientBackend};