efficient-web-builder 0.8.0 → 0.9.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/CHANGELOG.md +91 -0
- package/README.md +24 -5
- package/dist/chunks/{EditorPreviewCheckout-RALICX2M.js → EditorPreviewCheckout-YVSO4HE3.js} +3 -3
- package/dist/chunks/PreviewFooter-34YJU76X.js +1 -0
- package/dist/chunks/SectionEditorShell-CVWJ6DSU.js +1 -0
- package/dist/chunks/{SiteEditorProvider-4NZYBEVE.js → SiteEditorProvider-ECGZVKLG.js} +1 -1
- package/dist/chunks/StorefrontEditorChrome-YKEMJT3Z.js +1 -0
- package/dist/chunks/chunk-2XX3N727.js +153 -0
- package/dist/chunks/chunk-6CP4D6VJ.js +1 -0
- package/dist/chunks/chunk-7QXLVNFD.js +1 -0
- package/dist/chunks/chunk-EKKAVQJX.js +1 -0
- package/dist/chunks/chunk-FU5UZ4UY.js +1 -0
- package/dist/chunks/chunk-J5WPJJCW.js +2 -0
- package/dist/chunks/{chunk-5WIA75VU.js → chunk-MEIUD5LJ.js} +1 -1
- package/dist/chunks/chunk-N3IM4XBG.js +1 -0
- package/dist/chunks/chunk-RRHBLOH4.js +1 -0
- package/dist/chunks/chunk-TUB4O4RZ.js +15 -0
- package/dist/chunks/chunk-UM3P3PXW.js +230 -0
- package/dist/chunks/chunk-XQGZKQII.js +1 -0
- package/dist/chunks/fitment-data-6NXSKODX.js +1 -0
- package/dist/chunks/render-client-VMLB4BTY.js +1 -0
- package/dist/editor.css +1 -1
- package/dist/index.d.ts +184 -4
- package/dist/index.js +908 -644
- package/dist/links.js +1 -1
- package/package.json +2 -2
- package/dist/chunks/PreviewFooter-TTWVSN7F.js +0 -1
- package/dist/chunks/SectionEditorShell-QHF74BM4.js +0 -1
- package/dist/chunks/StorefrontEditorChrome-VAFMI23Y.js +0 -1
- package/dist/chunks/chunk-23HYGLAH.js +0 -1
- package/dist/chunks/chunk-2Z43RC3L.js +0 -143
- package/dist/chunks/chunk-4MT74TMP.js +0 -1
- package/dist/chunks/chunk-764WH3TY.js +0 -11
- package/dist/chunks/chunk-DN65SLZM.js +0 -1
- package/dist/chunks/chunk-FEL3RPX5.js +0 -230
- package/dist/chunks/chunk-KZIT3J33.js +0 -1
- package/dist/chunks/chunk-X2DL3VCU.js +0 -15
- package/dist/chunks/chunk-XMRSKZIR.js +0 -2
- package/dist/chunks/fitment-data-6EHBA26C.js +0 -1
- package/dist/chunks/render-client-3H6QYWG7.js +0 -1
- /package/dist/chunks/{chunk-2Z43RC3L.js.LEGAL.txt → chunk-2XX3N727.js.LEGAL.txt} +0 -0
- /package/dist/chunks/{chunk-UBYBQ3KR.js → chunk-HVOO2GNE.js} +0 -0
- /package/dist/chunks/{chunk-X2DL3VCU.js.LEGAL.txt → chunk-TUB4O4RZ.js.LEGAL.txt} +0 -0
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as Zn,b as Te}from"./chunks/chunk-23HYGLAH.js";import{a as qe,d as Ve,e as Qn,f as Ke,h as Jn,k as $n}from"./chunks/chunk-KZIT3J33.js";import{a as zt,b as Me,c as Rt,d as Ht,e as le,f as G,g as Rn,h as Hn,i as Pn,j as Cn,k as xe,l as Mn,m as Wn,n as Ge,o as je,p as Yn,q as Xn,r as ke}from"./chunks/chunk-2Z43RC3L.js";import{E as ye,I as Vn,J as Kn,h as _n}from"./chunks/chunk-XMRSKZIR.js";import"./chunks/chunk-5WIA75VU.js";import{Bi as Bn,Bj as Gn,Cj as jn,Ga as oo,Ia as ro,Ra as Ue,Sa as sn,Ta as pe,Ua as ln,Ve as xn,We as vn,Xa as dn,Ye as ge,Z as ce,Ze as yn,be as mn,ci as we,df as kn,dk as ve,ea as on,eb as pn,ef as Tn,ei as be,fa as rn,ff as En,gf as Sn,gi as Dn,hb as fn,hf as An,hi as Ln,ik as Ye,jk as qn,li as Be,n as Qt,va as H,vi as Fn,wi as Un}from"./chunks/chunk-X2DL3VCU.js";import"./chunks/chunk-DN65SLZM.js";import{$ as qt,$a as cn,C as Dt,E as Lt,H as Mt,I as Wt,M as Ft,N as Fe,Oa as Jt,Ob as fe,Pa as $t,Q as Ut,S as _t,T as Bt,U as Gt,V as jt,Xa as hn,_ as Yt,_b as un,a as Pt,b as X,c as de,ca as Vt,d as We,e as R,gd as _e,ja as Kt,jd as Nn,ld as ue,md as In,od as Z,qa as Xt,sa as Zt,sc as On,td as me,ud as zn,y as Ct,yb as gn}from"./chunks/chunk-764WH3TY.js";import{B as tn,E as nn,P as an,T as I,c as he,k as en}from"./chunks/chunk-4MT74TMP.js";import{a as wn,b as bn,c as so}from"./chunks/chunk-UBYBQ3KR.js";import"./chunks/chunk-Y6SLVHK3.js";import{useEffect as qo,useMemo as Vo,useState as xa}from"react";import{useMemo as io}from"react";import{jsx as lo}from"react/jsx-runtime";function Xe({apiKey:e,mapId:t,children:o}){let n=io(()=>({apiKey:e,setApiKey:()=>{},mapId:t}),[e,t]);return lo(le,{value:n,children:o})}import{useCallback as b,useEffect as C,useMemo as Oe,useRef as P,useState as w}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/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import{documentPermissions as zo}from"efficient-easel/edit-lock";function Ee(e,t,o){if(!e)return e;let n=!1,a={};for(let[s,r]of Object.entries(e)){let l=r;if(r&&typeof r=="object")if(r.type==="slot")if(r.allow){let c=r.allow.filter(t);c.length!==r.allow.length&&(l={...r,allow:c})}else{let c=new Set(r.disallow??[]),g=o.filter(p=>!c.has(p));g.length>0&&(l={...r,disallow:[...r.disallow??[],...g]})}else{let c=Ee(r.arrayFields,t,o),g=Ee(r.objectFields,t,o);(c!==r.arrayFields||g!==r.objectFields)&&(l={...r,...c?{arrayFields:c}:null,...g?{objectFields:g}:null})}l!==r&&(n=!0),a[s]=l}return n?a:e}function ho(e,t,o){let n={};for(let[l,c]of Object.entries(t.fields??{}))n[l]=c&&typeof c=="object"&&c.type==="slot"?{...c}:c;let a={...t,...t.fields?{fields:n}:null},s=Hn(e,a,o),r=Object.keys(n).filter(l=>s.fields?.[l]!==n[l]);if(r.length>0)throw new Error(`efficient-web-builder: blocks.host["${e}"] declares ${r.map(l=>`"${l}"`).join(", ")}, ${r.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return s}function Se(e,t){let o=Object.entries(t?.host??{}),n=t?.categories??[],a=jn(t);if(!a&&o.length===0&&n.length===0)return e;let s=e.components,r=o.map(([h])=>h).filter(h=>h in s);if(r.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${r.map(h=>`"${h}"`).join(", ")}, which ${r.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);let l=h=>a?a.offers(h):!0,c=Object.keys(s).filter(h=>!l(h)),g={};for(let[h,u]of Object.entries(s)){let x=a?Ee(u?.fields,l,c):u?.fields;g[h]=x===u?.fields?u:{...u,fields:x}}if(o.length>0){let h=new Set(o.map(([m])=>m)),u=e.categories?.structure?.components??[],x=Rn(Object.keys(s),u),T={...x,isSection:m=>h.has(m)||x.isSection(m),isHostBlock:m=>h.has(m),inspector:Pn};for(let[m,S]of o){let A=ho(m,S,T),N=Ee(A.fields,l,c);g[m]=N===A.fields?A:{...A,fields:N}}}let p=[];for(let[h,u]of Object.entries(e.categories??{})){let x=u?.components??[],T=x.filter(l);T.length===x.length?p.push([h,u]):T.length>0&&p.push([h,{...u,components:T}])}for(let h of n){let u=h.components.filter(S=>S in g&&l(S));if(u.length===0)continue;let x=p.find(([S])=>S===h.key);if(x){let[,S]=x,A=new Set(S.components??[]);x[1]={...S,components:[...S.components??[],...u.filter(N=>!A.has(N))]};continue}let T=[h.key,{title:h.title,components:u}],m=h.before?p.findIndex(([S])=>S===h.before):-1;m===-1?p.push(T):p.splice(m,0,T)}return{...e,components:g,categories:Object.fromEntries(p)}}function co(e){return!!e&&typeof e=="object"&&typeof e[pn]=="string"}function po(e,t){if(!e)return e;let o=null;for(let[n,a]of Object.entries(e))co(a)&&(o??={...e},o[n]={...a,siteGap:t});return o??e}function ea(e,t){let o=e,n=!1,a={};for(let[s,r]of Object.entries(o.components)){let l=po(r.fields,t);if(l===r.fields){a[s]=r;continue}n=!0,a[s]={...r,fields:l}}return n?{...e,components:a}:e}var ta=he.mediaFields,na=he.snapshotObjects,aa=he.hydratedLists;function fo(e){return typeof e=="string"?"":Array.isArray(e)?[]:e&&typeof e=="object"?null:e}function Ze(e,t){if(t.length===0)return fo(e);let[o,...n]=t,a=o.endsWith("[]"),s=a?o.slice(0,-2):o;if(!e||typeof e!="object"||Array.isArray(e))return e;let r=e;if(!(s in r))return e;let l=r[s];return a?Array.isArray(l)?{...r,[s]:l.map(c=>Ze(c,n.length?n:[]))}:e:{...r,[s]:Ze(l,n)}}function oa(e,t){if(Array.isArray(e))return e.map(a=>oa(a,t));if(!e||typeof e!="object")return e;let o=e,n={};for(let a of t)a in o&&(n[a]=o[a]);return n}function go(e,t){let o=t;for(let a of ta[e]??[])o=Ze(o,a.split("."));let n=na[e];if(n)for(let[a,s]of Object.entries(n))a in o&&(o={...o,[a]:oa(o[a],s.keep)});for(let a of aa[e]??[])Array.isArray(o[a])&&(o={...o,[a]:[]});return o}function uo(e,t){return typeof t!="function"?t:o=>t(go(e,o))}function Ae(e,t){if(!t)return e;let o=e,n={};for(let[a,s]of Object.entries(o.components)){let r=(ta[a]?.length??0)>0||na[a]||aa[a];n[a]=r&&s.render?{...s,render:uo(a,s.render)}:s}return{...o,components:n}}import{useEffect as ra,useRef as Qe}from"react";function j({token:e,enabled:t=!0,deps:o=[],prime:n,onDisabled:a,refresh:s}){let r=Qe(n);r.current=n;let l=Qe(a);l.current=a;let c=Qe(s);c.current=s,ra(()=>{if(!e||!t){l.current?.();return}let g=!1;return r.current.load().then(p=>{g||r.current.publish(p)}).catch(()=>{}),()=>{g=!0}},[e,t,...o]),ra(()=>{if(!e||!t||!c.current)return;let g=!1,p=c.current.subscribe(()=>{let h=c.current;h&&h.load().then(u=>{g||h.publish(u)}).catch(()=>{})});return()=>{g=!0,p()}},[e,t,...o])}function Je({token:e,siteId:t}){let{primeSettings:o,setSettings:n}=zn();return j({token:e,deps:[t],prime:{load:()=>qe(e,t),publish:a=>o(Ve(a))},refresh:{subscribe:ge,load:()=>qe(e,t,!0),publish:a=>n(Ve(a))}}),null}import{useEffect as ko,useState as To}from"react";var J={currencies:[],defaultCurrency:null},mo={currencies:[],defaultCurrency:null,reason:"none-configured"},Q=new Map;function sa(e,t,o=!1){o&&Q.delete(t);let n=Q.get(t);return n||(n=wo(e,t),Q.set(t,n),n.catch(()=>{Q.get(t)===n&&Q.delete(t)})),n}async function wo(e,t){try{let o=await Zn(e,t);if(!o)return J;let n=await an.getSiteBySlug(o);return n.status!=="online"?await bo(e,t):{currencies:n.currencies??[],defaultCurrency:n.defaultCurrency??null}}catch(o){return console.warn("[editor-currency-source] load failed; editor stays unpriced",o),J}}async function bo(e,t){let o=await I.listSiteCurrencies(t,e);if(!o.length)return mo;let n=[...o].sort((a,s)=>a.display_order-s.display_order).map(a=>({code:a.currency_code,symbol:a.symbol||yo(a.currency_code),decimalPlaces:typeof a.decimal_places=="number"?a.decimal_places:vo(a.currency_code),isDefault:a.is_default}));return{currencies:n,defaultCurrency:n.find(a=>a.isDefault)?.code??n[0].code}}var xo=0;function ia(e){try{return new Intl.NumberFormat(gn,{style:"currency",currency:e})}catch{return null}}function vo(e){return ia(e)?.resolvedOptions().maximumFractionDigits??xo}function yo(e){return ia(e)?.formatToParts(0).find(n=>n.type==="currency")?.value||e}import{jsx as la}from"react/jsx-runtime";function $e({token:e,siteId:t,enabled:o,children:n}){let[a,s]=To(J);return ko(()=>{if(!e||!o||!t){s(J);return}let r=!1;return sa(e,t).then(l=>{r||s(l)}).catch(()=>{}),()=>{r=!0}},[e,o,t]),la(fe,{currencies:a.currencies,defaultCurrency:a.defaultCurrency,children:la(mn,{reason:a.reason,children:n})})}import{useCallback as Eo,useEffect as So,useMemo as da,useRef as ha,useState as Ao}from"react";var Oo="Could not save this link. Check your connection and try again.";function No(e,t){if(!(e instanceof nn)||e.status!==400)return null;let n=e.data?.[ue(t)],a=Array.isArray(n)?n[0]:n;return typeof a=="string"&&a.trim()?a:null}function Io(e){return Object.fromEntries(_e.map(t=>[t,{value:e[ue(t)]??"",error:null}]))}function ca({token:e,siteId:t,enabled:o}){let[n,a]=Ao(Ye),s=ha(null),r=ha(!1),l=o&&!!e&&!!t;So(()=>{if(!l||!e||!t)return;s.current!==t&&(s.current=t,r.current=!1,a(Ye));let p=!1;return I.getSocialSettings(e,t).then(h=>{!p&&!r.current&&a(Io(h))}).catch(()=>{}),()=>{p=!0}},[l,e,t]);let c=Eo(async(p,h)=>{if(!l||!e||!t)return{ok:!1,error:"There is no website to save to."};let u=ue(p);try{let x=await I.updateSocialSettings({[u]:h.trim()},e,t);return r.current=!0,a(T=>({...T,[p]:{value:x[u]??"",error:null}})),{ok:!0}}catch(x){let T=No(x,p)??Oo;return a(m=>({...m,[p]:{...m[p],error:T}})),{ok:!1,error:T}}},[l,e,t]),g=da(()=>Nn(Object.fromEntries(_e.map(p=>[p,n[p].value]))),[n]);return da(()=>({links:g,rows:n,canSave:l,saveLink:c}),[g,n,l,c])}function et({token:e,siteId:t,enabled:o=!0}){let{setFooterBlock:n,setHeaderGroup:a,refreshToken:s}=Kn();return j({token:e,enabled:o,deps:[t,s],onDisabled:()=>{n(null),a(null)},prime:{load:()=>I.findPageBySlug(ce,e,t??void 0),publish:r=>{n(r?on(r.layout):null),a(r?rn(r.layout):null)}}}),null}function $({token:e}){let{primeLive:t,setLive:o}=Mn();return j({token:e,prime:{load:()=>Dn(e),publish:n=>t(Be(n))},refresh:{subscribe:ge,load:()=>Ln(e),publish:n=>o(Be(n))}}),null}import{jsx as f,jsxs as Y}from"react/jsx-runtime";var Ro=G(()=>import("./chunks/SiteEditorProvider-4NZYBEVE.js"),{ssr:!1}),Ho=G(()=>import("./chunks/StorefrontEditorChrome-VAFMI23Y.js"),{ssr:!1}),Po=()=>{if(typeof window>"u")return R;try{let e=window.localStorage.getItem(X);return e==="light"||e==="dark"||e==="auto"?e:R}catch{return R}},pa=e=>{if(!(typeof window>"u"))try{window.localStorage.setItem(X,e)}catch{}},Co=()=>{if(typeof window>"u")return!1;try{return window.localStorage.getItem(de)!==We}catch{return!1}},Do=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Pt)}catch{}},fa=e=>{if(!(typeof window>"u"))try{e?window.localStorage.removeItem(de):window.localStorage.setItem(de,We)}catch{}};function Lo({saving:e,onCancel:t,onDiscard:o,onSave:n}){return f("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-leave-title",children:Y("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",children:[f("h2",{id:"sf-leave-title",className:"text-[15px] font-semibold text-zinc-900",children:"Unsaved changes"}),f("p",{className:"mt-2 text-[13px] leading-relaxed text-zinc-600",children:"Your most recent edits haven\u2019t finished saving yet. Save them before switching, or leave and discard them."}),Y("div",{className:"mt-4 flex justify-end gap-2",children:[f("button",{type:"button",onClick:t,className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),f("button",{type:"button",onClick:o,className:"rounded-md border border-red-200 px-3 py-[7px] text-[13px] font-medium text-red-600 transition-colors hover:bg-red-50",children:"Discard & leave"}),f("button",{type:"button",onClick:n,disabled:e,className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:e?"Saving\u2026":"Save & leave"})]})]})})}function Mo(){let{adapter:e,capabilities:t,templateId:o,ready:n,token:a,siteId:s,currentSlug:r,currentKind:l,data:c,getLiveData:g,footerOriginSlug:p,error:h,redirecting:u,saveStatus:x,readOnly:T,navigate:m,onChange:S,pendingNav:A,cancelPendingNav:N,discardAndNavigate:ne,saveAndNavigate:q}=Sn();C(()=>(Ge(r,l),()=>Ge(null,null)),[r,l]);let D=t.placeholderFrames,[_,L]=w(null),[V,M]=w("");C(()=>{let i=e.templateName;if(!n||!o||!i){M("");return}let v=!1;return i().then(d=>!v&&M(d??"")).catch(()=>{}),()=>{v=!0}},[n,a,o,e]);let[ae,K]=w(R),[W,F]=w(!1),[Ie,y]=w({selected:0,themes:[]}),[E,B]=w(Jt),[ze,oe]=w(Ct),[ka,st]=w(null),[Ta,it]=w(Yt),[Ea,lt]=w(null),[Sa,dt]=w(null),[Aa,ht]=w(Fe),[Oa,ct]=w(null),[Na,pt]=w(null),[Ia,ft]=w(null),[Re,gt]=w(null),ut=pe(),mt=Oe(()=>Se(ke,ut.blocks),[ut]),za=Oe(()=>ea(Ae(mt,D),Re),[mt,D,Re]),Ra=Oe(()=>zo(!T),[T]),[Ha,wt]=w(Vt),[Pa,bt]=w(null),[Ca,xt]=w(null),vt=P(null),k=P(!1);C(()=>{K(Po()),F(Co())},[]);let Da=b(i=>{k.current=!0,Do(),pa(i),K(i)},[]),La=b(i=>{k.current=!0,fa(i),F(i)},[]),Ma=b(i=>{k.current=!0,y(i)},[]),Wa=b(i=>{k.current=!0,B(i)},[]),Fa=b(i=>{k.current=!0,oe(i)},[]),Ua=b(i=>{k.current=!0,st(i)},[]),_a=b(i=>{k.current=!0,it(i)},[]),Ba=b(i=>{k.current=!0,lt(i)},[]),Ga=b(i=>{k.current=!0,dt(i)},[]),ja=b(i=>{k.current=!0,ht(i)},[]),Ya=b(i=>{k.current=!0,ct(i)},[]),qa=b(i=>{k.current=!0,wt(i)},[]),Va=b(i=>{k.current=!0,pt(i)},[]),Ka=b(i=>{k.current=!0,ft(i)},[]),Xa=b(i=>{k.current=!0,gt(i)},[]),Za=b(i=>{k.current=!0,bt(i)},[]),Qa=b(i=>{k.current=!0,xt(i)},[]);C(()=>{if(!a||!t.hasSiteTheme)return;let i=s??"";vt.current!==i&&(vt.current=i,k.current=!1);let v=!1;return I.getThemeSettings(a,s??void 0).then(d=>{v||k.current||(pa(d.default_mode),fa(d.show_theme_switch),K(d.default_mode),F(d.show_theme_switch),y({selected:d.selected_preset,themes:d.theme_presets}),B($t({heading:d.heading_font,body:d.body_font,accent:d.accent_font,label:d.label_font})),oe(Dt({headingLarge:d.heading_size_large_px,headingMedium:d.heading_size_medium_px,headingSmall:d.heading_size_small_px,body:d.body_size_px,label:d.label_size_px})),st(d.corner_radius_px===void 0?Mt[Lt(d.corner_style)]:Wt(d.corner_radius_px)),it(qt(d.heading_compression)),lt(d.card_shadow==null?Ft:_t(d.card_shadow)),ht(d.card_gap==null?Fe:Bt(d.card_gap)),ct(d.hover_effect==null?Ut:Gt(d.hover_effect)),dt(jt(d.shadow_color)),pt(hn(d.site_width)),ft(cn(d.site_gutter)),gt(fn(d.block_gap)),wt(Kt(d)),bt(d.hero_background_follows_width===!0),xt(d.photography_grayscale===!0))}).catch(()=>{}),()=>{v=!0}},[a,s,t.hasSiteTheme]);let Ja=ca({token:a,siteId:s,enabled:t.hasSiteSettings}),[$a,yt]=w(Fn),kt=P(null),He=P(!1),Pe=P(null),re=P({}),eo=b(i=>{He.current=!0,yt(v=>({...v,...i})),!(!t.hasSiteSettings||!a)&&(re.current={...re.current,...i},Pe.current&&clearTimeout(Pe.current),Pe.current=setTimeout(()=>{let v=re.current;re.current={},I.updateChatSettings(v,a,s??void 0).catch(()=>{})},500))},[t.hasSiteSettings,a,s]);C(()=>{if(!a||!t.hasSiteSettings)return;let i=s??"";kt.current!==i&&(kt.current=i,He.current=!1);let v=!1;return I.getChatSettings(a,s??void 0).then(d=>{v||He.current||yt({enabled:d.enabled,title:d.title,subtitle:d.subtitle,greeting:d.greeting})}).catch(()=>{}),()=>{v=!0}},[a,s,t.hasSiteSettings]);let[se,Ce]=w(""),Tt=P(null),De=P(!1);C(()=>Ce(zt()),[]);let Et=b(i=>{let v=i.trim();if(v===se)return;De.current=!0,Me(v),Ce(v);let d=e.updateSite;!t.canEditSiteRecord||!n||!d||d({mapsApiKey:v}).catch(()=>{})},[se,t.canEditSiteRecord,n,e]),[St,At]=w("");C(()=>At(Rt()),[]),C(()=>{let i=e.site;if(!n||!t.hasSiteRecord||!i){L(null);return}let v=s??"";Tt.current!==v&&(Tt.current=v,De.current=!1);let d=!1;return i().then(Le=>{if(d||(L(In(Le.name)),De.current))return;let Nt=Le.mapsApiKey??"";Me(Nt),Ce(Nt);let It=Le.mapsMapId??"";Ht(It),At(It)}).catch(()=>{}),()=>{d=!0}},[n,a,t.hasSiteRecord,s,e]);let to=Oe(()=>({apiKey:se,setApiKey:Et,mapId:St}),[se,Et,St]),Ot=P(null),no=b(()=>{Ot.current=g()??c??null,ln(r),m({kind:"page",slug:ce,siteId:s??void 0,originSlug:r})},[g,c,r,m,s]),ao=b(()=>{p&&m({kind:"page",slug:p,siteId:s??void 0})},[p,m,s]);if(u)return f("div",{className:"sf-msg",children:"Loading\u2026"});if(h)return f("div",{className:"sf-msg sf-msg--error",children:h});if(!n)return f("div",{className:"sf-msg",children:"Waiting for editor authorization\u2026"});if(!c)return f("div",{className:"sf-msg",children:"Loading\u2026"});let ie=a??"";return f($e,{token:ie,siteId:s,enabled:t.hasSiteSettings,children:Y(me,{websiteName:_,templateChrome:D,templateName:V||null,themeMode:ae,onThemeModeChange:Da,themeSwitchShown:W,onThemeSwitchShownChange:La,theme:Ie,onThemeChange:Ma,fonts:E,onFontsChange:Wa,cornerRadiusPx:ka,onCornerRadiusPxChange:Ua,cardShadow:Ea,onCardShadowChange:Ba,shadowColor:Sa,onShadowColorChange:Ga,cardGap:Aa,onCardGapChange:ja,hoverEffect:Oa,onHoverEffectChange:Ya,headingCompression:Ta,onHeadingCompressionChange:_a,headingTypography:Ha,onHeadingTypographyChange:qa,sizes:ze,onSizesChange:Fa,siteWidth:Na,onSiteWidthChange:Va,siteGutter:Ia,onSiteGutterChange:Ka,blockGap:Re,onBlockGapChange:Xa,heroBackgroundFollowsWidth:Pa,onHeroBackgroundFollowsWidthChange:Za,photographyGrayscale:Ca,onPhotographyGrayscaleChange:Qa,themeFromDocument:!t.hasSiteTheme,children:[t.hasSiteSettings&&f(Je,{token:ie,siteId:s}),f(Cn,{originData:p?Ot.current:null,originSlug:p,exitFocus:ao,children:Y(Vn,{editFooter:no,children:[f(et,{token:ie,siteId:s,enabled:t.hasSiteSettings}),Y(xe,{children:[t.hasSiteSettings&&f($,{token:ie}),f(ve,{children:f(we,{children:f(ye,{children:f(be,{children:Y(le,{value:to,children:[f(Un,{chat:$a,onChatChange:eo,children:f(qn,{value:Ja,children:f(_n,{children:f(Ro,{config:za,data:c,onChange:S,permissions:Ra,children:f(Ho,{})})})})}),A&&f(Lo,{saving:x==="saving",onCancel:N,onDiscard:ne,onSave:()=>{q()}})]})})})})})]})]})})]})})}function nt({target:e}){return f(An,{target:e,children:f(Mo,{})})}import{jsx as U}from"react/jsx-runtime";function at({catalogFilterLabels:e,menuItems:t,currency:o,subscribe:n,searchShortcut:a=!0,children:s}){return U(Qt,{labels:e,children:U(Yn,{items:t,children:U(fe,{...o,children:U(Wn,{...n,children:U(Xn,{children:U(un,{children:U(On,{shortcut:a,children:s})})})})})})})}import{useCallback as ga,useEffect as Ne,useMemo as ee,useRef as Wo,useState as te}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/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import{documentPermissions as Fo}from"efficient-easel/edit-lock";import{useAutosave as Uo}from"efficient-easel/autosave";import{jsx as z,jsxs as Yo}from"react/jsx-runtime";var _o=G(()=>import("./chunks/SiteEditorProvider-4NZYBEVE.js"),{ssr:!1}),Bo=G(()=>import("./chunks/SectionEditorShell-QHF74BM4.js"),{ssr:!1}),ma="HeroSingle",ua="Untitled section";function Go(e,t){let o=t.components,n=o[e]?e:ma,a=o[n]?.defaultProps??{},s=Gn(n,l=>o[l]?.defaultProps??{}),r=n===Zt?{blocks:Bn()}:null;return{type:n,props:{id:Xt(n),...a,...s?{[s.slot]:s.children}:null,...r}}}function jo(){if(typeof window>"u")return R;try{let e=window.localStorage.getItem(X);return e==="light"||e==="dark"||e==="auto"?e:R}catch{return R}}function ot({id:e,initialType:t,initialName:o=ua}){let[n,a]=te(e),s=Wo(n);Ne(()=>{s.current=n},[n]);let r=bn(),[l,c]=te(t),[g,p]=te(o),[h,u]=te(void 0),[x,T]=te(R),{token:m,tokenRef:S}=vn({onMessage:y=>{if(kn(y))return;let E=y;if(E?.type==="storefront-editor:navigate"&&E.target?.kind==="section"&&E.target.id){let B=E.target.id;if(B===s.current)return;let ze=E.target.type,oe=E.target.name;q().then(()=>{c(ze),p(oe||ua),a(B),r.address.show({kind:"section",id:B})})}}}),A=Uo({save:y=>Te.update(y.id,y.node).then(()=>{}),onFailure:(y,E)=>{E===0&&r.send("storefront-editor:save-failed")}}),{state:N,push:ne,flush:q}=A;Ne(()=>T(jo()),[]);let D=pe(),_=D.usesBridgedToken?!!m:!0,L=ee(()=>Se(ke,D.blocks),[D]);Ne(()=>{if(!_)return;let y=!1;return u(void 0),Te.ensure(n,g,Go(l??ma,L)).then(E=>!y&&u(E.node)).catch(()=>!y&&u(null)),()=>{y=!0}},[n,l,g,_,L]);let V=ga(y=>{r.send("storefront-editor:dirty");let E=Ke(y);E&&ne({id:s.current,node:E})},[ne,r]),M=r.send,ae=ga(async y=>{try{return await y(S.current??""),!0}catch{return M("storefront-editor:save-failed"),!1}},[M]),K=ee(()=>Ae(L,!0),[L]);Ne(()=>(je(null),()=>je(null)),[]);let W=ee(()=>h?Tn(Qn(h)):null,[h]),F=ee(()=>({target:{kind:"page",slug:""},adapter:Ue(void 0),capabilities:Ue(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:_,token:m,tokenRef:S,notifyParent:M,runAuthed:ae,docId:n,data:W,getLiveData:()=>W,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:dn(N),saveState:N,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:N.pending,toggleAutoSave:()=>{},retrySave:()=>{A.retryNow()},onChange:V,flushSave:q,onPublish:async y=>{let E=Ke(y);E&&await Te.update(s.current,E)},bridgeCapabilities:xn,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[n,_,m,M,ae,W,N,V,q,A.retryNow]),Ie=ee(()=>Fo(!F.readOnly),[F.readOnly]);return h===void 0?z("div",{className:"sf-msg",children:"Loading\u2026"}):h===null||!W?z("div",{className:"sf-msg sf-msg--error",children:"Couldn\u2019t open this section."}):z(En.Provider,{value:F,children:z(me,{themeMode:x,chromePlaceholder:!0,children:Yo(xe,{children:[m?z($,{token:m}):null,z(ve,{children:z(we,{children:z(ye,{children:z(be,{children:z(_o,{config:K,data:W,onChange:V,permissions:Ie,children:z(Bo,{})},n)})})})})]})})})}var wa=`/*! 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-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-950:oklch(25.8% .092 26.042);--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-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--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-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-6xl:72rem;--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-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--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}.\\!fixed{position:fixed!important}.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-\\[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-10{top:calc(var(--spacing) * 10)}.top-\\[2px\\]{top:2px}.top-\\[10px\\]{top:10px}.top-\\[14vh\\]{top:14vh}.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-\\[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-2{bottom:calc(var(--spacing) * 2)}.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-12{bottom:calc(var(--spacing) * 12)}.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-10{left:calc(var(--spacing) * 10)}.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))}.left-full{left:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.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-\\[70\\]{z-index:70}.z-\\[71\\]{z-index:71}.z-\\[90\\]{z-index:90}.z-\\[100\\]{z-index:100}.z-\\[200\\]{z-index:200}.z-\\[1000\\]{z-index:1000}.z-\\[9999\\]{z-index:9999}.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}.row-span-2{grid-row:span 2/span 2}.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-3{margin-top:calc(var(--spacing) * -3)}.-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-px{margin-bottom:-1px}.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-1\\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.\\!hidden{display:none!important}.\\!inline{display:inline!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\\[1\\/2\\]{aspect-ratio:1/2}.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-\\[\u2026\\]{aspect-ratio:\u2026}.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-20{height:calc(var(--spacing) * 20)}.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-\\[60\\%\\]{height:60%}.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-\\[140vh\\]{height:140vh}.h-\\[520px\\]{height:520px}.h-\\[calc\\(38px\\*var\\(--scale-label\\,1\\)\\)\\]{height:calc(38px * var(--scale-label,1))}.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-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-5{max-height:calc(var(--spacing) * 5)}.max-h-12{max-height:calc(var(--spacing) * 12)}.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-8{min-height:calc(var(--spacing) * 8)}.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-\\[40vh\\]{min-height:40vh}.min-h-\\[60vh\\]{min-height:60vh}.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-\\[calc\\(100svh-var\\(--sf-header-h\\,88px\\)\\)\\]{min-height:calc(100svh - var(--sf-header-h,88px))}.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-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.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-\\[60\\%\\]{width:60%}.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-\\[320px\\]{width:320px}.w-\\[360px\\]{width:360px}.w-\\[420px\\]{width:420px}.w-\\[460px\\]{width:460px}.w-\\[520px\\]{width:520px}.w-\\[560px\\]{width:560px}.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-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.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-\\[170px\\]{max-width:170px}.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-\\[820px\\]{max-width:820px}.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-\\[1600px\\]{max-width:1600px}.max-w-\\[SITE_WIDTH_CAP\\]{max-width:SITE WIDTH CAP}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.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\\(--sf-page-cap\\,--sf-site-width\\)\\]{max-width:min(--sf-page-cap, --sf-site-width)}.max-w-\\[min\\(var\\(--sf-page-cap\\,\\<natural\\>\\)\\,\\<natural\\>\\)\\]{max-width:min(var(--sf-page-cap,<natural>), <natural>)}.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\\,1600px\\)\\]{max-width:var(--sf-site-width,1600px)}.max-w-\\[var\\(--sf-site-width\\,\u2026\\)\\]{max-width:var(--sf-site-width,\u2026)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.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-\\[18px\\]{min-width:18px}.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%}.\\[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-1\\/2{flex-basis:50%}.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\\(--line\\)_transparent\\]{scrollbar-color:var(--line) transparent}.list-none{list-style-type:none}.\\[grid-auto-flow\\:dense\\]{grid-auto-flow:dense}.\\[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-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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * 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(--radius-2xl)}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[9px\\]{border-radius:9px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.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\\(--line\\)\\)\\]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_45\\%\\,var\\(--line\\)\\)\\]{border-color:color-mix(in oklab,var(--accent) 45%,var(--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-alert\\/50{border-color:var(--alert)}@supports (color:color-mix(in lab, red, red)){.border-alert\\/50{border-color:color-mix(in oklab, var(--alert) 50%, transparent)}}.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(--line)}@supports (color:color-mix(in lab, red, red)){.border-line\\/60{border-color:color-mix(in oklab, var(--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-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.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-alert,.bg-alert\\/10{background-color:var(--alert)}@supports (color:color-mix(in lab, red, red)){.bg-alert\\/10{background-color:color-mix(in oklab, var(--alert) 10%, 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\\/60{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/60{background-color:color-mix(in oklab, var(--bg) 60%, 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\\/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-black\\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.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,.bg-fg-dim\\/40{background-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.bg-fg-dim\\/40{background-color:color-mix(in oklab, var(--fg-dim) 40%, transparent)}}.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(--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-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface\\/50{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\\/50{background-color:color-mix(in oklab, var(--surface) 50%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.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-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-900{background-color:var(--color-zinc-900)}.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-7{padding:calc(var(--spacing) * 7)}.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-\\[SITE_GUTTER_CAP\\]{padding-inline:SITE GUTTER CAP}.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-24{padding-block:calc(var(--spacing) * 24)}.py-\\[2px\\]{padding-block:2px}.py-\\[7px\\]{padding-block:7px}.py-\\[14px\\]{padding-block:14px}.py-\\[18px\\]{padding-block:18px}.py-\\[22px\\]{padding-block:22px}.py-\\[30px\\]{padding-block:30px}.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-\\[64px\\]{padding-top:64px}.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}.pr-\\[200px\\]{padding-right:200px}.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-2\\.5{padding-bottom:calc(var(--spacing) * 2.5)}.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-5{padding-bottom:calc(var(--spacing) * 5)}.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-16{padding-bottom:calc(var(--spacing) * 16)}.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-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--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-\\[12\\.5px\\]{font-size:12.5px}.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-\\[24px\\]{font-size:24px}.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\\: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\\(28px\\,4vw\\,48px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(28px, 4vw, 48px)), 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\\(40px\\,6vw\\,88px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(40px, 6vw, 88px)), 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\\: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-body\\,24px\\)\\]{font-size:var(--size-body,24px)}.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\\(36px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(36px, var(--sf-heading-max,9999px))}.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\\,64px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(clamp(40px, 5vw, 64px), 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)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.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-black{color:var(--color-black)!important}.text-\\[color\\:var\\(--alert\\)\\]{color:var(--alert)}.text-\\[var\\(--sf-accent\\,\\#0f7c4f\\)\\]{color:var(--sf-accent,#0f7c4f)}.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-\\[var\\(--size-headingMedium\\,56px\\)\\]{color:var(--size-headingMedium,56px)}.text-\\[var\\(--size-headingSmall\\,24px\\)\\]{color:var(--size-headingSmall,24px)}.text-\\[\u2026\\]{color:\u2026}.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-100{color:var(--color-red-100)}.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-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.\\[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}.not-italic{font-style:normal}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\\[0\\.18em\\]{text-underline-offset:.18em}.underline-offset-\\[3px\\]{text-underline-offset:3px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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\\(--line\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--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(--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-\\[2px\\]{--tw-backdrop-blur:blur(2px);-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-all{-webkit-user-select:all;user-select:all}.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\\:bg-overlay-scrim\\/20:is(:where(.group):hover *){background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.group-hover\\:bg-overlay-scrim\\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--overlay-scrim) 20%, transparent)}}.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-\\[\\'\xB7\\'\\]:before{--tw-content:"\xB7";content:var(--tw-content)}.before\\:content-\\[\\'\u25CF\\'\\]:before{--tw-content:"\u25CF";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-0:last-child{border-style:var(--tw-border-style);border-width: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\\:scale-\\[1\\.18\\]:hover{scale:1.18}.hover\\:border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_50\\%\\,var\\(--line\\)\\)\\]:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_50\\%\\,var\\(--line\\)\\)\\]:hover{border-color:color-mix(in oklab,var(--accent) 50%,var(--line))}}.hover\\:border-accent:hover{border-color:var(--accent)}.hover\\:border-accent-2:hover{border-color:var(--accent-2)}.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-alert:hover{border-color:var(--alert)}.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\\:border-zinc-400:hover{border-color:var(--color-zinc-400)}.hover\\:bg-\\[color-mix\\(in_oklab\\,var\\(--surface\\)_60\\%\\,transparent\\)\\]:hover{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklab\\,var\\(--surface\\)_60\\%\\,transparent\\)\\]:hover{background-color:color-mix(in oklab,var(--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-\\[\u2026\\]:hover{background-color:\u2026}.hover\\:bg-accent-2:hover{background-color:var(--accent-2)}.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-blue-700:hover{background-color:var(--color-blue-700)}.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-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-surface:hover{background-color:var(--surface)}.hover\\:bg-surface-2:hover{background-color:var(--surface-2)}.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\\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.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\\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:outline-line:hover{outline-color:var(--line)}}.focus\\:border-accent:focus{border-color:var(--accent)}.focus\\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:rounded-sm:focus-visible{border-radius:var(--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}.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(--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 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:1300px){.max-\\[1300px\\]\\: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\\]\\:pr-\\[140px\\]{padding-right:140px}.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\\]\\:text-\\[length\\:min\\(var\\(--size-headingMedium\\,40px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,40px), var(--sf-heading-max,9999px))}.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-row{flex-direction:row}.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\\.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\\,\u2026\\)\\]{padding-inline:min(20px, \u2026)}.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-\\[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\\]\\:sticky{position:sticky}.max-\\[720px\\]\\:top-5{top:calc(var(--spacing) * 5)}.max-\\[720px\\]\\:top-\\[170px\\]{top:170px}.max-\\[720px\\]\\:bottom-6{bottom:calc(var(--spacing) * 6)}.max-\\[720px\\]\\:left-5{left:calc(var(--spacing) * 5)}.max-\\[720px\\]\\:col-span-1{grid-column:span 1/span 1}.max-\\[720px\\]\\:col-span-2{grid-column:span 2/span 2}.max-\\[720px\\]\\:row-span-1{grid-row:span 1/span 1}.max-\\[720px\\]\\:-mx-5{margin-inline:calc(var(--spacing) * -5)}.max-\\[720px\\]\\:-mx-\\[min\\(20px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{margin-inline:calc(min(20px, var(--sf-site-gutter,40px)) * -1)}.max-\\[720px\\]\\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:mr-0{margin-right:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:mb-1{margin-bottom:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:\\!hidden{display:none!important}.max-\\[720px\\]\\:flex{display:flex}.max-\\[720px\\]\\:grid{display:grid}.max-\\[720px\\]\\:hidden{display:none}.max-\\[720px\\]\\:aspect-\\[4\\/5\\]{aspect-ratio:4/5}.max-\\[720px\\]\\:aspect-\\[16\\/10\\]{aspect-ratio:16/10}.max-\\[720px\\]\\:aspect-square{aspect-ratio:1}.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\\]\\:max-w-full{max-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\\]\\:items-stretch{align-items:stretch}.max-\\[720px\\]\\:gap-1{gap:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.max-\\[720px\\]\\:gap-2{gap:calc(var(--spacing) * 2)}.max-\\[720px\\]\\:gap-3{gap:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.max-\\[720px\\]\\:gap-4{gap:calc(var(--spacing) * 4)}.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\\]\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.max-\\[720px\\]\\:p-3{padding:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:p-\\[11px\\]{padding:11px}.max-\\[720px\\]\\:px-0{padding-inline:calc(var(--spacing) * 0)}.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-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.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\\]\\:py-14{padding-block:calc(var(--spacing) * 14)}.max-\\[720px\\]\\:pt-12{padding-top:calc(var(--spacing) * 12)}.max-\\[720px\\]\\:pt-\\[36px\\]{padding-top:36px}.max-\\[720px\\]\\:pt-\\[40px\\]{padding-top:40px}.max-\\[720px\\]\\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:pb-\\[20px\\]{padding-bottom:20px}.max-\\[720px\\]\\:pb-\\[60px\\]{padding-bottom:60px}.max-\\[720px\\]\\:pb-\\[70px\\]{padding-bottom:70px}.max-\\[720px\\]\\:text-left{text-align:left}.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-body\\,18px\\)\\]{font-size:var(--size-body,18px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-body\\,20px\\)\\]{font-size:var(--size-body,20px)}.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}.max-\\[720px\\]\\:shadow-\\[0_24px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.55\\)\\]{--tw-shadow:0 24px 48px -12px 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)}}@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\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\\[640px\\]\\:grid-cols-\\[minmax\\(0\\,1\\.6fr\\)_minmax\\(180px\\,0\\.6fr\\)\\]{grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr)}.min-\\[640px\\]\\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.min-\\[640px\\]\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.min-\\[640px\\]\\:border-line{border-color:var(--line)}.min-\\[640px\\]\\:p-5{padding:calc(var(--spacing) * 5)}.min-\\[640px\\]\\:p-7{padding:calc(var(--spacing) * 7)}.min-\\[640px\\]\\:p-9{padding:calc(var(--spacing) * 9)}.min-\\[640px\\]\\:pr-8{padding-right:calc(var(--spacing) * 8)}.min-\\[640px\\]\\:pl-8{padding-left:calc(var(--spacing) * 8)}.min-\\[640px\\]\\:text-\\[min\\(52px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(52px, var(--sf-heading-max,9999px))}}@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\\]\\:hidden{display:none}.min-\\[720px\\]\\:inline{display:inline}.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\\]\\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.min-\\[800px\\]\\:flex{display:flex}.min-\\[800px\\]\\:hidden{display:none}.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-\\[72px\\]{padding-block:72px}.min-\\[800px\\]\\:py-\\[88px\\]{padding-block:88px}.min-\\[800px\\]\\:pb-7{padding-bottom:calc(var(--spacing) * 7)}}@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\\]\\: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:900px){.min-\\[900px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.min-\\[900px\\]\\:grid-cols-\\[minmax\\(0\\,1\\.45fr\\)_minmax\\(300px\\,0\\.75fr\\)\\]{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.min-\\[900px\\]\\:gap-12{gap:calc(var(--spacing) * 12)}}@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\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-cols-\\[110px_1fr\\]{grid-template-columns:110px 1fr}.sm\\:flex-row{flex-direction:row}.sm\\:flex-wrap{flex-wrap:wrap}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:48rem){.md\\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\\:font-mono{font-family:var(--font-role-label), var(--font-mono-fallback)}}@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\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.\\[\\&_li\\]\\:text-alert li{color:var(--alert)}.\\[\\&\\:\\:-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)}.\\[\\&\\>\\*\\]\\:py-0>*{padding-block:calc(var(--spacing) * 0)}@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(--line)}@media (hover:hover){.hover\\:\\[\\&\\>td\\]\\:bg-surface:hover>td{background-color:var(--surface)}.hover\\:\\[\\&\\>td\\]\\:bg-surface-2:hover>td{background-color:var(--surface-2)}}.rounded{border-radius:var(--radius)}}:root{--bg-base:#0a0a0a;--bg:var(--bg-base);--surface-base:#131313;--surface:var(--surface-base);--surface-2-base:#1c1c1c;--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;--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(--surface-2)}@supports (color:color-mix(in lab, red, red)){:root,.sf-theme-surfaces{--card-bg:color-mix(in oklab, var(--surface-2) 92%, var(--fg))}}:root,.sf-theme-surfaces{--card-bg-hover:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){:root,.sf-theme-surfaces{--card-bg-hover:color-mix(in oklab, var(--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(--surface);--card-bg-hover:var(--surface-2);--journal-panel-bg:var(--surface);--catalog-grid-bg:var(--bg);--section-bg:var(--bg);--tooltip-bg:var(--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));--surface:var(--theme-surface,var(--surface-base));--surface-2:var(--theme-surface-2,var(--surface-2-base));--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));--surface:var(--sf-sec-surface,var(--theme-surface,#131313));--surface-2:var(--sf-sec-surface-2,var(--theme-surface-2,#1c1c1c));--line:var(--sf-sec-line,var(--theme-line,#2a2a2a));--fg-dim:var(--sf-sec-muted,var(--theme-muted,#9a9388));--card-bg:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.sf-section-accent,.sf-header-theme{--card-bg:color-mix(in oklab, var(--surface-2) 92%, var(--fg))}}.sf-section-accent,.sf-header-theme{--card-bg-hover:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.sf-section-accent,.sf-header-theme{--card-bg-hover:color-mix(in oklab, var(--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{--radius:.25rem}.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}.sf-site-header{--sf-header-overlay-fg:var(--overlay-fg)}[data-theme=light] .sf-site-header{--sf-header-overlay-fg:var(--fg)}body:has([data-lead-ink=light]) .sf-site-header{--sf-header-overlay-fg:var(--overlay-fg)}body:has([data-lead-ink=dark]) .sf-site-header{--sf-header-overlay-fg:var(--overlay-fg-on-light)}body .sf-site-header[data-header-ink=light]{--sf-header-overlay-fg:var(--overlay-fg)}body .sf-site-header[data-header-ink=dark]{--sf-header-overlay-fg:var(--overlay-fg-on-light)}@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:1100px){[data-section-group=header] .flex-row:has([data-menu-row]){flex-wrap:wrap;row-gap:12px}[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){border-top:1px solid var(--line);flex:1 0 100%;order:99}@supports (color:color-mix(in lab, red, red)){[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){border-top:1px solid color-mix(in oklab, var(--line) 60%, transparent)}}[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){padding-top:10px}[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}}body:has([data-top-space=own]) .sf-site-header{--sf-header-overlay-fg:var(--fg);background:var(--bg);border-bottom-color:var(--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 lo,B as ho,C as co,D as po,E as fo,F as go,G as Mt,H as Wt,I as uo,J as mo,K as _t,L as xo,M as vo,N as dt,O as yo,P as ko,Q as To,R as Eo,S as So,T as jr,U as Ao,V as No,W as Oo,a as In,b as Tt,c as zn,d as Rn,e as Ve,f as me,g as ia,h as la,i as Oa,j as zt,k as Rt,l as Wa,m as Za,n as Dt,o as Qa,p as $a,q as Lt,r as Ja,s as eo,t as to,u as no,v as ao,w as oo,x as ro,y as so,z as io}from"./chunks/chunk-2XX3N727.js";import{a as st,b as Ba}from"./chunks/chunk-N3IM4XBG.js";import{h as Ra,i as Ha,j as Ma,l as rt}from"./chunks/chunk-J5WPJJCW.js";import"./chunks/chunk-MEIUD5LJ.js";import{l as Fa,m as it,r as Ua,s as Ct,u as ja,x as Ya}from"./chunks/chunk-XQGZKQII.js";import{Ac as It,Ag as _a,Cb as na,Dc as nt,Gb as aa,Jb as oa,Kc as ha,Kf as se,Lc as ca,Mc as pa,O as Pn,Pc as fa,Q as Ze,Rc as ua,Sc as ma,Tb as Nt,Uc as xe,X as Cn,Y as Dn,Yc as wa,_b as ra,ac as sa,bd as ba,cd as xa,cf as Na,dd as va,ed as ya,fd as ve,gd as ka,ge as re,la as Ae,md as Ta,ng as Pa,nh as Ie,og as Ca,oh as ye,qa as Ln,qg as Pt,rg as La,sa as Mn,se as Ea,ug as ot,va as Qe,ve as Sa,xa as $e,xc as Ot,yc as da,zc as be,ze as Aa}from"./chunks/chunk-TUB4O4RZ.js";import{a as ga,b as Oe,c as Gr}from"./chunks/chunk-HVOO2GNE.js";import{H as lt,L as Xa,O as ze,Q as Re,S as wo,T as bo,o as Ka}from"./chunks/chunk-EKKAVQJX.js";import{a as at,i as qa,t as Va,x as _}from"./chunks/chunk-7QXLVNFD.js";import{a as Ga}from"./chunks/chunk-RRHBLOH4.js";import{Fa as ta,Ja as et,Ka as tt,La as Ia,Ma as za,Na as Ht,Qa as Da,U as Un,Y as Bn,_ as Gn,ba as jn,ca as Yn,ga as qn,ha as At,ka as Vn,ma as Kn,na as Xn,oa as Zn,pa as Qn,r as Wn,s as _n,u as Fn,ua as $n,v as Ne,va as Jn,w as Je,x as St,y as ee,ya as ea}from"./chunks/chunk-FU5UZ4UY.js";import{d as we,e as Ke,f as Hn,o as Xe,r as Et}from"./chunks/chunk-6CP4D6VJ.js";import"./chunks/chunk-Y6SLVHK3.js";import{useEffect as di,useMemo as hi,useState as dr}from"react";import{useMemo as Yr}from"react";import{jsx as qr}from"react/jsx-runtime";function Ft({apiKey:e,mapId:t,children:n}){let a=Yr(()=>({apiKey:e,setApiKey:()=>{},mapId:t}),[e,t]);return qr(Ve,{value:a,children:n})}import{useCallback as P,useEffect as de,useMemo as gt,useRef as ie,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/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import{documentPermissions as ss}from"efficient-easel/edit-lock";function ht(e,t,n){if(!e)return e;let a=!1,o={};for(let[l,r]of Object.entries(e)){let h=r;if(r&&typeof r=="object")if(r.type==="slot")if(r.allow){let c=r.allow.filter(t);c.length!==r.allow.length&&(h={...r,allow:c})}else{let c=new Set(r.disallow??[]),d=n.filter(m=>!c.has(m));d.length>0&&(h={...r,disallow:[...r.disallow??[],...d]})}else{let c=ht(r.arrayFields,t,n),d=ht(r.objectFields,t,n);(c!==r.arrayFields||d!==r.objectFields)&&(h={...r,...c?{arrayFields:c}:null,...d?{objectFields:d}:null})}h!==r&&(a=!0),o[l]=h}return a?o:e}function Vr(e,t,n){let a={};for(let[h,c]of Object.entries(t.fields??{}))a[h]=c&&typeof c=="object"&&c.type==="slot"?{...c}:c;let o={...t,...t.fields?{fields:a}:null},l=la(e,o,n),r=Object.keys(a).filter(h=>l.fields?.[h]!==a[h]);if(r.length>0)throw new Error(`efficient-web-builder: blocks.host["${e}"] declares ${r.map(h=>`"${h}"`).join(", ")}, ${r.length===1?"a name":"names"} the editor gives every section a setting under. Give the block's own field another name.`);return l}function ct(e,t){let n=Object.entries(t?.host??{}),a=t?.categories??[],o=Dn(t);if(!o&&n.length===0&&a.length===0)return e;let l=e.components,r=n.map(([p])=>p).filter(p=>p in l);if(r.length>0)throw new Error(`efficient-web-builder: blocks.host registers ${r.map(p=>`"${p}"`).join(", ")}, which ${r.length===1?"is already a block":"are already blocks"} of the editor. Give a host's block a type of its own.`);let h=p=>o?o.offers(p):!0,c=Object.keys(l).filter(p=>!h(p)),d={};for(let[p,g]of Object.entries(l)){let T=o?ht(g?.fields,h,c):g?.fields;d[p]=T===g?.fields?g:{...g,fields:T}}if(n.length>0){let p=new Set(n.map(([b])=>b)),g=e.categories?.structure?.components??[],T=ia(Object.keys(l),g),E={...T,isSection:b=>p.has(b)||T.isSection(b),isHostBlock:b=>p.has(b),inspector:Oa};for(let[b,u]of n){let x=Vr(b,u,E),N=ht(x.fields,h,c);d[b]=N===x.fields?x:{...x,fields:N}}}let m=[];for(let[p,g]of Object.entries(e.categories??{})){let T=g?.components??[],E=T.filter(h);E.length===T.length?m.push([p,g]):E.length>0&&m.push([p,{...g,components:E}])}for(let p of a){let g=p.components.filter(u=>u in d&&h(u));if(g.length===0)continue;let T=m.find(([u])=>u===p.key);if(T){let[,u]=T,x=new Set(u.components??[]);T[1]={...u,components:[...u.components??[],...g.filter(N=>!x.has(N))]};continue}let E=[p.key,{title:p.title,components:g}],b=p.before?m.findIndex(([u])=>u===p.before):-1;b===-1?m.push(E):m.splice(b,0,E)}return{...e,components:d,categories:Object.fromEntries(m)}}import{Fragment as Kr,jsx as Io}from"react/jsx-runtime";function pt({wrap:e,surface:t,children:n}){return e?Io(e,{surface:t,children:n}):Io(Kr,{children:n})}function Xr(e){return!!e&&typeof e=="object"&&typeof e[Ea]=="string"}function Zr(e,t){if(!e)return e;let n=null;for(let[a,o]of Object.entries(e))Xr(o)&&(n??={...e},n[a]={...o,siteGap:t});return n??e}function zo(e,t){let n=e,a=!1,o={};for(let[l,r]of Object.entries(n.components)){let h=Zr(r.fields,t);if(h===r.fields){o[l]=r;continue}a=!0,o[l]={...r,fields:h}}return a?{...e,components:o}:e}var Ro=at.mediaFields,Ho=at.snapshotObjects,Po=at.hydratedLists;function Qr(e){return typeof e=="string"?"":Array.isArray(e)?[]:e&&typeof e=="object"?null:e}function Ut(e,t){if(t.length===0)return Qr(e);let[n,...a]=t,o=n.endsWith("[]"),l=o?n.slice(0,-2):n;if(!e||typeof e!="object"||Array.isArray(e))return e;let r=e;if(!(l in r))return e;let h=r[l];return o?Array.isArray(h)?{...r,[l]:h.map(c=>Ut(c,a.length?a:[]))}:e:{...r,[l]:Ut(h,a)}}function Co(e,t){if(Array.isArray(e))return e.map(o=>Co(o,t));if(!e||typeof e!="object")return e;let n=e,a={};for(let o of t)o in n&&(a[o]=n[o]);return a}function $r(e,t){let n=t;for(let o of Ro[e]??[])n=Ut(n,o.split("."));let a=Ho[e];if(a)for(let[o,l]of Object.entries(a))o in n&&(n={...n,[o]:Co(n[o],l.keep)});for(let o of Po[e]??[])Array.isArray(n[o])&&(n={...n,[o]:[]});return n}function Jr(e,t){return typeof t!="function"?t:n=>t($r(e,n))}function ft(e,t){if(!t)return e;let n=e,a={};for(let[o,l]of Object.entries(n.components)){let r=(Ro[o]?.length??0)>0||Ho[o]||Po[o];a[o]=r&&l.render?{...l,render:Jr(o,l.render)}:l}return{...n,components:a}}import{useCallback as es,useEffect as ts,useMemo as Do,useRef as Lo,useState as ns}from"react";var as="Could not save this link. Check your connection and try again.";function os(e,t){if(!(e instanceof It)||e.kind!=="invalid")return null;let n=e.fields?.[t];return typeof n=="string"&&n.trim()?n:null}function rs(e){return Object.fromEntries(Ht.map(t=>[t,{value:e[t]??"",error:null}]))}function Mo({token:e,siteId:t,enabled:n}){let[a,o]=ns(Pt),l=Lo(null),r=Lo(!1),h=be(),c=we(h).social,d=n&&!!e&&!!t&&!!c;ts(()=>{if(!d||!e||!t||!c)return;l.current!==t&&(l.current=t,r.current=!1,o(Pt));let g=!1;return c.get({siteId:t}).then(T=>{!g&&!r.current&&o(rs(T))}).catch(()=>{}),()=>{g=!0}},[d,e,t,c]);let m=es(async(g,T)=>{if(!d||!e||!t||!c)return{ok:!1,error:"There is no website to save to."};try{let E=await c.update({[g]:T.trim()},{siteId:t});return r.current=!0,o(b=>({...b,[g]:{value:E[g]??"",error:null}})),{ok:!0}}catch(E){let b=os(E,g)??as;return o(u=>({...u,[g]:{...u[g],error:b}})),{ok:!1,error:b}}},[d,e,t,c]),p=Do(()=>Da(Object.fromEntries(Ht.map(g=>[g,a[g].value]))),[a]);return Do(()=>({links:p,rows:a,canSave:d,saveLink:m}),[p,a,d,m])}import{jsx as S,jsxs as Gt}from"react/jsx-runtime";var is=me(()=>import("./chunks/SiteEditorProvider-ECGZVKLG.js"),{ssr:!1}),ls=me(()=>import("./chunks/StorefrontEditorChrome-YKEMJT3Z.js"),{ssr:!1}),ds=()=>{if(typeof window>"u")return ee;try{let e=window.localStorage.getItem(Ne);return e==="light"||e==="dark"||e==="auto"?e:ee}catch{return ee}},Wo=e=>{if(!(typeof window>"u"))try{window.localStorage.setItem(Ne,e)}catch{}},hs=()=>{if(typeof window>"u")return!1;try{return window.localStorage.getItem(Je)!==St}catch{return!1}},cs=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Fn)}catch{}},_o=e=>{if(!(typeof window>"u"))try{e?window.localStorage.removeItem(Je):window.localStorage.setItem(Je,St)}catch{}};function ps({saving:e,onCancel:t,onDiscard:n,onSave:a}){return S("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-leave-title",children:Gt("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",children:[S("h2",{id:"sf-leave-title",className:"text-[15px] font-semibold text-zinc-900",children:"Unsaved changes"}),S("p",{className:"mt-2 text-[13px] leading-relaxed text-zinc-600",children:"Your most recent edits haven\u2019t finished saving yet. Save them before switching, or leave and discard them."}),Gt("div",{className:"mt-4 flex justify-end gap-2",children:[S("button",{type:"button",onClick:t,className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),S("button",{type:"button",onClick:n,className:"rounded-md border border-red-200 px-3 py-[7px] text-[13px] font-medium text-red-600 transition-colors hover:bg-red-50",children:"Discard & leave"}),S("button",{type:"button",onClick:a,disabled:e,className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:e?"Saving\u2026":"Save & leave"})]})]})})}function fs(){let{adapter:e,capabilities:t,templateId:n,ready:a,token:o,siteId:l,currentSlug:r,currentKind:h,data:c,getLiveData:d,footerOriginSlug:m,error:p,redirecting:g,saveStatus:T,readOnly:E,navigate:b,onChange:u,pendingNav:x,cancelPendingNav:N,discardAndNavigate:W,saveAndNavigate:B}=ve();de(()=>(zt(r,h),()=>zt(null,null)),[r,h]);let Y=t.placeholderFrames,[le,Z]=H(null),[q,F]=H("");de(()=>{let f=e.templateName;if(!a||!n||!f){F("");return}let D=!1;return f().then(U=>!D&&F(U??"")).catch(()=>{}),()=>{D=!0}},[a,o,n,e]);let[Q,C]=H(ee),[A,$]=H(!1),[Ee,O]=H({selected:0,themes:[]}),[I,V]=H(Wn),[Se,ue]=H(Un),[Be,s]=H(null),[k,z]=H($n),[R,G]=H(null),[Ge,ae]=H(null),[oe,je]=H(At),[pr,cn]=H(null),[fr,pn]=H(null),[gr,fn]=H(null),[bt,gn]=H(null),J=be(),un=gt(()=>ct(Ke(J),J.blocks),[J]),ur=gt(()=>zo(ft(un,Y),bt),[un,Y,bt]),mr=gt(()=>ss(!E),[E]),[wr,mn]=H(ea),[br,wn]=H(null),[xr,bn]=H(null),xn=ie(null),L=ie(!1);de(()=>{C(ds()),$(hs())},[]);let vr=P(f=>{L.current=!0,cs(),Wo(f),C(f)},[]),yr=P(f=>{L.current=!0,_o(f),$(f)},[]),kr=P(f=>{L.current=!0,O(f)},[]),Tr=P(f=>{L.current=!0,V(f)},[]),Er=P(f=>{L.current=!0,ue(f)},[]),Sr=P(f=>{L.current=!0,s(f)},[]),Ar=P(f=>{L.current=!0,z(f)},[]),Nr=P(f=>{L.current=!0,G(f)},[]),Or=P(f=>{L.current=!0,ae(f)},[]),Ir=P(f=>{L.current=!0,je(f)},[]),zr=P(f=>{L.current=!0,cn(f)},[]),Rr=P(f=>{L.current=!0,mn(f)},[]),Hr=P(f=>{L.current=!0,pn(f)},[]),Pr=P(f=>{L.current=!0,fn(f)},[]),Cr=P(f=>{L.current=!0,gn(f)},[]),Dr=P(f=>{L.current=!0,wn(f)},[]),Lr=P(f=>{L.current=!0,bn(f)},[]);de(()=>{let f=we(J).theme;if(!o||!t.hasSiteTheme||!f)return;let D=l??"";xn.current!==D&&(xn.current=D,L.current=!1);let U=!1;return f.get(l?{siteId:l}:void 0).then(w=>{U||L.current||(Wo(w.default_mode),_o(w.show_theme_switch),C(w.default_mode),$(w.show_theme_switch),O({selected:w.selected_preset,themes:w.theme_presets}),V(_n({heading:w.heading_font,body:w.body_font,accent:w.accent_font,label:w.label_font})),ue(Bn({headingLarge:w.heading_size_large_px,headingMedium:w.heading_size_medium_px,headingSmall:w.heading_size_small_px,body:w.body_size_px,label:w.label_size_px})),s(w.corner_radius_px===void 0?jn[Gn(w.corner_style)]:Yn(w.corner_radius_px)),z(Jn(w.heading_compression)),G(w.card_shadow==null?qn:Kn(w.card_shadow)),je(w.card_gap==null?At:Xn(w.card_gap)),cn(w.hover_effect==null?Vn:Zn(w.hover_effect)),ae(Qn(w.shadow_color)),pn(aa(w.site_width)),fn(oa(w.site_gutter)),gn(Sa(w.block_gap)),mn(ta(w)),wn(w.hero_background_follows_width===!0),bn(w.photography_grayscale===!0))}).catch(()=>{}),()=>{U=!0}},[o,l,t.hasSiteTheme,J]);let Mr=Mo({token:o,siteId:l,enabled:t.hasSiteSettings}),[Wr,vn]=H(Pa),yn=ie(null),xt=ie(!1),vt=ie(null),Ye=ie({}),_r=P(f=>{xt.current=!0,vn(D=>({...D,...f})),!(!t.hasSiteSettings||!o)&&(Ye.current={...Ye.current,...f},vt.current&&clearTimeout(vt.current),vt.current=setTimeout(()=>{let D=Ye.current;Ye.current={},we(J).chat?.update(D,l?{siteId:l}:void 0).catch(()=>{})},500))},[t.hasSiteSettings,o,l,J]);de(()=>{if(!o||!t.hasSiteSettings)return;let f=l??"";yn.current!==f&&(yn.current=f,xt.current=!1);let D=!1,U=we(J).chat;if(U)return U.get(l?{siteId:l}:void 0).then(w=>{D||xt.current||vn({enabled:w.enabled,title:w.title,subtitle:w.subtitle,greeting:w.greeting})}).catch(()=>{}),()=>{D=!0}},[o,l,t.hasSiteSettings,J]);let[qe,yt]=H(""),kn=ie(null),kt=ie(!1);de(()=>yt(In()),[]);let Tn=P(f=>{let D=f.trim();if(D===qe)return;kt.current=!0,Tt(D),yt(D);let U=e.updateSite;!t.canEditSiteRecord||!a||!U||U({mapsApiKey:D}).catch(()=>{})},[qe,t.canEditSiteRecord,a,e]),[En,Sn]=H("");de(()=>Sn(zn()),[]),de(()=>{let f=e.site;if(!a||!t.hasSiteRecord||!f){Z(null);return}let D=l??"";kn.current!==D&&(kn.current=D,kt.current=!1);let U=!1;return f().then(w=>{if(U||(Z(za(w.name)),kt.current))return;let Nn=w.mapsApiKey??"";Tt(Nn),yt(Nn);let On=w.mapsMapId??"";Rn(On),Sn(On)}).catch(()=>{}),()=>{U=!0}},[a,o,t.hasSiteRecord,l,e]);let Fr=gt(()=>({apiKey:qe,setApiKey:Tn,mapId:En}),[qe,Tn,En]),An=ie(null),Ur=P(()=>{An.current=d()??c??null,pa(r),b({kind:"page",slug:nt,siteId:l??void 0,originSlug:r})},[d,c,r,b,l]),Br=P(()=>{m&&b({kind:"page",slug:m,siteId:l??void 0})},[m,b,l]);return g?S("div",{className:"sf-msg",children:"Loading\u2026"}):p?S("div",{className:"sf-msg sf-msg--error",children:p}):a?c?S(et,{websiteName:le,templateChrome:Y,templateName:q||null,themeMode:Q,onThemeModeChange:vr,themeSwitchShown:A,onThemeSwitchShownChange:yr,theme:Ee,onThemeChange:kr,fonts:I,onFontsChange:Tr,cornerRadiusPx:Be,onCornerRadiusPxChange:Sr,cardShadow:R,onCardShadowChange:Nr,shadowColor:Ge,onShadowColorChange:Or,cardGap:oe,onCardGapChange:Ir,hoverEffect:pr,onHoverEffectChange:zr,headingCompression:k,onHeadingCompressionChange:Ar,headingTypography:wr,onHeadingTypographyChange:Rr,sizes:Se,onSizesChange:Er,siteWidth:fr,onSiteWidthChange:Hr,siteGutter:gr,onSiteGutterChange:Pr,blockGap:bt,onBlockGapChange:Cr,heroBackgroundFollowsWidth:br,onHeroBackgroundFollowsWidthChange:Dr,photographyGrayscale:xr,onPhotographyGrayscaleChange:Lr,themeFromDocument:!t.hasSiteTheme,children:S(Wa,{originData:m?An.current:null,originSlug:m,exitFocus:Br,children:S(Ra,{editFooter:Ur,children:S(pt,{wrap:J.chrome?.wrap,surface:"page",children:S(ot,{children:S(Qe,{children:S(rt,{children:S($e,{children:Gt(Ve,{value:Fr,children:[S(Ca,{chat:Wr,onChatChange:_r,children:S(La,{value:Mr,children:S(Ma,{children:S(is,{config:ur,data:c,onChange:u,permissions:mr,children:S(ls,{})})})})}),x&&S(ps,{saving:T==="saving",onCancel:N,onDiscard:W,onSave:()=>{B()}})]})})})})})})})})}):S("div",{className:"sf-msg",children:"Loading\u2026"}):S("div",{className:"sf-msg",children:"Waiting for editor authorization\u2026"})}function jt({target:e}){return S(ka,{target:e,children:S(fs,{})})}import{jsx as ce}from"react/jsx-runtime";function Yt({catalogFilterLabels:e,menuItems:t,currency:n,subscribe:a,searchShortcut:o=!0,children:l}){return ce(Za,{labels:e,children:ce(ro,{items:t,children:ce(lt,{...n,children:ce(io,{...a,children:ce(lo,{children:ce(Xa,{children:ce(so,{shortcut:o,children:l})})})})})})})}import{useCallback as Fo,useEffect as ut,useMemo as He,useRef as gs,useState as Pe}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/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import{documentPermissions as us}from"efficient-easel/edit-lock";import{useAutosave as ms}from"efficient-easel/autosave";import{jsx as K}from"react/jsx-runtime";var ws=me(()=>import("./chunks/SiteEditorProvider-ECGZVKLG.js"),{ssr:!1}),bs=me(()=>import("./chunks/SectionEditorShell-CVWJ6DSU.js"),{ssr:!1}),Bo="HeroSingle",Uo="Untitled section";function xs(e,t){let n=t.components,a=n[e]?e:Bo,o=n[a]?.defaultProps??{},l=Cn(a,h=>n[h]?.defaultProps??{}),r=a===Ze?{blocks:_a()}:null;return{type:a,props:{id:Pn(a),...o,...l?{[l.slot]:l.children}:null,...r}}}function vs(){if(typeof window>"u")return ee;try{let e=window.localStorage.getItem(Ne);return e==="light"||e==="dark"||e==="auto"?e:ee}catch{return ee}}function qt({id:e,initialType:t,initialName:n=Uo}){let[a,o]=Pe(e),l=gs(a);ut(()=>{l.current=a},[a]);let r=Oe(),[h,c]=Pe(t),[d,m]=Pe(n),[p,g]=Pe(void 0),[T,E]=Pe(ee),{token:b,tokenRef:u}=ma({onMessage:O=>{if(xa(O))return;let I=O;if(I?.type==="storefront-editor:navigate"&&I.target?.kind==="section"&&I.target.id){let V=I.target.id;if(V===l.current)return;let Se=I.target.type,ue=I.target.name;B().then(()=>{c(Se),m(ue||Uo),o(V),r.address.show({kind:"section",id:V})})}}}),x=ms({save:O=>st.update(O.id,O.node).then(()=>{}),onFailure:(O,I)=>{I===0&&r.send("storefront-editor:save-failed")}}),{state:N,push:W,flush:B}=x;ut(()=>E(vs()),[]);let Y=be(),le=Y.usesBridgedToken?!!b:!0,Z=He(()=>ct(Ke(Y),Y.blocks),[Y]);ut(()=>{if(!le)return;let O=!1;return g(void 0),st.ensure(a,d,xs(h??Bo,Z)).then(I=>!O&&g(I.node)).catch(()=>!O&&g(null)),()=>{O=!0}},[a,h,d,le,Z]);let q=Fo(O=>{r.send("storefront-editor:dirty");let I=Ct(O);I&&W({id:l.current,node:I})},[W,r]),F=r.send,Q=Fo(async O=>{try{return await O(u.current??""),!0}catch{return F("storefront-editor:save-failed"),!1}},[F]),C=He(()=>ft(Z,!0),[Z]);ut(()=>(Rt(null),()=>Rt(null)),[]);let A=He(()=>p?va(Ua(p)):null,[p]),$=He(()=>({target:{kind:"page",slug:""},adapter:Ot(void 0),capabilities:Ot(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:le,token:b,tokenRef:u,notifyParent:F,runAuthed:Q,docId:a,data:A,getLiveData:()=>A,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:fa(N),saveState:N,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:N.pending,toggleAutoSave:()=>{},retrySave:()=>{x.retryNow()},onChange:q,flushSave:B,onPublish:async O=>{let I=Ct(O);I&&await st.update(l.current,I)},bridgeCapabilities:ua,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[a,le,b,F,Q,A,N,q,B,x.retryNow]),Ee=He(()=>us(!$.readOnly),[$.readOnly]);return p===void 0?K("div",{className:"sf-msg",children:"Loading\u2026"}):p===null||!A?K("div",{className:"sf-msg sf-msg--error",children:"Couldn\u2019t open this section."}):K(ya.Provider,{value:$,children:K(et,{themeMode:T,chromePlaceholder:!0,children:K(pt,{wrap:Y.chrome?.wrap,surface:"section",children:K(ot,{children:K(Qe,{children:K(rt,{children:K($e,{children:K(ws,{config:C,data:A,onChange:q,permissions:Ee,children:K(bs,{})},a)})})})})})})})}import{useEffect as Ns,useState as Os}from"react";var De={currencies:[],defaultCurrency:null},ys={currencies:[],defaultCurrency:null,reason:"none-configured"},Ce=new Map;function Go(e,t,n=!1){n&&Ce.delete(t);let a=Ce.get(t);return a||(a=ks(e,t),Ce.set(t,a),a.catch(()=>{Ce.get(t)===a&&Ce.delete(t)})),a}async function ks(e,t){try{let n=await Ba(e,t);if(!n)return De;let a=await Va.getSiteBySlug(n);return a.status!=="online"?await Ts(e,t):{currencies:a.currencies??[],defaultCurrency:a.defaultCurrency??null}}catch(n){return console.warn("[editor-currency-source] load failed; editor stays unpriced",n),De}}async function Ts(e,t){let n=await _.listSiteCurrencies(t,e);if(!n.length)return ys;let a=[...n].sort((o,l)=>o.display_order-l.display_order).map(o=>({code:o.currency_code,symbol:o.symbol||As(o.currency_code),decimalPlaces:typeof o.decimal_places=="number"?o.decimal_places:Ss(o.currency_code),isDefault:o.is_default}));return{currencies:a,defaultCurrency:a.find(o=>o.isDefault)?.code??a[0].code}}var Es=0;function jo(e){try{return new Intl.NumberFormat(Ka,{style:"currency",currency:e})}catch{return null}}function Ss(e){return jo(e)?.resolvedOptions().maximumFractionDigits??Es}function As(e){return jo(e)?.formatToParts(0).find(a=>a.type==="currency")?.value||e}import{jsx as Yo}from"react/jsx-runtime";function Vt({token:e,siteId:t,enabled:n,children:a}){let[o,l]=Os(De);return Ns(()=>{if(!e||!n||!t){l(De);return}let r=!1;return Go(e,t).then(h=>{r||l(h)}).catch(()=>{}),()=>{r=!0}},[e,n,t]),Yo(lt,{currencies:o.currencies,defaultCurrency:o.defaultCurrency,children:Yo(ho,{reason:o.reason,children:a})})}import{useEffect as qo,useRef as Kt}from"react";function ke({token:e,enabled:t=!0,deps:n=[],prime:a,onDisabled:o,refresh:l}){let r=Kt(a);r.current=a;let h=Kt(o);h.current=o;let c=Kt(l);c.current=l,qo(()=>{if(!e||!t){h.current?.();return}let d=!1;return r.current.load().then(m=>{d||r.current.publish(m)}).catch(()=>{}),()=>{d=!0}},[e,t,...n]),qo(()=>{if(!e||!t||!c.current)return;let d=!1,m=c.current.subscribe(()=>{let p=c.current;p&&p.load().then(g=>{d||p.publish(g)}).catch(()=>{})});return()=>{d=!0,m()}},[e,t,...n])}function Xt({token:e,siteId:t,enabled:n=!0}){let{setFooterBlock:a,setHeaderGroup:o,refreshToken:l}=Ha();return ke({token:e,enabled:n,deps:[t,l],onDisabled:()=>{a(null),o(null)},prime:{load:()=>_.findPageBySlug(nt,e,t??void 0),publish:r=>{a(r?ha(r.layout):null),o(r?ca(r.layout):null)}}}),null}var pe=new Map,Zt=e=>e??"";function fe(e,t,n=!1){let a=Zt(t);n&&pe.delete(a);let o=pe.get(a);return o||(o=_.getHeaderSettings(e,t??void 0),pe.set(a,o),o.catch(()=>{pe.get(a)===o&&pe.delete(a)})),o}function Vo(e,t){pe.set(Zt(t),Promise.resolve(e))}function Ko(e){pe.delete(Zt(e))}function Le(e){return{logoUrl:Xe(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 Qt({token:e,siteId:t}){let{primeSettings:n,setSettings:a}=tt();return ke({token:e,deps:[t],prime:{load:()=>fe(e,t),publish:o=>n(Le(o))},refresh:{subscribe:xe,load:()=>fe(e,t,!0),publish:o=>a(Le(o))}}),null}function mt({token:e}){let{primeLive:t,setLive:n}=uo();return ke({token:e,prime:{load:()=>co(e),publish:a=>t(Mt(a))},refresh:{subscribe:xe,load:()=>po(e),publish:a=>n(Mt(a))}}),null}import{jsx as wt,jsxs as $t}from"react/jsx-runtime";function Jt({surface:e,children:t}){let{token:n,siteId:a,capabilities:o}=ve();if(e==="section")return $t(Wt,{children:[n?wt(mt,{token:n}):null,t]});let l=n??"";return $t(Vt,{token:l,siteId:a,enabled:o.hasSiteSettings,children:[o.hasSiteSettings&&wt(Qt,{token:l,siteId:a}),wt(Xt,{token:l,siteId:a,enabled:o.hasSiteSettings}),$t(Wt,{children:[o.hasSiteSettings&&wt(mt,{token:l}),t]})]})}import{useCallback as te,useEffect as _e,useRef as en,useState as he}from"react";import{SettingsSwitch as Me,SettingsTabs as Is}from"efficient-easel/panel";import{FieldSelect as nn}from"efficient-easel/fields";import{ListIcon as zs,LogoIcon as Rs,SettingsIcon as Hs,StylesIcon as Ps}from"efficient-easel/icons";import{Fragment as ge,jsx as i,jsxs as y}from"react/jsx-runtime";var We="sf-header-tabpanel",tn=[{id:"logo",label:"Logo",icon:i(Rs,{}),htmlId:"sf-header-tab-logo",panelId:We},{id:"menu",label:"Menu",icon:i(zs,{}),htmlId:"sf-header-tab-menu",panelId:We},{id:"tools",label:"Tools",icon:i(Hs,{}),htmlId:"sf-header-tab-tools",panelId:We},{id:"look",label:"Look",icon:i(Ps,{}),htmlId:"sf-header-tab-look",panelId:We}];function an({tokenRef:e,siteId:t,onClose:n,onAuthExpired:a,inline:o,placeholderMode:l,websiteName:r,onOpenWebsiteSettings:h}){let c=Oe(),[d,m]=he(null),[p,g]=he(null),[T,E]=he(!1),[b,u]=he(tn[0].id),[x,N]=he(Fa),W=l?tn.filter(s=>s.id!=="menu"):tn,B=W.find(s=>s.id===b)??W[0],[Y,le]=he(0),{setSettings:Z}=tt(),q=en(null),F=en(null),Q=en(null);_e(()=>{let s=!1,k=null,z=null,R=3,G=(ae,oe=0)=>{s||g(null),fe(ae,t,oe>0).then(je=>!s&&m(je)).catch(()=>{s||(oe+1<R?z=setTimeout(()=>G(ae,oe+1),600*(oe+1)):g("Could not load header settings."))})},Ge=e.current;if(Ge)G(Ge);else{let ae=0;k=setInterval(()=>{let oe=e.current;if(oe){k&&clearInterval(k),k=null,s||g(null),G(oe);return}ae+=250,ae===5e3&&!s&&g("Waiting for editor authorization\u2026"),ae>=3e4&&(k&&clearInterval(k),k=null,s||g("Not authorized yet \u2014 reopen once the editor has loaded."))},250)}return()=>{s=!0,k&&clearInterval(k),z&&clearTimeout(z)}},[e,Y,t]),_e(()=>{d&&Z(Le(d))},[d,Z]),_e(()=>()=>{q.current&&clearTimeout(q.current),F.current&&clearTimeout(F.current),Q.current&&clearTimeout(Q.current)},[]);let C=te(async(s,k)=>{let z=e.current;if(!z||!d)return;let R=d;k&&m({...d,...k}),E(!0),g(null);try{let G=await s(z);m(G),Vo(G,t)}catch(G){m(R),G instanceof qa&&G.status===401?(Ko(t),a?.(),g("Authorization expired \u2014 try again in a moment.")):g("Could not save. Please retry.")}finally{E(!1)}},[d,e,a,t]),A=te(s=>C(k=>_.updateHeaderSettings(s,k,t??void 0),s),[C,t]),$=te(s=>{C(k=>_.setHeaderLogoFromAsset(s,k,t??void 0))},[C,t]),Ee=te(()=>{ba(c,{accept:"image/svg+xml",title:"Logo (SVG)"}).then(s=>{s&&$(s.id)})},[$]),O=te((s,k=!0)=>{m(R=>R&&{...R,logo_size_px:s}),q.current&&clearTimeout(q.current);let z=()=>{C(R=>_.updateHeaderSettings({logo_size_px:s},R,t??void 0))};k?z():q.current=setTimeout(z,400)},[C,t]),I=te((s,k=!0)=>{m(R=>R&&{...R,height_px:s}),F.current&&clearTimeout(F.current);let z=()=>{C(R=>_.updateHeaderSettings({height_px:s},R,t??void 0))};k?z():F.current=setTimeout(z,400)},[C,t]),V=te((s,k=!0)=>{m(R=>R&&{...R,menu_gap_px:s}),Q.current&&clearTimeout(Q.current);let z=()=>{C(R=>_.updateHeaderSettings({menu_gap_px:s},R,t??void 0))};k?z():Q.current=setTimeout(z,400)},[C,t]),Se=te(()=>{C(async s=>{let k=await _.clearHeaderLogo(s,t??void 0);return k.reverse_logo?_.updateHeaderSettings({reverse_logo:!1},s,t??void 0):k})},[C,t]),ue=te(s=>{m(k=>k&&{...k,menu:s?.id??null,menu_handle:s?.handle??null,menu_name:s?.name??null,menu_items:s?s.items.map(z=>({label:z.label,url:z.url,dropdown_menu:z.dropdown_menu??null,dropdown_items:z.dropdown_items??[]})):[]}),C(k=>_.updateHeaderSettings({menu:s?.id??null},k,t??void 0))},[C,t]),Be=y(ge,{children:[p&&y("div",{className:"mx-4 mt-3 flex items-center justify-between gap-3 rounded bg-red-50 px-3 py-2 text-[12px] text-red-700",children:[i("span",{children:p}),!d&&i("button",{type:"button",onClick:()=>le(s=>s+1),className:"shrink-0 rounded border border-red-300 px-2 py-0.5 font-medium text-red-700 transition-colors hover:bg-red-100",children:"Retry"})]}),d?y(ge,{children:[i(Is,{items:W,activeId:B.id,onSelect:u,ariaLabel:"Header settings"}),y("div",{id:We,role:"tabpanel","aria-labelledby":B.htmlId,className:"flex flex-col p-4 [&>*+*]:mt-3",children:[B.id==="logo"&&y(ge,{children:[i(X,{label:"Image"}),!l&&i(Cs,{settings:d,websiteName:r,onPick:Ee,onClear:Se,showHint:x}),i(M,{label:"Reverse the Logo",children:i(Me,{checked:d.reverse_logo,onChange:s=>A({reverse_logo:s}),ariaLabel:"Reverse the Logo"})}),i(ne,{shown:x,children:"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(X,{label:"Placement"}),i(Ls,{label:v.logoPosition.label,value:v.logoPosition.options.find(s=>s.value===v.logoPosition.choose(d.logo_position))?.label,children:i(se,{value:v.logoPosition.choose(d.logo_position),options:v.logoPosition.options,onChange:s=>A({logo_position:s}),ariaLabel:v.logoPosition.label})}),y("div",{className:"flex flex-col gap-1.5",children:[y("div",{className:"flex items-center justify-between",children:[i("span",{className:"text-[13px] text-zinc-600",children:"Size"}),y("span",{className:"text-[12px] tabular-nums text-zinc-500",children:[d.logo_size_px??Re[d.logo_size],"px"]})]}),i("div",{className:"sf-slider",children:i("input",{type:"range",min:wo,max:bo,step:2,value:d.logo_size_px??Re[d.logo_size],onChange:s=>O(Number(s.target.value),!1),onPointerUp:s=>O(Number(s.currentTarget.value),!0),onKeyUp:s=>{/^(Arrow|Home|End|Page)/.test(s.key)&&O(Number(s.currentTarget.value),!0)},"aria-label":"Logo size in pixels"})}),i(ne,{shown:x,children:"Sets the logo\u2019s height; the width follows the logo\u2019s own proportions."}),d.logo_size_px!=null&&i("button",{type:"button",onClick:()=>O(null),className:"self-start text-[12px] font-medium text-zinc-500 underline underline-offset-2 transition-colors hover:text-zinc-700",children:"Reset to default size"})]}),i(it,{shown:x,onChange:N})]}),B.id==="menu"&&y(ge,{children:[i(X,{label:"Links"}),i(Ds,{token:e.current,menuId:d.menu,menuName:d.menu_name,itemCount:d.menu_items?.length??0,onPick:ue}),i(M,{label:v.menuAlign.label,children:i(se,{value:v.menuAlign.choose(d.menu_position),options:v.menuAlign.options.filter(s=>s.value!=="beside"||d.logo_position!=="center"),onChange:s=>A({menu_position:s}),ariaLabel:v.menuAlign.label})}),v.menuAlign.choose(d.menu_position)==="beside"&&y("div",{className:"flex flex-col gap-1.5",children:[y("div",{className:"flex items-center justify-between",children:[i("span",{className:"text-[13px] text-zinc-600",children:"Space from the logo"}),y("span",{className:"text-[12px] tabular-nums text-zinc-500",children:[d.menu_gap_px??ye.default,"px"]})]}),i("div",{className:"sf-slider",children:i("input",{type:"range",min:ye.min,max:ye.max,step:ye.step,value:d.menu_gap_px??ye.default,onChange:s=>V(Number(s.target.value),!1),onPointerUp:s=>V(Number(s.currentTarget.value),!0),onKeyUp:s=>{/^(Arrow|Home|End|Page)/.test(s.key)&&V(Number(s.currentTarget.value),!0)},"aria-label":"Space from the logo in pixels"})}),i(ne,{shown:x,children:"How much room the menu leaves the logo. Only the logo moves away; the space between the menu words stays as it is."}),d.menu_gap_px!=null&&i("button",{type:"button",onClick:()=>V(null),className:"self-start text-[12px] font-medium text-zinc-500 underline underline-offset-2 transition-colors hover:text-zinc-700",children:"Reset to default space"})]}),i(M,{label:v.menuRow.label,children:i(se,{value:v.menuRow.choose(d.menu_row),options:v.menuRow.options,onChange:s=>A({menu_row:s}),ariaLabel:v.menuRow.label})}),d.logo_position==="center"&&d.menu_position!=="center"&&i(M,{label:"Left items",children:i("div",{className:"w-16",children:i(nn,{value:d.menu_split??3,ariaLabel:"Left items",onChange:s=>A({menu_split:s}),options:[1,2,3,4].map(s=>({label:String(s),value:s}))})})}),i(M,{label:v.navTextCase.label,children:i(se,{value:v.navTextCase.choose(d.nav_text_case),options:v.navTextCase.options,onChange:s=>A({nav_text_case:s}),ariaLabel:v.navTextCase.label})}),y(ne,{shown:x,children:[i("strong",{children:"Uppercase"})," draws SEARCH and BAG;"," ",i("strong",{children:"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."]})]}),B.id==="tools"&&y(ge,{children:[i(X,{label:"Style"}),i(M,{label:v.utilStyle.label,children:i(se,{value:v.utilStyle.choose(d.util_style),options:v.utilStyle.options,onChange:s=>A({util_style:s}),ariaLabel:v.utilStyle.label})}),y(ne,{shown:x,children:[i("strong",{children:"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."]}),i(X,{label:"Search"}),i(M,{label:"Search",children:i(Me,{checked:d.search_enabled,onChange:s=>A({search_enabled:s}),ariaLabel:"Search"})}),i(M,{label:v.searchPosition.label,children:i(se,{value:v.searchPosition.choose(d.search_position),options:v.searchPosition.options,onChange:s=>A({search_position:s}),ariaLabel:v.searchPosition.label})}),i(X,{label:"Country selector"}),i(M,{label:"Show selector",children:i(Me,{checked:d.country_selector_enabled,onChange:s=>A({country_selector_enabled:s}),ariaLabel:"Show selector"})}),!l&&d.country_selector_enabled&&y(ne,{shown:x,children:["Which countries this website serves \u2014 and each region's own URL \u2014 is set in the admin console under"," ",i("strong",{children:"Storefront \u203A Settings \u203A Regions & currencies"}),". Whether the picker is SHOWN stays here: that is header chrome, but the served-country list has tax consequences and belongs with commerce configuration."]}),i(X,{label:"Account and cart"}),i(M,{label:"Account",children:i(Me,{checked:d.account_enabled??!0,onChange:s=>A({account_enabled:s}),ariaLabel:"Account"})}),i(M,{label:"Cart",children:i(Me,{checked:d.cart_enabled??!0,onChange:s=>A({cart_enabled:s}),ariaLabel:"Cart"})}),i(it,{shown:x,onChange:N})]}),B.id==="look"&&y(ge,{children:[i(X,{label:"Dimensions"}),i(M,{label:v.width.label,children:i(se,{value:v.width.choose(d.width),options:v.width.options,onChange:s=>A({width:s}),ariaLabel:v.width.label})}),y("div",{className:"flex flex-col gap-1.5",children:[y("div",{className:"flex items-center justify-between",children:[i("span",{className:"text-[13px] text-zinc-600",children:"Height"}),y("span",{className:"text-[12px] tabular-nums text-zinc-500",children:[d.height_px??Ie.default,"px"]})]}),i("div",{className:"sf-slider",children:i("input",{type:"range",min:Ie.min,max:Ie.max,step:2,value:d.height_px??Ie.default,onChange:s=>I(Number(s.target.value),!1),onPointerUp:s=>I(Number(s.currentTarget.value),!0),onKeyUp:s=>{/^(Arrow|Home|End|Page)/.test(s.key)&&I(Number(s.currentTarget.value),!0)},"aria-label":"Header height in pixels"})}),i(ne,{shown:x,children:"Sets how tall the header bar is; the content below it shifts down to match."}),d.height_px!=null&&i("button",{type:"button",onClick:()=>I(null),className:"self-start text-[12px] font-medium text-zinc-500 underline underline-offset-2 transition-colors hover:text-zinc-700",children:"Reset to default height"})]}),i(M,{label:"Border thickness",children:y("div",{className:"flex items-center gap-2",children:[i("input",{type:"number",min:0,max:20,value:d.border_thickness,onChange:s=>A({border_thickness:Math.max(0,Number(s.target.value)||0)}),className:"w-20 rounded border border-zinc-300 px-2 py-1.5 text-[13px]"}),i("span",{className:"text-[12px] text-zinc-500",children:"px"})]})}),i(X,{label:"Color"}),i(M,{label:"Theme",children:i(Ta,{value:d.theme??_t,onChange:s=>A({theme:s===_t?null:s}),followLabel:"Follow the site theme"})}),i(ne,{shown:x,children:"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(M,{label:v.topTextColor.label,children:i(se,{value:v.topTextColor.choose(d.top_text_color),options:v.topTextColor.options,onChange:s=>A({top_text_color:s}),ariaLabel:v.topTextColor.label})}),i(ne,{shown:x,children:"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(X,{label:"Behavior"}),i(M,{label:"Sticky header",children:i("div",{className:"w-32",children:i(nn,{value:d.sticky,ariaLabel:"Sticky header",onChange:s=>A({sticky:s}),options:[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}]})})}),h&&y(ge,{children:[i(X,{label:"Display mode"}),i("p",{className:"text-[12px] text-zinc-500",children:"Set the default Light / Dark / Auto mode and show or hide the light\u2194dark switch in Appearance."}),i("button",{type:"button",onClick:h,className:"self-start text-[13px] font-medium text-zinc-700 underline underline-offset-2 transition-colors hover:text-zinc-900",children:"Set up display mode \u2192"})]}),i(it,{shown:x,onChange:N})]})]})]}):p?null:i("p",{className:"p-4 text-[13px] text-zinc-500",children:"Loading\u2026"})]});return o?y("div",{className:"flex flex-col",children:[T&&i("div",{className:"px-4 pt-2 text-[11px] text-zinc-400",children:"Saving\u2026"}),Be]}):y("div",{className:"fixed inset-0 z-[1000] flex justify-end",children:[i("button",{type:"button","aria-label":"Close header settings",onClick:n,className:"absolute inset-0 bg-black/20"}),y("aside",{className:"relative flex h-full w-[320px] flex-col overflow-y-auto border-l border-zinc-200 bg-white text-zinc-800 shadow-xl",children:[y("header",{className:"sticky top-0 z-10 flex items-center justify-between bg-white px-4 py-3",children:[i("h2",{className:"text-[15px] font-semibold",children:"Header"}),y("div",{className:"flex items-center gap-2",children:[T&&i("span",{className:"text-[11px] text-zinc-400",children:"Saving\u2026"}),i("button",{type:"button",onClick:n,className:"rounded p-1 text-zinc-500 hover:bg-zinc-100","aria-label":"Close",children:"\u2715"})]})]}),Be]})]})}function Cs({settings:e,websiteName:t,onPick:n,onClear:a,showHint:o}){let l=!!e.logo_url,r=!l&&!!e.default_logo_url,h=Xe(e.effective_logo_url),c=t&&t.trim()?t.trim():Ia;return y("div",{className:"flex flex-col gap-2",children:[i("button",{type:"button",onClick:n,title:"Choose an SVG logo from your media library, or upload one",className:"flex h-20 items-center justify-center rounded border border-dashed border-zinc-300 bg-zinc-50 px-3 transition-colors hover:border-zinc-400 hover:bg-zinc-100",children:h?i("img",{src:h,alt:"Header logo",className:"max-h-12 max-w-full object-contain"}):y("span",{className:"text-[12px] text-zinc-400",children:["No logo \u2014 \u201C",c,"\u201D wordmark shown"]})}),h&&i("span",{className:"truncate text-[11px] text-zinc-500",title:Et(h),children:Et(h)}),i(ne,{shown:o,children:l?"Custom SVG logo uploaded for this store.":r?"Using your company logo from the database.":"No company logo on file \u2014 upload an SVG or the wordmark is used."}),y("div",{className:"flex gap-2",children:[i("button",{type:"button",onClick:n,className:"rounded border border-zinc-300 px-3 py-1.5 text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:l?"Replace SVG logo":"Upload SVG logo"}),l&&i("button",{type:"button",onClick:a,className:"rounded px-3 py-1.5 text-[13px] font-medium text-zinc-500 transition-colors hover:bg-zinc-100",children:"Use company default"})]})]})}function Ds({token:e,menuId:t,menuName:n,itemCount:a,onPick:o}){let l=Oe(),[r,h]=he(null),[c,d]=he(!1),m=te(u=>{h(u),d(!0)},[]);_e(()=>{let u=!1;return fo(e).then(x=>!u&&m(x)).catch(()=>!u&&h([])),()=>{u=!0}},[e,m]),_e(()=>{let u=!1,x=xe(()=>{go(e).then(N=>!u&&m(N)).catch(()=>{})});return()=>{u=!0,x()}},[e,m]);let p=r===null,g=!p&&(r?.length??0)===0,T=!p&&(r??[]).some(u=>u.id===t),E=T?t:"",b=c&&!!t&&!T;return y("div",{className:"flex flex-col gap-2",children:[i(M,{label:"Menu",children:i("div",{className:"w-[170px] max-w-full",children:i(nn,{value:E,ariaLabel:"Menu",readOnly:p||g,onChange:u=>{let x=u?(r??[]).find(N=>N.id===u):null;o(x?{...x,items:x.items.map(N=>({...N,dropdown_items:(r??[]).find(W=>W.id===N.dropdown_menu)?.items.map(W=>({label:W.label,url:W.url}))??[]}))}:null)},options:[{label:p?"Loading\u2026":g?"No menus":"Default links",value:""},...(r??[]).map(u=>({label:`${u.name} (${u.item_count??u.items.length})`,value:u.id}))]})})}),b?i("p",{className:"text-[12px] text-[var(--sf-warning,#b45309)]",children:mo}):i("p",{className:"text-[12px] text-zinc-500",children:E?`Header shows \u201C${n??"the linked menu"}\u201D \u2014 ${a} link${a===1?"":"s"}.`:g?"No menus yet. Create one in Storefront \u2192 Menus, then pick it here.":"Pick a menu to drive the header links, or keep the built-in default links."}),i("button",{type:"button",onClick:()=>l.send("storefront-editor:open-menus",{menuId:E||null}),className:"self-start text-[13px] font-medium text-zinc-700 underline underline-offset-2 transition-colors hover:text-zinc-900",children:E?"Edit menu \u2192":"Manage menus \u2192"})]})}function ne({shown:e,children:t}){return e?i("p",{className:"text-[11px] text-[var(--sf-muted)]",children:t}):null}function Ls({label:e,value:t,children:n}){return y("div",{className:"flex flex-col gap-1.5",children:[y("div",{className:"flex items-center justify-between",children:[i("span",{className:"text-[13px] text-zinc-600",children:e}),t&&i("span",{className:"text-[12px] text-zinc-500",children:t})]}),n]})}function X({label:e}){return i(Na,{label:e})}function M({label:e,children:t}){return y("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:e}),i("div",{className:"flex-shrink-0",children:t})]})}var Ms=[{label:"Left",value:"left"},{label:"Center",value:"center"}],Ws=[{label:"Left",value:"left"},{label:"Right",value:"right"}],_s=[{label:"Right",value:"left"},{label:"Centered",value:"center"},{label:"Beside logo",value:"beside"}],Fs=[{label:"Own row",value:"top"},{label:"Same row",value:"inline"}],Us=[{label:Nt.page,value:"page"},{label:Nt.full,value:"full"}],Bs=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}],Gs=[{label:"Uppercase",value:"uppercase"},{label:"Capitalised",value:"capitalised"}],js=[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],v={logoPosition:{label:"Position",options:Ms,choose:e=>e==="right"?"center":e},menuAlign:{label:"Alignment",options:_s,choose:e=>e==="center"?"center":e==="beside"?"beside":"left"},menuRow:{label:"Row",options:Fs,choose:e=>e==="inline"?"inline":"top"},searchPosition:{label:"Position",options:Ws,choose:e=>e},width:{label:"Width",options:Us,choose:e=>e},navTextCase:{label:"Letters",options:Gs,choose:e=>e==="capitalised"?"capitalised":"uppercase"},utilStyle:{label:"Show as",options:Bs,choose:e=>e==="text"?"text":"icon"},topTextColor:{label:"Text color at the top",options:js,choose:e=>xo(e)}};import{jsx as Ys}from"react/jsx-runtime";function on({placeholderMode:e,tokenRef:t,siteId:n,websiteName:a,onOpenWebsiteSettings:o,onAuthExpired:l}){return Ys(an,{inline:!0,placeholderMode:e,tokenRef:t,siteId:n,websiteName:a??void 0,onOpenWebsiteSettings:o,onAuthExpired:l})}import{SettingsField as qs}from"efficient-easel/panel";import{CategoryIcon as Vs}from"efficient-easel/icons";import{Fragment as Ks,jsx as Te,jsxs as Xs}from"react/jsx-runtime";function rn({value:e,onChange:t}){let n=ao(e),a=n&&!Dt.some(o=>o===n)?n:null;return Te(qs,{label:"Product type",icon:Te(Vs,{}),hint:Te(Ks,{children:"The same page can sit in the menu more than once, each entry opening it on a different type."}),children:Xs("select",{value:n??"",onChange:o=>t(oo(e,o.target.value||null)),"aria-label":"Product type this link opens the listing on",children:[Te("option",{value:"",children:$a}),Dt.map(o=>Te("option",{value:o,children:Qa[o]},o)),a&&Te("option",{value:a,children:`${a} (unavailable)`})]})})}import{jsx as Zs}from"react/jsx-runtime";var Xo={list:async()=>(await dt()).map(e=>({slug:e.slug,name:e.name,href:ra(e.slug)}))};function Zo({value:e,onChange:t,pages:n}){return no(n).includes(sa(e))?Zs(rn,{value:e,onChange:t}):null}import{jsx as Fe,jsxs as Qo}from"react/jsx-runtime";var Qs={cart:Qo("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:[Fe("circle",{cx:"9",cy:"20",r:"1.4"}),Fe("circle",{cx:"18",cy:"20",r:"1.4"}),Fe("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:Qo("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:[Fe("rect",{x:"2.5",y:"5",width:"19",height:"14",rx:"2"}),Fe("path",{d:"M2.5 9.5h19"})]})},$o={title:"Shop",rows:yo.map(e=>({...e,icon:Qs[e.key]}))};import{useState as sn}from"react";import{createNode as $s,newId as Js}from"efficient-easel/data";import{useEasel as ei}from"efficient-easel/easel";var Jo="Flex",er=10;function tr(e,t,n,{logoHeightPx:a}={}){let o=e.util_style==="text"?"text":"icon",l={...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:d,url:m})=>({label:d,url:m}))},r=[e.search_enabled?t("SearchBlock",{style:o}):null,e.country_selector_enabled?t("CountrySwitchBlock"):null,e.cart_enabled!==!1?t("CartBlock",{style:o}):null].filter(d=>d!==null),h=t(Jo,{direction:"row",justify:"between",align:"center",share:"content",wrap:"nowrap",phoneRow:3,sectionPaddingTop:er,sectionPaddingBottom:er,content:[t("LogoBlock",a?{heightPx:a}:{}),t("MenuBlock",{menu:l,direction:"row"}),...r.length?[t(Jo,{direction:"row",justify:"end",align:"center",share:"content",wrap:"nowrap",phoneRow:3,content:r})]:[]]}),c=Ln(Ae,n,[h]);return{...c,props:{...c.props,sticky:e.sticky??"always",topTextColor:e.top_text_color??"auto"}}}import{jsx as Ue,jsxs as nr}from"react/jsx-runtime";function ln(){let{appState:e,dispatch:t,config:n}=ei(b=>b),{readOnly:a,tokenRef:o,siteId:l}=ve(),[r,h]=sn(!1),[c,d]=sn(!1),[m,p]=sn(!1),g=e.data.content;if(a||g.some(b=>b.type===Ae))return null;let T=(b,u)=>$s(n,b,u);return nr("div",{className:"sf-box-footer-switch",children:[Ue("p",{className:"sf-box-footer-switch-text",children:"Build the site header out of Boxes and blocks, like a page: the same logo, menu, search, region and cart. Your current header is kept."}),r?nr("div",{className:"sf-box-footer-switch-row",children:[Ue("button",{type:"button",className:"es-btn-primary",onClick:async()=>{let b=o.current;if(!(!b||c)){d(!0),p(!1);try{let u=await fe(b,l),x=u.logo_size_px??Re[u.logo_size],N=tr(u,T,Js(Ae),{logoHeightPx:x});t({type:"setData",data:W=>({...W,content:[...Mn(W.content,N)]}),recordHistory:!0}),h(!1)}catch{p(!0)}finally{d(!1)}}},disabled:c,children:c?"Switching\u2026":"Switch now"}),Ue("button",{type:"button",className:"es-btn-ghost",onClick:()=>h(!1),disabled:c,children:"Cancel"})]}):Ue("button",{type:"button",className:"es-btn-ghost",onClick:()=>h(!0),children:"Switch to Box header"}),m?Ue("p",{className:"sf-box-footer-switch-text",role:"alert",children:"The header settings could not be read. Try again."}):null]})}var dn="wheels",ti="collection:",ni=60;function ai(e){let t=e?.props?.source;return e?.type==="ProductGrid"&&!!t?.process}function oi(e){return e.some(t=>t?.type==="CatalogFilterBar"||ai(t))}function ri(){return{type:"CatalogFilterBar",props:{id:"CatalogFilterBar-wheels-seed",showProcess:!0,showLugs:!0,showPrice:!0,showCount:!0,showSort:!0}}}function si(e,t){let n=ko(e);return{type:"ProductGrid",props:{id:`ProductGrid-wheels-${n}`,dynamic:!1,num:t,title:e,titleSize:No,padTop:100,description:"",linkText:"Explore the collection",linkHref:`/wheels/collections/${n}`,columns:4,showAll:!0,limit:8,imageBackground:Aa,spinOnHover:!0,source:{slug:`${ti}${n}`,name:e,process:e,wheels:[]},fullWidth:!0,pageWidth:na.default,products:[]}}}function ii(e){let t=e?So(e):To;return[ri(),...t.map(n=>si(n.key,n.num))]}function ar(e,t,n){if(e!==dn)return t;let a=t?.content??[];if(oi(a))return t;let o=ii(n),l=a.findIndex(h=>h?.type===Ze),r=l===-1?[...a,...o]:[...a.slice(0,l),...o,...a.slice(l)];return{...t,content:r}}function or(e,t,n={}){let a=e?.content??[],o=n.scopeToCatalog?Eo(t):null,l=a.map(r=>{let h=r?.props?.source;if(r?.type==="CatalogFilterBar"&&o)return{...r,props:{...r.props,processOptions:o}};if(r?.type!=="ProductGrid"||!h?.process)return r;if(o&&!o.includes(h.process))return null;if(n.onlyEmpty&&(h.wheels?.length??0)>0)return r;let c=t.filter(d=>d.process===h.process).slice(0,ni);return{...r,props:{...r.props,source:{...h,wheels:c}}}}).filter(r=>r!==null);return{...e,content:l}}var rr={opening({slug:e,isTemplate:t,capabilities:n}){let o=n.hasCatalog&&!t&&e===dn?dt().catch(()=>[]):Promise.resolve([]);return async l=>{let r=await o,h=ar(t||!n.hasCatalog?"":e,l,r),c=r.length?or(h,r,{onlyEmpty:!0}):h;if(n.hasCatalog&&Lt(c)){let d=await vo().catch(()=>[]);if(d.length)return Ja(c,Ao(d))}return c}},stored:e=>Lt(e)?eo(e):e,storedNode:e=>to(e)};var li={wrap:Jt,panels:{header:on,chromePage:ln},pageRows:$o,products:Xo,linkRow:Zo};function sr(e={}){return Hn({...e,registry:Oo,chrome:li,documentHooks:rr})}var ir=`/*! 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-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-950:oklch(25.8% .092 26.042);--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-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--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-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-6xl:72rem;--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-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--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}.\\!fixed{position:fixed!important}.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-\\[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-10{top:calc(var(--spacing) * 10)}.top-\\[2px\\]{top:2px}.top-\\[10px\\]{top:10px}.top-\\[14vh\\]{top:14vh}.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-\\[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-2{bottom:calc(var(--spacing) * 2)}.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-12{bottom:calc(var(--spacing) * 12)}.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-10{left:calc(var(--spacing) * 10)}.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))}.left-full{left:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.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-\\[70\\]{z-index:70}.z-\\[71\\]{z-index:71}.z-\\[90\\]{z-index:90}.z-\\[100\\]{z-index:100}.z-\\[200\\]{z-index:200}.z-\\[1000\\]{z-index:1000}.z-\\[9999\\]{z-index:9999}.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}.row-span-2{grid-row:span 2/span 2}.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-3{margin-top:calc(var(--spacing) * -3)}.-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-px{margin-bottom:-1px}.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-1\\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-3\\.5{margin-left:calc(var(--spacing) * 3.5)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.\\!hidden{display:none!important}.\\!inline{display:inline!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\\[1\\/2\\]{aspect-ratio:1/2}.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-\\[\u2026\\]{aspect-ratio:\u2026}.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-20{height:calc(var(--spacing) * 20)}.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-\\[60\\%\\]{height:60%}.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-\\[140vh\\]{height:140vh}.h-\\[520px\\]{height:520px}.h-\\[calc\\(38px\\*var\\(--scale-label\\,1\\)\\)\\]{height:calc(38px * var(--scale-label,1))}.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-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-5{max-height:calc(var(--spacing) * 5)}.max-h-12{max-height:calc(var(--spacing) * 12)}.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-8{min-height:calc(var(--spacing) * 8)}.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-\\[40vh\\]{min-height:40vh}.min-h-\\[60vh\\]{min-height:60vh}.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-\\[calc\\(100svh-var\\(--sf-header-h\\,88px\\)\\)\\]{min-height:calc(100svh - var(--sf-header-h,88px))}.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-20{width:calc(var(--spacing) * 20)}.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-\\[60\\%\\]{width:60%}.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-\\[320px\\]{width:320px}.w-\\[360px\\]{width:360px}.w-\\[420px\\]{width:420px}.w-\\[460px\\]{width:460px}.w-\\[520px\\]{width:520px}.w-\\[560px\\]{width:560px}.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-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.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-\\[820px\\]{max-width:820px}.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-\\[1600px\\]{max-width:1600px}.max-w-\\[SITE_WIDTH_CAP\\]{max-width:SITE WIDTH CAP}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.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\\(--sf-page-cap\\,--sf-site-width\\)\\]{max-width:min(--sf-page-cap, --sf-site-width)}.max-w-\\[min\\(var\\(--sf-page-cap\\,\\<natural\\>\\)\\,\\<natural\\>\\)\\]{max-width:min(var(--sf-page-cap,<natural>), <natural>)}.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\\,1600px\\)\\]{max-width:var(--sf-site-width,1600px)}.max-w-\\[var\\(--sf-site-width\\,\u2026\\)\\]{max-width:var(--sf-site-width,\u2026)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.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-\\[18px\\]{min-width:18px}.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%}.\\[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-1\\/2{flex-basis:50%}.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\\(--line\\)_transparent\\]{scrollbar-color:var(--line) transparent}.list-none{list-style-type:none}.\\[grid-auto-flow\\:dense\\]{grid-auto-flow:dense}.\\[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-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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * 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(--radius-2xl)}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[9px\\]{border-radius:9px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.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\\(--line\\)\\)\\]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_45\\%\\,var\\(--line\\)\\)\\]{border-color:color-mix(in oklab,var(--accent) 45%,var(--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-alert\\/50{border-color:var(--alert)}@supports (color:color-mix(in lab, red, red)){.border-alert\\/50{border-color:color-mix(in oklab, var(--alert) 50%, transparent)}}.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(--line)}@supports (color:color-mix(in lab, red, red)){.border-line\\/60{border-color:color-mix(in oklab, var(--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-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.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-alert,.bg-alert\\/10{background-color:var(--alert)}@supports (color:color-mix(in lab, red, red)){.bg-alert\\/10{background-color:color-mix(in oklab, var(--alert) 10%, 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\\/60{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\\/60{background-color:color-mix(in oklab, var(--bg) 60%, 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\\/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-black\\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.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,.bg-fg-dim\\/40{background-color:var(--fg-dim)}@supports (color:color-mix(in lab, red, red)){.bg-fg-dim\\/40{background-color:color-mix(in oklab, var(--fg-dim) 40%, transparent)}}.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(--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-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface\\/50{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\\/50{background-color:color-mix(in oklab, var(--surface) 50%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.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-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-900{background-color:var(--color-zinc-900)}.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-7{padding:calc(var(--spacing) * 7)}.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-\\[SITE_GUTTER_CAP\\]{padding-inline:SITE GUTTER CAP}.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-24{padding-block:calc(var(--spacing) * 24)}.py-\\[2px\\]{padding-block:2px}.py-\\[7px\\]{padding-block:7px}.py-\\[14px\\]{padding-block:14px}.py-\\[18px\\]{padding-block:18px}.py-\\[22px\\]{padding-block:22px}.py-\\[30px\\]{padding-block:30px}.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-\\[64px\\]{padding-top:64px}.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}.pr-\\[200px\\]{padding-right:200px}.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-2\\.5{padding-bottom:calc(var(--spacing) * 2.5)}.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-5{padding-bottom:calc(var(--spacing) * 5)}.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-16{padding-bottom:calc(var(--spacing) * 16)}.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-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--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-\\[12\\.5px\\]{font-size:12.5px}.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-\\[24px\\]{font-size:24px}.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\\: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\\(28px\\,4vw\\,48px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(28px, 4vw, 48px)), 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\\(40px\\,6vw\\,88px\\)\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,clamp(40px, 6vw, 88px)), 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\\: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-body\\,24px\\)\\]{font-size:var(--size-body,24px)}.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\\(36px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(36px, var(--sf-heading-max,9999px))}.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\\,64px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(clamp(40px, 5vw, 64px), 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)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.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-black{color:var(--color-black)!important}.text-\\[color\\:var\\(--alert\\)\\]{color:var(--alert)}.text-\\[var\\(--sf-accent\\,\\#0f7c4f\\)\\]{color:var(--sf-accent,#0f7c4f)}.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-\\[var\\(--size-headingMedium\\,56px\\)\\]{color:var(--size-headingMedium,56px)}.text-\\[var\\(--size-headingSmall\\,24px\\)\\]{color:var(--size-headingSmall,24px)}.text-\\[\u2026\\]{color:\u2026}.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-100{color:var(--color-red-100)}.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-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.\\[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}.not-italic{font-style:normal}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\\[0\\.18em\\]{text-underline-offset:.18em}.underline-offset-\\[3px\\]{text-underline-offset:3px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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\\(--line\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--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(--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-\\[2px\\]{--tw-backdrop-blur:blur(2px);-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-all{-webkit-user-select:all;user-select:all}.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\\:bg-overlay-scrim\\/20:is(:where(.group):hover *){background-color:var(--overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.group-hover\\:bg-overlay-scrim\\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--overlay-scrim) 20%, transparent)}}.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-\\[\\'\xB7\\'\\]:before{--tw-content:"\xB7";content:var(--tw-content)}.before\\:content-\\[\\'\u25CF\\'\\]:before{--tw-content:"\u25CF";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-0:last-child{border-style:var(--tw-border-style);border-width: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\\:scale-\\[1\\.18\\]:hover{scale:1.18}.hover\\:border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_50\\%\\,var\\(--line\\)\\)\\]:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_oklab\\,var\\(--accent\\)_50\\%\\,var\\(--line\\)\\)\\]:hover{border-color:color-mix(in oklab,var(--accent) 50%,var(--line))}}.hover\\:border-accent:hover{border-color:var(--accent)}.hover\\:border-accent-2:hover{border-color:var(--accent-2)}.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-alert:hover{border-color:var(--alert)}.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\\:border-zinc-400:hover{border-color:var(--color-zinc-400)}.hover\\:bg-\\[color-mix\\(in_oklab\\,var\\(--surface\\)_60\\%\\,transparent\\)\\]:hover{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklab\\,var\\(--surface\\)_60\\%\\,transparent\\)\\]:hover{background-color:color-mix(in oklab,var(--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-\\[\u2026\\]:hover{background-color:\u2026}.hover\\:bg-accent-2:hover{background-color:var(--accent-2)}.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-blue-700:hover{background-color:var(--color-blue-700)}.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-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-surface:hover{background-color:var(--surface)}.hover\\:bg-surface-2:hover{background-color:var(--surface-2)}.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\\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.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\\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:outline-line:hover{outline-color:var(--line)}}.focus\\:border-accent:focus{border-color:var(--accent)}.focus\\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:rounded-sm:focus-visible{border-radius:var(--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}.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(--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 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:1300px){.max-\\[1300px\\]\\: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\\]\\:pr-\\[140px\\]{padding-right:140px}.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\\]\\:text-\\[length\\:min\\(var\\(--size-headingMedium\\,40px\\)\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(var(--size-headingMedium,40px), var(--sf-heading-max,9999px))}.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-row{flex-direction:row}.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\\.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\\,\u2026\\)\\]{padding-inline:min(20px, \u2026)}.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-\\[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\\]\\:sticky{position:sticky}.max-\\[720px\\]\\:top-5{top:calc(var(--spacing) * 5)}.max-\\[720px\\]\\:top-\\[170px\\]{top:170px}.max-\\[720px\\]\\:bottom-6{bottom:calc(var(--spacing) * 6)}.max-\\[720px\\]\\:left-5{left:calc(var(--spacing) * 5)}.max-\\[720px\\]\\:col-span-1{grid-column:span 1/span 1}.max-\\[720px\\]\\:col-span-2{grid-column:span 2/span 2}.max-\\[720px\\]\\:row-span-1{grid-row:span 1/span 1}.max-\\[720px\\]\\:-mx-5{margin-inline:calc(var(--spacing) * -5)}.max-\\[720px\\]\\:-mx-\\[min\\(20px\\,var\\(--sf-site-gutter\\,40px\\)\\)\\]{margin-inline:calc(min(20px, var(--sf-site-gutter,40px)) * -1)}.max-\\[720px\\]\\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:mr-0{margin-right:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:mb-1{margin-bottom:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:\\!hidden{display:none!important}.max-\\[720px\\]\\:flex{display:flex}.max-\\[720px\\]\\:grid{display:grid}.max-\\[720px\\]\\:hidden{display:none}.max-\\[720px\\]\\:aspect-\\[4\\/5\\]{aspect-ratio:4/5}.max-\\[720px\\]\\:aspect-\\[16\\/10\\]{aspect-ratio:16/10}.max-\\[720px\\]\\:aspect-square{aspect-ratio:1}.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\\]\\:max-w-full{max-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\\]\\:items-stretch{align-items:stretch}.max-\\[720px\\]\\:gap-1{gap:calc(var(--spacing) * 1)}.max-\\[720px\\]\\:gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.max-\\[720px\\]\\:gap-2{gap:calc(var(--spacing) * 2)}.max-\\[720px\\]\\:gap-3{gap:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.max-\\[720px\\]\\:gap-4{gap:calc(var(--spacing) * 4)}.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\\]\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.max-\\[720px\\]\\:p-3{padding:calc(var(--spacing) * 3)}.max-\\[720px\\]\\:p-\\[11px\\]{padding:11px}.max-\\[720px\\]\\:px-0{padding-inline:calc(var(--spacing) * 0)}.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-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.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\\]\\:py-14{padding-block:calc(var(--spacing) * 14)}.max-\\[720px\\]\\:pt-12{padding-top:calc(var(--spacing) * 12)}.max-\\[720px\\]\\:pt-\\[36px\\]{padding-top:36px}.max-\\[720px\\]\\:pt-\\[40px\\]{padding-top:40px}.max-\\[720px\\]\\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.max-\\[720px\\]\\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-\\[720px\\]\\:pb-\\[20px\\]{padding-bottom:20px}.max-\\[720px\\]\\:pb-\\[60px\\]{padding-bottom:60px}.max-\\[720px\\]\\:pb-\\[70px\\]{padding-bottom:70px}.max-\\[720px\\]\\:text-left{text-align:left}.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-body\\,18px\\)\\]{font-size:var(--size-body,18px)}.max-\\[720px\\]\\:text-\\[length\\:var\\(--size-body\\,20px\\)\\]{font-size:var(--size-body,20px)}.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}.max-\\[720px\\]\\:shadow-\\[0_24px_48px_-12px_rgba\\(0\\,0\\,0\\,0\\.55\\)\\]{--tw-shadow:0 24px 48px -12px 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)}}@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\\]\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\\[640px\\]\\:grid-cols-\\[minmax\\(0\\,1\\.6fr\\)_minmax\\(180px\\,0\\.6fr\\)\\]{grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr)}.min-\\[640px\\]\\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.min-\\[640px\\]\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.min-\\[640px\\]\\:border-line{border-color:var(--line)}.min-\\[640px\\]\\:p-5{padding:calc(var(--spacing) * 5)}.min-\\[640px\\]\\:p-7{padding:calc(var(--spacing) * 7)}.min-\\[640px\\]\\:p-9{padding:calc(var(--spacing) * 9)}.min-\\[640px\\]\\:pr-8{padding-right:calc(var(--spacing) * 8)}.min-\\[640px\\]\\:pl-8{padding-left:calc(var(--spacing) * 8)}.min-\\[640px\\]\\:text-\\[min\\(52px\\,var\\(--sf-heading-max\\,9999px\\)\\)\\]{font-size:min(52px, var(--sf-heading-max,9999px))}}@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\\]\\:hidden{display:none}.min-\\[720px\\]\\:inline{display:inline}.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\\]\\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.min-\\[800px\\]\\:flex{display:flex}.min-\\[800px\\]\\:hidden{display:none}.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-\\[72px\\]{padding-block:72px}.min-\\[800px\\]\\:py-\\[88px\\]{padding-block:88px}.min-\\[800px\\]\\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.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\\]\\: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:900px){.min-\\[900px\\]\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.min-\\[900px\\]\\:grid-cols-\\[minmax\\(0\\,1\\.45fr\\)_minmax\\(300px\\,0\\.75fr\\)\\]{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.min-\\[900px\\]\\:gap-12{gap:calc(var(--spacing) * 12)}}@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\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-cols-\\[110px_1fr\\]{grid-template-columns:110px 1fr}.sm\\:flex-row{flex-direction:row}.sm\\:flex-wrap{flex-wrap:wrap}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:48rem){.md\\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\\:font-mono{font-family:var(--font-role-label), var(--font-mono-fallback)}}@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\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.\\[\\&_li\\]\\:text-alert li{color:var(--alert)}.\\[\\&\\:\\:-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)}.\\[\\&\\>\\*\\]\\:py-0>*{padding-block:calc(var(--spacing) * 0)}@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(--line)}@media (hover:hover){.hover\\:\\[\\&\\>td\\]\\:bg-surface:hover>td{background-color:var(--surface)}.hover\\:\\[\\&\\>td\\]\\:bg-surface-2:hover>td{background-color:var(--surface-2)}}.rounded{border-radius:var(--radius)}}:root{--bg-base:#0a0a0a;--bg:var(--bg-base);--surface-base:#131313;--surface:var(--surface-base);--surface-2-base:#1c1c1c;--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;--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(--surface-2)}@supports (color:color-mix(in lab, red, red)){:root,.sf-theme-surfaces{--card-bg:color-mix(in oklab, var(--surface-2) 92%, var(--fg))}}:root,.sf-theme-surfaces{--card-bg-hover:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){:root,.sf-theme-surfaces{--card-bg-hover:color-mix(in oklab, var(--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(--surface);--card-bg-hover:var(--surface-2);--journal-panel-bg:var(--surface);--catalog-grid-bg:var(--bg);--section-bg:var(--bg);--tooltip-bg:var(--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));--surface:var(--theme-surface,var(--surface-base));--surface-2:var(--theme-surface-2,var(--surface-2-base));--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));--surface:var(--sf-sec-surface,var(--theme-surface,#131313));--surface-2:var(--sf-sec-surface-2,var(--theme-surface-2,#1c1c1c));--line:var(--sf-sec-line,var(--theme-line,#2a2a2a));--fg-dim:var(--sf-sec-muted,var(--theme-muted,#9a9388));--card-bg:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.sf-section-accent,.sf-header-theme{--card-bg:color-mix(in oklab, var(--surface-2) 92%, var(--fg))}}.sf-section-accent,.sf-header-theme{--card-bg-hover:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.sf-section-accent,.sf-header-theme{--card-bg-hover:color-mix(in oklab, var(--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{--radius:.25rem}.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}.sf-site-header{--sf-header-overlay-fg:var(--overlay-fg)}[data-theme=light] .sf-site-header{--sf-header-overlay-fg:var(--fg)}body:has([data-lead-ink=light]) .sf-site-header{--sf-header-overlay-fg:var(--overlay-fg)}body:has([data-lead-ink=dark]) .sf-site-header{--sf-header-overlay-fg:var(--overlay-fg-on-light)}body .sf-site-header[data-header-ink=light]{--sf-header-overlay-fg:var(--overlay-fg)}body .sf-site-header[data-header-ink=dark]{--sf-header-overlay-fg:var(--overlay-fg-on-light)}@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:1100px){[data-section-group=header] .flex-row:has([data-menu-row]){flex-wrap:wrap;row-gap:12px}[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){border-top:1px solid var(--line);flex:1 0 100%;order:99}@supports (color:color-mix(in lab, red, red)){[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){border-top:1px solid color-mix(in oklab, var(--line) 60%, transparent)}}[data-section-group=header] .flex-row:has([data-menu-row])>:is([data-menu-row],:has([data-menu-row])){padding-top:10px}[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}}body:has([data-top-space=own]) .sf-site-header{--sf-header-overlay-fg:var(--fg);background:var(--bg);border-bottom-color:var(--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 \u2014 the canvas's own marks (blueprint 5.1): the
|
|
@@ -12,6 +12,21 @@ import{a as Zn,b as Te}from"./chunks/chunk-23HYGLAH.js";import{a as qe,d as Ve,e
|
|
|
12
12
|
* no \`.es-editor\` root to define them.
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
+
/* The frame itself, in the host page (CanvasFrame): no border, the pane's
|
|
16
|
+
width, and \u2014 when it fills (\`height="fill"\`) \u2014 the pane's height. Rules, not
|
|
17
|
+
a \`style\` attribute (second host, 2026-10-06): a server-rendered editor under a
|
|
18
|
+
Content-Security-Policy without 'unsafe-inline' for styles had the attribute
|
|
19
|
+
refused, and drew the browser's own 300\xD7150 bordered frame. An \`auto\`
|
|
20
|
+
frame's height is measured and written on the client. */
|
|
21
|
+
.es-canvas-frame {
|
|
22
|
+
border: 0;
|
|
23
|
+
width: 100%;
|
|
24
|
+
display: block;
|
|
25
|
+
}
|
|
26
|
+
.es-canvas-frame.is-fill {
|
|
27
|
+
height: 100%;
|
|
28
|
+
}
|
|
29
|
+
|
|
15
30
|
/* The frame's root (CanvasFrame). Puck's \`[data-puck-entry]\` rule: a stacking
|
|
16
31
|
context of its own, so a block's z-index stays inside the page. */
|
|
17
32
|
[data-puck-entry] {
|
|
@@ -1291,14 +1306,69 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
1291
1306
|
min-width: 0;
|
|
1292
1307
|
}
|
|
1293
1308
|
|
|
1309
|
+
/* The hint sits FLUSH LEFT, on the same edge as the row's icon and control \u2014
|
|
1310
|
+
not indented under the label's words (owner ruling, 2026-10-06; it was
|
|
1311
|
+
24px, glyph + gap, until then). \`tests/panel-hint-flush-left\` holds it. */
|
|
1294
1312
|
.es-field-hint {
|
|
1295
1313
|
margin: 8px 0 0;
|
|
1296
|
-
padding-left: 24px;
|
|
1297
1314
|
font-size: 11px;
|
|
1298
1315
|
line-height: 1.45;
|
|
1299
1316
|
color: var(--es-muted);
|
|
1300
1317
|
}
|
|
1301
1318
|
|
|
1319
|
+
/* \u2500\u2500 Default / Reset: the end of a label line \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
1320
|
+
Owner 2026-10-06: a value that follows its default says "Default", and a
|
|
1321
|
+
changed one offers a "Reset" button, in the same place. ONE element in both
|
|
1322
|
+
states (see SettingsDefaultReset.tsx), so both states share the box: same
|
|
1323
|
+
font, same padding, same height. Only the colour and the press change, and
|
|
1324
|
+
the row does not jump when a press turns one into the other.
|
|
1325
|
+
|
|
1326
|
+
It sits at the END of the label line. With a value on the row, the value's
|
|
1327
|
+
own \`margin-left: auto\` has already pushed both right, and the gap between
|
|
1328
|
+
them is the head's own 8px; with no value, the part pushes itself. */
|
|
1329
|
+
.es-default-reset {
|
|
1330
|
+
appearance: none;
|
|
1331
|
+
-webkit-appearance: none;
|
|
1332
|
+
flex: none;
|
|
1333
|
+
margin: 0 -4px 0 0;
|
|
1334
|
+
padding: 2px 4px;
|
|
1335
|
+
border: 0;
|
|
1336
|
+
border-radius: 4px;
|
|
1337
|
+
background: transparent;
|
|
1338
|
+
font: inherit;
|
|
1339
|
+
font-size: 11px;
|
|
1340
|
+
font-weight: 500;
|
|
1341
|
+
line-height: 12px;
|
|
1342
|
+
color: var(--es-muted);
|
|
1343
|
+
white-space: nowrap;
|
|
1344
|
+
cursor: default;
|
|
1345
|
+
}
|
|
1346
|
+
|
|
1347
|
+
.es-default-reset.is-changed {
|
|
1348
|
+
color: var(--es-accent-text);
|
|
1349
|
+
cursor: pointer;
|
|
1350
|
+
}
|
|
1351
|
+
|
|
1352
|
+
.es-default-reset.is-changed:hover { background: var(--es-hover); }
|
|
1353
|
+
|
|
1354
|
+
.es-default-reset.is-changed:disabled {
|
|
1355
|
+
color: var(--es-disabled);
|
|
1356
|
+
background: transparent;
|
|
1357
|
+
cursor: default;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
.es-default-reset.is-pressable { cursor: pointer; }
|
|
1361
|
+
.es-default-reset.is-pressable:hover { background: var(--es-hover); color: var(--es-text-secondary); }
|
|
1362
|
+
.es-default-reset.is-pressable:disabled { color: var(--es-disabled); background: transparent; cursor: default; }
|
|
1363
|
+
|
|
1364
|
+
.es-default-reset:focus-visible {
|
|
1365
|
+
outline: 2px solid var(--es-accent-ring);
|
|
1366
|
+
outline-offset: 1px;
|
|
1367
|
+
}
|
|
1368
|
+
|
|
1369
|
+
.es-field-head > .es-default-reset { margin-left: auto; }
|
|
1370
|
+
.es-field-value + .es-default-reset { margin-left: 0; }
|
|
1371
|
+
|
|
1302
1372
|
/* A boolean row is ONE line (card 8801, Option A). The switch rides the label
|
|
1303
1373
|
line in the \`action\` slot, so there is no control row under it \u2014 and with no
|
|
1304
1374
|
control row, the label line's 7px bottom margin would be a gap to nothing.
|
|
@@ -1885,8 +1955,13 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
1885
1955
|
border-color: var(--es-accent);
|
|
1886
1956
|
box-shadow: 0 0 0 3px var(--es-accent-ring);
|
|
1887
1957
|
}
|
|
1958
|
+
/* A value nobody may change is still a value somebody has to READ: the grey
|
|
1959
|
+
ground says the state, and the ink stays legible on it. It was \`--es-muted\`,
|
|
1960
|
+
4.39:1 on this ground at 12px \u2014 a hair under the 4.5:1 WCAG AA asks (second
|
|
1961
|
+
host, axe-core, 2026-10-07). The number cell's read-only state below is the
|
|
1962
|
+
same rule. Held by ratio in tests/contrast-small-text.test.ts. */
|
|
1888
1963
|
.es-fin[readonly],
|
|
1889
|
-
.es-fin:disabled { background: var(--es-track-bg); color: var(--es-
|
|
1964
|
+
.es-fin:disabled { background: var(--es-track-bg); color: var(--es-text-secondary); }
|
|
1890
1965
|
|
|
1891
1966
|
.es-fin--area {
|
|
1892
1967
|
height: auto;
|
|
@@ -1925,7 +2000,7 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
1925
2000
|
border-color: var(--es-focus-line, #60a5fa);
|
|
1926
2001
|
box-shadow: 0 0 0 2px var(--es-focus-ring, rgba(96, 165, 250, 0.3));
|
|
1927
2002
|
}
|
|
1928
|
-
.es-fnum.is-readonly { background: var(--es-track-bg); color: var(--es-
|
|
2003
|
+
.es-fnum.is-readonly { background: var(--es-track-bg); color: var(--es-text-secondary); }
|
|
1929
2004
|
|
|
1930
2005
|
.es-fnum-icon { display: flex; align-items: center; flex: none; color: var(--es-field-placeholder); }
|
|
1931
2006
|
.es-fnum-icon svg { width: 14px; height: 14px; }
|
|
@@ -2089,6 +2164,90 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2089
2164
|
.es-fsel-option.is-active { background: var(--es-hover); }
|
|
2090
2165
|
.es-fsel-option.is-chosen { color: var(--es-accent-text); font-weight: 600; }
|
|
2091
2166
|
.es-fsel-option[aria-disabled='true'] { color: var(--es-disabled); cursor: default; }
|
|
2167
|
+
/* A heading over a run of options (\`FieldOption.group\`): a quiet label above
|
|
2168
|
+
its options, and not an option itself \u2014 no hover, no pointer. */
|
|
2169
|
+
.es-fsel-group-list { margin: 0; padding: 0; list-style: none; }
|
|
2170
|
+
.es-fsel-group + .es-fsel-group,
|
|
2171
|
+
.es-fsel-option + .es-fsel-group { margin-top: 4px; }
|
|
2172
|
+
.es-fsel-group-head {
|
|
2173
|
+
padding: 8px 8px 4px;
|
|
2174
|
+
font-size: 11px;
|
|
2175
|
+
font-weight: 600;
|
|
2176
|
+
color: var(--es-muted);
|
|
2177
|
+
cursor: default;
|
|
2178
|
+
}
|
|
2179
|
+
.es-fsel-group-count { margin-left: 4px; font-weight: 400; }
|
|
2180
|
+
|
|
2181
|
+
/* The editor's one pop-up list (card [MERGE] One Pop-up List For Editor And
|
|
2182
|
+
One For Shoppers): what the website editor's own lists drew, here once.
|
|
2183
|
+
A row with more than its label lays its parts out in a line. */
|
|
2184
|
+
.es-fsel-option--rich { display: flex; align-items: center; gap: 8px; }
|
|
2185
|
+
.es-fsel-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
2186
|
+
.es-fsel-meta { flex: none; font-size: 11px; font-weight: 400; color: var(--es-muted); }
|
|
2187
|
+
.es-fsel-thumb {
|
|
2188
|
+
flex: none;
|
|
2189
|
+
width: 26px;
|
|
2190
|
+
height: 26px;
|
|
2191
|
+
overflow: hidden;
|
|
2192
|
+
border-radius: var(--es-field-radius);
|
|
2193
|
+
background: var(--es-track-bg);
|
|
2194
|
+
}
|
|
2195
|
+
.es-fsel-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
|
|
2196
|
+
/* \`multiple\`: a tick box per row, drawn (the row is the option, not an <input>). */
|
|
2197
|
+
.es-fsel-tick {
|
|
2198
|
+
flex: none;
|
|
2199
|
+
position: relative;
|
|
2200
|
+
box-sizing: border-box;
|
|
2201
|
+
width: 14px;
|
|
2202
|
+
height: 14px;
|
|
2203
|
+
border: 1.5px solid var(--es-input-border);
|
|
2204
|
+
border-radius: 3px;
|
|
2205
|
+
background: var(--es-field-bg);
|
|
2206
|
+
}
|
|
2207
|
+
.es-fsel-tick.is-on { border-color: var(--es-accent); background: var(--es-accent); }
|
|
2208
|
+
.es-fsel-tick.is-on::after {
|
|
2209
|
+
content: '';
|
|
2210
|
+
position: absolute;
|
|
2211
|
+
left: 3.5px;
|
|
2212
|
+
top: 0.5px;
|
|
2213
|
+
width: 3.5px;
|
|
2214
|
+
height: 7px;
|
|
2215
|
+
border-right: 1.6px solid var(--es-on-accent);
|
|
2216
|
+
border-bottom: 1.6px solid var(--es-on-accent);
|
|
2217
|
+
transform: rotate(45deg);
|
|
2218
|
+
}
|
|
2219
|
+
/* A tick box says "on" itself, so a ticked row keeps the ordinary ink. */
|
|
2220
|
+
.es-fsel-option--rich.is-chosen:has(.es-fsel-tick) { color: var(--es-text); font-weight: 400; }
|
|
2221
|
+
/* \`searchable\`: the box and the list float together; the list inside is plain. */
|
|
2222
|
+
.es-fsel-pop {
|
|
2223
|
+
position: absolute;
|
|
2224
|
+
z-index: 20;
|
|
2225
|
+
top: calc(100% + 4px);
|
|
2226
|
+
left: 0;
|
|
2227
|
+
right: 0;
|
|
2228
|
+
display: flex;
|
|
2229
|
+
flex-direction: column;
|
|
2230
|
+
gap: 4px;
|
|
2231
|
+
padding: 4px;
|
|
2232
|
+
border: 1px solid var(--es-line);
|
|
2233
|
+
border-radius: var(--es-row-radius);
|
|
2234
|
+
background: var(--es-raised);
|
|
2235
|
+
box-shadow: var(--es-panel-shadow);
|
|
2236
|
+
}
|
|
2237
|
+
.es-fsel-pop .es-fsel-list {
|
|
2238
|
+
position: static;
|
|
2239
|
+
padding: 0;
|
|
2240
|
+
border: 0;
|
|
2241
|
+
border-radius: 0;
|
|
2242
|
+
background: none;
|
|
2243
|
+
box-shadow: none;
|
|
2244
|
+
}
|
|
2245
|
+
.es-fsel-empty { padding: 8px; font-size: 12px; color: var(--es-muted); }
|
|
2246
|
+
/* \`inline\`: the list opens in flow and pushes the rows below it down, so a
|
|
2247
|
+
panel that scrolls never clips it. */
|
|
2248
|
+
.es-fsel--inline .es-fsel-list { position: static; margin-top: 4px; }
|
|
2249
|
+
.es-fsel--inline .es-fsel-pop { position: static; margin-top: 4px; }
|
|
2250
|
+
.es-fsel--inline .es-fsel-pop .es-fsel-list { margin-top: 0; }
|
|
2092
2251
|
|
|
2093
2252
|
/* \u2500\u2500 the panel body: the tab strip and the rows (Inspector) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
2094
2253
|
|
|
@@ -2124,6 +2283,16 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2124
2283
|
/* The rows are Layers' rows (tree.css); the list lets them reach the panel's
|
|
2125
2284
|
edges the way Layers' do, so a row's hover reads as the same row. */
|
|
2126
2285
|
.es-list-tree { margin: 0 -8px; }
|
|
2286
|
+
/* \u2026but the list is NOT a scroll box, as Layers is (\`.es-tree { overflow-y:
|
|
2287
|
+
auto }\`): the panel around it scrolls. A row's drag hint hangs 4px under the
|
|
2288
|
+
row, 22px tall, and under the LAST row the tree has less room than that: it
|
|
2289
|
+
clipped the hint to 8px (second host, 2026-10-07). What overflowed also
|
|
2290
|
+
made the list a scroller of its own inside the panel: a wheel over it moved
|
|
2291
|
+
the rows 14px, and it was the nearest box that scrolled, so a drag in the
|
|
2292
|
+
list scrolled IT at its edges, not the panel. Measured in Chrome
|
|
2293
|
+
(scripts/second-host-clickthrough.mjs). Two classes, so it wins whichever
|
|
2294
|
+
sheet loads last. */
|
|
2295
|
+
.es-tree.es-list-tree { overflow: visible; }
|
|
2127
2296
|
|
|
2128
2297
|
.es-list-add {
|
|
2129
2298
|
height: 32px;
|
|
@@ -2139,31 +2308,9 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2139
2308
|
.es-list-add:disabled { color: var(--es-disabled); cursor: default; }
|
|
2140
2309
|
.es-list-add:focus-visible { outline: 2px solid var(--es-accent); outline-offset: 1px; }
|
|
2141
2310
|
|
|
2142
|
-
/* An item opened: the way back
|
|
2311
|
+
/* An item opened: the way back (chrome's InspectorUpLevel, inline), its name,
|
|
2312
|
+
its own settings, its two actions. */
|
|
2143
2313
|
.es-list.is-open { gap: 12px; }
|
|
2144
|
-
.es-list-back {
|
|
2145
|
-
align-self: flex-start;
|
|
2146
|
-
display: inline-flex;
|
|
2147
|
-
align-items: center;
|
|
2148
|
-
gap: 8px;
|
|
2149
|
-
height: 28px;
|
|
2150
|
-
padding: 0 8px;
|
|
2151
|
-
border: 0;
|
|
2152
|
-
border-radius: var(--es-field-radius);
|
|
2153
|
-
background: var(--es-hover);
|
|
2154
|
-
color: var(--es-text-secondary);
|
|
2155
|
-
font: inherit;
|
|
2156
|
-
font-size: 12px;
|
|
2157
|
-
cursor: pointer;
|
|
2158
|
-
}
|
|
2159
|
-
.es-list-back:focus-visible { outline: 2px solid var(--es-accent); outline-offset: 1px; }
|
|
2160
|
-
.es-list-back-chev {
|
|
2161
|
-
width: 6px;
|
|
2162
|
-
height: 6px;
|
|
2163
|
-
border-left: 1.6px solid currentColor;
|
|
2164
|
-
border-bottom: 1.6px solid currentColor;
|
|
2165
|
-
transform: rotate(45deg);
|
|
2166
|
-
}
|
|
2167
2314
|
.es-list-title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
|
|
2168
2315
|
.es-list-name { font-size: 14px; font-weight: 600; color: var(--es-text); }
|
|
2169
2316
|
.es-list-item { min-width: 0; }
|
|
@@ -2310,6 +2457,20 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2310
2457
|
.es-pick-hue-thumb {
|
|
2311
2458
|
top: 50%;
|
|
2312
2459
|
}
|
|
2460
|
+
/* The hex row with its swatch (ColourWindow \`swatch\`, the text box's colour
|
|
2461
|
+
window): the colour, then the hex. */
|
|
2462
|
+
.es-pick-hex-row {
|
|
2463
|
+
display: flex;
|
|
2464
|
+
align-items: center;
|
|
2465
|
+
gap: 8px;
|
|
2466
|
+
}
|
|
2467
|
+
.es-pick-hex-swatch {
|
|
2468
|
+
width: 26px;
|
|
2469
|
+
height: 26px;
|
|
2470
|
+
flex: none;
|
|
2471
|
+
border-radius: 6px;
|
|
2472
|
+
box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.1);
|
|
2473
|
+
}
|
|
2313
2474
|
|
|
2314
2475
|
/* \u2500\u2500 The image box \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
2315
2476
|
.es-pick-image {
|
|
@@ -2436,7 +2597,14 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2436
2597
|
* \`.es-copy-box\` below for the caret bug that rule exists to stop. */
|
|
2437
2598
|
--es-copy-field-pad: 4px 8px;
|
|
2438
2599
|
--es-copy-field-ring: var(--es-accent, #2563eb);
|
|
2439
|
-
|
|
2600
|
+
/* react-os-shell's inputClasses (design v5, 0.95.0): text-sm, a blue-400
|
|
2601
|
+
border and a 2px blue-400/30 ring while focused. One set of numbers for
|
|
2602
|
+
BOTH views, so flipping "Show marks" moves no word. */
|
|
2603
|
+
--es-copy-field-font: 14px;
|
|
2604
|
+
--es-copy-field-line: 1.5;
|
|
2605
|
+
--es-copy-focus-border: #60a5fa;
|
|
2606
|
+
--es-copy-focus-ring: 0 0 0 2px rgba(96, 165, 250, 0.3);
|
|
2607
|
+
--es-copy-radius: 6px;
|
|
2440
2608
|
|
|
2441
2609
|
display: block;
|
|
2442
2610
|
/* A container, so a host can query the box's own width. Never on
|
|
@@ -2592,15 +2760,16 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2592
2760
|
}
|
|
2593
2761
|
|
|
2594
2762
|
.es-copy-box {
|
|
2595
|
-
|
|
2596
2763
|
border: 1px solid var(--es-copy-field-border);
|
|
2597
2764
|
border-radius: var(--es-copy-radius);
|
|
2598
2765
|
background: var(--es-copy-field-bg);
|
|
2599
|
-
font-size:
|
|
2766
|
+
font-size: var(--es-copy-field-font);
|
|
2767
|
+
line-height: var(--es-copy-field-line);
|
|
2600
2768
|
}
|
|
2601
2769
|
|
|
2602
2770
|
.es-copy-box:focus-within {
|
|
2603
|
-
border-color: var(--es-copy-
|
|
2771
|
+
border-color: var(--es-copy-focus-border);
|
|
2772
|
+
box-shadow: var(--es-copy-focus-ring);
|
|
2604
2773
|
}
|
|
2605
2774
|
|
|
2606
2775
|
.es-copy-box.es-gold-is-off {
|
|
@@ -2662,10 +2831,25 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2662
2831
|
|
|
2663
2832
|
.es-copy-link-actions {
|
|
2664
2833
|
display: flex;
|
|
2665
|
-
|
|
2834
|
+
align-items: center;
|
|
2835
|
+
justify-content: space-between;
|
|
2666
2836
|
gap: 8px;
|
|
2667
2837
|
}
|
|
2668
2838
|
|
|
2839
|
+
/* Cancel and Apply sit together at the end; Remove, when there is a link to
|
|
2840
|
+
take off, at the start (the design's footer). */
|
|
2841
|
+
.es-copy-link-end {
|
|
2842
|
+
display: flex;
|
|
2843
|
+
gap: var(--es-space-4, 4px);
|
|
2844
|
+
margin-left: auto;
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2847
|
+
.es-copy-link-btn.is-danger {
|
|
2848
|
+
border-color: transparent;
|
|
2849
|
+
background: transparent;
|
|
2850
|
+
color: var(--es-danger, #dc2626);
|
|
2851
|
+
}
|
|
2852
|
+
|
|
2669
2853
|
.es-copy-link-btn {
|
|
2670
2854
|
height: 28px;
|
|
2671
2855
|
padding: 0 12px;
|
|
@@ -2689,115 +2873,475 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2689
2873
|
cursor: default;
|
|
2690
2874
|
}
|
|
2691
2875
|
|
|
2876
|
+
/* \u2014 the rich view (0.95.0, rulings B + C) \u2014 */
|
|
2877
|
+
|
|
2692
2878
|
/*
|
|
2693
|
-
*
|
|
2694
|
-
*
|
|
2695
|
-
*
|
|
2696
|
-
* \`.sf-blockmenu\` / \`.sf-blockmenu-item\` \u2014 \`efficient-storefront/components/storefront-editor.css\`,
|
|
2697
|
-
* read at line 1165 \u2014 which is the look card 66400.d names for the menu Lewis
|
|
2698
|
-
* approved on 2026-08-31. Each \`--sf-*\` there is already an alias of the
|
|
2699
|
-
* matching \`--es-*\` here (card 66024), so the look is expressed with no new
|
|
2700
|
-
* value except the three noted below. Change one only to track a deliberate
|
|
2701
|
-
* change THERE. Pinned by \`tests/menu-box-css.test.ts\`.
|
|
2702
|
-
*
|
|
2703
|
-
* \u26A0\uFE0F THREE VALUES ARE UNDER A LIVE QUESTION, and each is behind ONE var so
|
|
2704
|
-
* settling it is a three-line change. The drawing Lewis approved that same day
|
|
2705
|
-
* (\`mockups/editor-add-and-context-v1.html\`, its \`.ctx\` rule) is a FLOATING
|
|
2706
|
-
* menu, where \`.sf-blockmenu\` is an in-flow picker, and it holds different
|
|
2707
|
-
* numbers for exactly the three things that difference would move:
|
|
2708
|
-
*
|
|
2709
|
-
* .sf-blockmenu (shipped) .ctx (the drawing)
|
|
2710
|
-
* radius 8px 9px
|
|
2711
|
-
* shadow 0 6px 18px rgba(0,0,0,.08) 0 10px 28px rgba(0,0,0,.16)
|
|
2712
|
-
* min-width 220px (the admin box's own) 186px
|
|
2713
|
-
*
|
|
2714
|
-
* This sheet ships \`.sf-blockmenu\`'s, per the card's own constraint. The
|
|
2715
|
-
* question is with the fork that owns the design.
|
|
2879
|
+
* The box that shows the EFFECT (./RichBox). Same frame and same type as the
|
|
2880
|
+
* marks view above, so the "Show marks" switch flips the marks in and out and
|
|
2881
|
+
* moves nothing else.
|
|
2716
2882
|
*
|
|
2717
|
-
*
|
|
2718
|
-
*
|
|
2883
|
+
* Unlike the gold layer, weight and slant are SAFE here: there is no second
|
|
2884
|
+
* surface for a wider glyph to drift from \u2014 the caret is the browser's own,
|
|
2885
|
+
* in the same text it draws.
|
|
2719
2886
|
*
|
|
2720
|
-
*
|
|
2721
|
-
*
|
|
2887
|
+
* The colours are the gold layer's (\`--es-gold-accent\`, \`--es-gold-quiet\`), so
|
|
2888
|
+
* Emphasis and Quiet look the same in both views and a host aliases them once.
|
|
2722
2889
|
*/
|
|
2890
|
+
.es-rich-wrap {
|
|
2891
|
+
position: relative;
|
|
2892
|
+
}
|
|
2723
2893
|
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2894
|
+
.es-rich {
|
|
2895
|
+
box-sizing: border-box;
|
|
2896
|
+
min-height: calc(var(--es-copy-field-font) * var(--es-copy-field-line) + 14px);
|
|
2897
|
+
padding: var(--es-copy-field-pad);
|
|
2898
|
+
border: 1px solid var(--es-copy-field-border);
|
|
2899
|
+
border-radius: var(--es-copy-radius);
|
|
2900
|
+
background: var(--es-copy-field-bg);
|
|
2901
|
+
color: var(--es-text, #111827);
|
|
2902
|
+
font: inherit;
|
|
2903
|
+
font-size: var(--es-copy-field-font);
|
|
2904
|
+
line-height: var(--es-copy-field-line);
|
|
2905
|
+
white-space: pre-wrap;
|
|
2906
|
+
overflow-wrap: anywhere;
|
|
2907
|
+
outline: none;
|
|
2908
|
+
cursor: text;
|
|
2909
|
+
}
|
|
2729
2910
|
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2911
|
+
/* Many lines: room for three, like the textarea it replaces (design: the
|
|
2912
|
+
empty box is 4.625rem). */
|
|
2913
|
+
.es-rich.is-multiline {
|
|
2914
|
+
min-height: 4.625rem;
|
|
2915
|
+
}
|
|
2733
2916
|
|
|
2734
|
-
|
|
2917
|
+
/* One line: it scrolls sideways rather than wrapping, as an <input> does. */
|
|
2918
|
+
.es-rich.is-single {
|
|
2919
|
+
white-space: pre;
|
|
2920
|
+
overflow-x: auto;
|
|
2921
|
+
overflow-y: hidden;
|
|
2922
|
+
scrollbar-width: none;
|
|
2923
|
+
}
|
|
2735
2924
|
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
\`campaignBlocks.css\` aliases its \`--cd-*\` onto these values). A custom
|
|
2741
|
-
property declared here is inert until something reads it. A \`background\`, a
|
|
2742
|
-
\`padding\`, a \`font\` \u2014 anything that PAINTS \u2014 is not: it applies to that root
|
|
2743
|
-
the moment this sheet is imported, in every editor that imports it, and in
|
|
2744
|
-
the admin portal's own document.
|
|
2925
|
+
.es-rich:focus {
|
|
2926
|
+
border-color: var(--es-copy-focus-border);
|
|
2927
|
+
box-shadow: var(--es-copy-focus-ring);
|
|
2928
|
+
}
|
|
2745
2929
|
|
|
2746
|
-
|
|
2747
|
-
|
|
2930
|
+
.es-rich.is-off {
|
|
2931
|
+
background: var(--es-field-bg-off, #f9fafb);
|
|
2932
|
+
opacity: 0.6;
|
|
2933
|
+
cursor: not-allowed;
|
|
2934
|
+
}
|
|
2748
2935
|
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2936
|
+
.es-rich-line {
|
|
2937
|
+
min-height: calc(var(--es-copy-field-font) * var(--es-copy-field-line));
|
|
2938
|
+
}
|
|
2752
2939
|
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
\u2014 carries \`0 6px 18px rgba(0,0,0,.08)\`, and this is deliberately heavier:
|
|
2759
|
-
that picker sits IN FLOW inside a panel, while this box FLOATS over
|
|
2760
|
-
content, and a floating box has to separate itself from whatever is under
|
|
2761
|
-
it. The drawing's own header cites \`.sf-blockmenu\`, so its author had that
|
|
2762
|
-
value open and moved off it on purpose.
|
|
2763
|
-
This is the CONTEXT half of the split described on \`--es-menu-hover-bg\`:
|
|
2764
|
-
it follows the situation, not the neighbour. */
|
|
2765
|
-
--es-menu-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
|
|
2940
|
+
.es-rich-line.is-bullet {
|
|
2941
|
+
display: list-item;
|
|
2942
|
+
list-style: disc outside;
|
|
2943
|
+
margin-left: 1.25em;
|
|
2944
|
+
}
|
|
2766
2945
|
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2946
|
+
.es-rich-line.is-bullet::marker {
|
|
2947
|
+
color: var(--es-text-muted, #9ca3af);
|
|
2948
|
+
}
|
|
2770
2949
|
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2950
|
+
/* A numbered line (E1's \`12. words\`) draws the number AS SAVED \u2014 \`01\` stays
|
|
2951
|
+
\`01\` \u2014 in the margin, where the caret never goes. Not \`list-item\`: a list
|
|
2952
|
+
counter would renumber, and the saved digits are the truth. */
|
|
2953
|
+
.es-rich-line.is-numbered {
|
|
2954
|
+
position: relative;
|
|
2955
|
+
/* Room for up to three digits and the dot ("100.") left of the words. */
|
|
2956
|
+
margin-left: 2em;
|
|
2957
|
+
}
|
|
2777
2958
|
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2959
|
+
.es-rich-line.is-numbered::before {
|
|
2960
|
+
content: attr(data-number) '.';
|
|
2961
|
+
position: absolute;
|
|
2962
|
+
right: 100%;
|
|
2963
|
+
padding-right: 0.35em;
|
|
2964
|
+
white-space: nowrap;
|
|
2965
|
+
color: var(--es-text-muted, #9ca3af);
|
|
2966
|
+
font-variant-numeric: tabular-nums;
|
|
2967
|
+
pointer-events: none;
|
|
2968
|
+
user-select: none;
|
|
2969
|
+
}
|
|
2783
2970
|
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2971
|
+
/* E1's spans. Underline, sup and sub are the browser's own <u>, <sup>, <sub>.
|
|
2972
|
+
A theme colour reads \`--es-color-<name>\`, which the HOST sets from its
|
|
2973
|
+
theme (RichBox draws the var); the words keep the text colour until it does. */
|
|
2974
|
+
.es-rich u {
|
|
2975
|
+
text-underline-offset: 2px;
|
|
2976
|
+
}
|
|
2789
2977
|
|
|
2790
|
-
|
|
2791
|
-
|
|
2978
|
+
.es-rich sup,
|
|
2979
|
+
.es-rich sub {
|
|
2980
|
+
font-size: 0.75em;
|
|
2981
|
+
line-height: 0;
|
|
2982
|
+
}
|
|
2792
2983
|
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
menu sits in flow)
|
|
2984
|
+
.es-rich strong {
|
|
2985
|
+
font-weight: 600;
|
|
2986
|
+
}
|
|
2797
2987
|
|
|
2798
|
-
|
|
2799
|
-
--es-
|
|
2800
|
-
|
|
2988
|
+
.es-rich .es-rich-emphasis {
|
|
2989
|
+
color: var(--es-gold-accent, var(--gold, #c9a461));
|
|
2990
|
+
font-weight: 600;
|
|
2991
|
+
}
|
|
2992
|
+
|
|
2993
|
+
.es-rich .es-rich-quiet {
|
|
2994
|
+
color: var(--es-gold-quiet, #6b7280);
|
|
2995
|
+
font-size: 0.86em;
|
|
2996
|
+
}
|
|
2997
|
+
|
|
2998
|
+
.es-rich .es-rich-link {
|
|
2999
|
+
color: var(--es-accent, #2563eb);
|
|
3000
|
+
text-decoration: underline;
|
|
3001
|
+
text-underline-offset: 3px;
|
|
3002
|
+
cursor: text;
|
|
3003
|
+
}
|
|
3004
|
+
|
|
3005
|
+
.es-rich-placeholder {
|
|
3006
|
+
position: absolute;
|
|
3007
|
+
inset: 0;
|
|
3008
|
+
padding: var(--es-copy-field-pad);
|
|
3009
|
+
border: 1px solid transparent;
|
|
3010
|
+
color: var(--es-gold-placeholder, #9ca3af);
|
|
3011
|
+
font-size: var(--es-copy-field-font);
|
|
3012
|
+
line-height: var(--es-copy-field-line);
|
|
3013
|
+
pointer-events: none;
|
|
3014
|
+
}
|
|
3015
|
+
|
|
3016
|
+
/* The "Show marks" switch, under the box (design v5: react-os-shell's Switch
|
|
3017
|
+
with its label to the right). The switch is the panel's own (\`.es-switch\`). */
|
|
3018
|
+
.es-copy-marks {
|
|
3019
|
+
display: flex;
|
|
3020
|
+
align-items: center;
|
|
3021
|
+
gap: var(--es-space-8, 8px);
|
|
3022
|
+
margin-top: var(--es-copy-gap);
|
|
3023
|
+
}
|
|
3024
|
+
|
|
3025
|
+
.es-copy-marks-label {
|
|
3026
|
+
font-size: 13px;
|
|
3027
|
+
color: var(--es-text-secondary, #374151);
|
|
3028
|
+
}
|
|
3029
|
+
|
|
3030
|
+
/* \u2014 the final toolbar (E5b, design final 2026-10-06) \u2014 */
|
|
3031
|
+
|
|
3032
|
+
/*
|
|
3033
|
+
* TWO ROWS ON ONE 9-COLUMN GRID, flush to the box at both ends: every button
|
|
3034
|
+
* sits under the one above it. The size is react-os-shell's IconButton md
|
|
3035
|
+
* (\`--es-copy-mark-size\`, 32px), the size the design draws in a 320px panel.
|
|
3036
|
+
* A cell the host does not offer is drawn EMPTY, so the columns still line up.
|
|
3037
|
+
*/
|
|
3038
|
+
.es-tb-wrap {
|
|
3039
|
+
/*
|
|
3040
|
+
* The button size: react-os-shell's IconButton md (32px) \u2014 but never more
|
|
3041
|
+
* than a ninth of the row, so the row is FLUSH to the box at both ends. A
|
|
3042
|
+
* 320px panel's box is 286px (its 1px border takes two), and nine 32px
|
|
3043
|
+
* buttons would overrun it by 2px; here they are 31.8px. On the WRAPPER, so
|
|
3044
|
+
* the two windows, which sit beside the toolbar, read it too.
|
|
3045
|
+
*/
|
|
3046
|
+
--es-tb-size: min(var(--es-copy-mark-size), calc(100cqw / 9));
|
|
3047
|
+
position: relative;
|
|
3048
|
+
margin-bottom: var(--es-copy-gap);
|
|
3049
|
+
}
|
|
3050
|
+
|
|
3051
|
+
.es-tb {
|
|
3052
|
+
display: flex;
|
|
3053
|
+
flex-direction: column;
|
|
3054
|
+
gap: var(--es-space-4, 4px);
|
|
3055
|
+
}
|
|
3056
|
+
|
|
3057
|
+
.es-tb-row {
|
|
3058
|
+
display: grid;
|
|
3059
|
+
grid-template-columns: repeat(9, var(--es-tb-size));
|
|
3060
|
+
justify-content: space-between;
|
|
3061
|
+
}
|
|
3062
|
+
|
|
3063
|
+
/* The alignment and case groups are radiogroups for a screen reader and
|
|
3064
|
+
nothing for the grid: their buttons are cells of the row. */
|
|
3065
|
+
.es-tb-group {
|
|
3066
|
+
display: contents;
|
|
3067
|
+
}
|
|
3068
|
+
|
|
3069
|
+
.es-tb-btn {
|
|
3070
|
+
box-sizing: border-box;
|
|
3071
|
+
width: var(--es-tb-size);
|
|
3072
|
+
height: var(--es-tb-size);
|
|
3073
|
+
display: inline-flex;
|
|
3074
|
+
align-items: center;
|
|
3075
|
+
justify-content: center;
|
|
3076
|
+
padding: 0;
|
|
3077
|
+
border: 0;
|
|
3078
|
+
border-radius: 6px;
|
|
3079
|
+
background: transparent;
|
|
3080
|
+
color: var(--es-text-secondary, #374151);
|
|
3081
|
+
cursor: pointer;
|
|
3082
|
+
}
|
|
3083
|
+
|
|
3084
|
+
.es-tb-btn svg {
|
|
3085
|
+
width: 16px;
|
|
3086
|
+
height: 16px;
|
|
3087
|
+
}
|
|
3088
|
+
|
|
3089
|
+
.es-tb-btn:hover:not(:disabled) {
|
|
3090
|
+
background: var(--es-hover, #f3f4f6);
|
|
3091
|
+
}
|
|
3092
|
+
|
|
3093
|
+
.es-tb-btn:focus-visible {
|
|
3094
|
+
outline: none;
|
|
3095
|
+
box-shadow: var(--es-copy-focus-ring);
|
|
3096
|
+
}
|
|
3097
|
+
|
|
3098
|
+
/* Lit: the selection wears the mark (a press takes it off), the window is
|
|
3099
|
+
open, or the field holds that value \u2014 react-os-shell's selected tone. */
|
|
3100
|
+
.es-tb-btn.is-on,
|
|
3101
|
+
.es-tb-btn.is-on:hover:not(:disabled) {
|
|
3102
|
+
background: var(--es-accent-tint, #eff6ff);
|
|
3103
|
+
color: var(--es-accent-text, #1d4ed8);
|
|
3104
|
+
}
|
|
3105
|
+
|
|
3106
|
+
.es-tb-btn:disabled {
|
|
3107
|
+
opacity: 0.6;
|
|
3108
|
+
cursor: not-allowed;
|
|
3109
|
+
}
|
|
3110
|
+
|
|
3111
|
+
/* The bar under the A is the colour the selected words wear. */
|
|
3112
|
+
.es-tb-color svg rect {
|
|
3113
|
+
fill: var(--es-tb-run, currentColor);
|
|
3114
|
+
}
|
|
3115
|
+
|
|
3116
|
+
/*
|
|
3117
|
+
* A NARROW BOX keeps both rows and shrinks the buttons a little \u2014 never wraps.
|
|
3118
|
+
* The design: under a 300px panel, the shell's next size down (24px), and no
|
|
3119
|
+
* wider than a ninth of the row. A 300px panel less its two 16px gutters is a
|
|
3120
|
+
* 268px box: \`.es-copy\` is the container that measures it.
|
|
3121
|
+
*/
|
|
3122
|
+
@container (width < 268px) {
|
|
3123
|
+
.es-tb-wrap {
|
|
3124
|
+
--es-tb-size: min(24px, calc(100cqw / 9));
|
|
3125
|
+
}
|
|
3126
|
+
|
|
3127
|
+
.es-tb-btn {
|
|
3128
|
+
border-radius: 5px;
|
|
3129
|
+
}
|
|
3130
|
+
|
|
3131
|
+
.es-tb-btn svg {
|
|
3132
|
+
width: 14px;
|
|
3133
|
+
height: 14px;
|
|
3134
|
+
}
|
|
3135
|
+
}
|
|
3136
|
+
|
|
3137
|
+
/*
|
|
3138
|
+
* THE TWO WINDOWS (colour, link) drop from their button, under the first row
|
|
3139
|
+
* and over the second, pushing nothing down \u2014 as drawn. They sit over the box
|
|
3140
|
+
* itself, so the panel's scrolling edge is not near them. DatePicker's
|
|
3141
|
+
* popover: 288px, 12px corners, a 12px inset, react-os-shell's shadow.
|
|
3142
|
+
*/
|
|
3143
|
+
.es-copy-pop {
|
|
3144
|
+
position: absolute;
|
|
3145
|
+
z-index: 5;
|
|
3146
|
+
left: 0;
|
|
3147
|
+
top: calc(var(--es-tb-size) + 6px);
|
|
3148
|
+
box-sizing: border-box;
|
|
3149
|
+
width: 288px;
|
|
3150
|
+
max-width: 100%;
|
|
3151
|
+
margin-top: 0;
|
|
3152
|
+
display: flex;
|
|
3153
|
+
flex-direction: column;
|
|
3154
|
+
gap: var(--es-space-8, 8px);
|
|
3155
|
+
padding: 12px;
|
|
3156
|
+
border: 1px solid var(--es-border, #e5e7eb);
|
|
3157
|
+
border-radius: 12px;
|
|
3158
|
+
background: var(--es-raised, #fff);
|
|
3159
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
3160
|
+
}
|
|
3161
|
+
|
|
3162
|
+
/* The point, aimed at its button: column k of 9 across the row (100cqw). */
|
|
3163
|
+
.es-copy-pop::before {
|
|
3164
|
+
content: '';
|
|
3165
|
+
position: absolute;
|
|
3166
|
+
top: -6px;
|
|
3167
|
+
width: 10px;
|
|
3168
|
+
height: 10px;
|
|
3169
|
+
background: inherit;
|
|
3170
|
+
border-left: 1px solid var(--es-border, #e5e7eb);
|
|
3171
|
+
border-top: 1px solid var(--es-border, #e5e7eb);
|
|
3172
|
+
transform: rotate(45deg);
|
|
3173
|
+
}
|
|
3174
|
+
|
|
3175
|
+
.es-copy-colors::before {
|
|
3176
|
+
left: calc(4 * (100cqw - var(--es-tb-size)) / 8 + var(--es-tb-size) / 2 - 6px);
|
|
3177
|
+
}
|
|
3178
|
+
|
|
3179
|
+
.es-copy-link.es-copy-pop::before {
|
|
3180
|
+
left: calc(5 * (100cqw - var(--es-tb-size)) / 8 + var(--es-tb-size) / 2 - 6px);
|
|
3181
|
+
}
|
|
3182
|
+
|
|
3183
|
+
.es-copy-pop-label,
|
|
3184
|
+
.es-copy-pop .es-copy-link-label {
|
|
3185
|
+
font-size: 12px;
|
|
3186
|
+
font-weight: 500;
|
|
3187
|
+
color: var(--es-text-secondary, #4b5563);
|
|
3188
|
+
}
|
|
3189
|
+
|
|
3190
|
+
.es-copy-swatches {
|
|
3191
|
+
display: flex;
|
|
3192
|
+
flex-wrap: wrap;
|
|
3193
|
+
/* One group of colours: the scale's step for things that are one thing. */
|
|
3194
|
+
gap: var(--es-space-4, 4px);
|
|
3195
|
+
}
|
|
3196
|
+
|
|
3197
|
+
.es-copy-swatch {
|
|
3198
|
+
width: 22px;
|
|
3199
|
+
height: 22px;
|
|
3200
|
+
padding: 0;
|
|
3201
|
+
border: 0;
|
|
3202
|
+
border-radius: 6px;
|
|
3203
|
+
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
3204
|
+
cursor: pointer;
|
|
3205
|
+
}
|
|
3206
|
+
|
|
3207
|
+
.es-copy-swatch[aria-pressed='true'] {
|
|
3208
|
+
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 2px #fff, 0 0 0 4px var(--es-accent, #2563eb);
|
|
3209
|
+
}
|
|
3210
|
+
|
|
3211
|
+
/* Any color (E1 widened 2026-10-06) is pick's own ColourWindow (pick.css):
|
|
3212
|
+
inside this window it is not a second box \u2014 no border, no inset. */
|
|
3213
|
+
.es-copy-colors .es-pick-window {
|
|
3214
|
+
padding: 0;
|
|
3215
|
+
border: 0;
|
|
3216
|
+
border-radius: 0;
|
|
3217
|
+
background: transparent;
|
|
3218
|
+
gap: var(--es-space-8, 8px);
|
|
3219
|
+
}
|
|
3220
|
+
|
|
3221
|
+
.es-copy-pop-foot {
|
|
3222
|
+
display: flex;
|
|
3223
|
+
justify-content: space-between;
|
|
3224
|
+
align-items: center;
|
|
3225
|
+
gap: var(--es-space-4, 4px);
|
|
3226
|
+
}
|
|
3227
|
+
|
|
3228
|
+
/* \u2014 the number cells (E5b): a 2-column grid between the toolbar and the box \u2014 */
|
|
3229
|
+
.es-copy-cells {
|
|
3230
|
+
display: grid;
|
|
3231
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3232
|
+
gap: var(--es-space-4, 4px);
|
|
3233
|
+
margin-bottom: var(--es-copy-gap);
|
|
3234
|
+
}
|
|
3235
|
+
|
|
3236
|
+
/*
|
|
3237
|
+
* efficient-easel/menu.css \u2014 the right-click menu box (card 66400.d).
|
|
3238
|
+
*
|
|
3239
|
+
* THE VALUES ARE NOT OURS. They are the storefront editor's shipped
|
|
3240
|
+
* \`.sf-blockmenu\` / \`.sf-blockmenu-item\` \u2014 \`efficient-storefront/components/storefront-editor.css\`,
|
|
3241
|
+
* read at line 1165 \u2014 which is the look card 66400.d names for the menu Lewis
|
|
3242
|
+
* approved on 2026-08-31. Each \`--sf-*\` there is already an alias of the
|
|
3243
|
+
* matching \`--es-*\` here (card 66024), so the look is expressed with no new
|
|
3244
|
+
* value except the three noted below. Change one only to track a deliberate
|
|
3245
|
+
* change THERE. Pinned by \`tests/menu-box-css.test.ts\`.
|
|
3246
|
+
*
|
|
3247
|
+
* \u26A0\uFE0F THREE VALUES ARE UNDER A LIVE QUESTION, and each is behind ONE var so
|
|
3248
|
+
* settling it is a three-line change. The drawing Lewis approved that same day
|
|
3249
|
+
* (\`mockups/editor-add-and-context-v1.html\`, its \`.ctx\` rule) is a FLOATING
|
|
3250
|
+
* menu, where \`.sf-blockmenu\` is an in-flow picker, and it holds different
|
|
3251
|
+
* numbers for exactly the three things that difference would move:
|
|
3252
|
+
*
|
|
3253
|
+
* .sf-blockmenu (shipped) .ctx (the drawing)
|
|
3254
|
+
* radius 8px 9px
|
|
3255
|
+
* shadow 0 6px 18px rgba(0,0,0,.08) 0 10px 28px rgba(0,0,0,.16)
|
|
3256
|
+
* min-width 220px (the admin box's own) 186px
|
|
3257
|
+
*
|
|
3258
|
+
* This sheet ships \`.sf-blockmenu\`'s, per the card's own constraint. The
|
|
3259
|
+
* question is with the fork that owns the design.
|
|
3260
|
+
*
|
|
3261
|
+
* LIGHT only \u2014 neither editing surface has a dark mode (owner, 2026-08-06), so
|
|
3262
|
+
* there is no dark counterpart block here. Do not add one.
|
|
3263
|
+
*
|
|
3264
|
+
* Import once from a client entry / global stylesheet:
|
|
3265
|
+
* import 'efficient-easel/menu.css';
|
|
3266
|
+
*/
|
|
3267
|
+
|
|
3268
|
+
/* \u2500\u2500 this sheet's own vars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
3269
|
+
ON \`.es-editor\`, the chrome root, following \`rail.css\` (which owns
|
|
3270
|
+
\`--es-rail-*\`) and \`panel.css\` (\`--es-row-gap\`): the sheet that owns the
|
|
3271
|
+
rules owns its tokens, and \`shell.css\` stays a verbatim mirror of the
|
|
3272
|
+
storefront editor's \`--sf-*\` block. None of these is a shell token.
|
|
3273
|
+
|
|
3274
|
+
\u26A0\uFE0F The box itself names \`es-editor\` (see \`skin.ts\`) \u2014 it is portalled to
|
|
3275
|
+
\`document.body\`, outside the editor tree, so this is also where it picks these
|
|
3276
|
+
up. Read that note before moving them.
|
|
3277
|
+
|
|
3278
|
+
\u26D4 CUSTOM PROPERTIES ONLY IN THIS BLOCK. Never a paint property.
|
|
3279
|
+
|
|
3280
|
+
\`.es-editor\` is not this package's own element \u2014 it is the class each editor
|
|
3281
|
+
puts on ITS OWN chrome root, and the campaign designer puts it on a root that
|
|
3282
|
+
lives INSIDE the admin portal's DOM (card 66024 made that the mechanism by
|
|
3283
|
+
which the designer is themed; \`CampaignDesigner.tsx\` adds the class and
|
|
3284
|
+
\`campaignBlocks.css\` aliases its \`--cd-*\` onto these values). A custom
|
|
3285
|
+
property declared here is inert until something reads it. A \`background\`, a
|
|
3286
|
+
\`padding\`, a \`font\` \u2014 anything that PAINTS \u2014 is not: it applies to that root
|
|
3287
|
+
the moment this sheet is imported, in every editor that imports it, and in
|
|
3288
|
+
the admin portal's own document.
|
|
3289
|
+
|
|
3290
|
+
Audited on 2026-09-02 across every sheet in this package that opens an
|
|
3291
|
+
\`.es-editor\` block, and the honest number is zero:
|
|
3292
|
+
|
|
3293
|
+
shell.css 67 declarations, 67 custom, 0 paint
|
|
3294
|
+
panel.css 11 declarations, 11 custom, 0 paint
|
|
3295
|
+
menu.css 7 declarations, 7 custom, 0 paint
|
|
3296
|
+
|
|
3297
|
+
\u26A0\uFE0F Nothing enforces this \u2014 it is a rule with no test behind it. If you are
|
|
3298
|
+
adding a declaration here, you are the check. */
|
|
3299
|
+
.es-editor {
|
|
3300
|
+
/* HOW FAR THE BOX FLOATS OFF THE PAGE BEHIND IT.
|
|
3301
|
+
The drawing's value. \`.sf-blockmenu\` \u2014 the shop's shipped Add-block picker
|
|
3302
|
+
\u2014 carries \`0 6px 18px rgba(0,0,0,.08)\`, and this is deliberately heavier:
|
|
3303
|
+
that picker sits IN FLOW inside a panel, while this box FLOATS over
|
|
3304
|
+
content, and a floating box has to separate itself from whatever is under
|
|
3305
|
+
it. The drawing's own header cites \`.sf-blockmenu\`, so its author had that
|
|
3306
|
+
value open and moved off it on purpose.
|
|
3307
|
+
This is the CONTEXT half of the split described on \`--es-menu-hover-bg\`:
|
|
3308
|
+
it follows the situation, not the neighbour. */
|
|
3309
|
+
--es-menu-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
|
|
3310
|
+
|
|
3311
|
+
/* HOW SOFT ITS CORNERS ARE. The drawing's 9px, one more than the in-flow
|
|
3312
|
+
picker's 8 \u2014 the same floating-vs-in-flow distinction. */
|
|
3313
|
+
--es-menu-radius: 9px;
|
|
3314
|
+
|
|
3315
|
+
/* THE NARROWEST THE BOX MAY GET \u2014 a floor, not a width.
|
|
3316
|
+
A menu that shrank to its longest label would change width with its
|
|
3317
|
+
contents, so a merchant's pointer would land on a different row depending
|
|
3318
|
+
on which label happened to be longest. The drawing's 186px. It is also the
|
|
3319
|
+
width the flyout measures against when it decides to flip left. */
|
|
3320
|
+
--es-menu-min-w: 186px;
|
|
3321
|
+
|
|
3322
|
+
/* WHAT A ROW DOES UNDER THE POINTER \u2014 the one thing a merchant watches move.
|
|
3323
|
+
\u26A0\uFE0F THIS ONE DOES NOT FOLLOW THE DRAWING, AND THAT IS DELIBERATE. The
|
|
3324
|
+
drawing's \`.ctx\` washes the row GREY and leaves the text alone. This washes
|
|
3325
|
+
the accent tint and turns the text blue, which is \`.sf-blockmenu\` \u2014 the Add
|
|
3326
|
+
menu, one keystroke away in the same editor.
|
|
3327
|
+
|
|
3328
|
+
Owner ruling, 2026-09-02, recorded as a dated amendment in the
|
|
3329
|
+
\`owner-design-rulings\` skill ("the right-click menu hovers BLUE, not the
|
|
3330
|
+
drawing's grey"): it was put to him rather than decided, because two menus
|
|
3331
|
+
in one editor highlighting differently is a rule-zero failure. His word was
|
|
3332
|
+
blue.
|
|
3333
|
+
|
|
3334
|
+
\u26D4 DO NOT "RESTORE" THE DRAWING'S GREY. The split from the three values
|
|
3335
|
+
above is not an inconsistency, it is the rule:
|
|
3336
|
+
|
|
3337
|
+
hover interaction grammar -> follows the NEIGHBOUR
|
|
3338
|
+
shadow / radius / context -> follows the SITUATION
|
|
3339
|
+
min-width (this box floats; the Add
|
|
3340
|
+
menu sits in flow)
|
|
3341
|
+
|
|
3342
|
+
Still behind a var, because that is what made asking him cost nothing. */
|
|
3343
|
+
--es-menu-hover-bg: var(--es-accent-tint);
|
|
3344
|
+
--es-menu-hover-fg: var(--es-accent);
|
|
2801
3345
|
|
|
2802
3346
|
/* A ROW THAT DESTROYS SOMETHING.
|
|
2803
3347
|
\u26A0\uFE0F The drawing is the ONLY reference for this one \u2014 \`.sf-blockmenu\` has no
|
|
@@ -2806,12 +3350,16 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2806
3350
|
than copied as a literal. */
|
|
2807
3351
|
--es-menu-danger-fg: var(--es-danger-strong);
|
|
2808
3352
|
|
|
2809
|
-
/* THE SHORTCUT COLUMN'S INK \u2014 quieter than a label,
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
3353
|
+
/* THE SHORTCUT COLUMN'S INK \u2014 quieter than a label, because a shortcut is a
|
|
3354
|
+
reminder and never the thing being read; but it IS read, so it is a grey
|
|
3355
|
+
that can be: \`--es-muted\`, 4.8:1 on the box at 11px.
|
|
3356
|
+
\u26A0\uFE0F It was the drawing's own \`#b6bcc4\` until 2026-10-07 \u2014 lighter than
|
|
3357
|
+
\`--es-disabled\`, 1.9:1 on white, the lowest contrast of any text in the
|
|
3358
|
+
package. A second host's axe-core run failed it (WCAG AA, 4.5:1) and the
|
|
3359
|
+
host put \`--es-muted\` here itself; this is that, at the source. Still
|
|
3360
|
+
behind ONE var, so the design can pick another grey that can be read.
|
|
3361
|
+
Held by ratio in tests/contrast-small-text.test.ts. */
|
|
3362
|
+
--es-menu-shortcut-fg: var(--es-muted);
|
|
2815
3363
|
}
|
|
2816
3364
|
|
|
2817
3365
|
|
|
@@ -2916,6 +3464,13 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2916
3464
|
color: var(--es-menu-shortcut-fg);
|
|
2917
3465
|
font-size: 11px;
|
|
2918
3466
|
}
|
|
3467
|
+
/* On the row that is pointed at the ground is tinted, and the grey that passes
|
|
3468
|
+
on white does not pass on the tint (4.4:1). So the shortcut takes the ROW's
|
|
3469
|
+
ink there \u2014 the accent on a plain row (4.7:1), the red on one that destroys
|
|
3470
|
+
(5.9:1): one ink per row, and no new colour. */
|
|
3471
|
+
.es-menu-item:hover .es-menu-shortcut {
|
|
3472
|
+
color: inherit;
|
|
3473
|
+
}
|
|
2919
3474
|
|
|
2920
3475
|
/* Present on every row of a flyout that uses one, so the labels line up whether
|
|
2921
3476
|
or not the row is the state you are already on. */
|
|
@@ -2955,7 +3510,16 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2955
3510
|
* colours are the same colours, not copies of them.
|
|
2956
3511
|
*
|
|
2957
3512
|
* Needs \`efficient-easel/shell.css\` for the \`--es-*\` tokens. Widths come in as
|
|
2958
|
-
* \`--es-left-w\` / \`--es-right-w\` from \`panelWidthVars()
|
|
3513
|
+
* \`--es-left-w\` / \`--es-right-w\` from \`panelWidthVars()\` or \`setPanelWidthVars()\`,
|
|
3514
|
+
* set on the editor ROOT.
|
|
3515
|
+
*
|
|
3516
|
+
* EVERY READ OF A WIDTH CARRIES ITS DEFAULT (\`DEFAULT_PANEL_W\`: 288 / 320;
|
|
3517
|
+
* \`tests/csp-server-render\` holds the two together). A server-rendered editor
|
|
3518
|
+
* has no width in scope until its script runs \u2014 and under a
|
|
3519
|
+
* Content-Security-Policy that refuses \`style\` attributes, none from the HTML
|
|
3520
|
+
* at all \u2014 and without a fallback the rail's column was 1px wide. A fallback
|
|
3521
|
+
* at the read, not a declaration on a root: a host may set the variables on an
|
|
3522
|
+
* ancestor of its own, and a default declared lower down would shadow them.
|
|
2959
3523
|
*
|
|
2960
3524
|
* Light only (owner, 2026-08-06: no dark mode in the editor or the designer).
|
|
2961
3525
|
*/
|
|
@@ -2993,7 +3557,7 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
2993
3557
|
want more room than the window has \u2014 the column collapses to its buttons
|
|
2994
3558
|
with a correct \`width\` sitting right here (found twice on :5173, 2026-09-04). */
|
|
2995
3559
|
flex: none;
|
|
2996
|
-
width: var(--es-left-w);
|
|
3560
|
+
width: var(--es-left-w, 288px);
|
|
2997
3561
|
box-sizing: border-box;
|
|
2998
3562
|
height: 100%;
|
|
2999
3563
|
gap: 0;
|
|
@@ -3266,11 +3830,11 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
3266
3830
|
container-type: inline-size;
|
|
3267
3831
|
}
|
|
3268
3832
|
.es-sidepanel--left {
|
|
3269
|
-
width: var(--es-left-w);
|
|
3833
|
+
width: var(--es-left-w, 288px);
|
|
3270
3834
|
border-right: 1px solid var(--es-line);
|
|
3271
3835
|
}
|
|
3272
3836
|
.es-sidepanel--right {
|
|
3273
|
-
width: var(--es-right-w);
|
|
3837
|
+
width: var(--es-right-w, 320px);
|
|
3274
3838
|
border-left: 1px solid var(--es-line);
|
|
3275
3839
|
}
|
|
3276
3840
|
.es-panel-head {
|
|
@@ -3309,11 +3873,11 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
|
|
|
3309
3873
|
touch-action: none;
|
|
3310
3874
|
}
|
|
3311
3875
|
.es-resizer--left {
|
|
3312
|
-
left: var(--es-left-w);
|
|
3876
|
+
left: var(--es-left-w, 288px);
|
|
3313
3877
|
justify-content: flex-start;
|
|
3314
3878
|
}
|
|
3315
3879
|
.es-resizer--right {
|
|
3316
|
-
right: var(--es-right-w);
|
|
3880
|
+
right: var(--es-right-w, 320px);
|
|
3317
3881
|
justify-content: flex-end;
|
|
3318
3882
|
}
|
|
3319
3883
|
.es-resizer-bar {
|
|
@@ -3339,45 +3903,42 @@ body.es-col-resizing iframe {
|
|
|
3339
3903
|
}
|
|
3340
3904
|
|
|
3341
3905
|
/* \u2500\u2500 Inspector head \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
3342
|
-
/* \
|
|
3343
|
-
|
|
3906
|
+
/* \u2190 Go up one level: the blue text link (owner ruling 2026-10-06, the website
|
|
3907
|
+
Locations panel's look, one look in both editors). The arrow and the parent's
|
|
3908
|
+
name in the accent colour, 12px; no box, no fill, no divider, and NO hover
|
|
3909
|
+
change, as on the link it was taken from. Only the focus ring shows. At the
|
|
3910
|
+
panel top it sits in the panel's own inset, 16 and 12 under 260px (one
|
|
3911
|
+
spacing scale, owner ruling 2026-10-02); \`inline\` drops the wrapper. */
|
|
3344
3912
|
.es-insp-up {
|
|
3345
3913
|
display: flex;
|
|
3346
|
-
align-items: center;
|
|
3347
3914
|
flex: none;
|
|
3348
|
-
|
|
3349
|
-
|
|
3915
|
+
min-width: 0;
|
|
3916
|
+
padding: 12px 16px 0;
|
|
3350
3917
|
}
|
|
3351
3918
|
.es-insp-up-btn {
|
|
3352
|
-
display: flex;
|
|
3353
|
-
align-items:
|
|
3354
|
-
gap:
|
|
3355
|
-
|
|
3919
|
+
display: inline-flex;
|
|
3920
|
+
align-items: baseline;
|
|
3921
|
+
gap: 4px;
|
|
3922
|
+
max-width: 100%;
|
|
3356
3923
|
min-width: 0;
|
|
3357
|
-
padding:
|
|
3924
|
+
padding: 0;
|
|
3358
3925
|
border: 0;
|
|
3359
|
-
|
|
3360
|
-
background: transparent;
|
|
3361
|
-
cursor: pointer;
|
|
3926
|
+
background: none;
|
|
3362
3927
|
font: inherit;
|
|
3363
3928
|
font-size: 12px;
|
|
3364
|
-
color: var(--es-
|
|
3929
|
+
color: var(--es-accent);
|
|
3365
3930
|
text-align: left;
|
|
3366
|
-
|
|
3367
|
-
}
|
|
3368
|
-
.es-insp-up-btn:hover {
|
|
3369
|
-
background: var(--es-hover);
|
|
3370
|
-
color: var(--es-text);
|
|
3931
|
+
cursor: pointer;
|
|
3371
3932
|
}
|
|
3372
3933
|
.es-insp-up-btn:focus-visible {
|
|
3373
3934
|
outline: 2px solid var(--es-accent);
|
|
3374
|
-
outline-offset:
|
|
3935
|
+
outline-offset: 2px;
|
|
3375
3936
|
}
|
|
3376
|
-
.es-insp-up-
|
|
3377
|
-
display: inline-flex;
|
|
3937
|
+
.es-insp-up-arrow {
|
|
3378
3938
|
flex: none;
|
|
3379
3939
|
}
|
|
3380
3940
|
.es-insp-up-name {
|
|
3941
|
+
min-width: 0;
|
|
3381
3942
|
overflow: hidden;
|
|
3382
3943
|
text-overflow: ellipsis;
|
|
3383
3944
|
white-space: nowrap;
|
|
@@ -3396,7 +3957,46 @@ body.es-col-resizing iframe {
|
|
|
3396
3957
|
is the host's. */
|
|
3397
3958
|
@container (width < 260px) {
|
|
3398
3959
|
.es-panel-head,
|
|
3399
|
-
.es-insp-head
|
|
3960
|
+
.es-insp-head,
|
|
3961
|
+
.es-insp-up { padding-inline: 12px; }
|
|
3962
|
+
}
|
|
3963
|
+
/* A HEAD WITH A WAY-OUT WORD, UNDER 260px (card [MERGE] One Media Panel Head
|
|
3964
|
+
For Both Editors, GG 2026-10-06). At a 220px panel the chip, Cancel, the
|
|
3965
|
+
hairline and Hide left the titles about 38px: "Choose image" drew "Ch\u2026" in
|
|
3966
|
+
both editors. Nothing is cut (owner: change the layout, never the feature):
|
|
3967
|
+
the word takes its own row, under the titles, and the hairline goes because
|
|
3968
|
+
nothing stands beside Hide to part it from.
|
|
3969
|
+
row 1 [chip] Choose image [hide]
|
|
3970
|
+
For Background image
|
|
3971
|
+
row 2 [Cancel]
|
|
3972
|
+
The actions box steps aside (\`display: contents\`) so its buttons can sit in
|
|
3973
|
+
different rows; every glyph button is locked to row 1 and takes the next
|
|
3974
|
+
free column, so a head with several tools keeps them side by side. */
|
|
3975
|
+
@container (width < 260px) {
|
|
3976
|
+
.es-insp-head:has(.es-insp-textbtn) {
|
|
3977
|
+
display: grid;
|
|
3978
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
3979
|
+
grid-auto-columns: auto;
|
|
3980
|
+
align-items: center;
|
|
3981
|
+
column-gap: 12px;
|
|
3982
|
+
row-gap: 8px;
|
|
3983
|
+
}
|
|
3984
|
+
.es-insp-head:has(.es-insp-textbtn) > .es-insp-chip,
|
|
3985
|
+
.es-insp-head:has(.es-insp-textbtn) > .es-insp-titles,
|
|
3986
|
+
.es-insp-head:has(.es-insp-textbtn) .es-insp-iconbtn {
|
|
3987
|
+
grid-row: 1;
|
|
3988
|
+
}
|
|
3989
|
+
.es-insp-head:has(.es-insp-textbtn) > .es-insp-actions {
|
|
3990
|
+
display: contents;
|
|
3991
|
+
}
|
|
3992
|
+
.es-insp-head:has(.es-insp-textbtn) .es-insp-textbtn {
|
|
3993
|
+
grid-row: 2;
|
|
3994
|
+
grid-column: 2;
|
|
3995
|
+
justify-self: start;
|
|
3996
|
+
}
|
|
3997
|
+
.es-insp-head:has(.es-insp-textbtn) .es-insp-divider {
|
|
3998
|
+
display: none;
|
|
3999
|
+
}
|
|
3400
4000
|
}
|
|
3401
4001
|
.es-insp-chip {
|
|
3402
4002
|
width: 26px;
|
|
@@ -3465,6 +4065,28 @@ body.es-col-resizing iframe {
|
|
|
3465
4065
|
color: var(--es-accent);
|
|
3466
4066
|
}
|
|
3467
4067
|
|
|
4068
|
+
/* A side panel's head has two pieces besides its glyph buttons (MediaPanelHead,
|
|
4069
|
+
card [MERGE] One Media Panel Head, 2026-10-06; until then each editor's own
|
|
4070
|
+
sheet drew them, as \`.sf-head-*\` and \`.cd-head-*\`). A MODE's way out is a
|
|
4071
|
+
word ("Cancel", "Done") on the ghost button, drawn to the 28px of the head's
|
|
4072
|
+
icon buttons so the row keeps one height (its sides are the scale's 12; both
|
|
4073
|
+
editors drew 10, off the 2/4/8/12/16/32 scale); the hairline parts the
|
|
4074
|
+
panel's own tools from the Hide panel button that ends every head. */
|
|
4075
|
+
.es-btn-ghost.es-insp-textbtn {
|
|
4076
|
+
height: 28px;
|
|
4077
|
+
padding: 0 12px;
|
|
4078
|
+
font-size: 12.5px;
|
|
4079
|
+
border-radius: 7px;
|
|
4080
|
+
white-space: nowrap;
|
|
4081
|
+
}
|
|
4082
|
+
.es-insp-divider {
|
|
4083
|
+
width: 1px;
|
|
4084
|
+
height: 16px;
|
|
4085
|
+
margin: 0 4px;
|
|
4086
|
+
background: var(--es-line);
|
|
4087
|
+
flex: none;
|
|
4088
|
+
}
|
|
4089
|
+
|
|
3468
4090
|
/* \u2500\u2500 Edit notice \u2014 somebody else is in here, or a save was refused \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
3469
4091
|
/* A bar under the top bar, never a dialog (blueprint 2.5): the operator has to
|
|
3470
4092
|
be able to read and copy from the screen it warns them about. No token of its
|
|
@@ -4143,6 +4765,77 @@ body.es-col-resizing iframe {
|
|
|
4143
4765
|
margin-bottom: calc(-1 * var(--es-rhythm-between));
|
|
4144
4766
|
}
|
|
4145
4767
|
|
|
4768
|
+
/* \u2500\u2500 An empty list, as a place (second host, 2026-10-06) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
4769
|
+
Where a slot holds nothing yet: a box the size of a row, that takes a drop
|
|
4770
|
+
and \u2014 when the host offers it \u2014 adds there. NOT a seam: a seam is the gap
|
|
4771
|
+
between two rows and takes back the space it adds (above), so alone in a
|
|
4772
|
+
list it was a strip 8px tall with nothing drawn in it, and a drop aimed at
|
|
4773
|
+
"into this empty column" landed on whatever was really under the pointer.
|
|
4774
|
+
|
|
4775
|
+
Dashed, because the thing is not there yet \u2014 the canvas says the same with
|
|
4776
|
+
its "+ Add block" cell (\`.es-canvas-empty\`, drag.css). Read off the campaign
|
|
4777
|
+
designer's \`.cd-tree-add\` (efficient-admin-portal), which drew one of its
|
|
4778
|
+
own; 34px is a row's height (8 + 18 + 8). */
|
|
4779
|
+
.es-tree-empty {
|
|
4780
|
+
box-sizing: border-box;
|
|
4781
|
+
flex: none;
|
|
4782
|
+
min-height: 34px;
|
|
4783
|
+
display: flex;
|
|
4784
|
+
align-items: stretch;
|
|
4785
|
+
border: 1px dashed var(--es-line);
|
|
4786
|
+
border-radius: var(--es-row-radius);
|
|
4787
|
+
color: var(--es-text-secondary);
|
|
4788
|
+
font: 500 12px/1.3 var(--es-font);
|
|
4789
|
+
transition: border-color 0.12s, color 0.12s, background 0.12s;
|
|
4790
|
+
}
|
|
4791
|
+
.es-tree-empty-add,
|
|
4792
|
+
.es-tree-empty-note {
|
|
4793
|
+
flex: 1;
|
|
4794
|
+
min-width: 0;
|
|
4795
|
+
display: flex;
|
|
4796
|
+
align-items: center;
|
|
4797
|
+
gap: 8px;
|
|
4798
|
+
padding: 0 12px;
|
|
4799
|
+
}
|
|
4800
|
+
/* The whole box is the button. A bare one: a native button ignores an author's
|
|
4801
|
+
background and border on some platforms, so the box draws them. */
|
|
4802
|
+
.es-tree-empty-add {
|
|
4803
|
+
border: none;
|
|
4804
|
+
border-radius: inherit;
|
|
4805
|
+
background: none;
|
|
4806
|
+
color: inherit;
|
|
4807
|
+
font: inherit;
|
|
4808
|
+
text-align: left;
|
|
4809
|
+
cursor: pointer;
|
|
4810
|
+
}
|
|
4811
|
+
.es-tree-empty-add:focus-visible {
|
|
4812
|
+
outline: 2px solid var(--es-accent);
|
|
4813
|
+
outline-offset: -2px;
|
|
4814
|
+
}
|
|
4815
|
+
/* Nothing to do here: the list is empty, and that is all it says. It SAYS it,
|
|
4816
|
+
so it is a grey that can be read: it was \`--es-disabled\` (#9ca3af), 2.5:1 on
|
|
4817
|
+
the panel, which axe-core failed on a read-only tree (2026-10-07). Held by
|
|
4818
|
+
ratio in tests/contrast-small-text.test.ts. */
|
|
4819
|
+
.es-tree-empty-note {
|
|
4820
|
+
color: var(--es-muted);
|
|
4821
|
+
}
|
|
4822
|
+
.es-tree-empty.has-add:hover,
|
|
4823
|
+
.es-tree-empty.is-drop {
|
|
4824
|
+
border-color: var(--es-accent);
|
|
4825
|
+
color: var(--es-accent-text);
|
|
4826
|
+
}
|
|
4827
|
+
.es-tree-empty.is-drop {
|
|
4828
|
+
background: var(--es-accent-tint);
|
|
4829
|
+
}
|
|
4830
|
+
.es-tree-empty.is-drop .es-tree-empty-note {
|
|
4831
|
+
color: inherit;
|
|
4832
|
+
}
|
|
4833
|
+
/* At the top level rows stack as blocks: keep the row's own distance from one above. */
|
|
4834
|
+
.es-tree > .es-tree-row + .es-tree-empty,
|
|
4835
|
+
.es-tree > .es-subtree + .es-tree-empty {
|
|
4836
|
+
margin-top: var(--es-rhythm-between);
|
|
4837
|
+
}
|
|
4838
|
+
|
|
4146
4839
|
/*
|
|
4147
4840
|
* efficient-easel/drag.css \u2014 the canvas drag layer (blueprint step 3.2): the
|
|
4148
4841
|
* hover handle, the drop line, "+ Add section" between sections and "+ Add
|
|
@@ -4417,9 +5110,13 @@ body.es-col-resizing iframe {
|
|
|
4417
5110
|
text-transform: uppercase;
|
|
4418
5111
|
color: var(--es-muted);
|
|
4419
5112
|
}
|
|
5113
|
+
/* The title's own grey, at a lighter weight. It was \`--es-field-placeholder\`
|
|
5114
|
+
(#9ca3af): 2.5:1 on the panel at 11px, under the 4.5:1 WCAG AA asks of text
|
|
5115
|
+
this size (second host, axe-core, 2026-10-07). A count is read, so it is not
|
|
5116
|
+
a placeholder. Held by ratio in tests/contrast-small-text.test.ts. */
|
|
4420
5117
|
.es-add-group-count {
|
|
4421
5118
|
font-size: 11px;
|
|
4422
|
-
color: var(--es-
|
|
5119
|
+
color: var(--es-muted);
|
|
4423
5120
|
}
|
|
4424
5121
|
.es-add-grid {
|
|
4425
5122
|
display: grid;
|
|
@@ -4473,6 +5170,11 @@ body.es-col-resizing iframe {
|
|
|
4473
5170
|
.es-add-tile:hover .es-add-tile-glyph {
|
|
4474
5171
|
color: var(--es-accent);
|
|
4475
5172
|
}
|
|
5173
|
+
/* A tile that is off \u2014 the whole panel's \`readOnly\`, or its own \`disabled\` \u2014
|
|
5174
|
+
answers the pointer with nothing: its glyph stays grey too. */
|
|
5175
|
+
.es-add-tile[aria-disabled='true']:hover .es-add-tile-glyph {
|
|
5176
|
+
color: var(--es-icon);
|
|
5177
|
+
}
|
|
4476
5178
|
/* Cards (0.80.0): a group whose tiles all carry a cover \u2014 two across, the
|
|
4477
5179
|
picture above the name, so a section is chosen by how it looks. */
|
|
4478
5180
|
.es-add-grid.is-cards {
|
|
@@ -4691,7 +5393,7 @@ body.es-col-resizing iframe {
|
|
|
4691
5393
|
page chrome per drag; the standalone section editor at the fixed defaults).
|
|
4692
5394
|
The literal widths deliberately do NOT live here \u2014 see that module. */
|
|
4693
5395
|
/* Top-bar height. ONE source for both the chrome that draws it AND the
|
|
4694
|
-
working-area
|
|
5396
|
+
working-area overlay (the Add-section picker) that must clear
|
|
4695
5397
|
it to sit inside the frame, not cover it.
|
|
4696
5398
|
Storefront-LOCAL geometry: the top bar is this editor's own chrome
|
|
4697
5399
|
dimension, not part of the shared token layer. */
|
|
@@ -4700,8 +5402,8 @@ body.es-col-resizing iframe {
|
|
|
4700
5402
|
where editor-shell's row variant is \`width: auto\` \u2014 the rail is as wide as
|
|
4701
5403
|
its buttons, so no element has a width for that token to name. It was NOT
|
|
4702
5404
|
set to 0: a 0 would leave every calc() below arithmetically correct while
|
|
4703
|
-
keeping a token still aimed at the content column
|
|
4704
|
-
|
|
5405
|
+
keeping a token still aimed at the content column, so restoring a
|
|
5406
|
+
non-zero value would move it. Deleting it means the
|
|
4705
5407
|
next person has to write the term back on purpose.
|
|
4706
5408
|
|
|
4707
5409
|
Where the content column BEGINS. Now the frame padding and nothing else:
|
|
@@ -5103,8 +5805,7 @@ body.es-col-resizing iframe {
|
|
|
5103
5805
|
round said it plainly \u2014 \u300C\u53F3\u8FB9\u90A3\u4E00\u884C\u4E0D\u80FD\u5148\u5220\u300D \u2014 get the order backwards and a
|
|
5104
5806
|
merchant loses a route.
|
|
5105
5807
|
\`.sf-plus\` is untouched; both of its rules are scoped to other buttons
|
|
5106
|
-
(\`.sf-add-card .sf-plus\`) and \`PagesPanel\` / \`
|
|
5107
|
-
still render it. */
|
|
5808
|
+
(\`.sf-add-card .sf-plus\`) and \`PagesPanel\` / \`AddChildRow\` still render it. */
|
|
5108
5809
|
|
|
5109
5810
|
/* \u2500\u2500 "Add section" seam between two tree rows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
5110
5811
|
A slim hover target sitting in the gap between rows; on hover (or keyboard
|
|
@@ -6491,152 +7192,49 @@ body.es-col-resizing iframe {
|
|
|
6491
7192
|
what this looks like is his call, not a later card's.
|
|
6492
7193
|
|
|
6493
7194
|
RULE ZERO, ONE GRAMMAR: \`--sf-hover\` is already what \`.sf-row\`, \`.sf-chooser\`,
|
|
6494
|
-
\`.sf-rung\`, \`.sf-seg2 button\` and the shell's own \`.es-drill\` do on hover. The
|
|
6495
|
-
dropdowns join that vocabulary instead of inventing a fifth one \u2014 which is
|
|
6496
|
-
also why nothing needs to change in \`efficient-easel\`: the shell already owns the
|
|
6497
|
-
VALUE (\`--es-hover\`), and this is the shop agreeing with it.
|
|
6498
|
-
|
|
6499
|
-
\u26A0\uFE0F WHY FOUR CLASSES, AND WHY THAT IS NOT COSMETIC. Puck's hover rule is
|
|
6500
|
-
(0,4,1) \u2014 \`._Input_\`(class) + \`:has(> select)\`(ELEMENT: \`:has()\` takes its
|
|
6501
|
-
argument's specificity) + \`:hover\`(class) + \`._Input-input_\`(class) +
|
|
6502
|
-
\`:not([disabled])\`(attribute). Measured, three of our classes TIES it and then
|
|
6503
|
-
wins only because \`storefront-editor.css\` is imported after \`puck.css\` at
|
|
6504
|
-
every editor entry; move an import anywhere and the six rows silently revert
|
|
6505
|
-
to Puck's azure with nothing going red. The fourth class buys independence
|
|
6506
|
-
from load order. No \`!important\`, and no hashed Puck class name that would rot
|
|
6507
|
-
on the next bump.
|
|
6508
|
-
|
|
6509
|
-
\u26A0\uFE0F ALL THREE DECLARATIONS ARE LOAD-BEARING. Overriding without \`!important\`
|
|
6510
|
-
replaces only the properties you NAME, so the arrow and the border are
|
|
6511
|
-
restated at their RESTING values purely to hold Puck's darker pair off. They
|
|
6512
|
-
are not a second opinion about how the row should look.
|
|
6513
|
-
|
|
6514
|
-
AND IT STANDS ASIDE EVERYWHERE ELSE. It needs \`:hover\`, so it cannot touch the
|
|
6515
|
-
row at rest; it is inside \`.sf-insp-body\`, so it cannot reach the storefront's
|
|
6516
|
-
own selects; and carrying no \`!important\` is what keeps Puck's drag paint
|
|
6517
|
-
(\`[data-dnd-placeholder]\`, which IS \`!important\`) out of its reach. Card 66395
|
|
6518
|
-
\xA76 is the precedent for getting that wrong \u2014 a shop rule that out-specified
|
|
6519
|
-
Puck the same way went on to win states it should have stood aside for, and
|
|
6520
|
-
every guard stayed green. \`scripts/test-panel-one-hover.tsx\` resolves the
|
|
6521
|
-
whole cascade per markup shape and asserts what must NOT move as well as what
|
|
6522
|
-
must. */
|
|
6523
|
-
.sf-editor .sf-body .sf-panel .sf-insp-body select:hover {
|
|
6524
|
-
background-color: var(--sf-hover);
|
|
6525
|
-
background-image: var(--sf-select-arrow);
|
|
6526
|
-
border-color: var(--sf-input-border);
|
|
6527
|
-
}
|
|
6528
|
-
.sf-insp-body input[type="range"] {
|
|
6529
|
-
accent-color: var(--sf-accent);
|
|
6530
|
-
}
|
|
6531
|
-
|
|
6532
|
-
/* Searchable dropdown (combobox) \u2014 a text-filterable alternative to a native
|
|
6533
|
-
<select> for long option lists (e.g. the PDP "Preview product" picker over the
|
|
6534
|
-
whole site catalog). The menu renders IN FLOW (pushing the fields below it
|
|
6535
|
-
down) so it never clips inside the scrolling inspector. Editor-only. */
|
|
6536
|
-
.sf-combo-control {
|
|
6537
|
-
position: relative;
|
|
6538
|
-
}
|
|
6539
|
-
.sf-insp-body input.sf-combo-input {
|
|
6540
|
-
padding-right: 26px;
|
|
6541
|
-
cursor: text;
|
|
6542
|
-
}
|
|
6543
|
-
.sf-combo-caret {
|
|
6544
|
-
position: absolute;
|
|
6545
|
-
right: 11px;
|
|
6546
|
-
top: 50%;
|
|
6547
|
-
transform: translateY(-50%);
|
|
6548
|
-
font-size: 10px;
|
|
6549
|
-
color: var(--sf-text-secondary);
|
|
6550
|
-
pointer-events: none;
|
|
6551
|
-
}
|
|
6552
|
-
.sf-combo-menu {
|
|
6553
|
-
list-style: none;
|
|
6554
|
-
margin: 6px 0 0;
|
|
6555
|
-
padding: 4px;
|
|
6556
|
-
border: 1px solid var(--sf-input-border);
|
|
6557
|
-
border-radius: var(--sf-field-radius);
|
|
6558
|
-
background: var(--sf-field-bg);
|
|
6559
|
-
max-height: 240px;
|
|
6560
|
-
overflow-y: auto;
|
|
6561
|
-
}
|
|
6562
|
-
.sf-combo-option {
|
|
6563
|
-
display: flex;
|
|
6564
|
-
align-items: center;
|
|
6565
|
-
gap: 8px;
|
|
6566
|
-
padding: 7px 9px;
|
|
6567
|
-
font-size: 13px;
|
|
6568
|
-
color: var(--sf-field-text);
|
|
6569
|
-
border-radius: max(calc(var(--sf-field-radius) - 2px), 2px);
|
|
6570
|
-
cursor: pointer;
|
|
6571
|
-
white-space: nowrap;
|
|
6572
|
-
overflow: hidden;
|
|
6573
|
-
text-overflow: ellipsis;
|
|
6574
|
-
}
|
|
6575
|
-
/* The four OPTIONAL per-option additions (card 22006.a) \u2014 group headings with
|
|
6576
|
-
derived counts, a 26px thumb well, and a quiet right-column fact. A list
|
|
6577
|
-
passing none of them renders none of this. */
|
|
6578
|
-
.sf-combo-group {
|
|
6579
|
-
display: flex;
|
|
6580
|
-
align-items: center;
|
|
6581
|
-
gap: 6px;
|
|
6582
|
-
padding: 8px 9px 4px;
|
|
6583
|
-
font-size: 11px;
|
|
6584
|
-
font-weight: 600;
|
|
6585
|
-
letter-spacing: 0.04em;
|
|
6586
|
-
text-transform: uppercase;
|
|
6587
|
-
color: var(--sf-text-secondary);
|
|
6588
|
-
cursor: default;
|
|
6589
|
-
}
|
|
6590
|
-
.sf-combo-group:not(:first-child) {
|
|
6591
|
-
margin-top: 4px;
|
|
6592
|
-
}
|
|
6593
|
-
.sf-combo-group-count {
|
|
6594
|
-
font-weight: 400;
|
|
6595
|
-
color: var(--sf-muted);
|
|
6596
|
-
}
|
|
6597
|
-
.sf-combo-thumb {
|
|
6598
|
-
flex: 0 0 26px;
|
|
6599
|
-
width: 26px;
|
|
6600
|
-
height: 26px;
|
|
6601
|
-
border-radius: 4px;
|
|
6602
|
-
background: var(--sf-input-border);
|
|
6603
|
-
overflow: hidden;
|
|
6604
|
-
}
|
|
6605
|
-
.sf-combo-thumb img {
|
|
6606
|
-
width: 100%;
|
|
6607
|
-
height: 100%;
|
|
6608
|
-
object-fit: contain;
|
|
6609
|
-
display: block;
|
|
6610
|
-
}
|
|
6611
|
-
.sf-combo-option-label {
|
|
6612
|
-
flex: 1 1 auto;
|
|
6613
|
-
min-width: 0;
|
|
6614
|
-
overflow: hidden;
|
|
6615
|
-
text-overflow: ellipsis;
|
|
6616
|
-
}
|
|
6617
|
-
.sf-combo-meta {
|
|
6618
|
-
flex: 0 0 auto;
|
|
6619
|
-
font-size: 12px;
|
|
6620
|
-
color: var(--sf-text-secondary);
|
|
6621
|
-
}
|
|
6622
|
-
.sf-combo-option.is-active {
|
|
6623
|
-
background: var(--sf-accent-ring);
|
|
6624
|
-
}
|
|
6625
|
-
.sf-combo-option.is-selected {
|
|
6626
|
-
font-weight: 600;
|
|
7195
|
+
\`.sf-rung\`, \`.sf-seg2 button\` and the shell's own \`.es-drill\` do on hover. The
|
|
7196
|
+
dropdowns join that vocabulary instead of inventing a fifth one \u2014 which is
|
|
7197
|
+
also why nothing needs to change in \`efficient-easel\`: the shell already owns the
|
|
7198
|
+
VALUE (\`--es-hover\`), and this is the shop agreeing with it.
|
|
7199
|
+
|
|
7200
|
+
\u26A0\uFE0F WHY FOUR CLASSES, AND WHY THAT IS NOT COSMETIC. Puck's hover rule is
|
|
7201
|
+
(0,4,1) \u2014 \`._Input_\`(class) + \`:has(> select)\`(ELEMENT: \`:has()\` takes its
|
|
7202
|
+
argument's specificity) + \`:hover\`(class) + \`._Input-input_\`(class) +
|
|
7203
|
+
\`:not([disabled])\`(attribute). Measured, three of our classes TIES it and then
|
|
7204
|
+
wins only because \`storefront-editor.css\` is imported after \`puck.css\` at
|
|
7205
|
+
every editor entry; move an import anywhere and the six rows silently revert
|
|
7206
|
+
to Puck's azure with nothing going red. The fourth class buys independence
|
|
7207
|
+
from load order. No \`!important\`, and no hashed Puck class name that would rot
|
|
7208
|
+
on the next bump.
|
|
7209
|
+
|
|
7210
|
+
\u26A0\uFE0F ALL THREE DECLARATIONS ARE LOAD-BEARING. Overriding without \`!important\`
|
|
7211
|
+
replaces only the properties you NAME, so the arrow and the border are
|
|
7212
|
+
restated at their RESTING values purely to hold Puck's darker pair off. They
|
|
7213
|
+
are not a second opinion about how the row should look.
|
|
7214
|
+
|
|
7215
|
+
AND IT STANDS ASIDE EVERYWHERE ELSE. It needs \`:hover\`, so it cannot touch the
|
|
7216
|
+
row at rest; it is inside \`.sf-insp-body\`, so it cannot reach the storefront's
|
|
7217
|
+
own selects; and carrying no \`!important\` is what keeps Puck's drag paint
|
|
7218
|
+
(\`[data-dnd-placeholder]\`, which IS \`!important\`) out of its reach. Card 66395
|
|
7219
|
+
\xA76 is the precedent for getting that wrong \u2014 a shop rule that out-specified
|
|
7220
|
+
Puck the same way went on to win states it should have stood aside for, and
|
|
7221
|
+
every guard stayed green. \`scripts/test-panel-one-hover.tsx\` resolves the
|
|
7222
|
+
whole cascade per markup shape and asserts what must NOT move as well as what
|
|
7223
|
+
must. */
|
|
7224
|
+
.sf-editor .sf-body .sf-panel .sf-insp-body select:hover {
|
|
7225
|
+
background-color: var(--sf-hover);
|
|
7226
|
+
background-image: var(--sf-select-arrow);
|
|
7227
|
+
border-color: var(--sf-input-border);
|
|
6627
7228
|
}
|
|
6628
|
-
.sf-
|
|
6629
|
-
|
|
6630
|
-
font-size: 12px;
|
|
6631
|
-
color: var(--sf-muted);
|
|
7229
|
+
.sf-insp-body input[type="range"] {
|
|
7230
|
+
accent-color: var(--sf-accent);
|
|
6632
7231
|
}
|
|
6633
7232
|
|
|
6634
|
-
/*
|
|
6635
|
-
|
|
6636
|
-
|
|
6637
|
-
|
|
6638
|
-
|
|
6639
|
-
toggling them is the browser's. */
|
|
7233
|
+
/* The panel's one-line dropdown TRIGGER and its in-flow MENU box, worn by the
|
|
7234
|
+
section Theme row (SectionThemePicker) and the part style chooser. They were
|
|
7235
|
+
MultiSelectField's; that control and SearchSelectField are efficient-easel's
|
|
7236
|
+
FieldSelect now (card [MERGE] One Pop-up List For Editor And One For
|
|
7237
|
+
Shoppers), so their option rows and readout went with them. */
|
|
6640
7238
|
.sf-multi-btn {
|
|
6641
7239
|
width: 100%;
|
|
6642
7240
|
display: flex;
|
|
@@ -6658,17 +7256,6 @@ body.es-col-resizing iframe {
|
|
|
6658
7256
|
border-color: var(--sf-accent);
|
|
6659
7257
|
box-shadow: 0 0 0 3px var(--sf-accent-ring);
|
|
6660
7258
|
}
|
|
6661
|
-
.sf-multi-value {
|
|
6662
|
-
overflow: hidden;
|
|
6663
|
-
text-overflow: ellipsis;
|
|
6664
|
-
white-space: nowrap;
|
|
6665
|
-
}
|
|
6666
|
-
/* Nothing ticked is a legitimate authoring state, not an error, so it is drawn
|
|
6667
|
-
quiet \u2014 the muted grey every other "no value" readout uses \u2014 and never in the
|
|
6668
|
-
danger colour. */
|
|
6669
|
-
.sf-multi-value.is-empty {
|
|
6670
|
-
color: var(--sf-muted);
|
|
6671
|
-
}
|
|
6672
7259
|
.sf-multi-caret {
|
|
6673
7260
|
font-size: 10px;
|
|
6674
7261
|
color: var(--sf-text-secondary);
|
|
@@ -6683,45 +7270,6 @@ body.es-col-resizing iframe {
|
|
|
6683
7270
|
display: flex;
|
|
6684
7271
|
flex-direction: column;
|
|
6685
7272
|
}
|
|
6686
|
-
.sf-multi-option {
|
|
6687
|
-
display: flex;
|
|
6688
|
-
align-items: center;
|
|
6689
|
-
gap: 8px;
|
|
6690
|
-
padding: 7px 9px;
|
|
6691
|
-
/* E6 \u2014 a field label is never smaller than 12px, and an option is a label. */
|
|
6692
|
-
font-size: 13px;
|
|
6693
|
-
color: var(--sf-field-text);
|
|
6694
|
-
border-radius: max(calc(var(--sf-field-radius) - 2px), 2px);
|
|
6695
|
-
cursor: pointer;
|
|
6696
|
-
}
|
|
6697
|
-
.sf-multi-option:hover {
|
|
6698
|
-
background: var(--sf-accent-ring);
|
|
6699
|
-
}
|
|
6700
|
-
.sf-multi-option:has(input:focus-visible) {
|
|
6701
|
-
outline: 2px solid var(--sf-accent);
|
|
6702
|
-
outline-offset: -2px;
|
|
6703
|
-
}
|
|
6704
|
-
.sf-multi-option input {
|
|
6705
|
-
accent-color: var(--sf-accent);
|
|
6706
|
-
flex: none;
|
|
6707
|
-
margin: 0;
|
|
6708
|
-
}
|
|
6709
|
-
/* An option's trailing FACT (card 66339 \u2014 a brand's per-site product count).
|
|
6710
|
-
It reads as information ABOUT the option rather than as part of its name, so
|
|
6711
|
-
it is the chrome's one quiet sentence, \`.sf-note\`, and NOT a class of its
|
|
6712
|
-
own: \`scripts/test-editor-chrome-note.ts\` holds the chrome to exactly one
|
|
6713
|
-
note class and one note size, because that is how one style became six. What
|
|
6714
|
-
is different here is PLACEMENT \u2014 pushed to the right end of the row, with no
|
|
6715
|
-
padding of its own inside a row that already has its own \u2014 so it is taken
|
|
6716
|
-
from the block it sits in, the same way \`.sf-pages-list > .sf-note\` takes
|
|
6717
|
-
its inset. \`aria-hidden\` in the markup for the same reason the note is
|
|
6718
|
-
quiet: the option is announced by what it is CALLED. */
|
|
6719
|
-
.sf-multi-option > .sf-note {
|
|
6720
|
-
margin-left: auto;
|
|
6721
|
-
flex: none;
|
|
6722
|
-
padding: 0;
|
|
6723
|
-
font-variant-numeric: tabular-nums;
|
|
6724
|
-
}
|
|
6725
7273
|
|
|
6726
7274
|
/* \u2500\u2500 The section's Theme row (card 66313) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
6727
7275
|
A dropdown, not a swatch strip. The TRIGGER is \`.sf-multi-btn\` \u2014 the panel's
|
|
@@ -7074,290 +7622,6 @@ body.es-col-resizing iframe {
|
|
|
7074
7622
|
height: 100%;
|
|
7075
7623
|
}
|
|
7076
7624
|
|
|
7077
|
-
/* \u2500\u2500 Working-area overlay \u2014 the Visual sitemap (SitemapIcon). It sits INSIDE the
|
|
7078
|
-
editor frame like the Add-section picker: it clears the top bar so the
|
|
7079
|
-
toolbar (Publish / Preview) stays visible and usable \u2014 rather than covering
|
|
7080
|
-
the whole window. Same containment + z-index as .sf-picker.
|
|
7081
|
-
|
|
7082
|
-
It used to clear TWO things, the bar and the left icon rail, and its left
|
|
7083
|
-
edge was locked to the rail's width so the two could not drift. Card 66198
|
|
7084
|
-
moved the rail into the bar, so clearing the bar now clears the rail as
|
|
7085
|
-
well \u2014 which is what keeps this overlay's own toggle reachable while it is
|
|
7086
|
-
open. The left edge still reads --sf-content-x, the editor's one answer to
|
|
7087
|
-
where the working area begins, and follows it to the frame padding.
|
|
7088
|
-
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
7089
|
-
.sf-sitemap {
|
|
7090
|
-
position: absolute;
|
|
7091
|
-
top: calc(var(--sf-topbar-h) + var(--sf-panel-gap)); /* below the top bar + frame gap */
|
|
7092
|
-
left: var(--sf-content-x); /* where the working area begins */
|
|
7093
|
-
right: var(--sf-panel-gap);
|
|
7094
|
-
bottom: var(--sf-panel-gap);
|
|
7095
|
-
z-index: 40;
|
|
7096
|
-
display: flex;
|
|
7097
|
-
flex-direction: column;
|
|
7098
|
-
min-height: 0;
|
|
7099
|
-
overflow: hidden;
|
|
7100
|
-
border-radius: var(--sf-panel-radius);
|
|
7101
|
-
box-shadow: var(--sf-panel-shadow);
|
|
7102
|
-
background: var(--sf-track-bg, #f4f4f5);
|
|
7103
|
-
font-family: var(--sf-font);
|
|
7104
|
-
}
|
|
7105
|
-
.sf-sm-head {
|
|
7106
|
-
flex: none;
|
|
7107
|
-
display: flex;
|
|
7108
|
-
align-items: center;
|
|
7109
|
-
justify-content: space-between;
|
|
7110
|
-
gap: 12px;
|
|
7111
|
-
padding: 12px 16px;
|
|
7112
|
-
background: var(--sf-panel, #fff);
|
|
7113
|
-
}
|
|
7114
|
-
.sf-sm-title {
|
|
7115
|
-
font-size: 14px;
|
|
7116
|
-
font-weight: 600;
|
|
7117
|
-
color: var(--sf-text);
|
|
7118
|
-
}
|
|
7119
|
-
.sf-sm-head-actions {
|
|
7120
|
-
display: flex;
|
|
7121
|
-
align-items: center;
|
|
7122
|
-
gap: 8px;
|
|
7123
|
-
}
|
|
7124
|
-
.sf-sm-newpage {
|
|
7125
|
-
display: inline-flex;
|
|
7126
|
-
align-items: center;
|
|
7127
|
-
gap: 6px;
|
|
7128
|
-
border: 1px solid var(--sf-input-border, #d4d4d8);
|
|
7129
|
-
background: var(--sf-panel, #fff);
|
|
7130
|
-
color: var(--sf-text);
|
|
7131
|
-
border-radius: var(--sf-field-radius, 7px);
|
|
7132
|
-
padding: 6px 11px;
|
|
7133
|
-
font: inherit;
|
|
7134
|
-
font-size: 13px;
|
|
7135
|
-
cursor: pointer;
|
|
7136
|
-
}
|
|
7137
|
-
.sf-sm-newpage:hover {
|
|
7138
|
-
background: var(--sf-hover);
|
|
7139
|
-
}
|
|
7140
|
-
.sf-sm-body {
|
|
7141
|
-
flex: 1;
|
|
7142
|
-
min-height: 0;
|
|
7143
|
-
overflow-y: auto;
|
|
7144
|
-
padding: 16px;
|
|
7145
|
-
}
|
|
7146
|
-
.sf-sm-group {
|
|
7147
|
-
margin-bottom: 20px;
|
|
7148
|
-
}
|
|
7149
|
-
.sf-sm-group-title {
|
|
7150
|
-
font-size: 11px;
|
|
7151
|
-
font-weight: 600;
|
|
7152
|
-
letter-spacing: 0.05em;
|
|
7153
|
-
text-transform: uppercase;
|
|
7154
|
-
color: var(--sf-muted);
|
|
7155
|
-
margin: 0 2px 10px;
|
|
7156
|
-
}
|
|
7157
|
-
.sf-sm-grid {
|
|
7158
|
-
display: grid;
|
|
7159
|
-
grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
|
|
7160
|
-
gap: 12px;
|
|
7161
|
-
}
|
|
7162
|
-
.sf-sm-card {
|
|
7163
|
-
background: var(--sf-panel, #fff);
|
|
7164
|
-
border: 1px solid var(--sf-input-border, #e4e4e7);
|
|
7165
|
-
border-radius: 12px;
|
|
7166
|
-
overflow: hidden;
|
|
7167
|
-
display: flex;
|
|
7168
|
-
flex-direction: column;
|
|
7169
|
-
}
|
|
7170
|
-
.sf-sm-card.is-open {
|
|
7171
|
-
border-color: var(--sf-accent);
|
|
7172
|
-
box-shadow: 0 0 0 1px var(--sf-accent);
|
|
7173
|
-
}
|
|
7174
|
-
.sf-sm-card-head {
|
|
7175
|
-
display: flex;
|
|
7176
|
-
align-items: center;
|
|
7177
|
-
gap: 6px;
|
|
7178
|
-
padding: 8px 10px;
|
|
7179
|
-
}
|
|
7180
|
-
.sf-sm-card-title {
|
|
7181
|
-
flex: 1;
|
|
7182
|
-
min-width: 0;
|
|
7183
|
-
text-align: left;
|
|
7184
|
-
border: 0;
|
|
7185
|
-
background: transparent;
|
|
7186
|
-
font: inherit;
|
|
7187
|
-
cursor: pointer;
|
|
7188
|
-
padding: 0;
|
|
7189
|
-
color: var(--sf-text);
|
|
7190
|
-
}
|
|
7191
|
-
.sf-sm-card-name {
|
|
7192
|
-
display: block;
|
|
7193
|
-
font-size: 13px;
|
|
7194
|
-
font-weight: 500;
|
|
7195
|
-
overflow: hidden;
|
|
7196
|
-
text-overflow: ellipsis;
|
|
7197
|
-
white-space: nowrap;
|
|
7198
|
-
}
|
|
7199
|
-
.sf-sm-card-title:hover .sf-sm-card-name {
|
|
7200
|
-
color: var(--sf-accent-text, var(--sf-accent));
|
|
7201
|
-
}
|
|
7202
|
-
.sf-sm-draft {
|
|
7203
|
-
flex: none;
|
|
7204
|
-
font-size: 10px;
|
|
7205
|
-
padding: 1px 6px;
|
|
7206
|
-
border-radius: 999px;
|
|
7207
|
-
background: var(--sf-hover);
|
|
7208
|
-
color: var(--sf-muted);
|
|
7209
|
-
}
|
|
7210
|
-
.sf-sm-edit {
|
|
7211
|
-
flex: none;
|
|
7212
|
-
border: 0;
|
|
7213
|
-
background: transparent;
|
|
7214
|
-
cursor: pointer;
|
|
7215
|
-
color: var(--sf-muted);
|
|
7216
|
-
padding: 3px;
|
|
7217
|
-
border-radius: 5px;
|
|
7218
|
-
line-height: 0;
|
|
7219
|
-
}
|
|
7220
|
-
.sf-sm-edit:hover {
|
|
7221
|
-
background: var(--sf-hover);
|
|
7222
|
-
color: var(--sf-text);
|
|
7223
|
-
}
|
|
7224
|
-
.sf-sm-secs {
|
|
7225
|
-
padding: 6px;
|
|
7226
|
-
display: flex;
|
|
7227
|
-
flex-direction: column;
|
|
7228
|
-
gap: 2px;
|
|
7229
|
-
}
|
|
7230
|
-
.sf-sm-sec {
|
|
7231
|
-
display: flex;
|
|
7232
|
-
align-items: center;
|
|
7233
|
-
gap: 6px;
|
|
7234
|
-
padding: 4px 6px;
|
|
7235
|
-
border-radius: 6px;
|
|
7236
|
-
font-size: 12px;
|
|
7237
|
-
color: var(--sf-text);
|
|
7238
|
-
}
|
|
7239
|
-
/* A reorderable row IS the drag source again \u2014 the whole row, as in the Layers
|
|
7240
|
-
tree (efficient-easel/drag, blueprint step 3.4) \u2014 so it looks grabbable and
|
|
7241
|
-
lights on hover. Its grip stays as the keyboard's way in (\u2325\u2191 / \u2325\u2193). */
|
|
7242
|
-
.sf-sm-sec[draggable="true"] {
|
|
7243
|
-
cursor: grab;
|
|
7244
|
-
}
|
|
7245
|
-
.sf-sm-sec[draggable="true"]:active {
|
|
7246
|
-
cursor: grabbing;
|
|
7247
|
-
}
|
|
7248
|
-
.sf-sm-sec:has(.sf-sm-grip):hover {
|
|
7249
|
-
background: var(--sf-hover);
|
|
7250
|
-
}
|
|
7251
|
-
.sf-sm-sec.is-pinned {
|
|
7252
|
-
color: var(--sf-muted);
|
|
7253
|
-
}
|
|
7254
|
-
.sf-sm-sec.is-hidden .sf-sm-sec-name {
|
|
7255
|
-
text-decoration: line-through;
|
|
7256
|
-
color: var(--sf-muted);
|
|
7257
|
-
}
|
|
7258
|
-
.sf-sm-sec.is-dragging {
|
|
7259
|
-
opacity: 0.45;
|
|
7260
|
-
}
|
|
7261
|
-
.sf-sm-sec.is-over-before {
|
|
7262
|
-
box-shadow: inset 0 2px 0 var(--sf-accent);
|
|
7263
|
-
}
|
|
7264
|
-
.sf-sm-sec.is-over-after {
|
|
7265
|
-
box-shadow: inset 0 -2px 0 var(--sf-accent);
|
|
7266
|
-
}
|
|
7267
|
-
/* The sitemap row's grip \u2014 a real <button>, so the reorder is reachable by
|
|
7268
|
-
keyboard too: \u2325\u2191 / \u2325\u2193 pressed on it reach the row's own handler. The row is
|
|
7269
|
-
the drag source; the grip is where a keyboard (and a pointer that aims for
|
|
7270
|
-
it) lands, so the 9px glyph must not be the whole target. The padding grows
|
|
7271
|
-
the HIT area \u2014 \`content-box\` keeps \`width\` meaning the glyph column, and the
|
|
7272
|
-
equal negative margins hand the extra space back to the layout, so the row
|
|
7273
|
-
looks identical while the target goes from 9x10 to 25x24: WCAG 2.2
|
|
7274
|
-
target-size (minimum), and still inside the 26px row. */
|
|
7275
|
-
.sf-sm-grip {
|
|
7276
|
-
color: var(--sf-muted);
|
|
7277
|
-
font-size: 10px;
|
|
7278
|
-
line-height: 1;
|
|
7279
|
-
font-family: inherit;
|
|
7280
|
-
letter-spacing: -2px;
|
|
7281
|
-
width: 9px;
|
|
7282
|
-
flex: none;
|
|
7283
|
-
cursor: grab;
|
|
7284
|
-
box-sizing: content-box;
|
|
7285
|
-
padding: 7px 8px;
|
|
7286
|
-
margin: -7px -8px;
|
|
7287
|
-
border: none;
|
|
7288
|
-
background: transparent;
|
|
7289
|
-
touch-action: none;
|
|
7290
|
-
}
|
|
7291
|
-
.sf-sm-sec:hover .sf-sm-grip {
|
|
7292
|
-
color: var(--sf-text);
|
|
7293
|
-
}
|
|
7294
|
-
.sf-sm-grip:active {
|
|
7295
|
-
cursor: grabbing;
|
|
7296
|
-
}
|
|
7297
|
-
.sf-sm-grip:focus-visible {
|
|
7298
|
-
outline: 2px solid var(--sf-accent);
|
|
7299
|
-
outline-offset: 1px;
|
|
7300
|
-
border-radius: 3px;
|
|
7301
|
-
color: var(--sf-text);
|
|
7302
|
-
}
|
|
7303
|
-
.sf-sm-sec-chip {
|
|
7304
|
-
color: var(--sf-muted);
|
|
7305
|
-
line-height: 0;
|
|
7306
|
-
}
|
|
7307
|
-
.sf-sm-sec-name {
|
|
7308
|
-
flex: 1;
|
|
7309
|
-
min-width: 0;
|
|
7310
|
-
overflow: hidden;
|
|
7311
|
-
text-overflow: ellipsis;
|
|
7312
|
-
white-space: nowrap;
|
|
7313
|
-
}
|
|
7314
|
-
.sf-sm-sec-eye {
|
|
7315
|
-
color: var(--sf-muted);
|
|
7316
|
-
line-height: 0;
|
|
7317
|
-
}
|
|
7318
|
-
.sf-sm-empty {
|
|
7319
|
-
padding: 6px;
|
|
7320
|
-
font-size: 12px;
|
|
7321
|
-
color: var(--sf-muted);
|
|
7322
|
-
}
|
|
7323
|
-
.sf-sm-editing {
|
|
7324
|
-
flex: none;
|
|
7325
|
-
padding: 4px 10px;
|
|
7326
|
-
font-size: 10px;
|
|
7327
|
-
color: var(--sf-accent-text, var(--sf-accent));
|
|
7328
|
-
background: var(--sf-accent-tint);
|
|
7329
|
-
}
|
|
7330
|
-
/* The sitemap's body is a wide grid of page cards, so a note that replaces the
|
|
7331
|
-
whole grid is centred in it rather than set against its left edge. Placement
|
|
7332
|
-
only; the note style itself is .sf-note. */
|
|
7333
|
-
.sf-sm-body > .sf-note {
|
|
7334
|
-
padding: 24px;
|
|
7335
|
-
text-align: center;
|
|
7336
|
-
}
|
|
7337
|
-
.sf-sm-addcard {
|
|
7338
|
-
display: flex;
|
|
7339
|
-
flex-direction: column;
|
|
7340
|
-
align-items: center;
|
|
7341
|
-
justify-content: center;
|
|
7342
|
-
gap: 6px;
|
|
7343
|
-
min-height: 96px;
|
|
7344
|
-
border: 1px dashed var(--sf-input-border, #d4d4d8);
|
|
7345
|
-
border-radius: 12px;
|
|
7346
|
-
background: transparent;
|
|
7347
|
-
color: var(--sf-muted);
|
|
7348
|
-
cursor: pointer;
|
|
7349
|
-
font: inherit;
|
|
7350
|
-
font-size: 12px;
|
|
7351
|
-
}
|
|
7352
|
-
.sf-sm-addcard:hover {
|
|
7353
|
-
background: var(--sf-hover);
|
|
7354
|
-
color: var(--sf-text);
|
|
7355
|
-
}
|
|
7356
|
-
.sf-sm-addcard-plus {
|
|
7357
|
-
font-size: 20px;
|
|
7358
|
-
line-height: 1;
|
|
7359
|
-
}
|
|
7360
|
-
|
|
7361
7625
|
/* The left panel's search field. It had a second wearer \u2014 the Add panel's own
|
|
7362
7626
|
search (card 66400.c) \u2014 until that panel was deleted and the \`+\` was pointed
|
|
7363
7627
|
at the one picker; the picker has its own \`.sf-addsearch\`, sized for a 772px
|
|
@@ -10783,4 +11047,4 @@ ul.sf-image-status {
|
|
|
10783
11047
|
padding-top: 12px;
|
|
10784
11048
|
}
|
|
10785
11049
|
|
|
10786
|
-
@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
|
|
11050
|
+
@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 lr=["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,400;0,500;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 j}from"react/jsx-runtime";var hr={mirrorHostStyles:!1,css:ir,fontHrefs:lr},ci={...hr,fontHrefs:[]},hn=0;function pi(){di(()=>(hn+=1,hn>1&&console.error("efficient-web-builder: 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."),()=>{hn-=1}),[])}function cr({host:e,site:t,mediaPanel:n,backend:a,blocks:o,children:l}){let[r]=dr(()=>sr({backend:a,blocks:o})),h=hi(()=>r.usesBridgedToken?hr:ci,[r]);return Ga({siteSlug:t?.slug??null,shopOrigin:t?.origin??null}),pi(),j(da,{session:r,children:j(Ya,{metadata:o?.metadata,children:j(ga,{host:e,children:j(wa,{panel:n,children:j(ja,{value:h,children:j(Yt,{currency:fi,subscribe:gi,searchShortcut:!1,children:j(Ft,{apiKey:"",mapId:"",children:j("div",{className:"sf-embedded",children:l})})})})})})})})}var fi={currencies:ze.currencies,countries:ze.countries,defaultCurrency:ze.defaultCurrency,defaultCountry:ze.defaultCountry},gi={autoOpen:re.autoOpen,autoOpenDelaySec:re.autoOpenDelaySec,trigger:re.trigger,scrollPercent:re.scrollPercent,showOn:re.showOn,showOnPages:re.showOnPages,hideAfter:re.hideAfter,hideDays:re.hideDays};function qc({host:e,target:t,site:n,mediaPanel:a=null,backend:o=null,blocks:l=null}){let[r]=dr(t);return j(cr,{host:e,site:n,mediaPanel:a,backend:o,blocks:l,children:j(jt,{target:r})})}function Vc({host:e,id:t,initialType:n,initialName:a,site:o,mediaPanel:l=null,backend:r=null,blocks:h=null}){return j(cr,{host:e,site:o,mediaPanel:l,backend:r,blocks:h,children:j(qt,{id:t,initialType:n,initialName:a})})}export{It as WebsiteBackendError,qc as WebsiteEditor,Vc as WebsiteSectionEditor,Gr as createEditorHost,jr as createEfficientBackend};
|