e.label===t);if(!n)return e;let r=n.step===`tint`,i=r?fe(`--sf-palette-tint-l`,.97):fe(`--sf-palette-shade-l`,.1),a=`oklch(from ${e} ${r?`max`:`min`}(l, calc(l + (${i} - l) * ${n.frac})) calc(c * ${n.taper}) h)`;return pu(a)||a}function xe(e,t){su.value;let n=g[t];if(n===void 0)return e;let r=`oklch(from ${e} ${n} c h)`;return pu(r)||r}function Se(e,t,n,r,i){return e===`base`?xe(t,n):be(t,n)}function Ce(e,n,r){t.onSet(e.name,r)}let we=[`primary`,`secondary`,`tertiary`,`action`];function Te(e,n,r){if(!n)return;L(se,new Set([...H(se)].filter(t=>t!==e)),!0);let i=le(r),a=i.includes(`var(`)&&hu(i,`light`)||i;t.onSet(n.name,a)}function Ee(e,n,r){let i=!!(n&&n.name in t.overrides);if(H(se).has(e)&&!i){let i=le(y.find(e=>e.name===r));n&&t.onSet(n.name,he(i,e)),L(se,new Set([...H(se)].filter(t=>t!==e)),!0)}else n&&t.onBulkChange({[n.name]:null}),L(se,new Set([...H(se),e]),!0)}let De=[{label:`Body text on surface`,fg:`var(--sf-color-text)`,bg:`var(--sf-color-surface)`},{label:`White on primary`,fg:`#ffffff`,bg:`var(--sf-color-primary)`},{label:`Primary on surface`,fg:`var(--sf-color-primary)`,bg:`var(--sf-color-surface)`}];function Oe(e,t){su.value;let n=_u(e),r=_u(t);return!n||!r?null:Ku(Gu(...n),Gu(...r))}var N=wf(),ke=R(N),Ae=B(R(ke),4);J(Ae,21,()=>b,e=>e.heading,(e,t)=>{var n=Vd(),r=R(n),a=R(r,!0);P(r),J(B(r,2),16,()=>[`light`,`dark`],e=>e,(e,n)=>{var r=Bd(),a=R(r),o=R(a,!0);P(a);var s=B(a,2);J(s,21,()=>H(t).items,e=>e.name,(e,t)=>{let r=F(()=>i(`var(${H(t).name})`,n,`transparent`)),a=F(()=>i(`var(${H(t).fg})`,n,`currentColor`));var o=zd(),s=B(R(o),2),c=R(s,!0);P(s),P(o),V(()=>{X(o,`background:${H(r)}; color:${H(a)}`),Z(o,`title`,`${H(t).name} (${n}) — ${H(r)}`),K(c,H(t).label)}),G(e,o)}),P(s),P(r),V(()=>K(o,n===`light`?`L`:`D`)),G(e,r)}),P(n),V(()=>K(a,H(t).heading)),G(e,n)}),P(Ae),P(ke);var je=B(ke,4);$(je,{title:`Brand color sources`,get open(){return H(S)},set open(e){L(S,e,!0)},children:(e,r)=>{var i=Xd(),a=B(z(i),2);J(a,21,()=>pe,([e,t])=>e.name,(e,r)=>{var i=F(()=>h(H(r),2));let a=()=>H(i)[0],o=()=>H(i)[1],s=F(()=>!!(o()&&o().name in t.overrides)),c=F(()=>H(se).has(a().colorKey)&&!H(s));var l=Yd(),u=R(l),d=R(u),f=R(d,!0);P(d);var m=B(d,2),g=e=>{var t=Ud(),n=R(t),r=e=>{var t=Hd();U(`click`,t,()=>Te(a().colorKey,o(),a())),G(e,t)},i=F(()=>we.includes(a().colorKey));q(n,e=>{H(i)&&e(r)});var s=B(n,2),l=R(s,!0);P(s),P(t),V(()=>{Y(s,1,`text-[8px] px-1.5 py-0.5 rounded border transition-all cursor-pointer ${H(c)?`border-indigo-500/40 bg-indigo-500/15 text-indigo-700 dark:text-indigo-300`:`border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(l,H(c)?`Auto dark`:`Manual dark`)}),U(`click`,s,()=>Ee(a().colorKey,o(),a().name)),G(e,t)};q(m,e=>{o()&&e(g)}),P(u);var v=B(u,2);{let e=F(()=>`${a().label} (light)`),n=F(()=>le(a())),r=F(()=>a().name in t.overrides);ud(v,{get label(){return H(e)},get tokenName(){return a().name},get value(){return H(n)},get overridden(){return H(r)},onChange:e=>Ce(a(),o(),e),onReset:()=>t.onReset(a().name)})}var y=B(v,2),b=e=>{let t=F(()=>le(a())),n=F(()=>H(c)?he(H(t),a().colorKey):o()?le(o()):H(t)),r=F(ge),i=F(_e),s=F(ve),l=F(ye);var u=qd(),d=z(u),f=R(d),m=B(R(f),2);J(m,20,()=>p,e=>e,(e,n)=>{let i=F(()=>Se(a().colorKey,H(t),n,H(r),H(s)));var o=Wd();let c;Ld(R(o),()=>`${a().colorKey}-${n}`),P(o),V(()=>{Z(o,`title`,`${a().colorKey}-${n} (light) — ${H(i)}`),c=X(o,``,c,{background:H(i)})}),G(e,o)}),P(m),P(f);var h=B(f,2),g=B(R(h),2);J(g,20,()=>p,e=>e,(e,t)=>{let r=F(()=>Se(a().colorKey,H(n),t,H(i),H(l)));var o=Gd();let s;Ld(R(o),()=>`${a().colorKey}-${t}`),P(o),V(()=>{Z(o,`title`,`${a().colorKey}-${t} (dark) — ${H(r)}`),s=X(o,``,s,{background:H(r)})}),G(e,o)}),P(g),P(h),P(d);var _=B(d,2),v=e=>{G(e,Kd())};q(_,e=>{a().colorKey===`base`&&e(v)}),G(e,u)},x=F(()=>_.includes(a().colorKey));q(y,e=>{H(x)&&e(b)});var S=B(y,2),C=e=>{{let n=F(()=>`${o().label} (dark mode)`),r=F(()=>le(o())),i=F(()=>o().name in t.overrides);ud(e,{get label(){return H(n)},get tokenName(){return o().name},get value(){return H(r)},get overridden(){return H(i)},onChange:e=>t.onSet(o().name,e),onReset:()=>t.onReset(o().name)})}},w=e=>{let t=F(()=>he(le(a()),a().colorKey));var r=Jd(),i=R(r);let o;var s=B(i);P(r),V(e=>{Z(i,`title`,H(t)),o=X(i,``,o,e),K(s,` Dark: auto-derived (${H(t)??``})`)},[()=>({background:n(H(t),H(t))})]),G(e,r)};q(S,e=>{o()&&!H(c)?e(C):o()&&H(c)&&e(w,1)}),P(l),V(()=>K(f,a().label)),G(e,l)}),P(a),G(e,i)},$$slots:{default:!0}});var Me=B(je,4);$(Me,{title:`LumLocker`,get open(){return H(k)},set open(e){L(k,e,!0)},children:(e,n)=>{var r=Qd(),a=B(z(r),2);{let e=F(()=>`--sf-lumlocker`in t.overrides);Q(a,{label:`LumLocker L · light`,get value(){return H(j)},min:0,max:1,step:.01,help:`--sf-lumlocker — fixed OKLCH L applied to lockable brand colors in light mode under [data-lumlocker]`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-lumlocker`,String(e)),onReset:()=>t.onReset(`--sf-lumlocker`)})}var s=B(a,2);{let e=F(()=>`--sf-lumlocker-dark`in t.overrides);Q(s,{label:`LumLocker L · dark`,get value(){return H(te)},min:0,max:1,step:.01,help:`--sf-lumlocker-dark — fixed OKLCH L in dark mode. Defaults to the light L mirrored around the background midpoint (≈1.18 − L, clamped); set it to break the mirror.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-lumlocker-dark`,String(e)),onReset:()=>t.onReset(`--sf-lumlocker-dark`)})}var c=B(s,2);J(B(R(c),2),17,()=>o,e=>e.key,(e,t)=>{var n=qr();J(z(n),16,()=>[`light`,`dark`],e=>e,(e,n)=>{let r=F(()=>i(`var(--sf-color-${H(t).key}-source-${n})`,n,``)),a=F(()=>oe(H(t).key,n));var o=Zd(),s=R(o),c=R(s),l=B(c),u=R(l,!0);P(l),P(s);var d=B(s,2),f=B(d,4);P(o),V(e=>{K(c,`${H(t).label??``} `),K(u,n===`light`?`L`:`D`),X(d,`background:${H(r)||`var(--sf-color-${H(t).key})`}`),X(f,e),Z(f,`title`,H(a))},[()=>`background:${i(H(a),n,H(a))}`]),G(e,o)}),G(e,n)}),P(c);var l=B(c,2),u=R(l,!0);P(l),V(()=>{Y(l,1,`w-full py-2 rounded-lg text-[10px] font-bold border transition-all cursor-pointer ${yu.value?`bg-indigo-600/25 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/10 dark:border-white/10 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(u,yu.value?`✓ LumLocker active on canvas — click to disable`:`Preview LumLocker on live canvas`)}),U(`click`,l,()=>{yu.value=!yu.value}),G(e,r)},$$slots:{default:!0}});var Pe=B(Me,4);$(Pe,{title:`Status colors`,get open(){return H(T)},set open(e){L(T,e,!0)},children:(e,r)=>{var a=af(),o=B(z(a),2);J(o,21,()=>me,([e,t])=>e.name,(e,r)=>{var a=F(()=>h(H(r),2));let o=()=>H(a)[0],s=()=>H(a)[1],c=F(()=>!!(s()&&s().name in t.overrides)),l=F(()=>H(se).has(o().colorKey)&&!H(c));var u=rf(),d=R(u),f=R(d),p=R(f,!0);P(f);var m=B(f,2),g=e=>{var t=$d(),n=R(t,!0);P(t),V(()=>{Y(t,1,`text-[8px] px-1.5 py-0.5 rounded border transition-all cursor-pointer ${H(l)?`border-indigo-500/40 bg-indigo-500/15 text-indigo-700 dark:text-indigo-300`:`border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(n,H(l)?`Auto dark`:`Manual dark`)}),U(`click`,t,()=>Ee(o().colorKey,s(),o().name)),G(e,t)};q(m,e=>{s()&&e(g)}),P(d);var _=B(d,2);{let e=F(()=>`${o().label} light`),n=F(()=>le(o())),r=F(()=>o().name in t.overrides);ud(_,{get label(){return H(e)},get tokenName(){return o().name},get value(){return H(n)},get overridden(){return H(r)},onChange:e=>t.onSet(o().name,e),onReset:()=>t.onReset(o().name)})}var y=B(_,2),b=e=>{{let n=F(()=>`${s().label} dark`),r=F(()=>le(s())),i=F(()=>s().name in t.overrides);ud(e,{get label(){return H(n)},get tokenName(){return s().name},get value(){return H(r)},get overridden(){return H(i)},onChange:e=>t.onSet(s().name,e),onReset:()=>t.onReset(s().name)})}},x=e=>{let t=F(()=>he(le(o()),o().colorKey));var r=Jd(),i=R(r);let a;var s=B(i);P(r),V(e=>{Z(i,`title`,H(t)),a=X(i,``,a,e),K(s,` Dark: auto-derived (${H(t)??``})`)},[()=>({background:n(H(t),H(t))})]),G(e,r)};q(y,e=>{s()&&!H(l)?e(b):s()&&H(l)&&e(x,1)});var S=B(y,2),C=R(S),w=B(R(C),2);J(w,21,()=>v,e=>e.label,(e,t)=>{var n=ef(),r=R(n,!0);P(n),V(()=>K(r,H(t).label)),G(e,n)}),P(w),P(C),J(B(C,2),16,()=>[[`L`,`light`],[`D`,`dark`]],([e,t])=>e,(e,t)=>{var n=F(()=>h(t,2));let r=()=>H(n)[0],a=()=>H(n)[1];var s=nf(),c=R(s),l=R(c,!0);P(c);var u=B(c,2);J(u,21,()=>v,e=>e.label,(e,t)=>{let n=F(()=>i(H(t).expr(o().colorKey),a(),``));var r=tf();let s;var c=R(r);{let e=F(()=>`${o().colorKey}-${H(t).label.toLowerCase()}`);Ld(c,()=>H(e))}P(r),V(e=>{Z(r,`title`,e),s=X(r,``,s,{background:H(n)})},[()=>`${o().colorKey}-${H(t).label.toLowerCase()} (${a()}) — ${H(n)}`]),G(e,r)}),P(u),P(s),V(()=>K(l,r())),G(e,s)}),P(S),Ne(2),P(u),V(()=>K(p,o().label)),G(e,u)}),P(o),G(e,a)},$$slots:{default:!0}});var Fe=B(Pe,4);$(Fe,{title:`Text contrast`,spacing:`space-y-4`,get open(){return H(C)},set open(e){L(C,e,!0)},children:(e,r)=>{var i=cf(),a=B(z(i),2);J(a,17,()=>x,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})});var o=B(a,2),s=R(o);J(s,17,()=>De,e=>e.label,(e,t)=>{let r=F(()=>Oe(H(t).fg,H(t).bg));var i=qr(),a=z(i),o=e=>{var i=of(),a=R(i),o=B(a,2),s=R(o,!0);P(o);var c=B(o,2),l=R(c);P(c);var u=B(c,2),d=R(u,!0);P(u),P(i),V((e,n)=>{X(a,e),K(s,H(t).label),K(l,`${n??``}:1`),Y(u,1,`text-[9px] font-bold px-1.5 py-0.5 rounded ${H(r)>=4.5?`bg-emerald-500/20 text-emerald-700 dark:text-emerald-300`:`bg-amber-500/20 text-amber-700 dark:text-amber-300`}`),K(d,H(r)>=4.5?`AA`:H(r)>=3?`AA-L`:`✗`)},[()=>`background:${n(H(t).bg,H(t).bg)}; color:${n(H(t).fg,H(t).fg)}`,()=>H(r).toFixed(2)]),G(e,i)};q(a,e=>{H(r)!==null&&e(o)}),G(e,i)});var c=B(s,2),l=e=>{var n=sf();U(`click`,n,()=>t.onSelectDomain?.(`wcag`)),G(e,n)};q(c,e=>{t.onSelectDomain&&e(l)}),P(o),G(e,i)},$$slots:{default:!0}});var Ie=B(Fe,4);$(Ie,{title:`Palette ramp`,spacing:`space-y-4`,get open(){return H(w)},set open(e){L(w,e,!0)},children:(e,n)=>{let r=F(()=>t.overrides[`--sf-color-primary-source-light`]??s.find(e=>e.name===`--sf-color-primary-source-light`)?.default??`oklch(0.47 0.27 264)`),i=F(()=>t.overrides[`--sf-color-primary-source-dark`]),a=F(()=>H(i)??(!H(se).has(`primary`)||H(i)?s.find(e=>e.name===`--sf-color-primary-source-dark`)?.default??he(H(r),`primary`):he(H(r),`primary`))),o=F(()=>H(A)===`light`?H(r):H(a));var c=pf(),l=B(z(c),2);J(l,21,()=>d,e=>e.label,(e,n)=>{var r=lf(),i=R(r),a=R(i,!0);P(i);var o=B(i,2),s=R(o,!0);P(o),P(r),V(()=>{Y(r,1,`flex flex-col items-center gap-0.5 p-2.5 rounded-xl border transition-all cursor-pointer ${H(de)?.label===H(n).label?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,H(n).label),K(s,H(n).desc)}),U(`click`,r,()=>t.onBulkChange(H(n).patch)),G(e,r)}),P(l);var f=B(l,2),h=B(R(f),2);J(h,21,()=>u,e=>e.name,(e,n)=>{{let r=F(()=>fe(H(n).name,H(n).default)),i=F(()=>H(n).name in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:0,max:1,step:.01,unit:``,get overridden(){return H(i)},onChange:e=>t.onSet(H(n).name,`${e}`),onReset:()=>t.onReset(H(n).name)})}}),P(h),P(f);var g=B(f,2),_=R(g),v=B(R(_),2);J(v,20,()=>[`light`,`dark`],e=>e,(e,t)=>{var n=$d(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-1.5 py-0.5 rounded text-[8px] font-bold cursor-pointer transition-all ${H(A)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(r,t===`light`?`Light`:`Dark`)}),U(`click`,n,()=>{L(A,t,!0)}),G(e,n)}),P(v),P(_);var y=B(_,2);J(y,20,()=>p,e=>e,(e,t)=>{let n=F(()=>be(H(o),t));var r=uf(),i=R(r);Ld(R(i),()=>`primary-${t}`),P(i);var a=B(i,2),s=R(a,!0);P(a),P(r),V(()=>{X(i,`background:${H(n)}`),Z(i,`title`,`primary-${t} (${H(A)})`),K(s,t)}),G(e,r)}),P(y),Ne(2),P(g);var b=B(g,2),x=R(b),S=B(R(x),2);J(S,20,()=>[`light`,`dark`],e=>e,(e,t)=>{var n=$d(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-1.5 py-0.5 rounded text-[8px] font-bold cursor-pointer transition-all ${H(A)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(r,t===`light`?`Light`:`Dark`)}),U(`click`,n,()=>{L(A,t,!0)}),G(e,n)}),P(S),P(x),J(B(x,2),16,()=>m,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-color-${n}-source-light`]??s.find(e=>e.name===`--sf-color-${n}-source-light`)?.default??`oklch(0.5 0.15 264)`),i=F(()=>`--sf-color-${n}-source-dark`),a=F(()=>t.overrides[H(i)]??(H(se).has(n)&&!t.overrides[H(i)]?he(H(r),n):s.find(e=>e.name===H(i))?.default??he(H(r),n))),o=F(()=>H(A)===`light`?H(r):H(a));var c=ff(),l=R(c),u=R(l,!0);P(l);var d=B(l,2);J(d,20,()=>p,e=>e,(e,t)=>{let r=F(()=>be(H(o),t));var i=df();Ld(R(i),()=>`${n}-${t}`),P(i),V(()=>{X(i,`background:${H(r)}`),Z(i,`title`,`${n}-${t} (${H(A)})`)}),G(e,i)}),P(d),P(c),V(()=>K(u,n)),G(e,c)}),P(b),G(e,c)},$$slots:{default:!0}});var Le=B(Ie,4);$(Le,{title:`Gradients`,get open(){return H(O)},set open(e){L(O,e,!0)},children:(e,n)=>{var i=yf();J(B(z(i),2),16,()=>[`brand`,`fade`],e=>e,(e,n)=>{var i=vf(),o=z(i),s=R(o,!0);P(o);var c=B(o,2);J(c,21,()=>a.filter(e=>e.group===n),e=>e.name,(e,n)=>{let i=F(()=>`var(${H(n).name})`),a=F(()=>re(H(n)));var o=_f(),s=R(o),c=B(s,2),l=R(c),u=R(l),d=R(u,!0);P(u);var f=B(u,2),p=e=>{var r=mf();U(`click`,r,()=>{delete ee[H(n).name],t.onReset(H(n).name)}),G(e,r)};q(f,e=>{H(n).name in t.overrides&&e(p)}),P(l);var m=B(l,2),h=e=>{var t=hf();J(B(R(t),2),16,()=>[`top`,`right`,`bottom`,`left`],e=>e,(e,t)=>{var r=$d(),i=R(r,!0);P(r),V(()=>{Y(r,1,`flex-1 py-0.5 rounded text-[9px] border transition-all cursor-pointer capitalize ${H(a).dir===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(i,t)}),U(`click`,r,()=>ae(H(n),`dir`,t)),G(e,r)}),P(t),G(e,t)},g=e=>{var t=gf(),r=B(R(t),2);Zu(R(r),{get value(){return H(a).angle},min:0,max:360,step:1,unit:`°`,onChange:e=>ae(H(n),`angle`,e)}),P(r),P(t),G(e,t)};q(m,e=>{H(n).kind===`dir`&&H(n).group!==`fade`?e(h):H(n).kind!==`dir`&&e(g,1)});var _=B(m,2),v=B(R(_),2);Ii(v);var y=B(v,2);Ii(y),P(_);var b=B(_,2),x=B(R(b));P(b);var S=B(b,2);Ii(S),P(c),P(o),V(e=>{X(s,e),K(d,H(n).label),Li(v,H(a).stop1),Li(y,H(a).stop2),K(x,` ${H(n).formula??``}`),Li(S,t.overrides[H(n).name]??``)},[()=>`background:${r(H(i),H(i))}`]),U(`change`,v,e=>ae(H(n),`stop1`,e.target.value.trim())),U(`change`,y,e=>ae(H(n),`stop2`,e.target.value.trim())),U(`change`,S,e=>{let r=e.target.value.trim();delete ee[H(n).name],r?t.onSet(H(n).name,r):t.onReset(H(n).name)}),G(e,o)}),P(c),V(()=>K(s,n===`brand`?`Brand & surface`:`Edge fades`)),G(e,i)}),G(e,i)},$$slots:{default:!0}});var Re=B(Le,4);$(Re,{title:`Color scheme`,get open(){return H(D)},set open(e){L(D,e,!0)},children:(e,n)=>{var r=bf(),i=B(z(r),2);J(i,20,()=>[[`light dark`,`light dark (default)`],[`light`,`Light only`],[`dark`,`Dark only`]],([e,t])=>e,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-color-scheme`]??`light dark`);var s=$d(),c=R(s,!0);P(s),V(()=>{Y(s,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${H(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(c,a())}),U(`click`,s,()=>i()===`light dark`?t.onReset(`--sf-color-scheme`):t.onSet(`--sf-color-scheme`,i())),G(e,s)}),P(i),G(e,r)},$$slots:{default:!0}}),$(B(Re,4),{title:`Semantic overrides`,get open(){return H(E)},set open(e){L(E,e,!0)},children:(e,r)=>{var i=Cf(),a=B(z(i),2);J(a,21,()=>f,e=>e.name,(e,r)=>{let i=F(()=>n(`var(${H(r).name})`,``));var a=Sf(),o=R(a),s=R(o,!0);P(o);var c=B(o,2);{let e=F(()=>t.overrides[H(r).name]??``),n=F(()=>H(i)?`auto-derived · ${H(i)}`:`auto-derived`),a=F(()=>H(r).name in t.overrides);Fd(c,{get token(){return H(r).name},get value(){return H(e)},get placeholder(){return H(n)},get isOverridden(){return H(a)},onSet:e=>t.onSet(H(r).name,e),onReset:()=>t.onReset(H(r).name)})}var l=B(c,2),u=e=>{var t=xf(),n=R(t,!0);P(t),V(()=>K(n,H(r).note)),G(e,t)};q(l,e=>{H(r).note&&e(u)}),P(a),V(()=>K(s,H(r).label)),G(e,a)}),P(a),G(e,i)},$$slots:{default:!0}}),Ne(2),P(N),G(e,N),Ue()}Lr([`click`,`change`]);var Ef=W(`Aa Aa
`),Df=W(``),Of=W(`Custom `),kf=W(` `),Af=W(`
`),jf=W(``),Mf=W(`reset
`),Nf=W(``);function Pf(e,t){He(t,!0);let n=F(()=>Hs.value===`dark`?`#16161e`:`#ffffff`),r=ea(t,`unit`,3,`rem`),i=ea(t,`minLabel`,3,`Min`),a=ea(t,`maxLabel`,3,`Max`),o=ea(t,`overridden`,3,!1),s=ea(t,`ratioMin_bound`,3,1.05),c=ea(t,`ratioMax_bound`,3,1.8),l=ea(t,`previewKind`,3,`none`);function u(e){return Math.min(t.max,Math.max(t.min,e))}let d=F(()=>(t.minValue-t.min)/(t.max-t.min)*100),f=F(()=>(t.maxValue-t.min)/(t.max-t.min)*100);function p(e){return Math.min(c(),Math.max(s(),e))}let m=F(()=>t.ratioPresets?.find(e=>t.ratioMin!==void 0&&Math.abs(e.value-t.ratioMin)<.0015)?.value),h=F(()=>t.ratioPresets?.find(e=>t.ratioMax!==void 0&&Math.abs(e.value-t.ratioMax)<.0015)?.value);var g=Nf(),_=R(g),v=R(_),y=R(v,!0);P(v);var b=B(v,2),x=B(R(b)),S=R(x);P(x);var C=B(x,2),w=R(C);P(C),Ne(),P(b),P(_);var T=B(_,2),E=B(R(T),2),D=B(E,2);Ii(D);var O=B(D,2);Ii(O);var k=B(O,2),A=B(k,2);P(T);var ee=B(T,2),j=R(ee),te=R(j),ne=R(te,!0);P(te);var M=B(te,2);Ii(M),P(j);var re=B(j,2),ie=R(re),ae=R(ie,!0);P(ie);var oe=B(ie,2);Ii(oe),P(re),P(ee);var se=B(ee,2),ce=e=>{var n=Ef(),r=R(n),o=B(R(r)),s=R(o,!0);P(o),P(r);var c=B(r,2),l=B(R(c)),u=R(l,!0);P(l),P(c),P(n),V((e,t,n,i)=>{X(r,e),K(s,t),X(c,n),K(u,i)},[()=>`font-size:${Math.min(t.minValue,2)}rem`,()=>i().toLowerCase(),()=>`font-size:${Math.min(t.maxValue,2.6)}rem`,()=>a().toLowerCase()]),G(e,n)},le=e=>{var n=Df(),r=R(n),i=B(r,4);Ne(2),P(n),V((e,t)=>{X(r,e),X(i,t)},[()=>`width:${Math.min(t.minValue*28,120)}px`,()=>`width:${Math.min(t.maxValue*28,200)}px`]),G(e,n)};q(se,e=>{l()===`type`?e(ce):l()===`space`&&e(le,1)});var ue=B(se,2),de=e=>{var r=jf(),o=B(R(r),2);J(o,21,()=>[{side:i(),value:t.ratioMin,active:H(m),onChange:t.onRatioMinChange},{side:a(),value:t.ratioMax,active:H(h),onChange:t.onRatioMaxChange}],e=>e.side,(e,r)=>{var i=Af(),a=R(i),o=R(a,!0);P(a);var l=B(a,2),u=R(l),d=e=>{var t=Of();t.value=t.__value=``,V(()=>X(t,`background:${H(n)};`)),G(e,t)};q(u,e=>{H(r).active===void 0&&e(d)}),J(B(u),17,()=>t.ratioPresets,e=>e.value,(e,t)=>{var r=kf(),i=R(r,!0);P(r);var a={};V(e=>{X(r,`background:${H(n)};`),K(i,H(t).label),a!==(a=e)&&(r.value=(r.__value=e)??``)},[()=>String(H(t).value)]),G(e,r)}),P(l);var f;wi(l);var m=B(l,2);Ii(m),Z(m,`step`,.001),P(i),V(e=>{K(o,H(r).side),Z(l,`aria-label`,`${H(r).side} modular scale ratio preset`),f!==(f=e)&&(l.value=(l.__value=e)??``,Ci(l,e)),Z(m,`aria-label`,`${H(r).side} modular scale custom ratio`),Z(m,`min`,s()),Z(m,`max`,c()),Li(m,H(r).value)},[()=>H(r).active===void 0?``:String(H(r).active)]),U(`change`,l,e=>{let t=parseFloat(e.target.value);Number.isFinite(t)&&H(r).onChange?.(p(t))}),U(`change`,m,e=>{let t=parseFloat(e.target.value);Number.isFinite(t)&&H(r).onChange?.(p(t))}),G(e,i)}),P(o),P(r),G(e,r)};q(ue,e=>{t.ratioPresets&&e(de)});var fe=B(ue,2),pe=e=>{var n=Mf(),r=R(n);P(n),U(`click`,r,function(...e){t.onReset?.apply(this,e)}),G(e,n)};q(fe,e=>{o()&&t.onReset&&e(pe)}),P(g),V(e=>{Y(g,1,`rounded-xl border p-3 ${o()?`bg-indigo-500/8 border-indigo-500/25`:`bg-black/4 dark:bg-white/4 border-black/8 dark:border-white/8`}`,`svelte-iy59wr`),K(y,t.title),K(S,`${t.minValue??``}${r()??``}`),K(w,`${t.maxValue??``}${r()??``}`),X(E,e),Z(D,`min`,t.min),Z(D,`max`,t.max),Z(D,`step`,t.step),Li(D,t.minValue),Z(D,`aria-label`,`${t.title} min`),Z(O,`min`,t.min),Z(O,`max`,t.max),Z(O,`step`,t.step),Li(O,t.maxValue),Z(O,`aria-label`,`${t.title} max`),X(k,`left: calc(${H(d)}% - 6px)`),X(A,`left: calc(${H(f)}% - 6px)`),K(ne,i()),Z(M,`min`,t.min),Z(M,`max`,t.max),Z(M,`step`,t.step),Li(M,t.minValue),K(ae,a()),Z(oe,`min`,t.min),Z(oe,`max`,t.max),Z(oe,`step`,t.step),Li(oe,t.maxValue)},[()=>`left:${Math.min(H(d),H(f))}%; right:${100-Math.max(H(d),H(f))}%`]),U(`input`,D,e=>t.onMinChange(Math.min(u(parseFloat(e.target.value)),t.maxValue))),U(`input`,O,e=>t.onMaxChange(Math.max(u(parseFloat(e.target.value)),t.minValue))),U(`change`,M,e=>t.onMinChange(u(parseFloat(e.target.value)||t.min))),U(`change`,oe,e=>t.onMaxChange(u(parseFloat(e.target.value)||t.max))),G(e,g),Ue()}Lr([`input`,`change`,`click`]);var Ff=W(` Aa
`);function If(e,t){He(t,!0);let n=ea(t,`family`,3,`--sf-font-body`),r=I(null),i=I(0),a=I(16);Tn(()=>{if(!H(r))return;let e=H(r),t=()=>{L(i,parseFloat(getComputedStyle(e).fontSize)||0,!0),L(a,parseFloat(getComputedStyle(document.documentElement).fontSize)||16,!0)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()});var o=Ff(),s=R(o),c=R(s,!0);P(s);var l=B(s,2);Yi(l,e=>L(r,e),()=>H(r));var u=B(l,2),d=R(u,!0);P(u),P(o),V(e=>{K(c,t.label),X(l,`font-size: var(${t.varName}); font-family: var(${n()})`),K(d,e)},[()=>H(i)?`${(H(i)/H(a)).toFixed(2)}rem`:``]),G(e,o),Ue()}var Lf=W(` `),Rf=W(``),zf=W(``);function Bf(e,t){He(t,!0);let n=I(!1),r=F(()=>t.tokens.length===1),i=`sf-shadowed-tokens-${crypto.randomUUID()}`;var a=qr(),o=z(a),s=e=>{var a=zf(),o=R(a),s=R(o);P(o);var c=B(o,2),l=R(c),u=R(l);P(l);var d=B(l,2),f=R(d,!0);P(d),P(c);var p=B(c,2),m=e=>{var n=Rf();J(n,20,()=>t.tokens,e=>e,(e,t)=>{var n=Lf(),r=R(n,!0);P(n),V(()=>K(r,t)),G(e,n)}),P(n),V(()=>Z(n,`id`,i)),G(e,n)};q(p,e=>{H(n)&&e(m)}),P(a),V(()=>{K(s,`${t.tokens.length??``}
${H(r)?`token holds a fixed value that overrides`:`tokens hold fixed values that override`}
the generated ${t.scaleLabel??``} scale, so the controls below
${H(r)?`do not affect that step`:`do not affect those steps`}.
- Fixed values win over the scale that would generate them.`),K(u,`Clear ${H(r)?`it`:`them`} and use the scale`),Z(d,`aria-expanded`,H(n)),Z(d,`aria-controls`,i),Z(d,`aria-label`,H(n)?`Hide the ${t.scaleLabel} tokens holding fixed values`:`Show the ${t.scaleLabel} tokens holding fixed values`),K(f,H(n)?`hide`:`show`)}),U(`click`,l,function(...e){t.onClear?.apply(this,e)}),U(`click`,d,()=>{L(n,!H(n))}),G(e,a)};q(o,e=>{t.tokens.length&&e(s)}),G(e,a),Ue()}Lr([`click`]);var Bf=[`--sf-space-2xs`,`--sf-space-xs`,`--sf-space-s`,`--sf-space-m`,`--sf-space-l`,`--sf-space-xl`,`--sf-space-2xl`,`--sf-space-3xl`,`--sf-space-4xl`],Vf=[`--sf-text-2xs`,`--sf-text-xs`,`--sf-text-s`,`--sf-text-m`,`--sf-text-l`,`--sf-text-xl`,`--sf-text-2xl`,`--sf-text-3xl`,`--sf-text-4xl`],Hf=[`--sf-text-display-s`,`--sf-text-display-m`,`--sf-text-display-l`];function Uf(e,t){return t.filter(t=>t in e)}var Wf=JSON.parse(`[{"f":"Roboto","c":"Sans Serif"},{"f":"Open Sans","c":"Sans Serif"},{"f":"Google Sans","c":"Sans Serif"},{"f":"Inter","c":"Sans Serif"},{"f":"Montserrat","c":"Sans Serif"},{"f":"Poppins","c":"Sans Serif"},{"f":"Lato","c":"Sans Serif"},{"f":"Noto Sans JP","c":"Sans Serif"},{"f":"Roboto Condensed","c":"Sans Serif"},{"f":"Arimo","c":"Sans Serif"},{"f":"Roboto Mono","c":"Monospace"},{"f":"Noto Sans","c":"Sans Serif"},{"f":"Oswald","c":"Sans Serif"},{"f":"Raleway","c":"Sans Serif"},{"f":"DM Sans","c":"Sans Serif"},{"f":"Nunito","c":"Sans Serif"},{"f":"Nunito Sans","c":"Sans Serif"},{"f":"Playfair Display","c":"Serif"},{"f":"Roboto Slab","c":"Serif"},{"f":"Archivo Black","c":"Sans Serif"},{"f":"Rubik","c":"Sans Serif"},{"f":"Ubuntu","c":"Sans Serif"},{"f":"Kanit","c":"Sans Serif"},{"f":"Noto Sans KR","c":"Sans Serif"},{"f":"Outfit","c":"Sans Serif"},{"f":"Merriweather","c":"Serif"},{"f":"Manrope","c":"Sans Serif"},{"f":"Work Sans","c":"Sans Serif"},{"f":"Black Ops One","c":"Display"},{"f":"Prompt","c":"Sans Serif"},{"f":"Lora","c":"Serif"},{"f":"Noto Sans TC","c":"Sans Serif"},{"f":"Bebas Neue","c":"Sans Serif"},{"f":"PT Sans","c":"Sans Serif"},{"f":"Saira","c":"Sans Serif"},{"f":"Mulish","c":"Sans Serif"},{"f":"Figtree","c":"Sans Serif"},{"f":"Plus Jakarta Sans","c":"Sans Serif"},{"f":"Bricolage Grotesque","c":"Sans Serif"},{"f":"Source Sans 3","c":"Sans Serif"},{"f":"Share Tech","c":"Sans Serif"},{"f":"Smooch Sans","c":"Sans Serif"},{"f":"Barlow","c":"Sans Serif"},{"f":"Quicksand","c":"Sans Serif"},{"f":"IBM Plex Sans","c":"Sans Serif"},{"f":"Jost","c":"Sans Serif"},{"f":"Inconsolata","c":"Monospace"},{"f":"Karla","c":"Sans Serif"},{"f":"Archivo","c":"Sans Serif"},{"f":"Fira Sans","c":"Sans Serif"},{"f":"Noto Serif","c":"Serif"},{"f":"Heebo","c":"Sans Serif"},{"f":"Titillium Web","c":"Sans Serif"},{"f":"JetBrains Mono","c":"Monospace"},{"f":"Noto Color Emoji","c":"Sans Serif"},{"f":"Changa One","c":"Display"},{"f":"PT Serif","c":"Serif"},{"f":"Fjalla One","c":"Sans Serif"},{"f":"Space Grotesk","c":"Sans Serif"},{"f":"Source Code Pro","c":"Monospace"},{"f":"Dancing Script","c":"Handwriting"},{"f":"Libre Baskerville","c":"Serif"},{"f":"Noto Sans SC","c":"Sans Serif"},{"f":"Lobster Two","c":"Display"},{"f":"Barlow Condensed","c":"Sans Serif"},{"f":"Noto Serif JP","c":"Serif"},{"f":"Libre Franklin","c":"Sans Serif"},{"f":"Cormorant Garamond","c":"Serif"},{"f":"Public Sans","c":"Sans Serif"},{"f":"Anton","c":"Sans Serif"},{"f":"Josefin Sans","c":"Sans Serif"},{"f":"EB Garamond","c":"Serif"},{"f":"Alfa Slab One","c":"Display"},{"f":"Sora","c":"Sans Serif"},{"f":"Assistant","c":"Sans Serif"},{"f":"Cairo","c":"Sans Serif"},{"f":"Instrument Serif","c":"Serif"},{"f":"Lexend","c":"Sans Serif"},{"f":"Nanum Gothic","c":"Sans Serif"},{"f":"Schibsted Grotesk","c":"Sans Serif"},{"f":"Inter Tight","c":"Sans Serif"},{"f":"Cabin","c":"Sans Serif"},{"f":"Roboto Flex","c":"Sans Serif"},{"f":"Hind Siliguri","c":"Sans Serif"},{"f":"Noto Sans Telugu","c":"Sans Serif"},{"f":"Red Hat Display","c":"Sans Serif"},{"f":"Bitter","c":"Serif"},{"f":"Ramabhadra","c":"Sans Serif"},{"f":"Dosis","c":"Sans Serif"},{"f":"Mukta","c":"Sans Serif"},{"f":"Rajdhani","c":"Sans Serif"},{"f":"Anek Telugu","c":"Sans Serif"},{"f":"Noto Sans Khmer","c":"Sans Serif"},{"f":"M PLUS Rounded 1c","c":"Sans Serif"},{"f":"Exo 2","c":"Sans Serif"},{"f":"Fraunces","c":"Serif"},{"f":"IBM Plex Mono","c":"Monospace"},{"f":"Geist","c":"Sans Serif"},{"f":"Orbitron","c":"Sans Serif"},{"f":"Urbanist","c":"Sans Serif"},{"f":"Lilita One","c":"Display"},{"f":"Oxygen","c":"Sans Serif"},{"f":"Hind","c":"Sans Serif"},{"f":"Caveat","c":"Handwriting"},{"f":"DM Serif Display","c":"Serif"},{"f":"Slabo 27px","c":"Serif"},{"f":"Source Serif 4","c":"Serif"},{"f":"Crimson Text","c":"Serif"},{"f":"Fredoka","c":"Sans Serif"},{"f":"Overpass","c":"Sans Serif"},{"f":"Cinzel","c":"Serif"},{"f":"Bungee","c":"Display"},{"f":"Tajawal","c":"Sans Serif"},{"f":"Pacifico","c":"Handwriting"},{"f":"Merriweather Sans","c":"Sans Serif"},{"f":"Instrument Sans","c":"Sans Serif"},{"f":"Arvo","c":"Serif"},{"f":"Barlow Semi Condensed","c":"Sans Serif"},{"f":"PT Sans Narrow","c":"Sans Serif"},{"f":"Noto Sans Arabic","c":"Sans Serif"},{"f":"Lobster","c":"Display"},{"f":"Google Sans Flex","c":"Sans Serif"},{"f":"Abel","c":"Sans Serif"},{"f":"Comfortaa","c":"Display"},{"f":"Teko","c":"Sans Serif"},{"f":"Newsreader","c":"Serif"},{"f":"Bodoni Moda","c":"Serif"},{"f":"M PLUS 1p","c":"Sans Serif"},{"f":"Noto Sans Thai","c":"Sans Serif"},{"f":"Chakra Petch","c":"Sans Serif"},{"f":"Geist Mono","c":"Monospace"},{"f":"Asap","c":"Sans Serif"},{"f":"Maven Pro","c":"Sans Serif"},{"f":"Zen Kaku Gothic New","c":"Sans Serif"},{"f":"Abril Fatface","c":"Display"},{"f":"Lexend Deca","c":"Sans Serif"},{"f":"Almarai","c":"Sans Serif"},{"f":"Hanken Grotesk","c":"Sans Serif"},{"f":"Zilla Slab","c":"Serif"},{"f":"Space Mono","c":"Monospace"},{"f":"ABeeZee","c":"Sans Serif"},{"f":"Geologica","c":"Sans Serif"},{"f":"DM Mono","c":"Monospace"},{"f":"Play","c":"Sans Serif"},{"f":"Questrial","c":"Sans Serif"},{"f":"Alumni Sans","c":"Sans Serif"},{"f":"Domine","c":"Serif"},{"f":"Marcellus","c":"Serif"},{"f":"Shadows Into Light","c":"Handwriting"},{"f":"Albert Sans","c":"Sans Serif"},{"f":"Be Vietnam Pro","c":"Sans Serif"},{"f":"Rethink Sans","c":"Sans Serif"},{"f":"Varela Round","c":"Sans Serif"},{"f":"Epilogue","c":"Sans Serif"},{"f":"League Spartan","c":"Sans Serif"},{"f":"IBM Plex Serif","c":"Serif"},{"f":"Kalam","c":"Handwriting"},{"f":"Exo","c":"Sans Serif"},{"f":"Gravitas One","c":"Display"},{"f":"Satisfy","c":"Handwriting"},{"f":"Archivo Narrow","c":"Sans Serif"},{"f":"Great Vibes","c":"Handwriting"},{"f":"Onest","c":"Sans Serif"},{"f":"Cormorant","c":"Serif"},{"f":"Nanum Myeongjo","c":"Serif"},{"f":"Spectral","c":"Serif"},{"f":"Frank Ruhl Libre","c":"Serif"},{"f":"Saira Condensed","c":"Sans Serif"},{"f":"Noto Serif SC","c":"Serif"},{"f":"Sarabun","c":"Sans Serif"},{"f":"Unbounded","c":"Sans Serif"},{"f":"Syne","c":"Sans Serif"},{"f":"Zen Maru Gothic","c":"Sans Serif"},{"f":"Crimson Pro","c":"Serif"},{"f":"Noto Serif TC","c":"Serif"},{"f":"IBM Plex Sans Arabic","c":"Sans Serif"},{"f":"Indie Flower","c":"Handwriting"},{"f":"Noto Serif KR","c":"Serif"},{"f":"Encode Sans","c":"Sans Serif"},{"f":"Permanent Marker","c":"Handwriting"},{"f":"Yanone Kaffeesatz","c":"Sans Serif"},{"f":"Vollkorn","c":"Serif"},{"f":"Amiri","c":"Serif"},{"f":"Alegreya Sans","c":"Sans Serif"},{"f":"Fira Sans Condensed","c":"Sans Serif"},{"f":"Sofia Sans","c":"Sans Serif"},{"f":"Noto Sans Tamil","c":"Sans Serif"},{"f":"Roboto Serif","c":"Serif"},{"f":"News Cycle","c":"Sans Serif"},{"f":"Literata","c":"Serif"},{"f":"Catamaran","c":"Sans Serif"},{"f":"Righteous","c":"Display"},{"f":"Rowdies","c":"Display"},{"f":"Unna","c":"Serif"},{"f":"Press Start 2P","c":"Display"},{"f":"Signika","c":"Sans Serif"},{"f":"Noto Kufi Arabic","c":"Sans Serif"},{"f":"Luckiest Guy","c":"Display"},{"f":"Montserrat Alternates","c":"Sans Serif"},{"f":"Bevan","c":"Serif"},{"f":"Aleo","c":"Serif"},{"f":"Hammersmith One","c":"Sans Serif"},{"f":"Cardo","c":"Serif"},{"f":"DM Serif Text","c":"Serif"},{"f":"Fira Code","c":"Monospace"},{"f":"Viga","c":"Sans Serif"},{"f":"Antic Slab","c":"Serif"},{"f":"Titan One","c":"Display"},{"f":"Hind Madurai","c":"Sans Serif"},{"f":"Atkinson Hyperlegible","c":"Sans Serif"},{"f":"Noto Sans Devanagari","c":"Sans Serif"},{"f":"Yellowtail","c":"Handwriting"},{"f":"Baskervville","c":"Serif"},{"f":"Bree Serif","c":"Serif"},{"f":"Kameron","c":"Serif"},{"f":"Shippori Mincho","c":"Serif"},{"f":"Tinos","c":"Serif"},{"f":"Red Hat Text","c":"Sans Serif"},{"f":"Readex Pro","c":"Sans Serif"},{"f":"Gothic A1","c":"Sans Serif"},{"f":"Baloo 2","c":"Display"},{"f":"LINE Seed JP","c":"Sans Serif"},{"f":"Angkor","c":"Display"},{"f":"Russo One","c":"Sans Serif"},{"f":"Courier Prime","c":"Monospace"},{"f":"Libre Barcode 39","c":"Display"},{"f":"Khand","c":"Sans Serif"},{"f":"Sawarabi Mincho","c":"Serif"},{"f":"Noto Nastaliq Urdu","c":"Serif"},{"f":"Playfair","c":"Serif"},{"f":"Prata","c":"Serif"},{"f":"Share Tech Mono","c":"Monospace"},{"f":"Amatic SC","c":"Handwriting"},{"f":"Kumbh Sans","c":"Sans Serif"},{"f":"Acme","c":"Sans Serif"},{"f":"Advent Pro","c":"Sans Serif"},{"f":"Special Elite","c":"Display"},{"f":"Lexend Giga","c":"Sans Serif"},{"f":"Tenor Sans","c":"Sans Serif"},{"f":"Noticia Text","c":"Serif"},{"f":"Noto Sans Display","c":"Sans Serif"},{"f":"Bangers","c":"Display"},{"f":"Alegreya","c":"Serif"},{"f":"Crete Round","c":"Serif"},{"f":"Alata","c":"Sans Serif"},{"f":"Noto Naskh Arabic","c":"Serif"},{"f":"Noto Sans Mono","c":"Sans Serif"},{"f":"Chivo","c":"Sans Serif"},{"f":"Cantarell","c":"Sans Serif"},{"f":"Changa","c":"Sans Serif"},{"f":"Allura","c":"Handwriting"},{"f":"Libre Caslon Text","c":"Serif"},{"f":"Passion One","c":"Display"},{"f":"Martel","c":"Serif"},{"f":"VT323","c":"Monospace"},{"f":"Comic Neue","c":"Handwriting"},{"f":"Rubik Mono One","c":"Sans Serif"},{"f":"Sawarabi Gothic","c":"Sans Serif"},{"f":"Courgette","c":"Handwriting"},{"f":"Creepster","c":"Display"},{"f":"League Gothic","c":"Sans Serif"},{"f":"Zeyada","c":"Handwriting"},{"f":"Kaushan Script","c":"Handwriting"},{"f":"Zen Old Mincho","c":"Serif"},{"f":"Sofia Sans Condensed","c":"Sans Serif"},{"f":"Old Standard TT","c":"Serif"},{"f":"Patua One","c":"Display"},{"f":"Nanum Gothic Coding","c":"Handwriting"},{"f":"Sanchez","c":"Serif"},{"f":"BIZ UDPGothic","c":"Sans Serif"},{"f":"Noto Sans Bengali","c":"Sans Serif"},{"f":"Golos Text","c":"Sans Serif"},{"f":"Paytone One","c":"Sans Serif"},{"f":"Fugaz One","c":"Display"},{"f":"PT Sans Caption","c":"Sans Serif"},{"f":"Quattrocento","c":"Serif"},{"f":"Sen","c":"Sans Serif"},{"f":"Chelsea Market","c":"Display"},{"f":"Actor","c":"Sans Serif"},{"f":"STIX Two Text","c":"Serif"},{"f":"Sacramento","c":"Handwriting"},{"f":"IBM Plex Sans Condensed","c":"Sans Serif"},{"f":"Philosopher","c":"Sans Serif"},{"f":"Yantramanav","c":"Sans Serif"},{"f":"Signika Negative","c":"Sans Serif"},{"f":"Antonio","c":"Sans Serif"},{"f":"Cookie","c":"Handwriting"},{"f":"Kosugi Maru","c":"Sans Serif"},{"f":"Francois One","c":"Sans Serif"},{"f":"Noto Sans Hebrew","c":"Sans Serif"},{"f":"Gruppo","c":"Sans Serif"},{"f":"Patrick Hand","c":"Handwriting"},{"f":"Rokkitt","c":"Serif"},{"f":"Oleo Script","c":"Display"},{"f":"Commissioner","c":"Sans Serif"},{"f":"Playfair Display SC","c":"Serif"},{"f":"Bai Jamjuree","c":"Sans Serif"},{"f":"Radio Canada","c":"Sans Serif"},{"f":"Didact Gothic","c":"Sans Serif"},{"f":"Alexandria","c":"Sans Serif"},{"f":"Libre Bodoni","c":"Serif"},{"f":"Oxanium","c":"Display"},{"f":"Gelasio","c":"Serif"},{"f":"Gilda Display","c":"Serif"},{"f":"PT Mono","c":"Monospace"},{"f":"Gabarito","c":"Display"},{"f":"Amaranth","c":"Sans Serif"},{"f":"Forum","c":"Display"},{"f":"Encode Sans Condensed","c":"Sans Serif"},{"f":"Google Sans Code","c":"Monospace"},{"f":"Concert One","c":"Display"},{"f":"Goldman","c":"Display"},{"f":"Josefin Slab","c":"Serif"},{"f":"Rock Salt","c":"Handwriting"},{"f":"Quattrocento Sans","c":"Sans Serif"},{"f":"Berkshire Swash","c":"Handwriting"},{"f":"Tangerine","c":"Handwriting"},{"f":"Pathway Gothic One","c":"Sans Serif"},{"f":"Ubuntu Condensed","c":"Sans Serif"},{"f":"Rammetto One","c":"Display"},{"f":"Chango","c":"Display"},{"f":"Unica One","c":"Display"},{"f":"Neuton","c":"Serif"},{"f":"Jura","c":"Sans Serif"},{"f":"M PLUS 1","c":"Sans Serif"},{"f":"Homemade Apple","c":"Handwriting"},{"f":"Eater","c":"Display"},{"f":"Staatliches","c":"Display"},{"f":"Playball","c":"Display"},{"f":"Audiowide","c":"Display"},{"f":"Krub","c":"Sans Serif"},{"f":"Poiret One","c":"Display"},{"f":"El Messiri","c":"Sans Serif"},{"f":"Italianno","c":"Handwriting"},{"f":"Parisienne","c":"Handwriting"},{"f":"Monoton","c":"Display"},{"f":"Architects Daughter","c":"Handwriting"},{"f":"Alex Brush","c":"Handwriting"},{"f":"Lusitana","c":"Serif"},{"f":"Mitr","c":"Sans Serif"},{"f":"Lustria","c":"Serif"},{"f":"Merienda","c":"Handwriting"},{"f":"Noto Serif Bengali","c":"Serif"},{"f":"Michroma","c":"Sans Serif"},{"f":"Hind Guntur","c":"Sans Serif"},{"f":"Glegoo","c":"Serif"},{"f":"Biryani","c":"Sans Serif"},{"f":"Abhaya Libre","c":"Serif"},{"f":"Asap Condensed","c":"Sans Serif"},{"f":"Gloria Hallelujah","c":"Handwriting"},{"f":"Quantico","c":"Sans Serif"},{"f":"Vazirmatn","c":"Sans Serif"},{"f":"Pinyon Script","c":"Handwriting"},{"f":"Faustina","c":"Serif"},{"f":"Cinzel Decorative","c":"Display"},{"f":"Arsenal","c":"Sans Serif"},{"f":"Saira Semi Condensed","c":"Sans Serif"},{"f":"Fira Sans Extra Condensed","c":"Sans Serif"},{"f":"Sofia Sans Extra Condensed","c":"Sans Serif"},{"f":"Noto Sans HK","c":"Sans Serif"},{"f":"Dela Gothic One","c":"Display"},{"f":"GFS Didot","c":"Serif"},{"f":"Yeseva One","c":"Display"},{"f":"Mona Sans","c":"Sans Serif"},{"f":"Reenie Beanie","c":"Handwriting"},{"f":"Sorts Mill Goudy","c":"Serif"},{"f":"Noto Sans Malayalam","c":"Sans Serif"},{"f":"Istok Web","c":"Sans Serif"},{"f":"Black Han Sans","c":"Sans Serif"},{"f":"Bowlby One SC","c":"Display"},{"f":"Akshar","c":"Sans Serif"},{"f":"Volkhov","c":"Serif"},{"f":"Alice","c":"Serif"},{"f":"Nanum Pen Script","c":"Handwriting"},{"f":"Racing Sans One","c":"Display"},{"f":"Belleza","c":"Sans Serif"},{"f":"Lalezar","c":"Sans Serif"},{"f":"Averia Serif Libre","c":"Display"},{"f":"Ropa Sans","c":"Sans Serif"},{"f":"Cormorant Infant","c":"Serif"},{"f":"Besley","c":"Serif"},{"f":"Ubuntu Sans","c":"Sans Serif"},{"f":"Petrona","c":"Serif"},{"f":"Afacad","c":"Sans Serif"},{"f":"Eczar","c":"Serif"},{"f":"Caveat Brush","c":"Handwriting"},{"f":"Syncopate","c":"Sans Serif"},{"f":"IBM Plex Sans Thai","c":"Sans Serif"},{"f":"Delius","c":"Handwriting"},{"f":"Hind Vadodara","c":"Sans Serif"},{"f":"Ubuntu Mono","c":"Monospace"},{"f":"Saira Extra Condensed","c":"Sans Serif"},{"f":"Noto Sans Symbols","c":"Sans Serif"},{"f":"Anonymous Pro","c":"Monospace"},{"f":"Mr Dafoe","c":"Handwriting"},{"f":"Blinker","c":"Sans Serif"},{"f":"Noto Serif Display","c":"Serif"},{"f":"Reddit Sans","c":"Sans Serif"},{"f":"Dongle","c":"Sans Serif"},{"f":"Jua","c":"Sans Serif"},{"f":"Monda","c":"Sans Serif"},{"f":"Vidaloka","c":"Serif"},{"f":"Mada","c":"Sans Serif"},{"f":"Familjen Grotesk","c":"Sans Serif"},{"f":"Economica","c":"Sans Serif"},{"f":"Cousine","c":"Monospace"},{"f":"Anek Bangla","c":"Sans Serif"},{"f":"Mate","c":"Serif"},{"f":"Georama","c":"Sans Serif"},{"f":"Taviraj","c":"Serif"},{"f":"Fira Mono","c":"Monospace"},{"f":"Belanosima","c":"Sans Serif"},{"f":"Varela","c":"Sans Serif"},{"f":"Andada Pro","c":"Serif"},{"f":"M PLUS 2","c":"Sans Serif"},{"f":"Zen Kaku Gothic Antique","c":"Sans Serif"},{"f":"Cuprum","c":"Sans Serif"},{"f":"Nothing You Could Do","c":"Handwriting"},{"f":"Calistoga","c":"Display"},{"f":"Shippori Mincho B1","c":"Serif"},{"f":"Cabin Condensed","c":"Sans Serif"},{"f":"Amita","c":"Handwriting"},{"f":"Squada One","c":"Display"},{"f":"Bad Script","c":"Handwriting"},{"f":"Special Gothic","c":"Sans Serif"},{"f":"Special Gothic Condensed One","c":"Sans Serif"},{"f":"Host Grotesk","c":"Sans Serif"},{"f":"Gochi Hand","c":"Handwriting"},{"f":"Arapey","c":"Serif"},{"f":"Six Caps","c":"Sans Serif"},{"f":"Ultra","c":"Serif"},{"f":"Gudea","c":"Sans Serif"},{"f":"Jersey 25","c":"Display"},{"f":"Londrina Solid","c":"Display"},{"f":"Mukta Malar","c":"Sans Serif"},{"f":"Kaisei Decol","c":"Serif"},{"f":"Reem Kufi","c":"Sans Serif"},{"f":"Ms Madi","c":"Handwriting"},{"f":"Pridi","c":"Serif"},{"f":"Palanquin","c":"Sans Serif"},{"f":"Julius Sans One","c":"Sans Serif"},{"f":"Caprasimo","c":"Display"},{"f":"IBM Plex Sans JP","c":"Sans Serif"},{"f":"IM Fell English","c":"Serif"},{"f":"Pragati Narrow","c":"Sans Serif"},{"f":"Martel Sans","c":"Sans Serif"},{"f":"Khula","c":"Sans Serif"},{"f":"Pangolin","c":"Handwriting"},{"f":"Shrikhand","c":"Display"},{"f":"Just Another Hand","c":"Handwriting"},{"f":"Marck Script","c":"Handwriting"},{"f":"Funnel Sans","c":"Sans Serif"},{"f":"REM","c":"Sans Serif"},{"f":"Ruda","c":"Sans Serif"},{"f":"Adamina","c":"Serif"},{"f":"Leckerli One","c":"Handwriting"},{"f":"Damion","c":"Handwriting"},{"f":"Pirata One","c":"Display"},{"f":"Niramit","c":"Sans Serif"},{"f":"Bowlby One","c":"Display"},{"f":"Allison","c":"Handwriting"},{"f":"Tilt Warp","c":"Display"},{"f":"Sofia","c":"Handwriting"},{"f":"Wix Madefor Display","c":"Sans Serif"},{"f":"Krona One","c":"Sans Serif"},{"f":"Murecho","c":"Sans Serif"},{"f":"Kiwi Maru","c":"Serif"},{"f":"Carter One","c":"Display"},{"f":"Handlee","c":"Handwriting"},{"f":"Aboreto","c":"Display"},{"f":"Mrs Saint Delafield","c":"Handwriting"},{"f":"Darker Grotesque","c":"Sans Serif"},{"f":"Hachi Maru Pop","c":"Handwriting"},{"f":"Mandali","c":"Sans Serif"},{"f":"Limelight","c":"Display"},{"f":"Sriracha","c":"Handwriting"},{"f":"Anek Latin","c":"Sans Serif"},{"f":"Fahkwang","c":"Sans Serif"},{"f":"Andika","c":"Sans Serif"},{"f":"La Belle Aurore","c":"Handwriting"},{"f":"Palanquin Dark","c":"Sans Serif"},{"f":"Aldrich","c":"Sans Serif"},{"f":"Covered By Your Grace","c":"Handwriting"},{"f":"Italiana","c":"Sans Serif"},{"f":"Do Hyeon","c":"Sans Serif"},{"f":"MuseoModerno","c":"Display"},{"f":"BIZ UDGothic","c":"Sans Serif"},{"f":"Noto Sans Gujarati","c":"Sans Serif"},{"f":"Pontano Sans","c":"Sans Serif"},{"f":"Wix Madefor Text","c":"Sans Serif"},{"f":"Sansita","c":"Sans Serif"},{"f":"Alegreya Sans SC","c":"Sans Serif"},{"f":"Cedarville Cursive","c":"Handwriting"},{"f":"Sarala","c":"Sans Serif"},{"f":"Chewy","c":"Display"},{"f":"Potta One","c":"Display"},{"f":"Charm","c":"Handwriting"},{"f":"Itim","c":"Handwriting"},{"f":"Spline Sans","c":"Sans Serif"},{"f":"Atkinson Hyperlegible Next","c":"Sans Serif"},{"f":"Cutive Mono","c":"Monospace"},{"f":"Boogaloo","c":"Display"},{"f":"Alef","c":"Sans Serif"},{"f":"Libre Barcode 128","c":"Display"},{"f":"Baloo Da 2","c":"Display"},{"f":"Basic","c":"Sans Serif"},{"f":"Secular One","c":"Sans Serif"},{"f":"Kreon","c":"Serif"},{"f":"Livvic","c":"Sans Serif"},{"f":"UnifrakturMaguntia","c":"Display"},{"f":"Gloock","c":"Serif"},{"f":"Yuji Mai","c":"Serif"},{"f":"Ma Shan Zheng","c":"Handwriting"},{"f":"Protest Revolution","c":"Display"},{"f":"Rufina","c":"Serif"},{"f":"Proza Libre","c":"Sans Serif"},{"f":"Fustat","c":"Sans Serif"},{"f":"Stardos Stencil","c":"Display"},{"f":"Markazi Text","c":"Serif"},{"f":"BenchNine","c":"Sans Serif"},{"f":"Marcellus SC","c":"Serif"},{"f":"Rye","c":"Display"},{"f":"Electrolize","c":"Sans Serif"},{"f":"Bona Nova SC","c":"Serif"},{"f":"Noto Serif Hebrew","c":"Serif"},{"f":"Noto Sans Sinhala","c":"Sans Serif"},{"f":"Poller One","c":"Display"},{"f":"Coda","c":"Display"},{"f":"Big Shoulders","c":"Display"},{"f":"Lateef","c":"Serif"},{"f":"Corben","c":"Display"},{"f":"Ovo","c":"Serif"},{"f":"Anuphan","c":"Sans Serif"},{"f":"Yrsa","c":"Serif"},{"f":"Tomorrow","c":"Sans Serif"},{"f":"Tektur","c":"Display"},{"f":"Fredericka the Great","c":"Display"},{"f":"Anek Devanagari","c":"Sans Serif"},{"f":"Herr Von Muellerhoff","c":"Handwriting"},{"f":"Inria Serif","c":"Serif"},{"f":"PT Serif Caption","c":"Serif"},{"f":"Yatra One","c":"Display"},{"f":"K2D","c":"Sans Serif"},{"f":"Cabin Sketch","c":"Display"},{"f":"Lexend Exa","c":"Sans Serif"},{"f":"Noto Sans Myanmar","c":"Sans Serif"},{"f":"Funnel Display","c":"Display"},{"f":"Athiti","c":"Sans Serif"},{"f":"Geo","c":"Sans Serif"},{"f":"Barriecito","c":"Display"},{"f":"Grandstander","c":"Display"},{"f":"Judson","c":"Serif"},{"f":"Rozha One","c":"Serif"},{"f":"Neucha","c":"Handwriting"},{"f":"Aclonica","c":"Sans Serif"},{"f":"Averia Libre","c":"Display"},{"f":"Lemonada","c":"Display"},{"f":"Shadows Into Light Two","c":"Handwriting"},{"f":"Gantari","c":"Sans Serif"},{"f":"Parkinsans","c":"Sans Serif"},{"f":"Oooh Baby","c":"Handwriting"},{"f":"AR One Sans","c":"Sans Serif"},{"f":"Podkova","c":"Serif"},{"f":"Share","c":"Sans Serif"},{"f":"Sintony","c":"Sans Serif"},{"f":"Days One","c":"Sans Serif"},{"f":"Charis SIL","c":"Serif"},{"f":"DynaPuff","c":"Display"},{"f":"Grenze Gotisch","c":"Display"},{"f":"Bellefair","c":"Serif"},{"f":"Gowun Batang","c":"Serif"},{"f":"Noto Serif Devanagari","c":"Serif"},{"f":"Castoro","c":"Serif"},{"f":"Metrophobic","c":"Sans Serif"},{"f":"Wallpoet","c":"Display"},{"f":"Tiro Bangla","c":"Serif"},{"f":"Noto Sans Meetei Mayek","c":"Sans Serif"},{"f":"Caudex","c":"Serif"},{"f":"Balsamiq Sans","c":"Display"},{"f":"Vina Sans","c":"Display"},{"f":"Cormorant Upright","c":"Serif"},{"f":"Sofia Sans Semi Condensed","c":"Sans Serif"},{"f":"Oranienbaum","c":"Serif"},{"f":"Allerta Stencil","c":"Sans Serif"},{"f":"Glory","c":"Sans Serif"},{"f":"Fragment Mono","c":"Monospace"},{"f":"Armata","c":"Sans Serif"},{"f":"Laila","c":"Serif"},{"f":"Candal","c":"Sans Serif"},{"f":"DotGothic16","c":"Sans Serif"},{"f":"Spinnaker","c":"Sans Serif"},{"f":"Tiro Devanagari Hindi","c":"Serif"},{"f":"Faster One","c":"Display"},{"f":"Kosugi","c":"Sans Serif"},{"f":"Noto Sans Gurmukhi","c":"Sans Serif"},{"f":"Niconne","c":"Handwriting"},{"f":"Recursive","c":"Sans Serif"},{"f":"Radley","c":"Serif"},{"f":"Libre Caslon Display","c":"Serif"},{"f":"Zen Dots","c":"Display"},{"f":"ADLaM Display","c":"Display"},{"f":"Pattaya","c":"Sans Serif"},{"f":"Overpass Mono","c":"Monospace"},{"f":"Norican","c":"Handwriting"},{"f":"Suez One","c":"Serif"},{"f":"Pathway Extreme","c":"Sans Serif"},{"f":"Noto Sans Kannada","c":"Sans Serif"},{"f":"Pixelify Sans","c":"Display"},{"f":"Miriam Libre","c":"Sans Serif"},{"f":"Rampart One","c":"Display"},{"f":"BIZ UDPMincho","c":"Serif"},{"f":"Brygada 1918","c":"Serif"},{"f":"Carlito","c":"Sans Serif"},{"f":"Hina Mincho","c":"Serif"},{"f":"Rancho","c":"Handwriting"},{"f":"Karma","c":"Serif"},{"f":"Macondo","c":"Display"},{"f":"David Libre","c":"Serif"},{"f":"Lexend Zetta","c":"Sans Serif"},{"f":"Klee One","c":"Handwriting"},{"f":"Graduate","c":"Serif"},{"f":"Young Serif","c":"Serif"},{"f":"Nanum Brush Script","c":"Handwriting"},{"f":"Trirong","c":"Serif"},{"f":"Dawning of a New Day","c":"Handwriting"},{"f":"Alatsi","c":"Sans Serif"},{"f":"Cormorant Unicase","c":"Serif"},{"f":"ZCOOL QingKe HuangYou","c":"Sans Serif"},{"f":"Cormorant SC","c":"Serif"},{"f":"Bellota Text","c":"Display"},{"f":"IBM Plex Sans KR","c":"Sans Serif"},{"f":"Antic","c":"Sans Serif"},{"f":"Chivo Mono","c":"Monospace"},{"f":"Chiron GoRound TC","c":"Sans Serif"},{"f":"Knewave","c":"Display"},{"f":"Quintessential","c":"Handwriting"},{"f":"Nobile","c":"Sans Serif"},{"f":"Petit Formal Script","c":"Handwriting"},{"f":"Mali","c":"Handwriting"},{"f":"Azeret Mono","c":"Monospace"},{"f":"Style Script","c":"Handwriting"},{"f":"Antic Didone","c":"Serif"},{"f":"Red Hat Mono","c":"Monospace"},{"f":"Hepta Slab","c":"Serif"},{"f":"Grand Hotel","c":"Handwriting"},{"f":"Caladea","c":"Serif"},{"f":"Mochiy Pop One","c":"Sans Serif"},{"f":"Cantata One","c":"Serif"},{"f":"Annie Use Your Telescope","c":"Handwriting"},{"f":"Schoolbell","c":"Handwriting"},{"f":"Noto Sans Georgian","c":"Sans Serif"},{"f":"Montagu Slab","c":"Serif"},{"f":"Original Surfer","c":"Display"},{"f":"Noto Emoji","c":"Sans Serif"},{"f":"Fjord One","c":"Serif"},{"f":"RocknRoll One","c":"Sans Serif"},{"f":"Arbutus Slab","c":"Serif"},{"f":"Kristi","c":"Handwriting"},{"f":"Marvel","c":"Sans Serif"},{"f":"Anton SC","c":"Sans Serif"},{"f":"Seaweed Script","c":"Display"},{"f":"Special Gothic Expanded One","c":"Sans Serif"},{"f":"Alegreya SC","c":"Serif"},{"f":"Chonburi","c":"Display"},{"f":"Sedgwick Ave Display","c":"Handwriting"},{"f":"BioRhyme","c":"Serif"},{"f":"IBM Plex Sans Hebrew","c":"Sans Serif"},{"f":"Nixie One","c":"Display"},{"f":"ZCOOL KuaiLe","c":"Sans Serif"},{"f":"Qwitcher Grypen","c":"Handwriting"},{"f":"Telex","c":"Sans Serif"},{"f":"Silkscreen","c":"Display"},{"f":"Radio Canada Big","c":"Sans Serif"},{"f":"Monsieur La Doulaise","c":"Handwriting"},{"f":"Ibarra Real Nova","c":"Serif"},{"f":"Arizonia","c":"Handwriting"},{"f":"Lacquer","c":"Display"},{"f":"Yusei Magic","c":"Sans Serif"},{"f":"Enriqueta","c":"Serif"},{"f":"Goudy Bookletter 1911","c":"Serif"},{"f":"Honk","c":"Display"},{"f":"Overlock","c":"Display"},{"f":"ZCOOL XiaoWei","c":"Sans Serif"},{"f":"Scheherazade New","c":"Serif"},{"f":"Delius Unicase","c":"Handwriting"},{"f":"Afacad Flux","c":"Sans Serif"},{"f":"Rakkas","c":"Display"},{"f":"Sniglet","c":"Display"},{"f":"Average Sans","c":"Sans Serif"},{"f":"Libre Barcode 39 Text","c":"Display"},{"f":"Sometype Mono","c":"Monospace"},{"f":"Halant","c":"Serif"},{"f":"Almendra","c":"Serif"},{"f":"Noto Sans Oriya","c":"Sans Serif"},{"f":"Tienne","c":"Serif"},{"f":"Calligraffitti","c":"Handwriting"},{"f":"Ephesis","c":"Handwriting"},{"f":"Bentham","c":"Serif"},{"f":"Encode Sans Expanded","c":"Sans Serif"},{"f":"Spline Sans Mono","c":"Monospace"},{"f":"Skranji","c":"Display"},{"f":"Waiting for the Sunrise","c":"Handwriting"},{"f":"Allerta","c":"Sans Serif"},{"f":"Beth Ellen","c":"Handwriting"},{"f":"Rosario","c":"Sans Serif"},{"f":"Agbalumo","c":"Display"},{"f":"Zalando Sans Expanded","c":"Sans Serif"},{"f":"Sarina","c":"Display"},{"f":"Oxygen Mono","c":"Monospace"},{"f":"Cal Sans","c":"Sans Serif"},{"f":"Maitree","c":"Serif"},{"f":"Sigmar One","c":"Display"},{"f":"Reddit Sans Condensed","c":"Sans Serif"},{"f":"Lekton","c":"Monospace"},{"f":"Meddon","c":"Handwriting"},{"f":"Noto Serif Georgian","c":"Serif"},{"f":"Coming Soon","c":"Handwriting"},{"f":"Zen Antique","c":"Serif"},{"f":"Kantumruy Pro","c":"Sans Serif"},{"f":"Inria Sans","c":"Sans Serif"},{"f":"Uncial Antiqua","c":"Display"},{"f":"Baloo Thambi 2","c":"Display"},{"f":"Over the Rainbow","c":"Handwriting"},{"f":"Fondamento","c":"Handwriting"},{"f":"Cherry Bomb One","c":"Display"},{"f":"Lexend Peta","c":"Sans Serif"},{"f":"Turret Road","c":"Display"},{"f":"Megrim","c":"Display"},{"f":"Love Ya Like A Sister","c":"Display"},{"f":"Noto Sans Warang Citi","c":"Sans Serif"},{"f":"Padauk","c":"Sans Serif"},{"f":"Aref Ruqaa","c":"Serif"},{"f":"Gowun Dodum","c":"Sans Serif"},{"f":"Playpen Sans","c":"Handwriting"},{"f":"Tilt Neon","c":"Display"},{"f":"Poetsen One","c":"Display"},{"f":"Yesteryear","c":"Handwriting"},{"f":"Koulen","c":"Display"},{"f":"IM Fell English SC","c":"Serif"},{"f":"Yuji Syuku","c":"Serif"},{"f":"Fuzzy Bubbles","c":"Handwriting"},{"f":"Amiko","c":"Sans Serif"},{"f":"Supermercado One","c":"Display"},{"f":"Meow Script","c":"Handwriting"},{"f":"Gaegu","c":"Handwriting"},{"f":"Rubik Dirt","c":"Display"},{"f":"Anybody","c":"Display"},{"f":"Vujahday Script","c":"Handwriting"},{"f":"Rouge Script","c":"Handwriting"},{"f":"Bungee Shade","c":"Display"},{"f":"Irish Grover","c":"Display"},{"f":"TikTok Sans","c":"Sans Serif"},{"f":"Hanuman","c":"Serif"},{"f":"Kadwa","c":"Serif"},{"f":"Hurricane","c":"Handwriting"},{"f":"Bayon","c":"Sans Serif"},{"f":"Flow Circular","c":"Display"},{"f":"MedievalSharp","c":"Display"},{"f":"Mansalva","c":"Handwriting"},{"f":"Magra","c":"Sans Serif"},{"f":"Mountains of Christmas","c":"Display"},{"f":"Kaisei Opti","c":"Serif"},{"f":"Hedvig Letters Serif","c":"Serif"},{"f":"Battambang","c":"Display"},{"f":"Noto Sans Armenian","c":"Sans Serif"},{"f":"Bubblegum Sans","c":"Display"},{"f":"Monomaniac One","c":"Sans Serif"},{"f":"Manjari","c":"Sans Serif"},{"f":"Nova Mono","c":"Monospace"},{"f":"Red Rose","c":"Display"},{"f":"Jockey One","c":"Sans Serif"},{"f":"Bokor","c":"Display"},{"f":"Mouse Memoirs","c":"Sans Serif"},{"f":"B612","c":"Sans Serif"},{"f":"Corinthia","c":"Handwriting"},{"f":"Boldonse","c":"Display"},{"f":"Metamorphous","c":"Display"},{"f":"Slackey","c":"Display"},{"f":"Farro","c":"Sans Serif"},{"f":"Hahmlet","c":"Serif"},{"f":"Bungee Inline","c":"Display"},{"f":"Croissant One","c":"Display"},{"f":"Baloo Tamma 2","c":"Display"},{"f":"Asul","c":"Serif"},{"f":"Tiro Devanagari Sanskrit","c":"Serif"},{"f":"Syne Mono","c":"Monospace"},{"f":"Akatab","c":"Sans Serif"},{"f":"Bilbo Swash Caps","c":"Handwriting"},{"f":"Baloo Chettan 2","c":"Display"},{"f":"Gabriela","c":"Serif"},{"f":"Copse","c":"Serif"},{"f":"Noto Sans Thai Looped","c":"Sans Serif"},{"f":"Gamja Flower","c":"Handwriting"},{"f":"Rochester","c":"Handwriting"},{"f":"Zen Kurenaido","c":"Sans Serif"},{"f":"Major Mono Display","c":"Monospace"},{"f":"Platypi","c":"Serif"},{"f":"Vollkorn SC","c":"Serif"},{"f":"Carrois Gothic","c":"Sans Serif"},{"f":"Noto Sans Ol Chiki","c":"Sans Serif"},{"f":"Scada","c":"Sans Serif"},{"f":"Encode Sans Semi Condensed","c":"Sans Serif"},{"f":"Xanh Mono","c":"Monospace"},{"f":"Rambla","c":"Sans Serif"},{"f":"Germania One","c":"Display"},{"f":"Vesper Libre","c":"Serif"},{"f":"Mr De Haviland","c":"Handwriting"},{"f":"Della Respira","c":"Serif"},{"f":"KoHo","c":"Sans Serif"},{"f":"Martian Mono","c":"Monospace"},{"f":"Playpen Sans Hebrew","c":"Handwriting"},{"f":"Average","c":"Serif"},{"f":"Qwigley","c":"Handwriting"},{"f":"Zen Antique Soft","c":"Serif"},{"f":"Baloo Bhaijaan 2","c":"Display"},{"f":"Contrail One","c":"Display"},{"f":"Asar","c":"Serif"},{"f":"Birthstone","c":"Handwriting"},{"f":"Marmelad","c":"Sans Serif"},{"f":"Rasa","c":"Serif"},{"f":"Finger Paint","c":"Display"},{"f":"Mirza","c":"Serif"},{"f":"Slabo 13px","c":"Serif"},{"f":"Aguafina Script","c":"Handwriting"},{"f":"Nova Square","c":"Display"},{"f":"Cambay","c":"Sans Serif"},{"f":"Doppio One","c":"Sans Serif"},{"f":"Alike","c":"Serif"},{"f":"Voltaire","c":"Sans Serif"},{"f":"Vibur","c":"Handwriting"},{"f":"Kodchasan","c":"Sans Serif"},{"f":"Baloo Bhai 2","c":"Display"},{"f":"Coustard","c":"Serif"},{"f":"Ruslan Display","c":"Display"},{"f":"SUSE","c":"Sans Serif"},{"f":"Kurale","c":"Serif"},{"f":"Viaoda Libre","c":"Display"},{"f":"Quando","c":"Serif"},{"f":"Jaldi","c":"Sans Serif"},{"f":"Walter Turncoat","c":"Handwriting"},{"f":"Give You Glory","c":"Handwriting"},{"f":"Mohave","c":"Sans Serif"},{"f":"Trocchi","c":"Serif"},{"f":"IM Fell DW Pica","c":"Serif"},{"f":"Tiro Devanagari Marathi","c":"Serif"},{"f":"Inknut Antiqua","c":"Serif"},{"f":"Gurajada","c":"Sans Serif"},{"f":"Gotu","c":"Sans Serif"},{"f":"Piazzolla","c":"Serif"},{"f":"B612 Mono","c":"Monospace"},{"f":"Inclusive Sans","c":"Sans Serif"},{"f":"Spectral SC","c":"Serif"},{"f":"Fontdiner Swanky","c":"Display"},{"f":"Vast Shadow","c":"Serif"},{"f":"Galada","c":"Display"},{"f":"Coiny","c":"Display"},{"f":"Sue Ellen Francisco","c":"Handwriting"},{"f":"Encode Sans Semi Expanded","c":"Sans Serif"},{"f":"Libre Barcode 39 Extended Text","c":"Display"},{"f":"Bungee Spice","c":"Display"},{"f":"Zalando Sans","c":"Sans Serif"},{"f":"Mukta Mahee","c":"Sans Serif"},{"f":"Zalando Sans SemiExpanded","c":"Sans Serif"},{"f":"Mallanna","c":"Sans Serif"},{"f":"Cambo","c":"Serif"},{"f":"Mukta Vaani","c":"Sans Serif"},{"f":"Sansita Swashed","c":"Display"},{"f":"Averia Sans Libre","c":"Display"},{"f":"Fauna One","c":"Serif"},{"f":"Comic Relief","c":"Display"},{"f":"Rubik Doodle Shadow","c":"Display"},{"f":"Noto Serif Khojki","c":"Serif"},{"f":"Sail","c":"Display"},{"f":"Harmattan","c":"Sans Serif"},{"f":"Buenard","c":"Serif"},{"f":"Agdasima","c":"Sans Serif"},{"f":"Molengo","c":"Sans Serif"},{"f":"Fanwood Text","c":"Serif"},{"f":"Tenali Ramakrishna","c":"Sans Serif"},{"f":"Arima","c":"Display"},{"f":"Euphoria Script","c":"Handwriting"},{"f":"Expletus Sans","c":"Display"},{"f":"Noto Serif Thai","c":"Serif"},{"f":"Julee","c":"Handwriting"},{"f":"Sunflower","c":"Sans Serif"},{"f":"Allan","c":"Display"},{"f":"Oleo Script Swash Caps","c":"Display"},{"f":"Frijole","c":"Display"},{"f":"Shantell Sans","c":"Display"},{"f":"Cutive","c":"Serif"},{"f":"Phudu","c":"Display"},{"f":"Rubik Glitch","c":"Display"},{"f":"Asta Sans","c":"Sans Serif"},{"f":"League Script","c":"Handwriting"},{"f":"Poly","c":"Serif"},{"f":"Amarante","c":"Display"},{"f":"Teachers","c":"Sans Serif"},{"f":"Square Peg","c":"Handwriting"},{"f":"Jomhuria","c":"Display"},{"f":"Montez","c":"Handwriting"},{"f":"Prosto One","c":"Display"},{"f":"Denk One","c":"Sans Serif"},{"f":"Annapurna SIL","c":"Serif"},{"f":"McLaren","c":"Display"},{"f":"MonteCarlo","c":"Handwriting"},{"f":"Pompiere","c":"Display"},{"f":"Redressed","c":"Handwriting"},{"f":"Zain","c":"Sans Serif"},{"f":"Hi Melody","c":"Handwriting"},{"f":"Brawler","c":"Serif"},{"f":"Capriola","c":"Sans Serif"},{"f":"Thasadith","c":"Sans Serif"},{"f":"Ysabeau Office","c":"Sans Serif"},{"f":"Reggae One","c":"Display"},{"f":"Shippori Antique","c":"Sans Serif"},{"f":"Grape Nuts","c":"Handwriting"},{"f":"Happy Monkey","c":"Display"},{"f":"Playpen Sans Deva","c":"Handwriting"},{"f":"Shojumaru","c":"Display"},{"f":"Patrick Hand SC","c":"Handwriting"},{"f":"Nata Sans","c":"Sans Serif"},{"f":"Road Rage","c":"Display"},{"f":"Dokdo","c":"Display"},{"f":"Metal Mania","c":"Display"},{"f":"Waterfall","c":"Handwriting"},{"f":"Licorice","c":"Handwriting"},{"f":"Henny Penny","c":"Display"},{"f":"Noto Sans Lao","c":"Sans Serif"},{"f":"Stick No Bills","c":"Sans Serif"},{"f":"Unkempt","c":"Display"},{"f":"Orelega One","c":"Display"},{"f":"The Girl Next Door","c":"Handwriting"},{"f":"Artifika","c":"Serif"},{"f":"Kalnia","c":"Serif"},{"f":"Kufam","c":"Sans Serif"},{"f":"Anek Malayalam","c":"Sans Serif"},{"f":"IM Fell Double Pica","c":"Serif"},{"f":"Delicious Handrawn","c":"Handwriting"},{"f":"Crafty Girls","c":"Handwriting"},{"f":"Numans","c":"Sans Serif"},{"f":"Kaisei Tokumin","c":"Serif"},{"f":"Bigshot One","c":"Display"},{"f":"Noto Sans Symbols 2","c":"Sans Serif"},{"f":"Moon Dance","c":"Handwriting"},{"f":"Kablammo","c":"Display"},{"f":"Charmonman","c":"Handwriting"},{"f":"Kelly Slab","c":"Display"},{"f":"Amiri Quran","c":"Serif"},{"f":"Sunshiney","c":"Handwriting"},{"f":"Cherry Cream Soda","c":"Display"},{"f":"Bitcount Grid Double","c":"Display"},{"f":"Voces","c":"Sans Serif"},{"f":"Codystar","c":"Display"},{"f":"Meie Script","c":"Handwriting"},{"f":"STIX Two Math","c":"Serif"},{"f":"Nokora","c":"Sans Serif"},{"f":"Inder","c":"Sans Serif"},{"f":"Moul","c":"Display"},{"f":"Fresca","c":"Sans Serif"},{"f":"Prociono","c":"Serif"},{"f":"Lily Script One","c":"Display"},{"f":"Federo","c":"Sans Serif"},{"f":"Kranky","c":"Display"},{"f":"Bakbak One","c":"Display"},{"f":"Oregano","c":"Display"},{"f":"Aladin","c":"Display"},{"f":"Just Me Again Down Here","c":"Handwriting"},{"f":"Carattere","c":"Handwriting"},{"f":"Rubik Bubbles","c":"Display"},{"f":"Redacted","c":"Display"},{"f":"Bona Nova","c":"Serif"},{"f":"Aoboshi One","c":"Serif"},{"f":"New Rocker","c":"Display"},{"f":"Train One","c":"Display"},{"f":"Poor Story","c":"Display"},{"f":"Madimi One","c":"Sans Serif"},{"f":"Puritan","c":"Sans Serif"},{"f":"Wendy One","c":"Sans Serif"},{"f":"IBM Plex Sans Devanagari","c":"Sans Serif"},{"f":"Balthazar","c":"Serif"},{"f":"Asset","c":"Display"},{"f":"Freehand","c":"Display"},{"f":"Playpen Sans Arabic","c":"Handwriting"},{"f":"Gluten","c":"Display"},{"f":"Modak","c":"Display"},{"f":"Salsa","c":"Display"},{"f":"Anta","c":"Sans Serif"},{"f":"Iceberg","c":"Display"},{"f":"Gulzar","c":"Serif"},{"f":"Port Lligat Sans","c":"Sans Serif"},{"f":"Zhi Mang Xing","c":"Handwriting"},{"f":"Grenze","c":"Serif"},{"f":"Atma","c":"Display"},{"f":"Arya","c":"Sans Serif"},{"f":"Esteban","c":"Serif"},{"f":"Wire One","c":"Sans Serif"},{"f":"East Sea Dokdo","c":"Handwriting"},{"f":"Holtwood One SC","c":"Serif"},{"f":"Beiruti","c":"Sans Serif"},{"f":"Goblin One","c":"Display"},{"f":"Dynalight","c":"Display"},{"f":"Hubot Sans","c":"Sans Serif"},{"f":"Bonheur Royale","c":"Handwriting"},{"f":"Cherry Swash","c":"Display"},{"f":"Solway","c":"Serif"},{"f":"Yomogi","c":"Handwriting"},{"f":"Protest Riot","c":"Display"},{"f":"Mako","c":"Sans Serif"},{"f":"M PLUS 1 Code","c":"Monospace"},{"f":"Nosifer","c":"Display"},{"f":"Nova Round","c":"Display"},{"f":"Whisper","c":"Handwriting"},{"f":"Loved by the King","c":"Handwriting"},{"f":"Imprima","c":"Sans Serif"},{"f":"Nerko One","c":"Handwriting"},{"f":"Swanky and Moo Moo","c":"Handwriting"},{"f":"Stick","c":"Sans Serif"},{"f":"BIZ UDMincho","c":"Serif"},{"f":"Mochiy Pop P One","c":"Sans Serif"},{"f":"Reddit Mono","c":"Monospace"},{"f":"Alan Sans","c":"Sans Serif"},{"f":"Elsie","c":"Display"},{"f":"IBM Plex Sans Thai Looped","c":"Sans Serif"},{"f":"WindSong","c":"Handwriting"},{"f":"Doto","c":"Sans Serif"},{"f":"Ribeye","c":"Display"},{"f":"Sarpanch","c":"Sans Serif"},{"f":"Monofett","c":"Monospace"},{"f":"Suranna","c":"Serif"},{"f":"Alike Angular","c":"Serif"},{"f":"Odibee Sans","c":"Display"},{"f":"Sansation","c":"Sans Serif"},{"f":"NTR","c":"Sans Serif"},{"f":"Shanti","c":"Sans Serif"},{"f":"Clicker Script","c":"Handwriting"},{"f":"Atomic Age","c":"Display"},{"f":"Ledger","c":"Serif"},{"f":"Bellota","c":"Display"},{"f":"Sancreek","c":"Display"},{"f":"Sedgwick Ave","c":"Handwriting"},{"f":"Bagel Fat One","c":"Display"},{"f":"Protest Strike","c":"Display"},{"f":"Trade Winds","c":"Display"},{"f":"Maiden Orange","c":"Serif"},{"f":"Modern Antiqua","c":"Display"},{"f":"Mina","c":"Sans Serif"},{"f":"IM Fell DW Pica SC","c":"Serif"},{"f":"Crushed","c":"Display"},{"f":"The Nautigal","c":"Handwriting"},{"f":"Baloo Paaji 2","c":"Display"},{"f":"Abyssinica SIL","c":"Serif"},{"f":"Parastoo","c":"Serif"},{"f":"IM Fell French Canon","c":"Serif"},{"f":"Freeman","c":"Display"},{"f":"Tiny5","c":"Sans Serif"},{"f":"Fascinate Inline","c":"Display"},{"f":"Aref Ruqaa Ink","c":"Serif"},{"f":"Peralta","c":"Serif"},{"f":"IM Fell Great Primer","c":"Serif"},{"f":"Anaheim","c":"Sans Serif"},{"f":"Jaro","c":"Sans Serif"},{"f":"Yeon Sung","c":"Display"},{"f":"Truculenta","c":"Sans Serif"},{"f":"Edu SA Beginner","c":"Handwriting"},{"f":"Noto Serif Tamil","c":"Serif"},{"f":"Cute Font","c":"Display"},{"f":"Qahiri","c":"Sans Serif"},{"f":"Sour Gummy","c":"Sans Serif"},{"f":"Griffy","c":"Display"},{"f":"IM Fell Double Pica SC","c":"Serif"},{"f":"Alkatra","c":"Display"},{"f":"Tai Heritage Pro","c":"Serif"},{"f":"Science Gothic","c":"Sans Serif"},{"f":"Rosarivo","c":"Serif"},{"f":"Noto Serif HK","c":"Serif"},{"f":"Iceland","c":"Display"},{"f":"Sumana","c":"Serif"},{"f":"UnifrakturCook","c":"Display"},{"f":"Mozilla Text","c":"Sans Serif"},{"f":"Poltawski Nowy","c":"Serif"},{"f":"Birthstone Bounce","c":"Handwriting"},{"f":"Orienta","c":"Sans Serif"},{"f":"Sulphur Point","c":"Sans Serif"},{"f":"Luxurious Script","c":"Handwriting"},{"f":"Chicle","c":"Display"},{"f":"Nova Flat","c":"Display"},{"f":"Life Savers","c":"Display"},{"f":"Spicy Rice","c":"Display"},{"f":"Gasoek One","c":"Sans Serif"},{"f":"Long Cang","c":"Handwriting"},{"f":"Song Myung","c":"Serif"},{"f":"Amethysta","c":"Serif"},{"f":"Liter","c":"Sans Serif"},{"f":"Baloo Tammudu 2","c":"Display"},{"f":"Mooli","c":"Sans Serif"},{"f":"Manuale","c":"Serif"},{"f":"Galindo","c":"Display"},{"f":"Diplomata","c":"Display"},{"f":"Scope One","c":"Serif"},{"f":"Smythe","c":"Display"},{"f":"Trispace","c":"Sans Serif"},{"f":"Gayathri","c":"Sans Serif"},{"f":"Cairo Play","c":"Sans Serif"},{"f":"Noto Sans Ethiopic","c":"Sans Serif"},{"f":"Nova Oval","c":"Display"},{"f":"Kavoon","c":"Display"},{"f":"Alyamama","c":"Serif"},{"f":"Genos","c":"Sans Serif"},{"f":"Lemon","c":"Display"},{"f":"Lexend Mega","c":"Sans Serif"},{"f":"Ysabeau SC","c":"Sans Serif"},{"f":"Fasthand","c":"Display"},{"f":"Gugi","c":"Display"},{"f":"Karantina","c":"Display"},{"f":"Nova Slim","c":"Display"},{"f":"Baumans","c":"Display"},{"f":"New Tegomin","c":"Serif"},{"f":"Montaga","c":"Serif"},{"f":"Bitcount Single","c":"Display"},{"f":"Comme","c":"Sans Serif"},{"f":"Habibi","c":"Serif"},{"f":"Anek Tamil","c":"Sans Serif"},{"f":"Overlock SC","c":"Display"},{"f":"Gemunu Libre","c":"Sans Serif"},{"f":"Mynerve","c":"Handwriting"},{"f":"Fuggles","c":"Handwriting"},{"f":"IM Fell Great Primer SC","c":"Serif"},{"f":"Gentium Book Plus","c":"Serif"},{"f":"Kenia","c":"Display"},{"f":"Chau Philomene One","c":"Sans Serif"},{"f":"Victor Mono","c":"Monospace"},{"f":"Ranchers","c":"Display"},{"f":"Lavishly Yours","c":"Handwriting"},{"f":"Carme","c":"Sans Serif"},{"f":"Raleway Dots","c":"Display"},{"f":"Duru Sans","c":"Sans Serif"},{"f":"LXGW WenKai TC","c":"Handwriting"},{"f":"Kode Mono","c":"Monospace"},{"f":"Miltonian","c":"Display"},{"f":"Kaisei HarunoUmi","c":"Serif"},{"f":"Kulim Park","c":"Sans Serif"},{"f":"Edu TAS Beginner","c":"Handwriting"},{"f":"Imbue","c":"Serif"},{"f":"Eagle Lake","c":"Handwriting"},{"f":"Akronim","c":"Display"},{"f":"Varta","c":"Sans Serif"},{"f":"Tauri","c":"Sans Serif"},{"f":"Sevillana","c":"Display"},{"f":"Gafata","c":"Sans Serif"},{"f":"IM Fell French Canon SC","c":"Serif"},{"f":"Stack Sans Text","c":"Sans Serif"},{"f":"Libre Barcode 128 Text","c":"Display"},{"f":"Noto Sans Mende Kikakui","c":"Sans Serif"},{"f":"Miniver","c":"Display"},{"f":"Kdam Thmor Pro","c":"Sans Serif"},{"f":"Astloch","c":"Display"},{"f":"Baskervville SC","c":"Serif"},{"f":"Baloo Bhaina 2","c":"Display"},{"f":"Mozilla Headline","c":"Sans Serif"},{"f":"Medula One","c":"Display"},{"f":"Caesar Dressing","c":"Display"},{"f":"Noto Serif Malayalam","c":"Serif"},{"f":"Sigmar","c":"Display"},{"f":"Noto Sans Tai Viet","c":"Sans Serif"},{"f":"Jersey 10","c":"Display"},{"f":"Miltonian Tattoo","c":"Display"},{"f":"Badeen Display","c":"Display"},{"f":"Nova Cut","c":"Display"},{"f":"Khmer","c":"Sans Serif"},{"f":"Emilys Candy","c":"Display"},{"f":"BhuTuka Expanded One","c":"Serif"},{"f":"Notable","c":"Sans Serif"},{"f":"Ruthie","c":"Handwriting"},{"f":"Headland One","c":"Serif"},{"f":"Homenaje","c":"Sans Serif"},{"f":"Kavivanar","c":"Handwriting"},{"f":"Pavanam","c":"Sans Serif"},{"f":"Cantora One","c":"Sans Serif"},{"f":"Fascinate","c":"Display"},{"f":"Jolly Lodger","c":"Display"},{"f":"Fenix","c":"Serif"},{"f":"Stylish","c":"Sans Serif"},{"f":"Londrina Outline","c":"Display"},{"f":"Short Stack","c":"Handwriting"},{"f":"Hibur Mono","c":"Monospace"},{"f":"Yuji Boku","c":"Serif"},{"f":"Ceviche One","c":"Display"},{"f":"Freckle Face","c":"Display"},{"f":"Nova Script","c":"Display"},{"f":"Cactus Classical Serif","c":"Serif"},{"f":"Hedvig Letters Sans","c":"Sans Serif"},{"f":"Faculty Glyphic","c":"Sans Serif"},{"f":"Timmana","c":"Sans Serif"},{"f":"Convergence","c":"Sans Serif"},{"f":"Belgrano","c":"Serif"},{"f":"TASA Orbiter","c":"Sans Serif"},{"f":"Rationale","c":"Sans Serif"},{"f":"Comforter","c":"Handwriting"},{"f":"Delius Swash Caps","c":"Handwriting"},{"f":"Macondo Swash Caps","c":"Display"},{"f":"Ysabeau","c":"Sans Serif"},{"f":"Akaya Kanadaka","c":"Display"},{"f":"Jomolhari","c":"Serif"},{"f":"Anek Gujarati","c":"Sans Serif"},{"f":"Solitreo","c":"Handwriting"},{"f":"Tourney","c":"Display"},{"f":"Beau Rivage","c":"Handwriting"},{"f":"Island Moments","c":"Handwriting"},{"f":"Imperial Script","c":"Handwriting"},{"f":"Erica One","c":"Display"},{"f":"Liu Jian Mao Cao","c":"Handwriting"},{"f":"Devonshire","c":"Handwriting"},{"f":"Vampiro One","c":"Display"},{"f":"Smooch","c":"Handwriting"},{"f":"Handjet","c":"Display"},{"f":"Odor Mean Chey","c":"Serif"},{"f":"Barrio","c":"Display"},{"f":"Ballet","c":"Handwriting"},{"f":"Geomini","c":"Sans Serif"},{"f":"Underdog","c":"Display"},{"f":"Dangrek","c":"Display"},{"f":"Joan","c":"Serif"},{"f":"WDXL Lubrifont JP N","c":"Sans Serif"},{"f":"Zilla Slab Highlight","c":"Serif"},{"f":"Katibeh","c":"Display"},{"f":"Margarine","c":"Display"},{"f":"Srisakdi","c":"Display"},{"f":"Noto Music","c":"Sans Serif"},{"f":"Lugrasimo","c":"Handwriting"},{"f":"Suwannaphum","c":"Serif"},{"f":"Alkalami","c":"Serif"},{"f":"Stack Sans Headline","c":"Sans Serif"},{"f":"Engagement","c":"Handwriting"},{"f":"Zen Tokyo Zoo","c":"Display"},{"f":"Mystery Quest","c":"Display"},{"f":"Rum Raisin","c":"Sans Serif"},{"f":"Stoke","c":"Serif"},{"f":"Akaya Telivigala","c":"Display"},{"f":"Kapakana","c":"Handwriting"},{"f":"Rubik Scribble","c":"Display"},{"f":"Braah One","c":"Sans Serif"},{"f":"Sree Krushnadevaraya","c":"Serif"},{"f":"Borel","c":"Handwriting"},{"f":"Playwrite NO","c":"Handwriting"},{"f":"Gupter","c":"Serif"},{"f":"Mate SC","c":"Serif"},{"f":"Edu NSW ACT Cursive","c":"Handwriting"},{"f":"Strait","c":"Sans Serif"},{"f":"Noto Sans Math","c":"Sans Serif"},{"f":"Jersey 15","c":"Display"},{"f":"Sura","c":"Serif"},{"f":"Shippori Antique B1","c":"Sans Serif"},{"f":"Anek Kannada","c":"Sans Serif"},{"f":"Single Day","c":"Display"},{"f":"Tac One","c":"Sans Serif"},{"f":"Stalemate","c":"Handwriting"},{"f":"Mea Culpa","c":"Handwriting"},{"f":"Noto Sans Linear A","c":"Sans Serif"},{"f":"Flamenco","c":"Display"},{"f":"Paprika","c":"Display"},{"f":"Bilbo","c":"Handwriting"},{"f":"Passions Conflict","c":"Handwriting"},{"f":"Noto Serif Telugu","c":"Serif"},{"f":"Seymour One","c":"Sans Serif"},{"f":"Marhey","c":"Display"},{"f":"Sono","c":"Sans Serif"},{"f":"Gorditas","c":"Display"},{"f":"Averia Gruesa Libre","c":"Display"},{"f":"Carrois Gothic SC","c":"Sans Serif"},{"f":"Playwrite US Trad","c":"Handwriting"},{"f":"Tillana","c":"Display"},{"f":"Noto Sans Buhid","c":"Sans Serif"},{"f":"Winky Sans","c":"Sans Serif"},{"f":"Cagliostro","c":"Sans Serif"},{"f":"Noto Serif Kannada","c":"Serif"},{"f":"Chocolate Classical Sans","c":"Sans Serif"},{"f":"Bruno Ace","c":"Display"},{"f":"Noto Sans Thaana","c":"Sans Serif"},{"f":"Playwrite CU","c":"Handwriting"},{"f":"Sonsie One","c":"Display"},{"f":"Manufacturing Consent","c":"Display"},{"f":"Moderustic","c":"Sans Serif"},{"f":"Bodoni Moda SC","c":"Serif"},{"f":"Englebert","c":"Sans Serif"},{"f":"Lovers Quarrel","c":"Handwriting"},{"f":"Chathura","c":"Sans Serif"},{"f":"Akt","c":"Sans Serif"},{"f":"Montserrat Underline","c":"Sans Serif"},{"f":"Ramaraja","c":"Serif"},{"f":"Stint Ultra Condensed","c":"Serif"},{"f":"Nabla","c":"Display"},{"f":"Castoro Titling","c":"Display"},{"f":"Benne","c":"Serif"},{"f":"Noto Sans Tagalog","c":"Sans Serif"},{"f":"Risque","c":"Display"},{"f":"Dorsa","c":"Sans Serif"},{"f":"Gentium Plus","c":"Serif"},{"f":"Geom","c":"Sans Serif"},{"f":"Junge","c":"Serif"},{"f":"Foldit","c":"Display"},{"f":"Ravi Prakash","c":"Display"},{"f":"Caramel","c":"Handwriting"},{"f":"National Park","c":"Sans Serif"},{"f":"Playwrite DE Grund","c":"Handwriting"},{"f":"Spirax","c":"Display"},{"f":"Shalimar","c":"Handwriting"},{"f":"Port Lligat Slab","c":"Serif"},{"f":"Climate Crisis","c":"Display"},{"f":"Sahitya","c":"Serif"},{"f":"Content","c":"Display"},{"f":"Text Me One","c":"Sans Serif"},{"f":"Playwrite ID","c":"Handwriting"},{"f":"Girassol","c":"Display"},{"f":"Unlock","c":"Display"},{"f":"Playwrite IS","c":"Handwriting"},{"f":"Water Brush","c":"Handwriting"},{"f":"Encode Sans SC","c":"Sans Serif"},{"f":"Huninn","c":"Sans Serif"},{"f":"Stint Ultra Expanded","c":"Serif"},{"f":"Alumni Sans Pinstripe","c":"Sans Serif"},{"f":"Keania One","c":"Display"},{"f":"Bruno Ace SC","c":"Display"},{"f":"Sassy Frass","c":"Handwriting"},{"f":"Texturina","c":"Serif"},{"f":"Chilanka","c":"Handwriting"},{"f":"Wittgenstein","c":"Serif"},{"f":"Playwrite IN","c":"Handwriting"},{"f":"Elms Sans","c":"Sans Serif"},{"f":"Galdeano","c":"Sans Serif"},{"f":"Mogra","c":"Display"},{"f":"Festive","c":"Handwriting"},{"f":"Yaldevi","c":"Sans Serif"},{"f":"Momo Trust Display","c":"Sans Serif"},{"f":"Siemreap","c":"Sans Serif"},{"f":"Simonetta","c":"Display"},{"f":"Condiment","c":"Handwriting"},{"f":"Monomakh","c":"Display"},{"f":"Ysabeau Infant","c":"Sans Serif"},{"f":"Kotta One","c":"Serif"},{"f":"Glass Antiqua","c":"Display"},{"f":"Send Flowers","c":"Handwriting"},{"f":"Farsan","c":"Display"},{"f":"Piedra","c":"Display"},{"f":"Comforter Brush","c":"Handwriting"},{"f":"Rubik Moonrocks","c":"Display"},{"f":"Linden Hill","c":"Serif"},{"f":"Almendra SC","c":"Serif"},{"f":"Arbutus","c":"Serif"},{"f":"My Soul","c":"Handwriting"},{"f":"Buda","c":"Display"},{"f":"Offside","c":"Display"},{"f":"Mrs Sheppards","c":"Handwriting"},{"f":"Darumadrop One","c":"Display"},{"f":"Jacques Francois","c":"Serif"},{"f":"Dekko","c":"Handwriting"},{"f":"Geist Pixel","c":"Display"},{"f":"Libre Barcode EAN13 Text","c":"Display"},{"f":"Autour One","c":"Display"},{"f":"Chiron Sung HK","c":"Serif"},{"f":"Inika","c":"Serif"},{"f":"Gwendolyn","c":"Handwriting"},{"f":"Noto Serif Ahom","c":"Serif"},{"f":"Rubik Wet Paint","c":"Display"},{"f":"SN Pro","c":"Sans Serif"},{"f":"Reem Kufi Fun","c":"Sans Serif"},{"f":"Koh Santepheap","c":"Serif"},{"f":"Jim Nightshade","c":"Handwriting"},{"f":"Tilt Prism","c":"Display"},{"f":"Wellfleet","c":"Serif"},{"f":"Tiro Gurmukhi","c":"Serif"},{"f":"Inspiration","c":"Handwriting"},{"f":"Geostar Fill","c":"Display"},{"f":"Cascadia Code","c":"Sans Serif"},{"f":"Momo Signature","c":"Sans Serif"},{"f":"Story Script","c":"Sans Serif"},{"f":"Romanesco","c":"Handwriting"},{"f":"Kite One","c":"Sans Serif"},{"f":"Noto Sans Sora Sompeng","c":"Sans Serif"},{"f":"Ewert","c":"Display"},{"f":"GFS Neohellenic","c":"Sans Serif"},{"f":"Sixtyfour","c":"Monospace"},{"f":"Plaster","c":"Display"},{"f":"Noto Serif Lao","c":"Serif"},{"f":"Momo Trust Sans","c":"Sans Serif"},{"f":"Lexend Tera","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Hand","c":"Handwriting"},{"f":"Noto Sans Canadian Aboriginal","c":"Sans Serif"},{"f":"Jacques Francois Shadow","c":"Display"},{"f":"BBH Bartle","c":"Sans Serif"},{"f":"Sirin Stencil","c":"Display"},{"f":"Smokum","c":"Display"},{"f":"Milonga","c":"Display"},{"f":"Emblema One","c":"Display"},{"f":"Jacquard 12","c":"Display"},{"f":"Bungee Hairline","c":"Display"},{"f":"Anek Odia","c":"Sans Serif"},{"f":"Fruktur","c":"Display"},{"f":"Libertinus Sans","c":"Sans Serif"},{"f":"Donegal One","c":"Serif"},{"f":"Londrina Shadow","c":"Display"},{"f":"Orbit","c":"Sans Serif"},{"f":"Trykker","c":"Serif"},{"f":"Vend Sans","c":"Sans Serif"},{"f":"Anek Gurmukhi","c":"Sans Serif"},{"f":"Miss Fajardose","c":"Handwriting"},{"f":"Intel One Mono","c":"Monospace"},{"f":"Libre Barcode 39 Extended","c":"Display"},{"f":"Noto Sans Samaritan","c":"Sans Serif"},{"f":"Noto Sans Gothic","c":"Sans Serif"},{"f":"Ruluko","c":"Sans Serif"},{"f":"Sofadi One","c":"Display"},{"f":"Praise","c":"Handwriting"},{"f":"Marko One","c":"Serif"},{"f":"Ranga","c":"Display"},{"f":"Meera Inimai","c":"Sans Serif"},{"f":"Nuosu SIL","c":"Sans Serif"},{"f":"Oi","c":"Display"},{"f":"Kumar One","c":"Display"},{"f":"Lakki Reddy","c":"Handwriting"},{"f":"Babylonica","c":"Handwriting"},{"f":"Big Shoulders Stencil","c":"Display"},{"f":"Ancizar Serif","c":"Serif"},{"f":"Noto Sans Osmanya","c":"Sans Serif"},{"f":"Luxurious Roman","c":"Display"},{"f":"Dhurjati","c":"Sans Serif"},{"f":"Almendra Display","c":"Display"},{"f":"Bigelow Rules","c":"Display"},{"f":"Noto Serif Gujarati","c":"Serif"},{"f":"Dr Sugiyama","c":"Handwriting"},{"f":"Butcherman","c":"Display"},{"f":"Stalinist One","c":"Display"},{"f":"Playwrite US Modern","c":"Handwriting"},{"f":"Elsie Swash Caps","c":"Display"},{"f":"Joti One","c":"Display"},{"f":"Purple Purse","c":"Display"},{"f":"Neonderthaw","c":"Handwriting"},{"f":"Felipa","c":"Handwriting"},{"f":"Bungee Outline","c":"Display"},{"f":"Federant","c":"Display"},{"f":"Noto Sans Bhaiksuki","c":"Sans Serif"},{"f":"Noto Serif Khmer","c":"Serif"},{"f":"Noto Serif Armenian","c":"Serif"},{"f":"Bubbler One","c":"Sans Serif"},{"f":"Metal","c":"Display"},{"f":"Edu AU VIC WA NT Guides","c":"Handwriting"},{"f":"Rubik Distressed","c":"Display"},{"f":"Fleur De Leah","c":"Handwriting"},{"f":"Reem Kufi Ink","c":"Sans Serif"},{"f":"Bacasime Antique","c":"Serif"},{"f":"Atkinson Hyperlegible Mono","c":"Sans Serif"},{"f":"Grey Qo","c":"Handwriting"},{"f":"Alumni Sans SC","c":"Sans Serif"},{"f":"Diplomata SC","c":"Display"},{"f":"Matemasie","c":"Sans Serif"},{"f":"Hubballi","c":"Sans Serif"},{"f":"Updock","c":"Handwriting"},{"f":"Lunasima","c":"Sans Serif"},{"f":"Mr Bedfort","c":"Handwriting"},{"f":"Ribeye Marrow","c":"Display"},{"f":"Noto Serif Sinhala","c":"Serif"},{"f":"Princess Sofia","c":"Handwriting"},{"f":"Ojuju","c":"Sans Serif"},{"f":"Tiro Kannada","c":"Serif"},{"f":"Kirang Haerang","c":"Display"},{"f":"Alumni Sans Inline One","c":"Display"},{"f":"Uchen","c":"Serif"},{"f":"Revalia","c":"Display"},{"f":"Micro 5","c":"Display"},{"f":"Tulpen One","c":"Display"},{"f":"Playwrite VN Guides","c":"Handwriting"},{"f":"Jersey 20","c":"Display"},{"f":"New Amsterdam","c":"Sans Serif"},{"f":"Alumni Sans Collegiate One","c":"Sans Serif"},{"f":"Ancizar Sans","c":"Sans Serif"},{"f":"Londrina Sketch","c":"Display"},{"f":"Ubuntu Sans Mono","c":"Monospace"},{"f":"Sedan SC","c":"Serif"},{"f":"Gideon Roman","c":"Display"},{"f":"Passero One","c":"Display"},{"f":"Libertinus Serif","c":"Serif"},{"f":"Playwrite AU NSW","c":"Handwriting"},{"f":"BioRhyme Expanded","c":"Serif"},{"f":"Lancelot","c":"Display"},{"f":"Rhodium Libre","c":"Serif"},{"f":"Konkhmer Sleokchher","c":"Display"},{"f":"Arsenal SC","c":"Sans Serif"},{"f":"Sedan","c":"Serif"},{"f":"Epunda Sans","c":"Sans Serif"},{"f":"Chela One","c":"Display"},{"f":"Noto Sans Lao Looped","c":"Sans Serif"},{"f":"Love Light","c":"Handwriting"},{"f":"Pliant","c":"Sans Serif"},{"f":"Playwrite IE","c":"Handwriting"},{"f":"Ole","c":"Handwriting"},{"f":"Peddana","c":"Serif"},{"f":"Bahiana","c":"Display"},{"f":"Ponomar","c":"Display"},{"f":"TASA Explorer","c":"Sans Serif"},{"f":"Gidugu","c":"Sans Serif"},{"f":"Triodion","c":"Display"},{"f":"Playwrite GB S","c":"Handwriting"},{"f":"Playwrite AU SA","c":"Handwriting"},{"f":"Edu NSW ACT Foundation","c":"Handwriting"},{"f":"Noto Sans Anatolian Hieroglyphs","c":"Sans Serif"},{"f":"Diphylleia","c":"Serif"},{"f":"Chiron Hei HK","c":"Sans Serif"},{"f":"Rubik Gemstones","c":"Display"},{"f":"Tiro Telugu","c":"Serif"},{"f":"Winky Rough","c":"Sans Serif"},{"f":"Noto Sans Tangsa","c":"Sans Serif"},{"f":"Rubik Spray Paint","c":"Display"},{"f":"Edu VIC WA NT Beginner","c":"Handwriting"},{"f":"Rubik 80s Fade","c":"Display"},{"f":"Preahvihear","c":"Sans Serif"},{"f":"Tsukimi Rounded","c":"Sans Serif"},{"f":"Rubik Pixels","c":"Display"},{"f":"Iosevka Charon","c":"Monospace"},{"f":"Flavors","c":"Display"},{"f":"Hanalei Fill","c":"Display"},{"f":"Oldenburg","c":"Display"},{"f":"Bonbon","c":"Handwriting"},{"f":"Lumanosimo","c":"Handwriting"},{"f":"Rubik Iso","c":"Display"},{"f":"Yuyu Short","c":"Handwriting"},{"f":"Stack Sans Notch","c":"Sans Serif"},{"f":"Bitcount Prop Single","c":"Display"},{"f":"Snippet","c":"Sans Serif"},{"f":"Cascadia Mono","c":"Sans Serif"},{"f":"WDXL Lubrifont SC","c":"Sans Serif"},{"f":"Grechen Fuemen","c":"Handwriting"},{"f":"Agu Display","c":"Display"},{"f":"Libertinus Math","c":"Display"},{"f":"Bungee Tint","c":"Display"},{"f":"Shizuru","c":"Display"},{"f":"Noto Rashi Hebrew","c":"Serif"},{"f":"Zen Loop","c":"Display"},{"f":"Trochut","c":"Display"},{"f":"Ga Maamli","c":"Display"},{"f":"Cherish","c":"Handwriting"},{"f":"Molle","c":"Handwriting"},{"f":"Rubik Vinyl","c":"Display"},{"f":"Kumar One Outline","c":"Display"},{"f":"Noto Sans Javanese","c":"Sans Serif"},{"f":"Cossette Texte","c":"Sans Serif"},{"f":"Rubik Maze","c":"Display"},{"f":"Noto Sans Adlam","c":"Sans Serif"},{"f":"SUSE Mono","c":"Sans Serif"},{"f":"Cause","c":"Handwriting"},{"f":"Playwrite RO","c":"Handwriting"},{"f":"Kolker Brush","c":"Handwriting"},{"f":"Blaka","c":"Display"},{"f":"Montenegrin Gothic One","c":"Serif"},{"f":"Langar","c":"Display"},{"f":"Protest Guerrilla","c":"Display"},{"f":"Twinkle Star","c":"Handwriting"},{"f":"Bitcount Grid Single","c":"Display"},{"f":"Gidole","c":"Sans Serif"},{"f":"Sixtyfour Convergence","c":"Monospace"},{"f":"Rubik Puddles","c":"Display"},{"f":"Cossette Titre","c":"Sans Serif"},{"f":"Playwrite AU QLD","c":"Handwriting"},{"f":"Splash","c":"Handwriting"},{"f":"Tiro Tamil","c":"Serif"},{"f":"Chenla","c":"Display"},{"f":"Flow Rounded","c":"Display"},{"f":"Datatype","c":"Monospace"},{"f":"Playwrite CA","c":"Handwriting"},{"f":"Noto Sans Old Persian","c":"Sans Serif"},{"f":"Kings","c":"Handwriting"},{"f":"Amarna","c":"Sans Serif"},{"f":"Butterfly Kids","c":"Handwriting"},{"f":"Playwrite AT","c":"Handwriting"},{"f":"Estonia","c":"Handwriting"},{"f":"Explora","c":"Handwriting"},{"f":"Danfo","c":"Serif"},{"f":"Rubik Burned","c":"Display"},{"f":"Are You Serious","c":"Handwriting"},{"f":"Suravaram","c":"Serif"},{"f":"Noto Serif Vithkuqi","c":"Serif"},{"f":"Noto Sans Pahawh Hmong","c":"Sans Serif"},{"f":"Noto Serif Tibetan","c":"Serif"},{"f":"M PLUS U","c":"Sans Serif"},{"f":"Playwrite HR","c":"Handwriting"},{"f":"Tagesschrift","c":"Display"},{"f":"Jersey 10 Charted","c":"Display"},{"f":"Black And White Picture","c":"Display"},{"f":"Workbench","c":"Monospace"},{"f":"Combo","c":"Display"},{"f":"Tapestry","c":"Handwriting"},{"f":"Playwrite NZ Basic","c":"Handwriting"},{"f":"Jacquard 24","c":"Display"},{"f":"Rubik Beastly","c":"Display"},{"f":"Noto Sans Carian","c":"Sans Serif"},{"f":"LXGW WenKai Mono TC","c":"Monospace"},{"f":"Big Shoulders Inline","c":"Display"},{"f":"Libertinus Mono","c":"Monospace"},{"f":"Playwrite PL","c":"Handwriting"},{"f":"Yuyu","c":"Handwriting"},{"f":"Noto Serif Tangut","c":"Serif"},{"f":"Noto Serif Ethiopic","c":"Serif"},{"f":"Iansui","c":"Handwriting"},{"f":"Taprom","c":"Display"},{"f":"Moulpali","c":"Sans Serif"},{"f":"Rubik Doodle Triangles","c":"Display"},{"f":"Noto Sans Multani","c":"Sans Serif"},{"f":"Aubrey","c":"Display"},{"f":"Narnoor","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Dots","c":"Handwriting"},{"f":"Labrada","c":"Serif"},{"f":"Bahianita","c":"Display"},{"f":"Vibes","c":"Display"},{"f":"Geostar","c":"Display"},{"f":"Snowburst One","c":"Display"},{"f":"Noto Sans Kaithi","c":"Sans Serif"},{"f":"Noto Sans Batak","c":"Sans Serif"},{"f":"Noto Sans Runic","c":"Sans Serif"},{"f":"Petemoss","c":"Handwriting"},{"f":"Rubik Glitch Pop","c":"Display"},{"f":"Noto Sans Coptic","c":"Sans Serif"},{"f":"BBH Bogle","c":"Sans Serif"},{"f":"Noto Sans Hanunoo","c":"Sans Serif"},{"f":"Moo Lah Lah","c":"Display"},{"f":"Flow Block","c":"Display"},{"f":"Ruwudu","c":"Serif"},{"f":"Noto Serif Dogra","c":"Serif"},{"f":"Playwrite DK Loopet","c":"Handwriting"},{"f":"M PLUS Code Latin","c":"Sans Serif"},{"f":"Noto Sans Glagolitic","c":"Sans Serif"},{"f":"Redacted Script","c":"Display"},{"f":"Dai Banna SIL","c":"Serif"},{"f":"Lilex","c":"Monospace"},{"f":"Noto Sans Shavian","c":"Sans Serif"},{"f":"BJCree","c":"Serif"},{"f":"Sekuya","c":"Display"},{"f":"Noto Sans Cypro Minoan","c":"Sans Serif"},{"f":"WDXL Lubrifont TC","c":"Sans Serif"},{"f":"Wavefont","c":"Display"},{"f":"Kalnia Glaze","c":"Display"},{"f":"Palette Mosaic","c":"Display"},{"f":"Iosevka Charon Mono","c":"Monospace"},{"f":"Bitcount","c":"Display"},{"f":"Rock 3D","c":"Display"},{"f":"Noto Sans Cherokee","c":"Sans Serif"},{"f":"Noto Sans Hanifi Rohingya","c":"Sans Serif"},{"f":"Syne Tactile","c":"Display"},{"f":"Noto Sans Nag Mundari","c":"Sans Serif"},{"f":"Blaka Hollow","c":"Display"},{"f":"Asimovian","c":"Sans Serif"},{"f":"Playwrite NZ Guides","c":"Handwriting"},{"f":"Moirai One","c":"Display"},{"f":"Rubik Microbe","c":"Display"},{"f":"Ingrid Darling","c":"Handwriting"},{"f":"Rubik Marker Hatch","c":"Display"},{"f":"Ruge Boogie","c":"Handwriting"},{"f":"Noto Sans Yi","c":"Sans Serif"},{"f":"Karla Tamil Inclined","c":"Sans Serif"},{"f":"Grandiflora One","c":"Serif"},{"f":"Playwrite PE","c":"Handwriting"},{"f":"Noto Sans Nandinagari","c":"Sans Serif"},{"f":"Jacquarda Bastarda 9","c":"Display"},{"f":"Noto Sans Syriac","c":"Sans Serif"},{"f":"Playwrite BE VLG","c":"Handwriting"},{"f":"Noto Sans Balinese","c":"Sans Serif"},{"f":"Noto Sans Mongolian","c":"Sans Serif"},{"f":"Noto Serif Toto","c":"Serif"},{"f":"Noto Sans Vithkuqi","c":"Sans Serif"},{"f":"Savate","c":"Sans Serif"},{"f":"Edu SA Hand","c":"Handwriting"},{"f":"Playwrite HU","c":"Handwriting"},{"f":"Gajraj One","c":"Display"},{"f":"BBH Hegarty","c":"Sans Serif"},{"f":"Puppies Play","c":"Handwriting"},{"f":"Epunda Slab","c":"Serif"},{"f":"Kedebideri","c":"Sans Serif"},{"f":"Hanalei","c":"Display"},{"f":"Chokokutai","c":"Display"},{"f":"Menbere","c":"Sans Serif"},{"f":"Saira Stencil","c":"Display"},{"f":"Namdhinggo","c":"Serif"},{"f":"Playwrite NL","c":"Handwriting"},{"f":"Noto Sans Marchen","c":"Sans Serif"},{"f":"Bpmf Zihi Kai Std","c":"Sans Serif"},{"f":"Gveret Levin","c":"Handwriting"},{"f":"Noto Serif Myanmar","c":"Serif"},{"f":"LXGW Marker Gothic","c":"Sans Serif"},{"f":"Hind Mysuru","c":"Sans Serif"},{"f":"Tirra","c":"Sans Serif"},{"f":"Edu QLD Beginner","c":"Handwriting"},{"f":"Noto Sans Sunuwar","c":"Sans Serif"},{"f":"Phetsarath","c":"Sans Serif"},{"f":"Noto Sans NKo","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Pre","c":"Handwriting"},{"f":"UoqMunThenKhung","c":"Serif"},{"f":"Playwrite ZA","c":"Handwriting"},{"f":"Noto Serif Balinese","c":"Serif"},{"f":"Slackside One","c":"Handwriting"},{"f":"Noto Sans Brahmi","c":"Sans Serif"},{"f":"Sankofa Display","c":"Sans Serif"},{"f":"Noto Sans Old Permic","c":"Sans Serif"},{"f":"Noto Sans Duployan","c":"Sans Serif"},{"f":"Jaini","c":"Display"},{"f":"Noto Sans Takri","c":"Sans Serif"},{"f":"Playwrite IT Moderna","c":"Handwriting"},{"f":"Exile","c":"Display"},{"f":"Bytesized","c":"Sans Serif"},{"f":"Lisu Bosa","c":"Serif"},{"f":"Noto Sans Old Turkic","c":"Sans Serif"},{"f":"Noto Serif Yezidi","c":"Serif"},{"f":"Playwrite NZ","c":"Handwriting"},{"f":"Noto Traditional Nushu","c":"Sans Serif"},{"f":"Sirivennela","c":"Sans Serif"},{"f":"Miranda Sans","c":"Sans Serif"},{"f":"Bpmf Huninn","c":"Sans Serif"},{"f":"Playwrite MX Guides","c":"Handwriting"},{"f":"Playwrite DE SAS","c":"Handwriting"},{"f":"Noto Sans Old North Arabian","c":"Sans Serif"},{"f":"Rubik Broken Fax","c":"Display"},{"f":"Mingzat","c":"Sans Serif"},{"f":"Rubik Lines","c":"Display"},{"f":"Libertinus Serif Display","c":"Display"},{"f":"Noto Serif Oriya","c":"Serif"},{"f":"Edu NSW ACT Hand Pre","c":"Handwriting"},{"f":"Playwrite GB J","c":"Handwriting"},{"f":"Coral Pixels","c":"Display"},{"f":"Playwrite FR Moderne","c":"Handwriting"},{"f":"Noto Sans Indic Siyaq Numbers","c":"Sans Serif"},{"f":"Shafarik","c":"Display"},{"f":"Padyakke Expanded One","c":"Serif"},{"f":"Estedad","c":"Sans Serif"},{"f":"Noto Sans Old Italic","c":"Sans Serif"},{"f":"Maname","c":"Serif"},{"f":"Bitcount Prop Double Ink","c":"Display"},{"f":"Playwrite ES","c":"Handwriting"},{"f":"Tuffy","c":"Sans Serif"},{"f":"Noto Sans Adlam Unjoined","c":"Sans Serif"},{"f":"Noto Serif Makasar","c":"Serif"},{"f":"Bpmf Iansui","c":"Handwriting"},{"f":"Rubik Maps","c":"Display"},{"f":"Yuji Hentaigana Akari","c":"Handwriting"},{"f":"Noto Sans New Tai Lue","c":"Sans Serif"},{"f":"Playpen Sans Thai","c":"Handwriting"},{"f":"Noto Sans Bamum","c":"Sans Serif"},{"f":"Noto Znamenny Musical Notation","c":"Sans Serif"},{"f":"Noto Sans Medefaidrin","c":"Sans Serif"},{"f":"Noto Sans Egyptian Hieroglyphs","c":"Sans Serif"},{"f":"Kanchenjunga","c":"Sans Serif"},{"f":"Playwrite MX","c":"Handwriting"},{"f":"Matangi","c":"Sans Serif"},{"f":"Linefont","c":"Display"},{"f":"Karla Tamil Upright","c":"Sans Serif"},{"f":"Ponnala","c":"Display"},{"f":"Noto Sans Inscriptional Parthian","c":"Sans Serif"},{"f":"Betania Patmos","c":"Handwriting"},{"f":"Playwrite AU TAS","c":"Handwriting"},{"f":"Playwrite PT","c":"Handwriting"},{"f":"Noto Sans Syriac Eastern","c":"Sans Serif"},{"f":"Edu QLD Hand","c":"Handwriting"},{"f":"Jaini Purva","c":"Display"},{"f":"Noto Sans Avestan","c":"Sans Serif"},{"f":"Noto Sans Old Hungarian","c":"Sans Serif"},{"f":"Playwrite AR","c":"Handwriting"},{"f":"Finlandica Text","c":"Sans Serif"},{"f":"Noto Sans Tifinagh","c":"Sans Serif"},{"f":"Noto Sans Grantha","c":"Sans Serif"},{"f":"Idiqlat","c":"Serif"},{"f":"Playwrite VN","c":"Handwriting"},{"f":"Playwrite DK Uloopet","c":"Handwriting"},{"f":"Noto Serif Dives Akuru","c":"Serif"},{"f":"Noto Sans Nabataean","c":"Sans Serif"},{"f":"Jacquard 12 Charted","c":"Display"},{"f":"Noto Sans Palmyrene","c":"Sans Serif"},{"f":"Bitcount Grid Single Ink","c":"Display"},{"f":"Bitcount Ink","c":"Display"},{"f":"Playwrite HR Lijeva","c":"Handwriting"},{"f":"Bitcount Single Ink","c":"Display"},{"f":"Noto Serif Gurmukhi","c":"Serif"},{"f":"Edu VIC WA NT Hand","c":"Handwriting"},{"f":"Noto Sans Osage","c":"Sans Serif"},{"f":"Noto Sans Syloti Nagri","c":"Sans Serif"},{"f":"Noto Sans Elbasan","c":"Sans Serif"},{"f":"Rubik Storm","c":"Display"},{"f":"Pochaevsk","c":"Display"},{"f":"Betania Patmos In","c":"Handwriting"},{"f":"Edu VIC WA NT Hand Pre","c":"Handwriting"},{"f":"Noto Sans Wancho","c":"Sans Serif"},{"f":"Noto Serif Khitan Small Script","c":"Serif"},{"f":"Noto Sans Lisu","c":"Sans Serif"},{"f":"Allkin","c":"Display"},{"f":"Warnes","c":"Display"},{"f":"Blaka Ink","c":"Display"},{"f":"Noto Sans Newa","c":"Sans Serif"},{"f":"Noto Sans Tai Le","c":"Sans Serif"},{"f":"Playwrite SK","c":"Handwriting"},{"f":"Noto Serif Ottoman Siyaq","c":"Serif"},{"f":"Playwrite AU VIC","c":"Handwriting"},{"f":"Noto Sans Sundanese","c":"Sans Serif"},{"f":"Noto Sans Lydian","c":"Sans Serif"},{"f":"Noto Sans Mahajani","c":"Sans Serif"},{"f":"Bitcount Prop Double","c":"Display"},{"f":"Noto Sans Cuneiform","c":"Sans Serif"},{"f":"Noto Sans Khojki","c":"Sans Serif"},{"f":"Alien Block","c":"Display"},{"f":"Playwrite NG Modern","c":"Handwriting"},{"f":"Noto Serif NP Hmong","c":"Serif"},{"f":"Ramsina","c":"Serif"},{"f":"Noto Sans NKo Unjoined","c":"Sans Serif"},{"f":"Playwrite DE LA","c":"Handwriting"},{"f":"Noto Serif Todhri","c":"Serif"},{"f":"Playwrite BE WAL","c":"Handwriting"},{"f":"Bitcount Prop Single Ink","c":"Display"},{"f":"Libertinus Keyboard","c":"Display"},{"f":"Noto Serif Hentaigana","c":"Serif"},{"f":"Finlandica Headline","c":"Sans Serif"},{"f":"Playwrite CL","c":"Handwriting"},{"f":"Playwrite CO","c":"Handwriting"},{"f":"Noto Sans Cham","c":"Sans Serif"},{"f":"Bitcount Grid Double Ink","c":"Display"},{"f":"Edu AU VIC WA NT Arrows","c":"Handwriting"},{"f":"Noto Sans Meroitic","c":"Sans Serif"},{"f":"Kay Pho Du","c":"Serif"},{"f":"Noto Sans Tagbanwa","c":"Sans Serif"},{"f":"Noto Serif Old Uyghur","c":"Serif"},{"f":"Strichpunkt Sans","c":"Sans Serif"},{"f":"Noto Sans Imperial Aramaic","c":"Sans Serif"},{"f":"Noto Sans Buginese","c":"Sans Serif"},{"f":"Noto Sans Zanabazar Square","c":"Sans Serif"},{"f":"Noto Serif Grantha","c":"Serif"},{"f":"Jacquard 24 Charted","c":"Display"},{"f":"Noto Sans Old South Arabian","c":"Sans Serif"},{"f":"Playwrite CZ","c":"Handwriting"},{"f":"Noto Sans Tai Tham","c":"Sans Serif"},{"f":"Noto Sans Sharada","c":"Sans Serif"},{"f":"Micro 5 Charted","c":"Display"},{"f":"Playwrite TZ","c":"Handwriting"},{"f":"Noto Sans Inscriptional Pahlavi","c":"Sans Serif"},{"f":"Playwrite AU VIC Guides","c":"Handwriting"},{"f":"Noto Sans Miao","c":"Sans Serif"},{"f":"Playwrite CO Guides","c":"Handwriting"},{"f":"Jersey 15 Charted","c":"Display"},{"f":"Noto Sans Chakma","c":"Sans Serif"},{"f":"Noto Sans Kawi","c":"Sans Serif"},{"f":"Yarndings 20 Charted","c":"Display"},{"f":"Noto Sans Tirhuta","c":"Sans Serif"},{"f":"Noto Sans Hatran","c":"Sans Serif"},{"f":"Noto Sans Mayan Numerals","c":"Sans Serif"},{"f":"Noto Sans Sogdian","c":"Sans Serif"},{"f":"Noto Sans SignWriting","c":"Sans Serif"},{"f":"Noto Sans Caucasian Albanian","c":"Sans Serif"},{"f":"Noto Sans Tamil Supplement","c":"Sans Serif"},{"f":"Noto Sans Linear B","c":"Sans Serif"},{"f":"Jersey 25 Charted","c":"Display"},{"f":"Noto Sans Phoenician","c":"Sans Serif"},{"f":"Noto Sans Vai","c":"Sans Serif"},{"f":"Noto Sans Ugaritic","c":"Sans Serif"},{"f":"Noto Sans Cypriot","c":"Sans Serif"},{"f":"Noto Sans Bassa Vah","c":"Sans Serif"},{"f":"Playwrite ES Deco","c":"Handwriting"},{"f":"Noto Sans Limbu","c":"Sans Serif"},{"f":"Noto Sans Gunjala Gondi","c":"Sans Serif"},{"f":"Noto Sans Syriac Western","c":"Sans Serif"},{"f":"Noto Sans Nushu","c":"Sans Serif"},{"f":"Jersey 20 Charted","c":"Display"},{"f":"Yuji Hentaigana Akebono","c":"Handwriting"},{"f":"Noto Sans Rejang","c":"Sans Serif"},{"f":"Yarndings 20","c":"Display"},{"f":"Noto Sans Elymaic","c":"Sans Serif"},{"f":"Jacquarda Bastarda 9 Charted","c":"Display"},{"f":"Noto Sans Khudawadi","c":"Sans Serif"},{"f":"Noto Sans Psalter Pahlavi","c":"Sans Serif"},{"f":"Noto Sans Ogham","c":"Sans Serif"},{"f":"Noto Sans Old Sogdian","c":"Sans Serif"},{"f":"Playwrite IN Guides","c":"Handwriting"},{"f":"Yarndings 12","c":"Display"},{"f":"Noto Sans Manichaean","c":"Sans Serif"},{"f":"Noto Sans Chorasmian","c":"Sans Serif"},{"f":"Betania Patmos In GDL","c":"Handwriting"},{"f":"Betania Patmos GDL","c":"Handwriting"},{"f":"Noto Sans Mro","c":"Sans Serif"},{"f":"Noto Sans Kayah Li","c":"Sans Serif"},{"f":"Noto Sans Pau Cin Hau","c":"Sans Serif"},{"f":"Noto Sans Mandaic","c":"Sans Serif"},{"f":"Noto Sans Modi","c":"Sans Serif"},{"f":"Playwrite US Trad Guides","c":"Handwriting"},{"f":"Noto Sans Masaram Gondi","c":"Sans Serif"},{"f":"Noto Sans PhagsPa","c":"Sans Serif"},{"f":"Noto Sans Deseret","c":"Sans Serif"},{"f":"Noto Sans Soyombo","c":"Sans Serif"},{"f":"Noto Sans Kharoshthi","c":"Sans Serif"},{"f":"Noto Sans Lepcha","c":"Sans Serif"},{"f":"Noto Sans Saurashtra","c":"Sans Serif"},{"f":"Playwrite NZ Basic Guides","c":"Handwriting"},{"f":"Playwrite PT Guides","c":"Handwriting"},{"f":"Playwrite PL Guides","c":"Handwriting"},{"f":"Playwrite IE Guides","c":"Handwriting"},{"f":"Noto Sans Siddham","c":"Sans Serif"},{"f":"Playwrite DE VA","c":"Handwriting"},{"f":"Playwrite TZ Guides","c":"Handwriting"},{"f":"Playwrite CU Guides","c":"Handwriting"},{"f":"Playwrite PE Guides","c":"Handwriting"},{"f":"Playwrite FR Trad","c":"Handwriting"},{"f":"Playwrite BR","c":"Handwriting"},{"f":"Yarndings 12 Charted","c":"Display"},{"f":"Playwrite IT Moderna Guides","c":"Handwriting"},{"f":"Playwrite GB J Guides","c":"Handwriting"},{"f":"Playwrite IT Trad","c":"Handwriting"},{"f":"Playwrite GB S Guides","c":"Handwriting"},{"f":"Noto Sans Lycian","c":"Sans Serif"},{"f":"Playwrite DE Grund Guides","c":"Handwriting"},{"f":"Playwrite AR Guides","c":"Handwriting"},{"f":"Playwrite DK Uloopet Guides","c":"Handwriting"},{"f":"Playwrite BE WAL Guides","c":"Handwriting"},{"f":"Playwrite DE VA Guides","c":"Handwriting"},{"f":"Playwrite DE LA Guides","c":"Handwriting"},{"f":"Playwrite FR Moderne Guides","c":"Handwriting"},{"f":"Playwrite BR Guides","c":"Handwriting"},{"f":"Playwrite ES Deco Guides","c":"Handwriting"},{"f":"Playwrite FR Trad Guides","c":"Handwriting"},{"f":"Playwrite US Modern Guides","c":"Handwriting"},{"f":"Playwrite IT Trad Guides","c":"Handwriting"},{"f":"Playwrite AU SA Guides","c":"Handwriting"},{"f":"Playwrite DK Loopet Guides","c":"Handwriting"},{"f":"Playwrite CL Guides","c":"Handwriting"},{"f":"Playwrite IS Guides","c":"Handwriting"},{"f":"Playwrite HR Lijeva Guides","c":"Handwriting"},{"f":"Playwrite HU Guides","c":"Handwriting"},{"f":"Playwrite ZA Guides","c":"Handwriting"},{"f":"Playwrite AT Guides","c":"Handwriting"},{"f":"Playwrite ID Guides","c":"Handwriting"},{"f":"Playwrite NG Modern Guides","c":"Handwriting"},{"f":"Playwrite AU NSW Guides","c":"Handwriting"},{"f":"Playwrite NL Guides","c":"Handwriting"},{"f":"Playwrite ES Guides","c":"Handwriting"},{"f":"Playwrite AU QLD Guides","c":"Handwriting"},{"f":"Playwrite AU TAS Guides","c":"Handwriting"},{"f":"Playwrite NO Guides","c":"Handwriting"},{"f":"Playwrite BE VLG Guides","c":"Handwriting"},{"f":"Playwrite SK Guides","c":"Handwriting"},{"f":"Playwrite HR Guides","c":"Handwriting"},{"f":"Playwrite RO Guides","c":"Handwriting"},{"f":"Playwrite DE SAS Guides","c":"Handwriting"},{"f":"Playwrite CA Guides","c":"Handwriting"},{"f":"Playwrite CZ Guides","c":"Handwriting"}]`),Gf=W(`reset `),Kf=W(` `),qf=W(``),Jf=W(` `),Yf=W(`reset `),Xf=W(`
`),Zf=W(`reset `),Qf=W(` `,1),$f=W(`Utopia-style fluid scale. The viewport range and the modular ratio are shared;
- text and display each have their own base size and multiplier.
`,1),ep=W(` `,1),tp=W(`reset `),np=W(``),rp=W(`Overriding these propagates to heading sizes that reference them.
`,1),ip=W(`Weight scale
Named weight tokens. Override if your font uses non-standard axis values.
Role weights
Semantic defaults the elements build on — reweight the whole site from here.
`,1),ap=W(` `),sp=W(`custom `),cp=W(`Tracking
`),lp=W(`Max width
`),up=W(` `),dp=W(`
Size
Line height
`,1),mp=W(`
`),hp=W(`Per-text-size max-width caps on .sf-text-* elements. Set to none to remove the constraint; use ch units for character-based measures.
`,1),gp=W(``);function _p(e,t){He(t,!0);let n=(e,n=f,r=f,i=f)=>{let a=F(()=>t.overrides[r()]??i()),o=F(()=>r()in t.overrides);var s=qf(),c=R(s),l=R(c),d=R(l,!0);P(l);var p=B(l,2),m=e=>{var n=Gf();U(`click`,n,()=>t.onReset(r())),G(e,n)};q(p,e=>{H(o)&&e(m)}),P(c);var h=B(c,2);J(h,20,()=>u,e=>e,(e,n)=>{var o=Kf(),s=R(o,!0);P(o),V(e=>{X(o,e),Y(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${H(a)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(s,n)},[()=>`font-weight: ${parseInt(n)}`]),U(`click`,o,()=>n===i()?r()in t.overrides?t.onReset(r()):void 0:t.onSet(r(),n)),G(e,o)}),P(h),P(s),V(()=>K(d,n())),G(e,s)},r=F(()=>Hs.value===`dark`?`#16161e`:`#ffffff`),i=[{label:`Minor Second — 1.067`,value:1.067},{label:`Major Second — 1.125`,value:1.125},{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],a=[{label:`System sans-serif`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`var(--sf-font-geometric)`},{label:`Humanist (Seravek, Gill Sans…)`,value:`var(--sf-font-humanist)`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`var(--sf-font-slab)`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Merriweather (serif)`,value:`'Merriweather', Georgia, serif`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`}],o=[{label:`Same as body`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`var(--sf-font-geometric)`},{label:`Humanist (Seravek, Gill Sans…)`,value:`var(--sf-font-humanist)`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`var(--sf-font-slab)`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Impact / condensed`,value:`Impact, 'Arial Narrow', sans-serif`}],s=[{label:`System mono`,value:`ui-monospace, monospace`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`},{label:`Source Code Pro`,value:`'Source Code Pro', 'Courier New', monospace`}],c=Wf,l=[{label:`balance`,value:`balance`},{label:`pretty`,value:`pretty`},{label:`normal`,value:`normal`}],u=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],d={"--sf-font-weight-body":`400`,"--sf-font-weight-heading":`600`,"--sf-font-weight-display":`700`,"--sf-font-weight-interactive":`600`},p=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],m=[{label:`Tight`,token:`--sf-tracking-tight`,default:-.025},{label:`Normal`,token:`--sf-tracking-normal`,default:0},{label:`Wide`,token:`--sf-tracking-wide`,default:.025},{label:`Wider`,token:`--sf-tracking-wider`,default:.05},{label:`Widest`,token:`--sf-tracking-widest`,default:.1}],g=[{label:`Tight`,token:`--sf-leading-tight`,default:1.1},{label:`Snug`,token:`--sf-leading-snug`,default:1.3},{label:`Normal`,token:`--sf-leading-normal`,default:1.5},{label:`Relaxed`,token:`--sf-leading-relaxed`,default:1.625}],_=[{label:`Display S`,token:`--sf-display-s-line-height`,def:1.1},{label:`Display M`,token:`--sf-display-m-line-height`,def:1.05},{label:`Display L`,token:`--sf-display-l-line-height`,def:1}],v=[{label:`2xs`,value:`var(--sf-text-2xs)`},{label:`xs`,value:`var(--sf-text-xs)`},{label:`s`,value:`var(--sf-text-s)`},{label:`m`,value:`var(--sf-text-m)`},{label:`l`,value:`var(--sf-text-l)`},{label:`xl`,value:`var(--sf-text-xl)`},{label:`2xl`,value:`var(--sf-text-2xl)`},{label:`3xl`,value:`var(--sf-text-3xl)`},{label:`4xl`,value:`var(--sf-text-4xl)`},{label:`display-s`,value:`var(--sf-text-display-s)`},{label:`display-m`,value:`var(--sf-text-display-m)`},{label:`display-l`,value:`var(--sf-text-display-l)`}],y=g.map(e=>({label:e.label,value:`var(${e.token})`,num:e.default})),b=m.map(e=>({label:e.label,value:`var(${e.token})`,em:e.default})),x=[{id:`body`,label:`Body`,size:`--sf-body-font-size`,lh:`--sf-body-line-height`,wt:`--sf-body-font-weight`,ls:null,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`400`,dLs:``},{id:`h1`,label:`H1`,size:`--sf-h1-size`,lh:`--sf-h1-line-height`,wt:`--sf-h1-font-weight`,ls:`--sf-h1-letter-spacing`,dSize:`var(--sf-text-4xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h2`,label:`H2`,size:`--sf-h2-size`,lh:`--sf-h2-line-height`,wt:`--sf-h2-font-weight`,ls:`--sf-h2-letter-spacing`,dSize:`var(--sf-text-3xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h3`,label:`H3`,size:`--sf-h3-size`,lh:`--sf-h3-line-height`,wt:`--sf-h3-font-weight`,ls:`--sf-h3-letter-spacing`,dSize:`var(--sf-text-2xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h4`,label:`H4`,size:`--sf-h4-size`,lh:`--sf-h4-line-height`,wt:`--sf-h4-font-weight`,ls:`--sf-h4-letter-spacing`,dSize:`var(--sf-text-xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h5`,label:`H5`,size:`--sf-h5-size`,lh:`--sf-h5-line-height`,wt:`--sf-h5-font-weight`,ls:`--sf-h5-letter-spacing`,dSize:`var(--sf-text-l)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h6`,label:`H6`,size:`--sf-h6-size`,lh:`--sf-h6-line-height`,wt:`--sf-h6-font-weight`,ls:`--sf-h6-letter-spacing`,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-wide)`}],S=I(`h1`),C=F(()=>x.find(e=>e.id===H(S))),w=F(()=>we(H(S)));function T(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let E=F(()=>T(`--sf-text-ratio-min`,1.25)),D=F(()=>T(`--sf-text-ratio-max`,1.333)),O=F(()=>T(`--sf-text-base-min`,1)),k=F(()=>T(`--sf-text-base-max`,1.25)),A=F(()=>T(`--sf-text-display-base-min`,2.4)),ee=F(()=>T(`--sf-text-display-base-max`,3)),j=F(()=>T(`--sf-leading-taper`,0)),te=F(()=>T(`--sf-text-scale`,1)),ne=F(()=>T(`--sf-text-display-scale`,1)),M=F(()=>T(`--sf-fluid-min-vw`,22.5)),re=F(()=>T(`--sf-fluid-max-vw`,90)),ie=F(()=>[...Uf(t.overrides,Vf),...Uf(t.overrides,Hf)]),ae=I(!1),oe=I(!1),se=I(!1),ce=I(!1),le=I(!1),ue=I(!1),de=I(!1),fe=F(()=>t.overrides[`--sf-font-body`]??``),pe=F(()=>t.overrides[`--sf-font-heading`]??``),me=F(()=>t.overrides[`--sf-font-mono`]??`ui-monospace, monospace`),he=I(``),ge=I(`body`);function _e(e){let n=t.overrides[e.token];return n?parseFloat(n.replace(`em`,``)):e.default}function ve(e){return T(e.token,e.default)}function ye(e){if(!e.trim())return;let t=`gf-${e.replace(/\s+/g,`-`)}`;if(!document.getElementById(t)){let n=document.createElement(`link`);n.id=t,n.rel=`stylesheet`,n.href=`https://fonts.googleapis.com/css2?family=${encodeURIComponent(e)}:wght@100;200;300;400;500;600;700;800;900&display=swap`,document.head.appendChild(n)}}let be=[{id:`body`,label:`Body`,token:`--sf-font-body`,fallback:`sans-serif`},{id:`heading`,label:`Heading`,token:`--sf-font-heading`,fallback:`sans-serif`},{id:`mono`,label:`Mono`,token:`--sf-font-mono`,fallback:`monospace`}];function xe(e,n){if(!e.trim())return;ye(e);let r=be.find(e=>e.id===n);t.onSet(r.token,`'${e}', ${r.fallback}`)}function Se(e,n){return e?t.overrides[e]??n:n}function Ce(e,n,r){e&&(n===r?t.onReset(e):t.onSet(e,n))}function we(e){return e.startsWith(`h`)?`--sf-${e}-max-width`:null}var Te=gp(),Ee=R(Te);zf(Ee,{get tokens(){return H(ie)},scaleLabel:`type`,onClear:()=>H(ie).forEach(e=>t.onReset(e))});var De=B(Ee,2);$(De,{title:`Fonts`,spacing:`space-y-4`,get open(){return H(ae)},set open(e){L(ae,e,!0)},children:(e,n)=>{var i=Qf(),l=z(i);J(l,17,()=>[{label:`Body`,token:`--sf-font-body`,current:H(fe),opts:a},{label:`Heading`,token:`--sf-font-heading`,current:H(pe),opts:o},{label:`Mono`,token:`--sf-font-mono`,current:H(me),opts:s}],e=>e.token,(e,n)=>{var i=Xf(),a=R(i),o=R(a,!0);P(a);var s=B(a,2),c=R(s);J(c,17,()=>H(n).opts,e=>e.label,(e,t)=>{var n=Jf(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`font-family:inherit;background:${H(r)};`),K(i,H(t).label),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var l=B(c),u=e=>{var t=Jf(),i=R(t);P(t);var a={};V(e=>{X(t,`background:${H(r)};`),K(i,`Custom: ${e??``}`),a!==(a=H(n).current)&&(t.value=(t.__value=H(n).current)??``)},[()=>H(n).current.split(`,`)[0].replace(/['"]/g,``)]),G(e,t)},d=F(()=>H(n).current&&!H(n).opts.some(e=>e.value===H(n).current));q(l,e=>{H(d)&&e(u)}),P(s);var f;wi(s);var p=B(s,2),m=e=>{var r=Yf();U(`click`,r,()=>t.onReset(H(n).token)),G(e,r)};q(p,e=>{H(n).token in t.overrides&&e(m)}),P(i),V(()=>{K(o,H(n).label),X(s,`font-family: ${H(n).current||`inherit`}`),f!==(f=H(n).current)&&(s.value=(s.__value=H(n).current)??``,Ci(s,H(n).current))}),U(`change`,s,e=>{let r=e.target.value;r?t.onSet(H(n).token,r):t.onReset(H(n).token)}),G(e,i)});var u=B(l,2),d=R(u),f=B(R(d),2),p=R(f);P(f),P(d);var m=B(d,2);Ii(m);var g=B(m,2);J(g,21,()=>c,e=>e.f,(e,t)=>{var n=Jf(),r=R(n,!0);P(n);var i={};V(()=>{K(r,H(t).c),i!==(i=H(t).f)&&(n.value=(n.__value=H(t).f)??``)}),G(e,n)}),P(g);var _=B(g,2);J(_,21,()=>be,e=>e.id,(e,t)=>{var n=Kf(),r=R(n,!0);P(n),V(()=>{Y(n,1,`flex-1 py-1.5 rounded text-[10px] border transition-all cursor-pointer ${H(ge)===H(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400`}`),K(r,H(t).label)}),U(`click`,n,()=>{L(ge,H(t).id,!0)}),G(e,n)}),P(_);var v=B(_,2),y=R(v);P(v),P(u);var b=B(u,2),x=B(R(b),2),S=B(R(x),2);J(S,20,()=>[[`tabular-nums`,`tabular-nums (default)`],[`proportional-nums`,`proportional-nums`],[`normal`,`normal`]],([e,t])=>e,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-font-numeric`]??`tabular-nums`);var s=Kf(),c=R(s,!0);P(s),V(()=>{Y(s,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${H(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(c,a())}),U(`click`,s,()=>i()===`tabular-nums`?t.onReset(`--sf-font-numeric`):t.onSet(`--sf-font-numeric`,i())),G(e,s)}),P(S),P(x);var C=B(x,2),w=B(R(C),2);J(w,20,()=>[[`auto`,`auto (default)`],[`none`,`none`]],([e,t])=>e,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-optical-sizing`]??`auto`);var s=Kf(),c=R(s,!0);P(s),V(()=>{Y(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${H(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(c,a())}),U(`click`,s,()=>i()===`auto`?t.onReset(`--sf-optical-sizing`):t.onSet(`--sf-optical-sizing`,i())),G(e,s)}),P(w),P(C);var T=B(C,2),E=B(R(T),2);Ii(E);var D=B(E,2),O=e=>{var n=Zf();U(`click`,n,()=>t.onReset(`--sf-font-features`)),G(e,n)};q(D,e=>{`--sf-font-features`in t.overrides&&e(O)}),P(T);var k=B(T,2),A=B(R(k),2);Ii(A);var ee=B(A,2),j=e=>{var n=Zf();U(`click`,n,()=>t.onReset(`--sf-font-variation`)),G(e,n)};q(ee,e=>{`--sf-font-variation`in t.overrides&&e(j)}),P(k),P(b),V(()=>{K(p,`${c.length??``} fonts`),Li(m,H(he)),K(y,`Load & apply to ${H(ge)??``}`),Li(E,t.overrides[`--sf-font-features`]??``),Li(A,t.overrides[`--sf-font-variation`]??``)}),U(`input`,m,e=>{L(he,e.target.value,!0)}),U(`click`,v,()=>xe(H(he),H(ge))),U(`input`,E,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-features`,n):t.onReset(`--sf-font-features`)}),U(`input`,A,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-variation`,n):t.onReset(`--sf-font-variation`)}),G(e,i)},$$slots:{default:!0}});var Oe=B(De,4);$(Oe,{title:`Fluid scale (Mobile → Desktop)`,spacing:`space-y-4`,get open(){return H(oe)},set open(e){L(oe,e,!0)},children:(e,n)=>{var r=$f(),a=B(z(r),2);{let e=F(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);Nf(a,{title:`Viewport range (shared)`,get minValue(){return H(M)},get maxValue(){return H(re)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var o=B(a,2);{let e=F(()=>`--sf-text-base-min`in t.overrides||`--sf-text-base-max`in t.overrides||`--sf-text-ratio-min`in t.overrides||`--sf-text-ratio-max`in t.overrides);Nf(o,{title:`Text base size & ratio`,get minValue(){return H(O)},get maxValue(){return H(k)},min:.7,max:2,step:.01,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-text-base-min`),t.onReset(`--sf-text-base-max`),t.onReset(`--sf-text-ratio-min`),t.onReset(`--sf-text-ratio-max`)},onMinChange:e=>t.onSet(`--sf-text-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-base-max`,String(e)),get ratioPresets(){return i},get ratioMin(){return H(E)},get ratioMax(){return H(D)},ratioMin_bound:1.05,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-text-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-text-ratio-max`,String(e))})}var s=B(o,2);{let e=F(()=>`--sf-text-scale`in t.overrides);Q(s,{label:`Text scale multiplier`,get value(){return H(te)},min:.5,max:2,step:.05,help:`--sf-text-scale — multiplies every text size at once.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-text-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-scale`)})}var c=B(s,2);{let e=F(()=>`--sf-text-display-base-min`in t.overrides||`--sf-text-display-base-max`in t.overrides||`--sf-text-ratio-min`in t.overrides||`--sf-text-ratio-max`in t.overrides);Nf(c,{title:`Display base size & ratio`,get minValue(){return H(A)},get maxValue(){return H(ee)},min:1.5,max:6,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-text-display-base-min`),t.onReset(`--sf-text-display-base-max`),t.onReset(`--sf-text-ratio-min`),t.onReset(`--sf-text-ratio-max`)},onMinChange:e=>t.onSet(`--sf-text-display-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-display-base-max`,String(e)),get ratioPresets(){return i},get ratioMin(){return H(E)},get ratioMax(){return H(D)},ratioMin_bound:1.05,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-text-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-text-ratio-max`,String(e))})}var l=B(c,2);{let e=F(()=>`--sf-text-display-scale`in t.overrides);Q(l,{label:`Display scale multiplier`,get value(){return H(ne)},min:.5,max:2,step:.05,help:`--sf-text-display-scale — multiplies every display size at once.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-text-display-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-display-scale`)})}var u=B(l,2),d=B(R(u),2);J(d,16,()=>[...p].reverse(),e=>e,(e,t)=>{{let n=F(()=>`--sf-text-${t}`);Ff(e,{get label(){return t},get varName(){return H(n)},family:`--sf-font-body`})}}),J(B(d,4),16,()=>[`l`,`m`,`s`],e=>e,(e,t)=>{{let n=F(()=>`--sf-text-display-${t}`);Ff(e,{get label(){return t},get varName(){return H(n)},family:`--sf-font-heading`})}}),P(u),G(e,r)},$$slots:{default:!0}});var N=B(Oe,4);$(N,{title:`Line heights`,spacing:`space-y-4`,get open(){return H(se)},set open(e){L(se,e,!0)},children:(e,n)=>{var r=ep(),i=z(r),a=B(R(i),2);J(a,21,()=>g,e=>e.token,(e,n)=>{{let r=F(()=>ve(H(n))),i=F(()=>`${H(n).token} — ${H(n).label.toLowerCase()} line height`),a=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:1,max:2.2,step:.05,get help(){return H(i)},get overridden(){return H(a)},onChange:e=>t.onSet(H(n).token,String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(a),P(i);var o=B(i,2);{let e=F(()=>`--sf-leading-taper`in t.overrides);Q(o,{label:`Leading taper`,get value(){return H(j)},min:0,max:.5,step:.01,help:`--sf-leading-taper — how aggressively large sizes shrink their line-height.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-leading-taper`,String(e)),onReset:()=>t.onReset(`--sf-leading-taper`)})}var s=B(o,2),c=B(R(s),2);J(c,21,()=>_,e=>e.token,(e,n)=>{{let r=F(()=>T(H(n).token,H(n).def)),i=F(()=>`${H(n).token}`),a=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:.8,max:1.5,step:.025,get help(){return H(i)},get overridden(){return H(a)},onChange:e=>t.onSet(H(n).token,String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(c),P(s),G(e,r)},$$slots:{default:!0}});var ke=B(N,4);$(ke,{title:`Letter spacing`,get open(){return H(ce)},set open(e){L(ce,e,!0)},children:(e,n)=>{var r=rp(),i=B(z(r),2);J(i,21,()=>m,e=>e.token,(e,n)=>{var r=np(),i=R(r),a=R(i),o=R(a,!0);P(a);var s=B(a,2),c=e=>{var r=tp();U(`click`,r,()=>t.onReset(H(n).token)),G(e,r)};q(s,e=>{H(n).token in t.overrides&&e(c)}),P(i);var l=B(i,2);{let e=F(()=>_e(H(n)));Zu(l,{get value(){return H(e)},min:-.1,max:.2,step:.005,unit:`em`,onChange:e=>t.onSet(H(n).token,`${e}em`)})}P(r),V(()=>K(o,H(n).label)),G(e,r)}),P(i),G(e,r)},$$slots:{default:!0}});var Ae=B(ke,4);$(Ae,{title:`Font weights`,spacing:`space-y-4`,get open(){return H(le)},set open(e){L(le,e,!0)},children:(e,t)=>{var r=ip(),i=B(z(r),4);n(i,()=>`Light`,()=>`--sf-font-weight-light`,()=>`300`);var a=B(i,2);n(a,()=>`Normal`,()=>`--sf-font-weight-normal`,()=>`400`);var o=B(a,2);n(o,()=>`Medium`,()=>`--sf-font-weight-medium`,()=>`500`);var s=B(o,2);n(s,()=>`Semibold`,()=>`--sf-font-weight-semibold`,()=>`600`);var c=B(s,2);n(c,()=>`Bold`,()=>`--sf-font-weight-bold`,()=>`700`);var l=B(c,6);n(l,()=>`Heading`,()=>`--sf-font-weight-heading`,()=>d[`--sf-font-weight-heading`]??`600`);var u=B(l,2);n(u,()=>`Display`,()=>`--sf-font-weight-display`,()=>d[`--sf-font-weight-display`]??`700`);var f=B(u,2);n(f,()=>`Body strong`,()=>`--sf-font-weight-strong`,()=>`700`);var p=B(f,2);n(p,()=>`Interactive`,()=>`--sf-font-weight-interactive`,()=>d[`--sf-font-weight-interactive`]??`600`),G(e,r)},$$slots:{default:!0}});var je=B(Ae,4);$(je,{title:`Elements (body, h1–h6)`,get open(){return H(ue)},set open(e){L(ue,e,!0)},children:(e,n)=>{var i=pp(),a=z(i);J(a,21,()=>x,e=>e.id,(e,n)=>{let r=F(()=>we(H(n).id)),i=F(()=>H(n).size in t.overrides||H(n).lh in t.overrides||H(n).wt in t.overrides||!!H(n).ls&&H(n).ls in t.overrides||!!H(r)&&H(r)in t.overrides);var a=op(),o=R(a),s=B(o),c=e=>{G(e,ap())};q(s,e=>{H(i)&&e(c)}),P(a),V(()=>{Y(a,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold transition-all cursor-pointer ${H(S)===H(n).id?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(o,`${H(n).label??``} `)}),U(`click`,a,()=>{L(S,H(n).id,!0)}),G(e,a)}),P(a);var o=B(a,2),s=R(o);P(o);var c=B(o,2),d=B(R(c),2),f=R(d);J(f,17,()=>v,e=>e.value,(e,t)=>{var n=Jf(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,H(t).label),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var p=B(f),m=e=>{var t=sp(),n={};V(e=>{X(t,`background:${H(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>Se(H(C).size,H(C).dSize)]),G(e,t)},g=F(()=>!v.some(e=>e.value===Se(H(C).size,H(C).dSize)));q(p,e=>{H(g)&&e(m)}),P(d);var _;wi(d),P(c);var E=B(c,2),D=B(R(E),2),O=R(D);J(O,17,()=>y,e=>e.value,(e,t)=>{var n=Jf(),i=R(n);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,`${H(t).label??``} · ${H(t).num??``}`),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var k=B(O),A=e=>{var t=sp(),n={};V(e=>{X(t,`background:${H(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>Se(H(C).lh,H(C).dLh)]),G(e,t)},ee=F(()=>!y.some(e=>e.value===Se(H(C).lh,H(C).dLh)));q(k,e=>{H(ee)&&e(A)}),P(D);var j;wi(D),P(E);var te=B(E,2),ne=B(R(te),2);J(ne,20,()=>u,e=>e,(e,t)=>{let n=F(()=>Se(H(C).wt,H(C).dWt));var r=Kf(),i=R(r,!0);P(r),V(e=>{X(r,e),Y(r,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(i,t)},[()=>`font-weight:${parseInt(t)}`]),U(`click`,r,()=>Ce(H(C).wt,t,H(C).dWt)),G(e,r)}),P(ne),P(te);var M=B(te,2),re=e=>{var t=cp(),n=B(R(t),2),i=R(n);J(i,17,()=>b,e=>e.value,(e,t)=>{var n=Jf(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,H(t).label),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var a=B(i),o=e=>{var t=sp(),n={};V(e=>{X(t,`background:${H(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>Se(H(C).ls,H(C).dLs)]),G(e,t)},s=F(()=>!b.some(e=>e.value===Se(H(C).ls,H(C).dLs)));q(a,e=>{H(s)&&e(o)}),P(n);var c;wi(n),P(t),V(e=>{c!==(c=e)&&(n.value=(n.__value=e)??``,Ci(n,e))},[()=>Se(H(C).ls,H(C).dLs)]),U(`change`,n,e=>Ce(H(C).ls,e.target.value,H(C).dLs)),G(e,t)};q(M,e=>{H(C).ls&&e(re)});var ie=B(M,2),ae=e=>{let n=F(()=>`--sf-${H(C).id}-max-width`);var r=lp(),i=B(R(r),2);Ii(i);var a=B(i,2),o=e=>{var r=Yf();U(`click`,r,()=>t.onReset(H(n))),G(e,r)};q(a,e=>{H(n)in t.overrides&&e(o)}),P(r),V(()=>{Li(i,t.overrides[H(n)]??``),Z(i,`aria-label`,`${H(C).label} max width`)}),U(`input`,i,e=>{let r=e.target.value.trim();r?t.onSet(H(n),r):t.onReset(H(n))}),G(e,r)},oe=F(()=>H(C).id.startsWith(`h`));q(ie,e=>{H(oe)&&e(ae)});var se=B(ie,2),ce=R(se),le=e=>{var n=up(),r=R(n);P(n),V(()=>K(r,`reset ${H(C).label??``}`)),U(`click`,n,()=>{let e={[H(C).size]:null,[H(C).lh]:null,[H(C).wt]:null};H(C).ls&&(e[H(C).ls]=null),H(w)&&(e[H(w)]=null),t.onBulkChange(e)}),G(e,n)};q(ce,e=>{(H(C).size in t.overrides||H(C).lh in t.overrides||H(C).wt in t.overrides||H(C).ls&&H(C).ls in t.overrides||H(w)&&H(w)in t.overrides)&&e(le)}),P(se);var ue=B(se,2),de=B(R(ue),2),fe=B(R(de),2);J(fe,20,()=>[[`Italic`,`italic`],[`Normal`,`normal`]],([e,t])=>t,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-body-em-style`]??`italic`);var s=dp(),c=R(s),l=R(c,!0);P(c),P(s),V(()=>{Y(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${H(o)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),X(c,`font-style: ${a()}`),K(l,i())}),U(`click`,s,()=>a()===`italic`?t.onReset(`--sf-body-em-style`):t.onSet(`--sf-body-em-style`,a())),G(e,s)}),P(fe),P(de);var pe=B(de,2);{let e=F(()=>T(`--sf-code-font-size`,.875)),n=F(()=>`--sf-code-font-size`in t.overrides);Q(pe,{label:`Code font size`,get value(){return H(e)},min:.7,max:1.1,step:.005,unit:`em`,help:`--sf-code-font-size — size of inline code relative to surrounding text`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-code-font-size`,`${e}em`),onReset:()=>t.onReset(`--sf-code-font-size`)})}var me=B(pe,2);J(me,16,()=>[{label:`Heading wrap`,token:`--sf-heading-text-wrap`,defaultVal:`balance`},{label:`Body wrap`,token:`--sf-body-text-wrap`,defaultVal:`pretty`}],e=>e.token,(e,n)=>{let r=F(()=>t.overrides[n.token]??n.defaultVal);var i=fp(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,21,()=>l,e=>e.value,(e,i)=>{var a=Kf(),o=R(a,!0);P(a),V(()=>{Y(a,1,`flex-1 px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${H(r)===H(i).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(o,H(i).label)}),U(`click`,a,()=>H(i).value===n.defaultVal&&!(n.token in t.overrides)?void 0:H(i).value===n.defaultVal?t.onReset(n.token):t.onSet(n.token,H(i).value)),G(e,a)}),P(s),P(i),V(()=>K(o,n.label)),G(e,i)});var he=B(me,2),ge=B(R(he),2);Ii(ge),Z(ge,`placeholder`,`" ↗"`);var _e=B(ge,2),ve=e=>{var n=Yf();U(`click`,n,()=>t.onReset(`--sf-link-external-marker`)),G(e,n)};q(_e,e=>{`--sf-link-external-marker`in t.overrides&&e(ve)}),P(he);var ye=B(he,2),be=B(R(ye),2);Ii(be),Z(be,`placeholder`,`"opens in a new window or external site"`);var xe=B(be,2),Te=e=>{var n=Yf();U(`click`,n,()=>t.onReset(`--sf-link-external-label`)),G(e,n)};q(xe,e=>{`--sf-link-external-label`in t.overrides&&e(Te)}),P(ye),P(ue),V((e,n)=>{X(s,`font-size:var(${H(C).size}, ${H(C).dSize}); font-weight:var(${H(C).wt}, ${H(C).dWt}); letter-spacing:${H(C).ls?`var(${H(C).ls}, normal)`:`normal`}; line-height:var(${H(C).lh}, ${H(C).dLh}); font-family:var(${H(C).id===`body`?`--sf-font-body`:`--sf-font-heading`})`),_!==(_=e)&&(d.value=(d.__value=e)??``,Ci(d,e)),j!==(j=n)&&(D.value=(D.__value=n)??``,Ci(D,n)),Li(ge,t.overrides[`--sf-link-external-marker`]??``),Li(be,t.overrides[`--sf-link-external-label`]??``)},[()=>Se(H(C).size,H(C).dSize),()=>Se(H(C).lh,H(C).dLh)]),U(`change`,d,e=>Ce(H(C).size,e.target.value,H(C).dSize)),U(`change`,D,e=>Ce(H(C).lh,e.target.value,H(C).dLh)),U(`input`,ge,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-marker`,n):t.onReset(`--sf-link-external-marker`)}),U(`input`,be,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-label`,n):t.onReset(`--sf-link-external-label`)}),G(e,i)},$$slots:{default:!0}}),$(B(je,4),{title:`Line lengths (max-width)`,get open(){return H(de)},set open(e){L(de,e,!0)},children:(e,n)=>{var r=hp(),i=B(z(r),2);J(i,20,()=>[{label:`2xs`,token:`--sf-text-2xs-max-width`,def:`55ch`},{label:`xs`,token:`--sf-text-xs-max-width`,def:`60ch`},{label:`s`,token:`--sf-text-s-max-width`,def:`65ch`},{label:`m`,token:`--sf-text-m-max-width`,def:`65ch`},{label:`l`,token:`--sf-text-l-max-width`,def:`none`},{label:`xl`,token:`--sf-text-xl-max-width`,def:`none`},{label:`2xl`,token:`--sf-text-2xl-max-width`,def:`none`},{label:`3xl`,token:`--sf-text-3xl-max-width`,def:`none`},{label:`4xl`,token:`--sf-text-4xl-max-width`,def:`none`}],e=>e.token,(e,n)=>{var r=mp(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=Zf();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(s,e=>{n.token in t.overrides&&e(c)}),P(r),V(()=>{K(a,n.label),Li(o,t.overrides[n.token]??``),Z(o,`aria-label`,`${n.label} max width`),Z(o,`placeholder`,n.def)}),U(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),G(e,r)}),P(i),G(e,r)},$$slots:{default:!0}}),P(Te),G(e,Te),Ue()}Lr([`click`,`change`,`input`]);function vp(e,t){return t.map(t=>({label:`${e}-${t}`,value:`var(--sf-${e}-${t})`}))}var yp=vp(`space`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`]),bp=vp(`radius`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`,`full`]),xp=vp(`border-width`,[`1`,`2`,`3`,`4`]),Sp=vp(`container`,[`narrow`,`prose`,`default`,`wide`,`full`]),Cp=vp(`size`,[`xs`,`s`,`m`,`l`,`xl`]),wp=vp(`shadow`,[`xs`,`s`,`m`,`l`,`xl`]);function Tp(e){if(!e)return null;let t=e.trim().match(/^var\(\s*--sf-(space|radius|border-width|container|size|shadow)-[a-z0-9]+\s*\)$/);if(!t)return null;switch(t[1]){case`space`:return yp;case`radius`:return bp;case`border-width`:return xp;case`container`:return Sp;case`size`:return Cp;case`shadow`:return wp;default:return null}}var Ep=W(``),Dp=W(`The two most-referenced spacing tokens. Referenced by every layout primitive (cluster, grid, stack, bento…).
`,1),Op=W(`Utopia-style fluid scale — viewport width, base unit and ratio per endpoint.
- The viewport range is shared with the type scale.
`,1),kp=W(`
`),Ap=W(``);function jp(e,t){He(t,!0);let n=[{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],r=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],i=Hu.spacing??[];function a(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let o=F(()=>a(`--sf-space-ratio-min`,1.25)),s=F(()=>a(`--sf-space-ratio-max`,1.333)),c=F(()=>a(`--sf-space-base-min`,1)),l=F(()=>a(`--sf-space-base-max`,2)),u=F(()=>a(`--sf-space-scale`,1)),d=F(()=>a(`--sf-gap`,1)),f=F(()=>a(`--sf-gutter`,1.5)),p=F(()=>a(`--sf-content-gap`,.5)),m=F(()=>a(`--sf-fluid-min-vw`,22.5)),h=F(()=>a(`--sf-fluid-max-vw`,90)),g=F(()=>(H(c)+H(l))/2*((H(o)+H(s))/2)**5*H(u)),_=F(()=>Uf(t.overrides,Bf)),v=I(!1),y=I(!1),b=I(!1);var x=Ap(),S=R(x);zf(S,{get tokens(){return H(_)},scaleLabel:`spacing`,onClear:()=>H(_).forEach(e=>t.onReset(e))});var C=B(S,2),w=B(R(C),2);J(w,22,()=>r,e=>e,(e,t,n)=>{let r=F(()=>(H(c)+H(l))/2),i=F(()=>(H(o)+H(s))/2),a=F(()=>H(n)-3),d=F(()=>H(a)>=0?H(r)*H(i)**+H(a):H(r)/H(i)**+-H(a)),f=F(()=>H(d)*H(u)),p=F(()=>H(g)>0?H(f)/H(g)*240:0);var m=Ep(),h=R(m),_=R(h,!0);P(h);var v=B(h,2),y=B(v,2),b=R(y);P(y),P(m),V(e=>{K(_,t),X(v,`width: ${H(p)}px; min-width: 3px`),K(b,`${e??``}rem`)},[()=>H(f).toFixed(2)]),G(e,m)}),P(w),P(C);var T=B(C,4);$(T,{title:`Layout gap`,get open(){return H(v)},set open(e){L(v,e,!0)},children:(e,n)=>{var r=Dp(),i=B(z(r),2);{let e=F(()=>`--sf-gap`in t.overrides);Q(i,{label:`Gap`,get value(){return H(d)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-gap — spacing between layout items (cluster, grid, reel, stack, sidebar, bento)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-gap`]},onRawSet:e=>t.onSet(`--sf-gap`,e)})}var a=B(i,2);{let e=F(()=>`--sf-content-gap`in t.overrides);Q(a,{label:`Content gap`,get value(){return H(p)},min:0,max:2,step:.0625,unit:`rem`,help:`--sf-content-gap — tighter gap within components (defaults to space-s)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-content-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-gap`),rawDefault:`var(--sf-space-s)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-content-gap`]},onRawSet:e=>t.onSet(`--sf-content-gap`,e)})}var o=B(a,2);{let e=F(()=>`--sf-gutter`in t.overrides);Q(o,{label:`Gutter`,get value(){return H(f)},min:0,max:6,step:.0625,unit:`rem`,help:`--sf-gutter — wide page/section side gutter (containers, .sf-section--guttered)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-gutter`),rawDefault:`var(--sf-space-l)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-gutter`]},onRawSet:e=>t.onSet(`--sf-gutter`,e)})}G(e,r)},$$slots:{default:!0}});var E=B(T,4);$(E,{title:`Modular scale (Mobile → Desktop)`,spacing:`space-y-4`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,r)=>{var i=Op(),a=B(z(i),2);{let e=F(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);Nf(a,{title:`Viewport range`,get minValue(){return H(m)},get maxValue(){return H(h)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var u=B(a,2);{let e=F(()=>`--sf-space-base-min`in t.overrides||`--sf-space-base-max`in t.overrides||`--sf-space-ratio-min`in t.overrides||`--sf-space-ratio-max`in t.overrides);Nf(u,{title:`Base unit & ratio`,get minValue(){return H(c)},get maxValue(){return H(l)},min:.5,max:4,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`space`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-space-base-min`),t.onReset(`--sf-space-base-max`),t.onReset(`--sf-space-ratio-min`),t.onReset(`--sf-space-ratio-max`)},onMinChange:e=>t.onSet(`--sf-space-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-space-base-max`,String(e)),get ratioPresets(){return n},get ratioMin(){return H(o)},get ratioMax(){return H(s)},ratioMin_bound:1.1,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-space-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-space-ratio-max`,String(e))})}G(e,i)},$$slots:{default:!0}}),$(B(E,4),{title:`Advanced`,variant:`advanced`,get open(){return H(b)},set open(e){L(b,e,!0)},children:(e,n)=>{var r=kp();J(r,21,()=>i,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),P(r),G(e,r)},$$slots:{default:!0}}),P(x),G(e,x),Ue()}var Mp=W(` `),Np=W(``),Pp=W(`
`,1);function Fp(e,t){He(t,!0);let n=ea(t,`columns`,3,3),r=ea(t,`dense`,3,!1),i=ea(t,`showPreview`,3,!1),a={2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`},o=e=>e.replace(/\s/g,``),s=F(()=>t.presets.map(e=>typeof e==`string`?{label:e,value:e}:e)),c=F(()=>a[n()]??`grid-cols-3`);var l=Pp(),u=z(l);J(u,21,()=>H(s),e=>e.value,(e,n)=>{var i=Mp(),a=R(i,!0);P(i),V(e=>{Y(i,1,e),K(a,H(n).label)},[()=>`${r()?`py-1 text-[9px]`:`py-1.5 text-[10px]`} rounded-lg border transition-all cursor-pointer font-mono ${o(t.value)===o(H(n).value)?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`]),U(`click`,i,()=>H(n).value===t.defaultValue?t.onReset(t.token):t.onSet(t.token,H(n).value)),G(e,i)}),P(u);var d=B(u,2),f=e=>{var n=Np(),r=R(n),i=R(r,!0);P(r),P(n),V(()=>{X(r,`aspect-ratio:${t.value};max-height:120px;max-width:100%;width:auto;height:120px`),K(i,t.value)}),G(e,n)};q(d,e=>{i()&&e(f)}),V(()=>Y(u,1,`grid ${H(c)} ${r()?`gap-1`:`gap-1.5`}`)),G(e,l),Ue()}Lr([`click`]);var Ip=W(` `),Lp=W(`reset `),Rp=W(`
`);function zp(e,t){He(t,!0);let n=ea(t,`labelWidth`,3,`w-20`);var r=Rp(),i=R(r),a=e=>{var r=Ip(),i=R(r,!0);P(r),V(()=>{Y(r,1,`text-[10px] font-semibold text-slate-600 dark:text-slate-400 ${n()} shrink-0`),K(i,t.label)}),G(e,r)};q(i,e=>{t.label&&e(a)});var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var n=Lp();U(`click`,n,function(...e){t.onReset?.apply(this,e)}),G(e,n)};q(s,e=>{t.overridden&&e(c)}),P(r),V(()=>{Li(o,t.value),Z(o,`placeholder`,t.placeholder)}),U(`input`,o,e=>{let n=e.target.value;n.trim()?t.onSet(n):t.onReset()}),G(e,r),Ue()}Lr([`input`,`click`]);var Bp=W(``),Vp=W(`
`,1),Hp=W(` `,1),Up=W(`col
`),Wp=W(` Named sizes (grid-min-xs → 2xl)
Preview at 360px panel width
`),Kp=W(` `,1),qp=W(`Offsets position:sticky elements below a fixed header. Defaults to header heights.
`,1),Jp=W(` `,1),Yp=W(`
`),Xp=W(` `),Zp=W(`reset `),Qp=W(`
`),$p=W(` `),em=W(` Equal columns (flowing)
Content flows between columns like a newspaper — use .sf-grid for discrete grid cells instead.
Rule color
Frame ratio
--sf-frame-ratio — aspect ratio for .sf-frame
Reel
--sf-reel-item-width — width of each item in a horizontal .sf-reel
Height
`),tm=W(`Override the built-in named aspect ratios used by .sf-ratio-* utilities.
Default values for the .sf-bg-layer full-bleed background utility.
Bento grid
More layout primitives
Named ratios
Background layer (.sf-bg-layer)
`);function im(e,t){He(t,!0);let n=[`solid`,`dashed`,`dotted`],r=F(()=>Hs.value===`dark`?`#16161e`:`#ffffff`);function i(e,t){if(!e)return t;let n=parseFloat(e);return isNaN(n)?t:n}let a=F(()=>i(t.overrides[`--sf-container-narrow`],38)),o=F(()=>i(t.overrides[`--sf-container-prose`],65)),s=F(()=>i(t.overrides[`--sf-container-default`],75)),c=F(()=>i(t.overrides[`--sf-container-wide`],90)),l=F(()=>i(t.overrides[`--sf-center-max`],75)),u=F(()=>i(t.overrides[`--sf-center-gutter`],1)),d=F(()=>i(t.overrides[`--sf-grid-min`],16)),f=F(()=>i(t.overrides[`--sf-grid-gap`],1)),p=F(()=>i(t.overrides[`--sf-header-height-mobile`],3.5)),m=F(()=>i(t.overrides[`--sf-header-height-desktop`],5)),h=F(()=>i(t.overrides[`--sf-sidebar-width`],18)),g=F(()=>i(t.overrides[`--sf-sticky-offset-mobile`],3.5)),_=F(()=>i(t.overrides[`--sf-sticky-offset-desktop`],5)),v=[{label:`Columns`,token:`--sf-bento-cols-default`,min:1,max:12,step:1,unit:``,default:4},{label:`Row default`,token:`--sf-bento-row-default`,min:4,max:24,step:.5,unit:`rem`,default:10},{label:`Row compact`,token:`--sf-bento-row-compact`,min:2,max:16,step:.5,unit:`rem`,default:6},{label:`Row tall`,token:`--sf-bento-row-tall`,min:8,max:32,step:.5,unit:`rem`,default:16}],y=I(!1),b=I(!1),x=I(!1),S=I(!1),C=I(!1),w=I(!1),T=I(!1),E=I(!1),D=I(!1),O=I(!1);function k(e){let n=t.overrides[e.token];return n?parseFloat(n):e.default}let A=F(()=>i(t.overrides[`--sf-switcher-threshold`],30)),ee=F(()=>i(t.overrides[`--sf-sidebar-min-width`],50)),j=F(()=>i(t.overrides[`--sf-equal-min-col`],16)),te=F(()=>i(t.overrides[`--sf-equal-rule-width`],0)),ne=F(()=>t.overrides[`--sf-equal-rule-color`]??``),M=F(()=>i(t.overrides[`--sf-cover-min-height`],100)),re=F(()=>i(t.overrides[`--sf-imposter-margin`],1)),ie=F(()=>i(t.overrides[`--sf-breakout-width`],90)),ae=F(()=>i(t.overrides[`--sf-content-width`],75)),oe=F(()=>i(t.overrides[`--sf-alternate-inner-gap`],1)),se=F(()=>t.overrides[`--sf-frame-ratio`]??`16 / 9`),ce=F(()=>t.overrides[`--sf-reel-item-width`]??`max-content`),le=[`16 / 9`,`4 / 3`,`3 / 2`,`1 / 1`,`21 / 9`],ue=[{label:`auto`,value:`max-content`},{label:`12rem`,value:`12rem`},{label:`16rem`,value:`16rem`},{label:`20rem`,value:`20rem`}];var de=rm(),fe=R(de);$(fe,{title:`Container widths`,spacing:`space-y-4`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,n)=>{var r=Vp(),i=z(r),l=R(i),u=B(R(l),2);{let e=F(()=>`--sf-container-narrow`in t.overrides);Q(u,{label:``,get value(){return H(a)},min:20,max:60,step:1,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-narrow`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-narrow`)})}P(l);var d=B(l,2),f=B(R(d),2);{let e=F(()=>`--sf-container-prose`in t.overrides);Q(f,{label:``,get value(){return H(o)},min:40,max:90,step:1,unit:`ch`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-prose`,`${e}ch`),onReset:()=>t.onReset(`--sf-container-prose`)})}P(d);var p=B(d,2),m=B(R(p),2);{let e=F(()=>`--sf-container-default`in t.overrides);Q(m,{label:``,get value(){return H(s)},min:50,max:120,step:1,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-default`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-default`)})}P(p);var h=B(p,2),g=B(R(h),2);{let e=F(()=>`--sf-container-wide`in t.overrides);Q(g,{label:``,get value(){return H(c)},min:60,max:160,step:1,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-wide`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-wide`)})}P(h),P(i);var _=B(i,2);J(_,21,()=>[{label:`narrow`,value:H(a),max:H(c),unit:`rem`},{label:`prose`,value:H(o),max:H(c)*1.5,unit:`ch`},{label:`default`,value:H(s),max:H(c),unit:`rem`},{label:`wide`,value:H(c),max:H(c),unit:`rem`}],e=>e.label,(e,t)=>{var n=Bp(),r=R(n),i=R(r,!0);P(r);var a=B(r,2),o=R(a);P(a);var s=B(a,2),c=R(s);P(s),P(n),V(e=>{K(i,H(t).label),X(o,e),K(c,`${H(t).value??``}${H(t).unit??``}`)},[()=>`width: ${Math.min(H(t).value/H(t).max*100,100)}%`]),G(e,n)}),P(_),G(e,r)},$$slots:{default:!0}});var pe=B(fe,4);$(pe,{title:`Center wrapper`,get open(){return H(b)},set open(e){L(b,e,!0)},children:(e,n)=>{var r=Hp(),i=z(r);{let e=F(()=>`--sf-center-max`in t.overrides);Q(i,{label:`Max width`,get value(){return H(l)},min:30,max:160,step:1,unit:`rem`,help:`--sf-center-max — max-width of the .sf-center centering wrapper`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-center-max`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-max`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Sp},get currentRaw(){return t.overrides[`--sf-center-max`]},onRawSet:e=>t.onSet(`--sf-center-max`,e)})}var a=B(i,2);{let e=F(()=>`--sf-center-gutter`in t.overrides);Q(a,{label:`Gutter`,get value(){return H(u)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-center-gutter — minimum side padding inside the center wrapper`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-center-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-gutter`),rawDefault:`var(--sf-gutter)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-center-gutter`]},onRawSet:e=>t.onSet(`--sf-center-gutter`,e)})}G(e,r)},$$slots:{default:!0}});var me=B(pe,4);$(me,{title:`Auto grid`,spacing:`space-y-4`,get open(){return H(x)},set open(e){L(x,e,!0)},children:(e,n)=>{var r=Wp(),a=z(r);{let e=F(()=>`--sf-grid-gap`in t.overrides);Q(a,{label:`Grid gap`,get value(){return H(f)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-grid-gap — gap between grid cells (.sf-grid, .sf-grid-flex, .sf-grid-cols-*); defaults to --sf-gap`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-grid-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-grid-gap`]},onRawSet:e=>t.onSet(`--sf-grid-gap`,e)})}var o=B(a,2);{let e=F(()=>`--sf-grid-min`in t.overrides);Q(o,{label:`Grid min cell width`,get value(){return H(d)},min:8,max:40,step:.5,unit:`rem`,help:`sf-grid minimum column width — browser auto-fills columns`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-grid-min`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-min`)})}var s=B(o,2),c=B(R(s),2);J(c,20,()=>[{label:`xs`,token:`--sf-grid-min-xs`,def:10},{label:`s`,token:`--sf-grid-min-s`,def:13},{label:`m`,token:`--sf-grid-min-m`,def:16},{label:`l`,token:`--sf-grid-min-l`,def:20},{label:`xl`,token:`--sf-grid-min-xl`,def:24},{label:`2xl`,token:`--sf-grid-min-2xl`,def:28}],e=>e.token,(e,n)=>{{let r=F(()=>i(t.overrides[n.token],n.def)),a=F(()=>n.token in t.overrides);Q(e,{get label(){return n.label},get value(){return H(r)},min:6,max:40,step:.5,unit:`rem`,get overridden(){return H(a)},onChange:e=>t.onSet(n.token,`${e}rem`),onReset:()=>t.onReset(n.token)})}}),P(c),P(s);var l=B(s,2),u=B(R(l),2);J(u,20,()=>Array.from({length:8}),ti,(e,t)=>{G(e,Up())}),P(u),P(l),V(e=>X(u,e),[()=>`grid-template-columns: repeat(auto-fill, minmax(${Math.min(H(d)*16*(360/1200),120)}px, 1fr)); gap: ${H(f)*16*(360/1200)}px`]),G(e,r)},$$slots:{default:!0}});var he=B(me,4);$(he,{title:`Header height`,spacing:`space-y-4`,get open(){return H(S)},set open(e){L(S,e,!0)},children:(e,n)=>{var r=Kp(),i=z(r),a=R(i),o=B(R(a),2);{let e=F(()=>`--sf-header-height-mobile`in t.overrides);Q(o,{label:``,get value(){return H(p)},min:2,max:8,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-header-height-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-mobile`)})}P(a);var s=B(a,2),c=B(R(s),2);{let e=F(()=>`--sf-header-height-desktop`in t.overrides);Q(c,{label:``,get value(){return H(m)},min:3,max:10,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-header-height-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-desktop`)})}P(s),P(i);var l=B(i,2),u=R(l),d=B(R(u),2);J(d,20,()=>[1,2,3],e=>e,(e,t)=>{G(e,Gp())}),P(d),P(u);var f=B(u,2),h=R(f);P(f),P(l),V(e=>{X(u,e),K(h,`${H(p)??``}rem mobile · ${H(m)??``}rem desktop`)},[()=>`height: ${Math.min(H(p)*12,64)}px`]),G(e,r)},$$slots:{default:!0}});var ge=B(he,4);$(ge,{title:`Sticky offset`,get open(){return H(C)},set open(e){L(C,e,!0)},children:(e,n)=>{var r=qp(),i=B(z(r),2),a=R(i),o=B(R(a),2);{let e=F(()=>`--sf-sticky-offset-mobile`in t.overrides);Q(o,{label:``,get value(){return H(g)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sticky-offset-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-mobile`),rawDefault:`var(--sf-header-height-mobile)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-mobile`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-mobile`,e)})}P(a);var s=B(a,2),c=B(R(s),2);{let e=F(()=>`--sf-sticky-offset-desktop`in t.overrides);Q(c,{label:``,get value(){return H(_)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sticky-offset-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-desktop`),rawDefault:`var(--sf-header-height-desktop)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-desktop`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-desktop`,e)})}P(s),P(i),G(e,r)},$$slots:{default:!0}});var _e=B(ge,4);$(_e,{title:`Sidebar`,spacing:`space-y-4`,get open(){return H(w)},set open(e){L(w,e,!0)},children:(e,n)=>{var r=Jp(),i=z(r);{let e=F(()=>`--sf-sidebar-width`in t.overrides);Q(i,{label:`Sidebar width`,get value(){return H(h)},min:10,max:32,step:.5,unit:`rem`,help:`--sf-sidebar-width — default sidebar / drawer width`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sidebar-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-sidebar-width`)})}var a=B(i,2),o=R(a),s=R(o),c=R(s);P(s),P(o),Ne(2),P(a),V(e=>{X(o,e),K(c,`${H(h)??``}rem`)},[()=>`width: ${Math.min(H(h)*3.5,100)}px`]),G(e,r)},$$slots:{default:!0}});var ve=B(_e,4),ye=R(ve),be=B(R(ye),2),xe=R(be,!0);P(be),P(ye);var Se=B(ye,2),Ce=e=>{var n=Yp();J(n,21,()=>v,e=>e.token,(e,n)=>{{let r=F(()=>k(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,H(n).unit?`${e}${H(n).unit}`:String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(n),G(e,n)};q(Se,e=>{H(T)&&e(Ce)}),P(ve);var we=B(ve,4),Te=R(we),Ee=B(R(Te),2),De=R(Ee,!0);P(Ee),P(Te);var Oe=B(Te,2),N=e=>{var i=em(),a=R(i),o=B(R(a),2);{let e=F(()=>`--sf-switcher-threshold`in t.overrides);Q(o,{label:`Threshold`,get value(){return H(A)},min:10,max:60,step:1,unit:`rem`,help:`--sf-switcher-threshold — width below which .sf-switcher stacks vertically`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-switcher-threshold`,`${e}rem`),onReset:()=>t.onReset(`--sf-switcher-threshold`)})}P(a);var s=B(a,2),c=B(R(s),2);{let e=F(()=>`--sf-sidebar-min-width`in t.overrides);Q(c,{label:`Content min width`,get value(){return H(ee)},min:20,max:80,step:1,unit:`%`,help:`--sf-sidebar-min-width — minimum width of the .sf-sidebar content column before it wraps`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sidebar-min-width`,`${e}%`),onReset:()=>t.onReset(`--sf-sidebar-min-width`)})}P(s);var l=B(s,2);J(B(R(l),2),16,()=>[{label:`Align`,token:`--sf-cluster-align`,def:`center`,opts:[`flex-start`,`center`,`flex-end`,`stretch`,`baseline`]},{label:`Justify`,token:`--sf-cluster-justify`,def:`flex-start`,opts:[`flex-start`,`center`,`flex-end`,`space-between`,`space-around`]}],e=>e.token,(e,n)=>{var i=Qp(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,20,()=>n.opts,e=>e,(e,t)=>{var n=Xp(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),G(e,n)}),P(s);var c;wi(s);var l=B(s,2),u=e=>{var r=Zp();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(l,e=>{n.token in t.overrides&&e(u)}),P(i),V(()=>{K(o,n.label),c!==(c=t.overrides[n.token]??n.def)&&(s.value=(s.__value=t.overrides[n.token]??n.def)??``,Ci(s,t.overrides[n.token]??n.def))}),U(`change`,s,e=>{let r=e.target.value;r===n.def?t.onReset(n.token):t.onSet(n.token,r)}),G(e,i)}),P(l);var u=B(l,2),d=B(R(u),4);{let e=F(()=>`--sf-equal-min-col`in t.overrides);Q(d,{label:`Min column width`,get value(){return H(j)},min:6,max:36,step:.5,unit:`rem`,help:`--sf-equal-min-col — column-width floor for .sf-equal`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-equal-min-col`,`${e}rem`),onReset:()=>t.onReset(`--sf-equal-min-col`)})}var f=B(d,2);{let e=F(()=>`--sf-equal-rule-width`in t.overrides);Q(f,{label:`Rule width`,get value(){return H(te)},min:0,max:4,step:.5,unit:`px`,help:`--sf-equal-rule-width — column-rule width between flowing columns, 0 = off`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-equal-rule-width`,`${e}px`),onReset:()=>t.onReset(`--sf-equal-rule-width`)})}var p=B(f,2),m=B(R(p),2);J(m,20,()=>n,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-equal-rule-style`]??`solid`);var i=$p(),a=R(i,!0);P(i),V(()=>{Y(i,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,n)}),U(`click`,i,()=>n===`solid`?t.onReset(`--sf-equal-rule-style`):t.onSet(`--sf-equal-rule-style`,n)),G(e,i)}),P(m),P(p);var h=B(p,2),g=B(R(h),2);{let e=F(()=>`--sf-equal-rule-color`in t.overrides);Fd(g,{token:`--sf-equal-rule-color`,get value(){return H(ne)},placeholder:`inherits border`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-equal-rule-color`,e),onReset:()=>t.onReset(`--sf-equal-rule-color`)})}P(h),P(u);var _=B(u,2),v=B(R(_),2);{let e=F(()=>`--sf-cover-min-height`in t.overrides);Q(v,{label:`Min height`,get value(){return H(M)},min:20,max:100,step:1,unit:`dvh`,help:`--sf-cover-min-height — minimum height of the .sf-cover layout`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-cover-min-height`,`${e}dvh`),onReset:()=>t.onReset(`--sf-cover-min-height`)})}P(_);var y=B(_,2);Fp(B(R(y),4),{token:`--sf-frame-ratio`,get value(){return H(se)},defaultValue:`16 / 9`,get presets(){return le},columns:5,dense:!0,get onSet(){return t.onSet},get onReset(){return t.onReset}}),P(y);var b=B(y,2),x=B(R(b),4);J(x,21,()=>ue,e=>e.value,(e,n)=>{var r=$p(),i=R(r,!0);P(r),V(()=>{Y(r,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${H(ce)===H(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(i,H(n).label)}),U(`click`,r,()=>H(n).value===`max-content`?t.onReset(`--sf-reel-item-width`):t.onSet(`--sf-reel-item-width`,H(n).value)),G(e,r)}),P(x);var S=B(x,2),C=B(R(S),2);Ii(C);var w=B(C,2),T=e=>{var n=Zp();U(`click`,n,()=>t.onReset(`--sf-reel-height`)),G(e,n)};q(w,e=>{`--sf-reel-height`in t.overrides&&e(T)}),P(S),P(b);var E=B(b,2),D=B(R(E),2);{let e=F(()=>`--sf-imposter-margin`in t.overrides);Q(D,{label:`Margin`,get value(){return H(re)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-imposter-margin — viewport inset for the centered .sf-imposter overlay`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-imposter-margin`,`${e}rem`),onReset:()=>t.onReset(`--sf-imposter-margin`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-imposter-margin`]},onRawSet:e=>t.onSet(`--sf-imposter-margin`,e)})}P(E);var O=B(E,2),k=B(R(O),2);{let e=F(()=>`--sf-content-width`in t.overrides);Q(k,{label:`Content width`,get value(){return H(ae)},min:40,max:120,step:1,unit:`rem`,help:`--sf-content-width — default reading column width in .sf-content-grid`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-content-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-width`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Sp},get currentRaw(){return t.overrides[`--sf-content-width`]},onRawSet:e=>t.onSet(`--sf-content-width`,e)})}var de=B(k,2);{let e=F(()=>`--sf-breakout-width`in t.overrides);Q(de,{label:`Breakout width`,get value(){return H(ie)},min:50,max:160,step:1,unit:`rem`,help:`--sf-breakout-width — wide breakout column width in .sf-content-grid`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-breakout-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-breakout-width`),rawDefault:`var(--sf-container-wide)`,get variableOptions(){return Sp},get currentRaw(){return t.overrides[`--sf-breakout-width`]},onRawSet:e=>t.onSet(`--sf-breakout-width`,e)})}P(O);var fe=B(O,2),pe=B(R(fe),2);{let e=F(()=>`--sf-alternate-inner-gap`in t.overrides);Q(pe,{label:`Inner gap`,get value(){return H(oe)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-alternate-inner-gap — gap between media and text within an .sf-alternate row`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-alternate-inner-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-alternate-inner-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-alternate-inner-gap`]},onRawSet:e=>t.onSet(`--sf-alternate-inner-gap`,e)})}P(fe),P(i),V(()=>Li(C,t.overrides[`--sf-reel-height`]??``)),U(`input`,C,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-reel-height`,n):t.onReset(`--sf-reel-height`)}),G(e,i)};q(Oe,e=>{H(E)&&e(N)}),P(we);var ke=B(we,4),Ae=R(ke),je=B(R(Ae),2),Me=R(je,!0);P(je),P(Ae);var Pe=B(Ae,2),Fe=e=>{var n=tm();J(B(R(n),2),16,()=>[{label:`Square`,token:`--sf-ratio-square`,def:`1`},{label:`Portrait`,token:`--sf-ratio-portrait`,def:`3 / 4`},{label:`3:2`,token:`--sf-ratio-3-2`,def:`3 / 2`},{label:`4:3`,token:`--sf-ratio-4-3`,def:`4 / 3`},{label:`Video`,token:`--sf-ratio-video`,def:`16 / 9`},{label:`Cinema`,token:`--sf-ratio-cinema`,def:`21 / 9`},{label:`Golden`,token:`--sf-ratio-golden`,def:`1.618 / 1`}],e=>e.token,(e,n)=>{{let r=F(()=>t.overrides[n.token]??``),i=F(()=>n.token in t.overrides);zp(e,{get label(){return n.label},labelWidth:`w-16`,get value(){return H(r)},get placeholder(){return n.def},get overridden(){return H(i)},onSet:e=>t.onSet(n.token,e),onReset:()=>t.onReset(n.token)})}}),P(n),G(e,n)};q(Pe,e=>{H(O)&&e(Fe)}),P(ke);var Ie=B(ke,4),Le=R(Ie),Re=B(R(Le),2),ze=R(Re,!0);P(Re),P(Le);var Be=B(Le,2),Ve=e=>{var n=nm(),a=B(R(n),2);J(a,16,()=>[{label:`Fit`,token:`--sf-bg-layer-fit`,placeholder:`cover`,opts:[`cover`,`contain`,`fill`,`none`,`scale-down`]},{label:`Position`,token:`--sf-bg-layer-position`,placeholder:`50% 50%`,opts:[`50% 50%`,`top`,`bottom`,`left`,`right`,`center`]}],e=>e.token,(e,n)=>{var i=Qp(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,20,()=>n.opts,e=>e,(e,t)=>{var n=Xp(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),G(e,n)}),P(s);var c;wi(s);var l=B(s,2),u=e=>{var r=Zp();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(l,e=>{n.token in t.overrides&&e(u)}),P(i),V(()=>{K(o,n.label),c!==(c=t.overrides[n.token]??n.placeholder)&&(s.value=(s.__value=t.overrides[n.token]??n.placeholder)??``,Ci(s,t.overrides[n.token]??n.placeholder))}),U(`change`,s,e=>{let r=e.target.value;r===n.placeholder?t.onReset(n.token):t.onSet(n.token,r)}),G(e,i)});var o=B(a,2);{let e=F(()=>i(t.overrides[`--sf-bg-layer-inset`],0)),n=F(()=>`--sf-bg-layer-inset`in t.overrides);Q(o,{label:`Inset`,get value(){return H(e)},min:0,max:4,step:.25,unit:`rem`,help:`--sf-bg-layer-inset — inset the background from the container edges`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-bg-layer-inset`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-inset`)})}var s=B(o,2);{let e=F(()=>i(t.overrides[`--sf-bg-layer-radius`],0)),n=F(()=>`--sf-bg-layer-radius`in t.overrides);Q(s,{label:`Radius`,get value(){return H(e)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-bg-layer-radius — corner radius of the background element`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-bg-layer-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-radius`)})}var c=B(s,2);{let e=F(()=>i(t.overrides[`--sf-bg-layer-z`],-2)),n=F(()=>`--sf-bg-layer-z`in t.overrides);Q(c,{label:`Z-index`,get value(){return H(e)},min:-10,max:0,step:1,help:`--sf-bg-layer-z — stack order of the background pseudo-element (typically negative)`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-bg-layer-z`,String(e)),onReset:()=>t.onReset(`--sf-bg-layer-z`)})}P(n),G(e,n)};q(Be,e=>{H(D)&&e(Ve)}),P(Ie),P(de),V(()=>{Z(ye,`aria-expanded`,H(T)),K(xe,H(T)?`▲`:`▼`),Z(Te,`aria-expanded`,H(E)),K(De,H(E)?`▲`:`▼`),Z(Ae,`aria-expanded`,H(O)),K(Me,H(O)?`▲`:`▼`),Z(Le,`aria-expanded`,H(D)),K(ze,H(D)?`▲`:`▼`)}),U(`click`,ye,()=>{L(T,!H(T))}),U(`click`,Te,()=>{L(E,!H(E))}),U(`click`,Ae,()=>{L(O,!H(O))}),U(`click`,Le,()=>{L(D,!H(D))}),G(e,de),Ue()}Lr([`click`,`change`,`input`]);var am=W(` Drives --sf-color-border--strong, --subtle, --translucent automatically.
`,1),om=W(``),sm=W(`
`,1),cm=W(`
`,1),dm=W(` `,1),fm=W(` `),pm=W(` `,1),mm=W(`
`),hm=W(``),gm=W(``),_m=W(`--sf-media-radius — 0 by default (off). Rounds every <img>/<figure> globally via a
- zero-specificity :where() rule; .sf-bg-layer and component-level radii still win.
`,1),vm=W(`
`),ym=W(`
`),bm=W(`
Radius
Fine-tune radius steps
Field shape
`);function xm(e,t){He(t,!0);let n=[`solid`,`dashed`,`dotted`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`,`full`],i=[{step:`xs`,name:`--sf-radius-xs`,default:2,max:16,step_size:.5,rawDefault:`calc(2px * var(--sf-radius-scale))`},{step:`s`,name:`--sf-radius-s`,default:4,max:24,step_size:.5,rawDefault:`calc(4px * var(--sf-radius-scale))`},{step:`m`,name:`--sf-radius-m`,default:8,max:32,step_size:1,rawDefault:`calc(8px * var(--sf-radius-scale))`},{step:`l`,name:`--sf-radius-l`,default:12,max:48,step_size:1,rawDefault:`calc(12px * var(--sf-radius-scale))`},{step:`xl`,name:`--sf-radius-xl`,default:16,max:64,step_size:1,rawDefault:`calc(16px * var(--sf-radius-scale))`},{step:`2xl`,name:`--sf-radius-2xl`,default:24,max:80,step_size:2,rawDefault:`calc(24px * var(--sf-radius-scale))`}],a=[{label:`Field radius`,token:`--sf-field-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,help:`--sf-field-radius`,variableOptions:bp},{label:`Field padding block`,token:`--sf-field-padding-block`,unit:`rem`,min:0,max:1,step:.025,default:.375,rawDefault:`var(--sf-space-xs)`,help:`--sf-field-padding-block`,variableOptions:yp},{label:`Field padding inline`,token:`--sf-field-padding-inline`,unit:`rem`,min:0,max:2,step:.025,default:.75,rawDefault:`var(--sf-space-s)`,help:`--sf-field-padding-inline`,variableOptions:yp}],o=Hu.borders??[],s=I(!1),c=I(!1),l=I(!1),u=I(!1),d=I(!1),f=I(!1),p=I(!1),m=I(!1),h=I(!1),g=I(!1);function _(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let v=F(()=>_(t.overrides[`--sf-border-scale`],1)),y=F(()=>_(t.overrides[`--sf-focus-ring-width`],2,`px`)),b=F(()=>_(t.overrides[`--sf-focus-ring-offset`],2,`px`)),x=F(()=>_(t.overrides[`--sf-divider-width`]?.replace(`px`,``),1)),S=F(()=>_(t.overrides[`--sf-divider-gap`]?.replace(`rem`,``),1)),C=F(()=>t.overrides[`--sf-color-border`]??``),w=F(()=>t.overrides[`--sf-border-style`]??`solid`),T=F(()=>t.overrides[`--sf-focus-ring-color`]??``),E=F(()=>t.overrides[`--sf-divider-color`]??``),D=F(()=>_(t.overrides[`--sf-media-radius`]?.replace(`rem`,``),0));function O(e,n){return t.overrides[e]??n}function k(e){let n=t.overrides[e.name];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function A(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}var ee=bm(),j=R(ee);$(j,{title:`Border color`,get open(){return H(s)},set open(e){L(s,e,!0)},children:(e,n)=>{var r=am(),i=z(r);{let e=F(()=>`--sf-color-border`in t.overrides);Fd(i,{token:`--sf-color-border`,get value(){return H(C)},placeholder:`auto-derived`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-color-border`,e),onReset:()=>t.onReset(`--sf-color-border`)})}Ne(2),G(e,r)},$$slots:{default:!0}});var te=B(j,4);$(te,{title:`Border widths`,get open(){return H(c)},set open(e){L(c,e,!0)},children:(e,n)=>{var r=sm(),i=z(r);{let e=F(()=>`--sf-border-scale`in t.overrides);Q(i,{label:`Border scale`,get value(){return H(v)},min:0,max:4,step:.25,help:`Multiplier applied to all border widths. 0 hides all borders.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-border-scale`,String(e)),onReset:()=>t.onReset(`--sf-border-scale`)})}var a=B(i,2);{let e=F(()=>_(t.overrides[`--sf-border-width-hairline`]?.replace(`px`,``),.5)),n=F(()=>`--sf-border-width-hairline`in t.overrides);Q(a,{label:`Hairline`,get value(){return H(e)},min:0,max:1,step:.25,unit:`px`,help:`--sf-border-width-hairline — ultra-thin border for retina displays`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-border-width-hairline`,`${e}px`),onReset:()=>t.onReset(`--sf-border-width-hairline`)})}var o=B(a,2);{let e=F(()=>_(t.overrides[`--sf-box-border-width`]?.replace(`px`,``),0)),n=F(()=>`--sf-box-border-width`in t.overrides);Q(o,{label:`Box border`,get value(){return H(e)},min:0,max:4,step:.5,unit:`px`,help:`--sf-box-border-width — box-shadow border drawn without affecting layout`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-box-border-width`,`${e}px`),onReset:()=>t.onReset(`--sf-box-border-width`)})}var s=B(o,2);J(s,20,()=>[1,2,3,4],e=>e,(e,t)=>{var n=om(),r=R(n),i=R(r);P(r);var a=B(r,2);P(n),V(()=>{K(i,`width-${t??``}`),X(a,`height: max(var(--sf-border-width-${t}, ${t}px), 0.5px)`)}),G(e,n)}),P(s),G(e,r)},$$slots:{default:!0}});var ne=B(te,4);$(ne,{title:`Line styles`,spacing:`space-y-4`,get open(){return H(l)},set open(e){L(l,e,!0)},children:(e,r)=>{var i=um(),a=z(i);J(a,20,()=>[{label:`Border`,token:`--sf-border-style`,default:`solid`},{label:`Divider`,token:`--sf-divider-style`,default:`solid`}],e=>e.token,(e,r)=>{var i=lm(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,20,()=>n,e=>e,(e,n)=>{let i=F(()=>O(r.token,r.default));var a=cm(),o=R(a),s=B(o);P(a),V(()=>{Y(a,1,`px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer text-center ${H(i)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),X(o,`width: 20px; height: 0; border-bottom: 2px ${n} currentColor; opacity: 0.7`),K(s,` ${n??``}`)}),U(`click`,a,()=>n===r.default?t.onReset(r.token):t.onSet(r.token,n)),G(e,a)}),P(s),P(i),V(()=>K(o,r.label)),G(e,i)}),P(a);var o=B(a,2),s=R(o),c=B(s,2),l=R(c);P(c),P(o),V(()=>{X(s,`border: var(--sf-border-width-1, 1px) ${H(w)} ${H(C)||`var(--sf-color-border, #64748b)`}`),K(l,`width-1 · ${H(w)??``}`)}),G(e,i)},$$slots:{default:!0}});var M=B(ne,4);$(M,{title:`Dividers`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var r=dm(),i=z(r),a=B(R(i),2);{let e=F(()=>`--sf-divider-color`in t.overrides);Fd(a,{token:`--sf-divider-color`,get value(){return H(E)},placeholder:`inherits border`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-divider-color`,e),onReset:()=>t.onReset(`--sf-divider-color`)})}P(i);var o=B(i,2);{let e=F(()=>`--sf-divider-width`in t.overrides);Q(o,{label:`Width`,get value(){return H(x)},min:.5,max:4,step:.5,unit:`px`,help:`--sf-divider-width`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-divider-width`,`${e}px`),onReset:()=>t.onReset(`--sf-divider-width`),rawDefault:`var(--sf-border-width-1)`,get variableOptions(){return xp},get currentRaw(){return t.overrides[`--sf-divider-width`]},onRawSet:e=>t.onSet(`--sf-divider-width`,e)})}var s=B(o,2);{let e=F(()=>`--sf-divider-gap`in t.overrides);Q(s,{label:`Gap`,get value(){return H(S)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-divider-gap — spacing around divider lines`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-divider-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-divider-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-divider-gap`]},onRawSet:e=>t.onSet(`--sf-divider-gap`,e)})}G(e,r)},$$slots:{default:!0}});var re=B(M,4);$(re,{title:`Focus ring`,get open(){return H(d)},set open(e){L(d,e,!0)},children:(e,r)=>{var i=pm(),a=z(i);{let e=F(()=>`--sf-focus-ring-width`in t.overrides);Q(a,{label:`Ring width`,get value(){return H(y)},min:0,max:6,step:.5,unit:`px`,help:`Thickness of the keyboard focus indicator`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-focus-ring-width`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-width`)})}var o=B(a,2);{let e=F(()=>`--sf-focus-ring-offset`in t.overrides);Q(o,{label:`Ring offset`,get value(){return H(b)},min:0,max:8,step:.5,unit:`px`,help:`Gap between element edge and focus ring`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-focus-ring-offset`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-offset`)})}var s=B(o,2),c=B(R(s),2);{let e=F(()=>`--sf-focus-ring-color`in t.overrides);Fd(c,{token:`--sf-focus-ring-color`,get value(){return H(T)},placeholder:`default (action)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-focus-ring-color`,e),onReset:()=>t.onReset(`--sf-focus-ring-color`)})}P(s);var l=B(s,2),u=B(R(l),2);J(u,20,()=>n,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-focus-ring-style`]??`solid`);var i=fm(),a=R(i,!0);P(i),V(()=>{Y(i,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,n)}),U(`click`,i,()=>n===`solid`?t.onReset(`--sf-focus-ring-style`):t.onSet(`--sf-focus-ring-style`,n)),G(e,i)}),P(u),P(l);var d=B(l,2),f=R(d);X(f,`outline: var(--sf-focus-ring-width, 2px) var(--sf-focus-ring-style, solid) var(--sf-focus-ring-color, oklch(0.7 0.2 235)); outline-offset: var(--sf-focus-ring-offset, 2px)`);var p=R(f);P(f),P(d),V(()=>K(p,`Focus ring · ${t.overrides[`--sf-focus-ring-style`]??`solid`??``}`)),G(e,i)},$$slots:{default:!0}});var ie=B(re,6),ae=R(ie),oe=B(R(ae),2),se=R(oe,!0);P(oe),P(ae);var ce=B(ae,2),le=e=>{var n=mm();J(n,21,()=>i,e=>e.name,(e,n)=>{{let r=F(()=>k(H(n))),i=F(()=>H(n).name in t.overrides);Q(e,{get label(){return H(n).step},get value(){return H(r)},min:0,get max(){return H(n).max},get step(){return H(n).step_size},unit:`px`,get overridden(){return H(i)},onChange:e=>t.onSet(H(n).name,`${e}px`),onReset:()=>t.onReset(H(n).name),get rawDefault(){return H(n).rawDefault},get currentRaw(){return t.overrides[H(n).name]},onRawSet:e=>t.onSet(H(n).name,e)})}}),P(n),G(e,n)};q(ce,e=>{H(h)&&e(le)}),P(ie);var ue=B(ie,2),de=R(ue),fe=B(R(de),2),pe=R(fe,!0);P(fe),P(de);var me=B(de,2),he=e=>{var t=gm(),n=R(t);J(n,20,()=>r,e=>e,(e,t)=>{var n=hm(),r=R(n),i=B(r,2),a=R(i,!0);P(i),P(n),V(()=>{X(r,`border-radius: var(--sf-radius-${t})`),K(a,t)}),G(e,n)}),P(n),P(t),G(e,t)};q(me,e=>{H(p)&&e(he)}),P(ue);var ge=B(ue,4);$(ge,{title:`Global media radius`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var r=_m(),i=B(z(r),2);{let e=F(()=>`--sf-media-radius`in t.overrides);Q(i,{label:`Radius`,get value(){return H(D)},min:0,max:2,step:.05,unit:`rem`,help:`--sf-media-radius`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-media-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-media-radius`),rawDefault:`0`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-media-radius`]},onRawSet:e=>t.onSet(`--sf-media-radius`,e)})}var a=B(i,2);X(R(a),`border-radius: var(--sf-media-radius, 0)`),P(a),G(e,r)},$$slots:{default:!0}});var _e=B(ge,4),ve=R(_e),ye=B(R(ve),2),be=R(ye,!0);P(ye),P(ve);var xe=B(ve,2),Se=e=>{var n=vm();J(n,21,()=>a,e=>e.token,(e,n)=>{{let r=F(()=>A(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).help},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}${H(n).unit}`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).rawDefault},get variableOptions(){return H(n).variableOptions},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}}),P(n),G(e,n)};q(xe,e=>{H(g)&&e(Se)}),P(_e);var Ce=B(_e,4),we=R(Ce),Te=B(R(we),2),Ee=R(Te,!0);P(Te),P(we);var De=B(we,2),Oe=e=>{var n=ym();J(n,21,()=>o,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),P(n),G(e,n)};q(De,e=>{H(f)&&e(Oe)}),P(Ce),P(ee),V(()=>{Z(ae,`aria-expanded`,H(h)),K(se,H(h)?`▲`:`▼`),Z(de,`aria-expanded`,H(p)),K(pe,H(p)?`▲`:`▼`),Z(ve,`aria-expanded`,H(g)),K(be,H(g)?`▲`:`▼`),Z(we,`aria-expanded`,H(f)),K(Ee,H(f)?`▲`:`▼`)}),U(`click`,ae,()=>{L(h,!H(h))}),U(`click`,de,()=>{L(p,!H(p))}),U(`click`,ve,()=>{L(g,!H(g))}),U(`click`,we,()=>{L(f,!H(f))}),G(e,ee),Ue()}Lr([`click`]);var Sm=W(`
Shadow color
Warm, cool or brand-tinted shadows. Default uses neutral hue.
Glow color
Which brand color radiates the glow. Defaults to primary.
Glow disabled.
`),Om=W(`Shadow glow
Ambient glow on elevated surfaces
`),Am=W(``);function jm(e,t){He(t,!0);let n=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=Hu.shadows??[],i=F(()=>(()=>{let e=parseFloat(t.overrides[`--sf-shadow-lightness`]??`0.15`);return isFinite(e)?e:.15})()),a=F(()=>t.overrides[`--sf-shadow-color`]??``),o=F(()=>t.overrides[`--sf-shadow-glow-color`]??``),s=F(()=>t.overrides[`--sf-shadow-glow`]===`none`),c=I(!1),l=I(!1),u=I(!1);var d=Am(),f=R(d);J(f,22,()=>n,e=>e,(e,t,n)=>{var r=wm(),i=R(r),a=B(i,2),o=R(a,!0);P(a),P(r),V(()=>{X(i,`width: ${40+H(n)*4}px; height: ${40+H(n)*4}px; box-shadow: var(--sf-shadow-${t})`),K(o,t)}),G(e,r)}),P(f);var p=B(f,4);{let e=F(()=>`--sf-shadow-lightness`in t.overrides);Q(p,{label:`Shadow lightness`,get value(){return H(i)},min:0,max:.5,step:.01,help:`--sf-shadow-lightness — OKLCH lightness of the shadow color. Lower = darker, more visible shadows.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-shadow-lightness`,String(e)),onReset:()=>t.onReset(`--sf-shadow-lightness`)})}var m=B(p,4);$(m,{title:`Shadow color`,spacing:`space-y-4`,get open(){return H(c)},set open(e){L(c,e,!0)},children:(e,n)=>{var r=Tm(),i=B(R(r),2);{let e=F(()=>`--sf-shadow-color`in t.overrides);Fd(i,{token:`--sf-shadow-color`,get value(){return H(a)},placeholder:`auto (neutral hue)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-shadow-color`,e),onReset:()=>t.onReset(`--sf-shadow-color`)})}Ne(2),P(r),G(e,r)},$$slots:{default:!0}});var h=B(m,4);$(h,{title:`Glow`,get open(){return H(l)},set open(e){L(l,e,!0)},children:(e,n)=>{var r=Om(),i=z(r),a=B(R(i),2);{let e=F(()=>!H(s)),n=F(()=>H(s)?`Enable shadow glow`:`Disable shadow glow`);Cm(a,{get checked(){return H(e)},get ariaLabel(){return H(n)},onToggle:()=>H(s)?t.onReset(`--sf-shadow-glow`):t.onSet(`--sf-shadow-glow`,`none`)})}P(i);var c=B(i,2),l=e=>{var n=Em(),r=B(R(n),2);{let e=F(()=>`--sf-shadow-glow-color`in t.overrides);Fd(r,{token:`--sf-shadow-glow-color`,get value(){return H(o)},placeholder:`default (primary color)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-shadow-glow-color`,e),onReset:()=>t.onReset(`--sf-shadow-glow-color`)})}Ne(2),P(n),G(e,n)};q(c,e=>{H(s)||e(l)});var u=B(c,2),d=R(u);P(u);var f=B(u,2),p=e=>{G(e,Dm())};q(f,e=>{H(s)&&e(p)}),V(()=>X(d,`box-shadow: ${H(s)?`none`:`var(--sf-shadow-glow)`}`)),G(e,r)},$$slots:{default:!0}}),$(B(h,4),{title:`Advanced`,variant:`advanced`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var i=km();J(i,21,()=>r,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),P(i),G(e,i)},$$slots:{default:!0}}),P(d),G(e,d),Ue()}var Mm=W(`Motion is disabled — duration & easing have no effect while scale is 0.
`),Pm=W(`(No effect while motion is disabled.) `),Fm=W(``),Im=W(`Named duration tokens. Drag to set an absolute ms value, overriding the global scale.
`,1),Lm=W(`reset `),Rm=W(``),zm=W(`Edit the named easing tokens. Accepts any CSS timing function — cubic-bezier(…) or linear(…) . Use “Live preview” above to feel a curve.
`,1),Bm=W(`reset `),Vm=W(``),Hm=W(`Put .sf-stagger on a parent and each child's
- entrance is delayed by its index × this step × the motion scale. One knob retunes the whole sequence.
`,1),Um=W(`reset `),Wm=W(``),Gm=W(`
Default animation-range for scroll-driven animations using the .sf-entrance--* / .sf-exit--* macros.
Disable motion
Respects prefers-reduced-motion
`),Ym=W(` `,1),Xm=W(``),Zm=W(`
`,1),Qm=W(``),$m=W(` `,1),eh=W(`reset `),th=W(``),nh=W(`Controls text legibility over images. Applied via text-shadow: var(--sf-text-shadow-m).
- Edit each token directly — use none to disable.
`,1),rh=W(`
`),ih=W(`filter: drop-shadow(…) — unlike box-shadow, follows the
+ Fixed values win over the scale that would generate them.`),K(u,`Clear ${H(r)?`it`:`them`} and use the scale`),Z(d,`aria-expanded`,H(n)),Z(d,`aria-controls`,i),Z(d,`aria-label`,H(n)?`Hide the ${t.scaleLabel} tokens holding fixed values`:`Show the ${t.scaleLabel} tokens holding fixed values`),K(f,H(n)?`hide`:`show`)}),U(`click`,l,function(...e){t.onClear?.apply(this,e)}),U(`click`,d,()=>{L(n,!H(n))}),G(e,a)};q(o,e=>{t.tokens.length&&e(s)}),G(e,a),Ue()}Lr([`click`]);var Vf=[`--sf-space-2xs`,`--sf-space-xs`,`--sf-space-s`,`--sf-space-m`,`--sf-space-l`,`--sf-space-xl`,`--sf-space-2xl`,`--sf-space-3xl`,`--sf-space-4xl`],Hf=[`--sf-text-2xs`,`--sf-text-xs`,`--sf-text-s`,`--sf-text-m`,`--sf-text-l`,`--sf-text-xl`,`--sf-text-2xl`,`--sf-text-3xl`,`--sf-text-4xl`],Uf=[`--sf-text-display-s`,`--sf-text-display-m`,`--sf-text-display-l`];function Wf(e,t){return t.filter(t=>t in e)}var Gf=JSON.parse(`[{"f":"Roboto","c":"Sans Serif"},{"f":"Open Sans","c":"Sans Serif"},{"f":"Google Sans","c":"Sans Serif"},{"f":"Inter","c":"Sans Serif"},{"f":"Montserrat","c":"Sans Serif"},{"f":"Poppins","c":"Sans Serif"},{"f":"Lato","c":"Sans Serif"},{"f":"Noto Sans JP","c":"Sans Serif"},{"f":"Roboto Condensed","c":"Sans Serif"},{"f":"Arimo","c":"Sans Serif"},{"f":"Roboto Mono","c":"Monospace"},{"f":"Noto Sans","c":"Sans Serif"},{"f":"Oswald","c":"Sans Serif"},{"f":"Raleway","c":"Sans Serif"},{"f":"DM Sans","c":"Sans Serif"},{"f":"Nunito","c":"Sans Serif"},{"f":"Nunito Sans","c":"Sans Serif"},{"f":"Playfair Display","c":"Serif"},{"f":"Roboto Slab","c":"Serif"},{"f":"Archivo Black","c":"Sans Serif"},{"f":"Rubik","c":"Sans Serif"},{"f":"Ubuntu","c":"Sans Serif"},{"f":"Kanit","c":"Sans Serif"},{"f":"Noto Sans KR","c":"Sans Serif"},{"f":"Outfit","c":"Sans Serif"},{"f":"Merriweather","c":"Serif"},{"f":"Manrope","c":"Sans Serif"},{"f":"Work Sans","c":"Sans Serif"},{"f":"Black Ops One","c":"Display"},{"f":"Prompt","c":"Sans Serif"},{"f":"Lora","c":"Serif"},{"f":"Noto Sans TC","c":"Sans Serif"},{"f":"Bebas Neue","c":"Sans Serif"},{"f":"PT Sans","c":"Sans Serif"},{"f":"Saira","c":"Sans Serif"},{"f":"Mulish","c":"Sans Serif"},{"f":"Figtree","c":"Sans Serif"},{"f":"Plus Jakarta Sans","c":"Sans Serif"},{"f":"Bricolage Grotesque","c":"Sans Serif"},{"f":"Source Sans 3","c":"Sans Serif"},{"f":"Share Tech","c":"Sans Serif"},{"f":"Smooch Sans","c":"Sans Serif"},{"f":"Barlow","c":"Sans Serif"},{"f":"Quicksand","c":"Sans Serif"},{"f":"IBM Plex Sans","c":"Sans Serif"},{"f":"Jost","c":"Sans Serif"},{"f":"Inconsolata","c":"Monospace"},{"f":"Karla","c":"Sans Serif"},{"f":"Archivo","c":"Sans Serif"},{"f":"Fira Sans","c":"Sans Serif"},{"f":"Noto Serif","c":"Serif"},{"f":"Heebo","c":"Sans Serif"},{"f":"Titillium Web","c":"Sans Serif"},{"f":"JetBrains Mono","c":"Monospace"},{"f":"Noto Color Emoji","c":"Sans Serif"},{"f":"Changa One","c":"Display"},{"f":"PT Serif","c":"Serif"},{"f":"Fjalla One","c":"Sans Serif"},{"f":"Space Grotesk","c":"Sans Serif"},{"f":"Source Code Pro","c":"Monospace"},{"f":"Dancing Script","c":"Handwriting"},{"f":"Libre Baskerville","c":"Serif"},{"f":"Noto Sans SC","c":"Sans Serif"},{"f":"Lobster Two","c":"Display"},{"f":"Barlow Condensed","c":"Sans Serif"},{"f":"Noto Serif JP","c":"Serif"},{"f":"Libre Franklin","c":"Sans Serif"},{"f":"Cormorant Garamond","c":"Serif"},{"f":"Public Sans","c":"Sans Serif"},{"f":"Anton","c":"Sans Serif"},{"f":"Josefin Sans","c":"Sans Serif"},{"f":"EB Garamond","c":"Serif"},{"f":"Alfa Slab One","c":"Display"},{"f":"Sora","c":"Sans Serif"},{"f":"Assistant","c":"Sans Serif"},{"f":"Cairo","c":"Sans Serif"},{"f":"Instrument Serif","c":"Serif"},{"f":"Lexend","c":"Sans Serif"},{"f":"Nanum Gothic","c":"Sans Serif"},{"f":"Schibsted Grotesk","c":"Sans Serif"},{"f":"Inter Tight","c":"Sans Serif"},{"f":"Cabin","c":"Sans Serif"},{"f":"Roboto Flex","c":"Sans Serif"},{"f":"Hind Siliguri","c":"Sans Serif"},{"f":"Noto Sans Telugu","c":"Sans Serif"},{"f":"Red Hat Display","c":"Sans Serif"},{"f":"Bitter","c":"Serif"},{"f":"Ramabhadra","c":"Sans Serif"},{"f":"Dosis","c":"Sans Serif"},{"f":"Mukta","c":"Sans Serif"},{"f":"Rajdhani","c":"Sans Serif"},{"f":"Anek Telugu","c":"Sans Serif"},{"f":"Noto Sans Khmer","c":"Sans Serif"},{"f":"M PLUS Rounded 1c","c":"Sans Serif"},{"f":"Exo 2","c":"Sans Serif"},{"f":"Fraunces","c":"Serif"},{"f":"IBM Plex Mono","c":"Monospace"},{"f":"Geist","c":"Sans Serif"},{"f":"Orbitron","c":"Sans Serif"},{"f":"Urbanist","c":"Sans Serif"},{"f":"Lilita One","c":"Display"},{"f":"Oxygen","c":"Sans Serif"},{"f":"Hind","c":"Sans Serif"},{"f":"Caveat","c":"Handwriting"},{"f":"DM Serif Display","c":"Serif"},{"f":"Slabo 27px","c":"Serif"},{"f":"Source Serif 4","c":"Serif"},{"f":"Crimson Text","c":"Serif"},{"f":"Fredoka","c":"Sans Serif"},{"f":"Overpass","c":"Sans Serif"},{"f":"Cinzel","c":"Serif"},{"f":"Bungee","c":"Display"},{"f":"Tajawal","c":"Sans Serif"},{"f":"Pacifico","c":"Handwriting"},{"f":"Merriweather Sans","c":"Sans Serif"},{"f":"Instrument Sans","c":"Sans Serif"},{"f":"Arvo","c":"Serif"},{"f":"Barlow Semi Condensed","c":"Sans Serif"},{"f":"PT Sans Narrow","c":"Sans Serif"},{"f":"Noto Sans Arabic","c":"Sans Serif"},{"f":"Lobster","c":"Display"},{"f":"Google Sans Flex","c":"Sans Serif"},{"f":"Abel","c":"Sans Serif"},{"f":"Comfortaa","c":"Display"},{"f":"Teko","c":"Sans Serif"},{"f":"Newsreader","c":"Serif"},{"f":"Bodoni Moda","c":"Serif"},{"f":"M PLUS 1p","c":"Sans Serif"},{"f":"Noto Sans Thai","c":"Sans Serif"},{"f":"Chakra Petch","c":"Sans Serif"},{"f":"Geist Mono","c":"Monospace"},{"f":"Asap","c":"Sans Serif"},{"f":"Maven Pro","c":"Sans Serif"},{"f":"Zen Kaku Gothic New","c":"Sans Serif"},{"f":"Abril Fatface","c":"Display"},{"f":"Lexend Deca","c":"Sans Serif"},{"f":"Almarai","c":"Sans Serif"},{"f":"Hanken Grotesk","c":"Sans Serif"},{"f":"Zilla Slab","c":"Serif"},{"f":"Space Mono","c":"Monospace"},{"f":"ABeeZee","c":"Sans Serif"},{"f":"Geologica","c":"Sans Serif"},{"f":"DM Mono","c":"Monospace"},{"f":"Play","c":"Sans Serif"},{"f":"Questrial","c":"Sans Serif"},{"f":"Alumni Sans","c":"Sans Serif"},{"f":"Domine","c":"Serif"},{"f":"Marcellus","c":"Serif"},{"f":"Shadows Into Light","c":"Handwriting"},{"f":"Albert Sans","c":"Sans Serif"},{"f":"Be Vietnam Pro","c":"Sans Serif"},{"f":"Rethink Sans","c":"Sans Serif"},{"f":"Varela Round","c":"Sans Serif"},{"f":"Epilogue","c":"Sans Serif"},{"f":"League Spartan","c":"Sans Serif"},{"f":"IBM Plex Serif","c":"Serif"},{"f":"Kalam","c":"Handwriting"},{"f":"Exo","c":"Sans Serif"},{"f":"Gravitas One","c":"Display"},{"f":"Satisfy","c":"Handwriting"},{"f":"Archivo Narrow","c":"Sans Serif"},{"f":"Great Vibes","c":"Handwriting"},{"f":"Onest","c":"Sans Serif"},{"f":"Cormorant","c":"Serif"},{"f":"Nanum Myeongjo","c":"Serif"},{"f":"Spectral","c":"Serif"},{"f":"Frank Ruhl Libre","c":"Serif"},{"f":"Saira Condensed","c":"Sans Serif"},{"f":"Noto Serif SC","c":"Serif"},{"f":"Sarabun","c":"Sans Serif"},{"f":"Unbounded","c":"Sans Serif"},{"f":"Syne","c":"Sans Serif"},{"f":"Zen Maru Gothic","c":"Sans Serif"},{"f":"Crimson Pro","c":"Serif"},{"f":"Noto Serif TC","c":"Serif"},{"f":"IBM Plex Sans Arabic","c":"Sans Serif"},{"f":"Indie Flower","c":"Handwriting"},{"f":"Noto Serif KR","c":"Serif"},{"f":"Encode Sans","c":"Sans Serif"},{"f":"Permanent Marker","c":"Handwriting"},{"f":"Yanone Kaffeesatz","c":"Sans Serif"},{"f":"Vollkorn","c":"Serif"},{"f":"Amiri","c":"Serif"},{"f":"Alegreya Sans","c":"Sans Serif"},{"f":"Fira Sans Condensed","c":"Sans Serif"},{"f":"Sofia Sans","c":"Sans Serif"},{"f":"Noto Sans Tamil","c":"Sans Serif"},{"f":"Roboto Serif","c":"Serif"},{"f":"News Cycle","c":"Sans Serif"},{"f":"Literata","c":"Serif"},{"f":"Catamaran","c":"Sans Serif"},{"f":"Righteous","c":"Display"},{"f":"Rowdies","c":"Display"},{"f":"Unna","c":"Serif"},{"f":"Press Start 2P","c":"Display"},{"f":"Signika","c":"Sans Serif"},{"f":"Noto Kufi Arabic","c":"Sans Serif"},{"f":"Luckiest Guy","c":"Display"},{"f":"Montserrat Alternates","c":"Sans Serif"},{"f":"Bevan","c":"Serif"},{"f":"Aleo","c":"Serif"},{"f":"Hammersmith One","c":"Sans Serif"},{"f":"Cardo","c":"Serif"},{"f":"DM Serif Text","c":"Serif"},{"f":"Fira Code","c":"Monospace"},{"f":"Viga","c":"Sans Serif"},{"f":"Antic Slab","c":"Serif"},{"f":"Titan One","c":"Display"},{"f":"Hind Madurai","c":"Sans Serif"},{"f":"Atkinson Hyperlegible","c":"Sans Serif"},{"f":"Noto Sans Devanagari","c":"Sans Serif"},{"f":"Yellowtail","c":"Handwriting"},{"f":"Baskervville","c":"Serif"},{"f":"Bree Serif","c":"Serif"},{"f":"Kameron","c":"Serif"},{"f":"Shippori Mincho","c":"Serif"},{"f":"Tinos","c":"Serif"},{"f":"Red Hat Text","c":"Sans Serif"},{"f":"Readex Pro","c":"Sans Serif"},{"f":"Gothic A1","c":"Sans Serif"},{"f":"Baloo 2","c":"Display"},{"f":"LINE Seed JP","c":"Sans Serif"},{"f":"Angkor","c":"Display"},{"f":"Russo One","c":"Sans Serif"},{"f":"Courier Prime","c":"Monospace"},{"f":"Libre Barcode 39","c":"Display"},{"f":"Khand","c":"Sans Serif"},{"f":"Sawarabi Mincho","c":"Serif"},{"f":"Noto Nastaliq Urdu","c":"Serif"},{"f":"Playfair","c":"Serif"},{"f":"Prata","c":"Serif"},{"f":"Share Tech Mono","c":"Monospace"},{"f":"Amatic SC","c":"Handwriting"},{"f":"Kumbh Sans","c":"Sans Serif"},{"f":"Acme","c":"Sans Serif"},{"f":"Advent Pro","c":"Sans Serif"},{"f":"Special Elite","c":"Display"},{"f":"Lexend Giga","c":"Sans Serif"},{"f":"Tenor Sans","c":"Sans Serif"},{"f":"Noticia Text","c":"Serif"},{"f":"Noto Sans Display","c":"Sans Serif"},{"f":"Bangers","c":"Display"},{"f":"Alegreya","c":"Serif"},{"f":"Crete Round","c":"Serif"},{"f":"Alata","c":"Sans Serif"},{"f":"Noto Naskh Arabic","c":"Serif"},{"f":"Noto Sans Mono","c":"Sans Serif"},{"f":"Chivo","c":"Sans Serif"},{"f":"Cantarell","c":"Sans Serif"},{"f":"Changa","c":"Sans Serif"},{"f":"Allura","c":"Handwriting"},{"f":"Libre Caslon Text","c":"Serif"},{"f":"Passion One","c":"Display"},{"f":"Martel","c":"Serif"},{"f":"VT323","c":"Monospace"},{"f":"Comic Neue","c":"Handwriting"},{"f":"Rubik Mono One","c":"Sans Serif"},{"f":"Sawarabi Gothic","c":"Sans Serif"},{"f":"Courgette","c":"Handwriting"},{"f":"Creepster","c":"Display"},{"f":"League Gothic","c":"Sans Serif"},{"f":"Zeyada","c":"Handwriting"},{"f":"Kaushan Script","c":"Handwriting"},{"f":"Zen Old Mincho","c":"Serif"},{"f":"Sofia Sans Condensed","c":"Sans Serif"},{"f":"Old Standard TT","c":"Serif"},{"f":"Patua One","c":"Display"},{"f":"Nanum Gothic Coding","c":"Handwriting"},{"f":"Sanchez","c":"Serif"},{"f":"BIZ UDPGothic","c":"Sans Serif"},{"f":"Noto Sans Bengali","c":"Sans Serif"},{"f":"Golos Text","c":"Sans Serif"},{"f":"Paytone One","c":"Sans Serif"},{"f":"Fugaz One","c":"Display"},{"f":"PT Sans Caption","c":"Sans Serif"},{"f":"Quattrocento","c":"Serif"},{"f":"Sen","c":"Sans Serif"},{"f":"Chelsea Market","c":"Display"},{"f":"Actor","c":"Sans Serif"},{"f":"STIX Two Text","c":"Serif"},{"f":"Sacramento","c":"Handwriting"},{"f":"IBM Plex Sans Condensed","c":"Sans Serif"},{"f":"Philosopher","c":"Sans Serif"},{"f":"Yantramanav","c":"Sans Serif"},{"f":"Signika Negative","c":"Sans Serif"},{"f":"Antonio","c":"Sans Serif"},{"f":"Cookie","c":"Handwriting"},{"f":"Kosugi Maru","c":"Sans Serif"},{"f":"Francois One","c":"Sans Serif"},{"f":"Noto Sans Hebrew","c":"Sans Serif"},{"f":"Gruppo","c":"Sans Serif"},{"f":"Patrick Hand","c":"Handwriting"},{"f":"Rokkitt","c":"Serif"},{"f":"Oleo Script","c":"Display"},{"f":"Commissioner","c":"Sans Serif"},{"f":"Playfair Display SC","c":"Serif"},{"f":"Bai Jamjuree","c":"Sans Serif"},{"f":"Radio Canada","c":"Sans Serif"},{"f":"Didact Gothic","c":"Sans Serif"},{"f":"Alexandria","c":"Sans Serif"},{"f":"Libre Bodoni","c":"Serif"},{"f":"Oxanium","c":"Display"},{"f":"Gelasio","c":"Serif"},{"f":"Gilda Display","c":"Serif"},{"f":"PT Mono","c":"Monospace"},{"f":"Gabarito","c":"Display"},{"f":"Amaranth","c":"Sans Serif"},{"f":"Forum","c":"Display"},{"f":"Encode Sans Condensed","c":"Sans Serif"},{"f":"Google Sans Code","c":"Monospace"},{"f":"Concert One","c":"Display"},{"f":"Goldman","c":"Display"},{"f":"Josefin Slab","c":"Serif"},{"f":"Rock Salt","c":"Handwriting"},{"f":"Quattrocento Sans","c":"Sans Serif"},{"f":"Berkshire Swash","c":"Handwriting"},{"f":"Tangerine","c":"Handwriting"},{"f":"Pathway Gothic One","c":"Sans Serif"},{"f":"Ubuntu Condensed","c":"Sans Serif"},{"f":"Rammetto One","c":"Display"},{"f":"Chango","c":"Display"},{"f":"Unica One","c":"Display"},{"f":"Neuton","c":"Serif"},{"f":"Jura","c":"Sans Serif"},{"f":"M PLUS 1","c":"Sans Serif"},{"f":"Homemade Apple","c":"Handwriting"},{"f":"Eater","c":"Display"},{"f":"Staatliches","c":"Display"},{"f":"Playball","c":"Display"},{"f":"Audiowide","c":"Display"},{"f":"Krub","c":"Sans Serif"},{"f":"Poiret One","c":"Display"},{"f":"El Messiri","c":"Sans Serif"},{"f":"Italianno","c":"Handwriting"},{"f":"Parisienne","c":"Handwriting"},{"f":"Monoton","c":"Display"},{"f":"Architects Daughter","c":"Handwriting"},{"f":"Alex Brush","c":"Handwriting"},{"f":"Lusitana","c":"Serif"},{"f":"Mitr","c":"Sans Serif"},{"f":"Lustria","c":"Serif"},{"f":"Merienda","c":"Handwriting"},{"f":"Noto Serif Bengali","c":"Serif"},{"f":"Michroma","c":"Sans Serif"},{"f":"Hind Guntur","c":"Sans Serif"},{"f":"Glegoo","c":"Serif"},{"f":"Biryani","c":"Sans Serif"},{"f":"Abhaya Libre","c":"Serif"},{"f":"Asap Condensed","c":"Sans Serif"},{"f":"Gloria Hallelujah","c":"Handwriting"},{"f":"Quantico","c":"Sans Serif"},{"f":"Vazirmatn","c":"Sans Serif"},{"f":"Pinyon Script","c":"Handwriting"},{"f":"Faustina","c":"Serif"},{"f":"Cinzel Decorative","c":"Display"},{"f":"Arsenal","c":"Sans Serif"},{"f":"Saira Semi Condensed","c":"Sans Serif"},{"f":"Fira Sans Extra Condensed","c":"Sans Serif"},{"f":"Sofia Sans Extra Condensed","c":"Sans Serif"},{"f":"Noto Sans HK","c":"Sans Serif"},{"f":"Dela Gothic One","c":"Display"},{"f":"GFS Didot","c":"Serif"},{"f":"Yeseva One","c":"Display"},{"f":"Mona Sans","c":"Sans Serif"},{"f":"Reenie Beanie","c":"Handwriting"},{"f":"Sorts Mill Goudy","c":"Serif"},{"f":"Noto Sans Malayalam","c":"Sans Serif"},{"f":"Istok Web","c":"Sans Serif"},{"f":"Black Han Sans","c":"Sans Serif"},{"f":"Bowlby One SC","c":"Display"},{"f":"Akshar","c":"Sans Serif"},{"f":"Volkhov","c":"Serif"},{"f":"Alice","c":"Serif"},{"f":"Nanum Pen Script","c":"Handwriting"},{"f":"Racing Sans One","c":"Display"},{"f":"Belleza","c":"Sans Serif"},{"f":"Lalezar","c":"Sans Serif"},{"f":"Averia Serif Libre","c":"Display"},{"f":"Ropa Sans","c":"Sans Serif"},{"f":"Cormorant Infant","c":"Serif"},{"f":"Besley","c":"Serif"},{"f":"Ubuntu Sans","c":"Sans Serif"},{"f":"Petrona","c":"Serif"},{"f":"Afacad","c":"Sans Serif"},{"f":"Eczar","c":"Serif"},{"f":"Caveat Brush","c":"Handwriting"},{"f":"Syncopate","c":"Sans Serif"},{"f":"IBM Plex Sans Thai","c":"Sans Serif"},{"f":"Delius","c":"Handwriting"},{"f":"Hind Vadodara","c":"Sans Serif"},{"f":"Ubuntu Mono","c":"Monospace"},{"f":"Saira Extra Condensed","c":"Sans Serif"},{"f":"Noto Sans Symbols","c":"Sans Serif"},{"f":"Anonymous Pro","c":"Monospace"},{"f":"Mr Dafoe","c":"Handwriting"},{"f":"Blinker","c":"Sans Serif"},{"f":"Noto Serif Display","c":"Serif"},{"f":"Reddit Sans","c":"Sans Serif"},{"f":"Dongle","c":"Sans Serif"},{"f":"Jua","c":"Sans Serif"},{"f":"Monda","c":"Sans Serif"},{"f":"Vidaloka","c":"Serif"},{"f":"Mada","c":"Sans Serif"},{"f":"Familjen Grotesk","c":"Sans Serif"},{"f":"Economica","c":"Sans Serif"},{"f":"Cousine","c":"Monospace"},{"f":"Anek Bangla","c":"Sans Serif"},{"f":"Mate","c":"Serif"},{"f":"Georama","c":"Sans Serif"},{"f":"Taviraj","c":"Serif"},{"f":"Fira Mono","c":"Monospace"},{"f":"Belanosima","c":"Sans Serif"},{"f":"Varela","c":"Sans Serif"},{"f":"Andada Pro","c":"Serif"},{"f":"M PLUS 2","c":"Sans Serif"},{"f":"Zen Kaku Gothic Antique","c":"Sans Serif"},{"f":"Cuprum","c":"Sans Serif"},{"f":"Nothing You Could Do","c":"Handwriting"},{"f":"Calistoga","c":"Display"},{"f":"Shippori Mincho B1","c":"Serif"},{"f":"Cabin Condensed","c":"Sans Serif"},{"f":"Amita","c":"Handwriting"},{"f":"Squada One","c":"Display"},{"f":"Bad Script","c":"Handwriting"},{"f":"Special Gothic","c":"Sans Serif"},{"f":"Special Gothic Condensed One","c":"Sans Serif"},{"f":"Host Grotesk","c":"Sans Serif"},{"f":"Gochi Hand","c":"Handwriting"},{"f":"Arapey","c":"Serif"},{"f":"Six Caps","c":"Sans Serif"},{"f":"Ultra","c":"Serif"},{"f":"Gudea","c":"Sans Serif"},{"f":"Jersey 25","c":"Display"},{"f":"Londrina Solid","c":"Display"},{"f":"Mukta Malar","c":"Sans Serif"},{"f":"Kaisei Decol","c":"Serif"},{"f":"Reem Kufi","c":"Sans Serif"},{"f":"Ms Madi","c":"Handwriting"},{"f":"Pridi","c":"Serif"},{"f":"Palanquin","c":"Sans Serif"},{"f":"Julius Sans One","c":"Sans Serif"},{"f":"Caprasimo","c":"Display"},{"f":"IBM Plex Sans JP","c":"Sans Serif"},{"f":"IM Fell English","c":"Serif"},{"f":"Pragati Narrow","c":"Sans Serif"},{"f":"Martel Sans","c":"Sans Serif"},{"f":"Khula","c":"Sans Serif"},{"f":"Pangolin","c":"Handwriting"},{"f":"Shrikhand","c":"Display"},{"f":"Just Another Hand","c":"Handwriting"},{"f":"Marck Script","c":"Handwriting"},{"f":"Funnel Sans","c":"Sans Serif"},{"f":"REM","c":"Sans Serif"},{"f":"Ruda","c":"Sans Serif"},{"f":"Adamina","c":"Serif"},{"f":"Leckerli One","c":"Handwriting"},{"f":"Damion","c":"Handwriting"},{"f":"Pirata One","c":"Display"},{"f":"Niramit","c":"Sans Serif"},{"f":"Bowlby One","c":"Display"},{"f":"Allison","c":"Handwriting"},{"f":"Tilt Warp","c":"Display"},{"f":"Sofia","c":"Handwriting"},{"f":"Wix Madefor Display","c":"Sans Serif"},{"f":"Krona One","c":"Sans Serif"},{"f":"Murecho","c":"Sans Serif"},{"f":"Kiwi Maru","c":"Serif"},{"f":"Carter One","c":"Display"},{"f":"Handlee","c":"Handwriting"},{"f":"Aboreto","c":"Display"},{"f":"Mrs Saint Delafield","c":"Handwriting"},{"f":"Darker Grotesque","c":"Sans Serif"},{"f":"Hachi Maru Pop","c":"Handwriting"},{"f":"Mandali","c":"Sans Serif"},{"f":"Limelight","c":"Display"},{"f":"Sriracha","c":"Handwriting"},{"f":"Anek Latin","c":"Sans Serif"},{"f":"Fahkwang","c":"Sans Serif"},{"f":"Andika","c":"Sans Serif"},{"f":"La Belle Aurore","c":"Handwriting"},{"f":"Palanquin Dark","c":"Sans Serif"},{"f":"Aldrich","c":"Sans Serif"},{"f":"Covered By Your Grace","c":"Handwriting"},{"f":"Italiana","c":"Sans Serif"},{"f":"Do Hyeon","c":"Sans Serif"},{"f":"MuseoModerno","c":"Display"},{"f":"BIZ UDGothic","c":"Sans Serif"},{"f":"Noto Sans Gujarati","c":"Sans Serif"},{"f":"Pontano Sans","c":"Sans Serif"},{"f":"Wix Madefor Text","c":"Sans Serif"},{"f":"Sansita","c":"Sans Serif"},{"f":"Alegreya Sans SC","c":"Sans Serif"},{"f":"Cedarville Cursive","c":"Handwriting"},{"f":"Sarala","c":"Sans Serif"},{"f":"Chewy","c":"Display"},{"f":"Potta One","c":"Display"},{"f":"Charm","c":"Handwriting"},{"f":"Itim","c":"Handwriting"},{"f":"Spline Sans","c":"Sans Serif"},{"f":"Atkinson Hyperlegible Next","c":"Sans Serif"},{"f":"Cutive Mono","c":"Monospace"},{"f":"Boogaloo","c":"Display"},{"f":"Alef","c":"Sans Serif"},{"f":"Libre Barcode 128","c":"Display"},{"f":"Baloo Da 2","c":"Display"},{"f":"Basic","c":"Sans Serif"},{"f":"Secular One","c":"Sans Serif"},{"f":"Kreon","c":"Serif"},{"f":"Livvic","c":"Sans Serif"},{"f":"UnifrakturMaguntia","c":"Display"},{"f":"Gloock","c":"Serif"},{"f":"Yuji Mai","c":"Serif"},{"f":"Ma Shan Zheng","c":"Handwriting"},{"f":"Protest Revolution","c":"Display"},{"f":"Rufina","c":"Serif"},{"f":"Proza Libre","c":"Sans Serif"},{"f":"Fustat","c":"Sans Serif"},{"f":"Stardos Stencil","c":"Display"},{"f":"Markazi Text","c":"Serif"},{"f":"BenchNine","c":"Sans Serif"},{"f":"Marcellus SC","c":"Serif"},{"f":"Rye","c":"Display"},{"f":"Electrolize","c":"Sans Serif"},{"f":"Bona Nova SC","c":"Serif"},{"f":"Noto Serif Hebrew","c":"Serif"},{"f":"Noto Sans Sinhala","c":"Sans Serif"},{"f":"Poller One","c":"Display"},{"f":"Coda","c":"Display"},{"f":"Big Shoulders","c":"Display"},{"f":"Lateef","c":"Serif"},{"f":"Corben","c":"Display"},{"f":"Ovo","c":"Serif"},{"f":"Anuphan","c":"Sans Serif"},{"f":"Yrsa","c":"Serif"},{"f":"Tomorrow","c":"Sans Serif"},{"f":"Tektur","c":"Display"},{"f":"Fredericka the Great","c":"Display"},{"f":"Anek Devanagari","c":"Sans Serif"},{"f":"Herr Von Muellerhoff","c":"Handwriting"},{"f":"Inria Serif","c":"Serif"},{"f":"PT Serif Caption","c":"Serif"},{"f":"Yatra One","c":"Display"},{"f":"K2D","c":"Sans Serif"},{"f":"Cabin Sketch","c":"Display"},{"f":"Lexend Exa","c":"Sans Serif"},{"f":"Noto Sans Myanmar","c":"Sans Serif"},{"f":"Funnel Display","c":"Display"},{"f":"Athiti","c":"Sans Serif"},{"f":"Geo","c":"Sans Serif"},{"f":"Barriecito","c":"Display"},{"f":"Grandstander","c":"Display"},{"f":"Judson","c":"Serif"},{"f":"Rozha One","c":"Serif"},{"f":"Neucha","c":"Handwriting"},{"f":"Aclonica","c":"Sans Serif"},{"f":"Averia Libre","c":"Display"},{"f":"Lemonada","c":"Display"},{"f":"Shadows Into Light Two","c":"Handwriting"},{"f":"Gantari","c":"Sans Serif"},{"f":"Parkinsans","c":"Sans Serif"},{"f":"Oooh Baby","c":"Handwriting"},{"f":"AR One Sans","c":"Sans Serif"},{"f":"Podkova","c":"Serif"},{"f":"Share","c":"Sans Serif"},{"f":"Sintony","c":"Sans Serif"},{"f":"Days One","c":"Sans Serif"},{"f":"Charis SIL","c":"Serif"},{"f":"DynaPuff","c":"Display"},{"f":"Grenze Gotisch","c":"Display"},{"f":"Bellefair","c":"Serif"},{"f":"Gowun Batang","c":"Serif"},{"f":"Noto Serif Devanagari","c":"Serif"},{"f":"Castoro","c":"Serif"},{"f":"Metrophobic","c":"Sans Serif"},{"f":"Wallpoet","c":"Display"},{"f":"Tiro Bangla","c":"Serif"},{"f":"Noto Sans Meetei Mayek","c":"Sans Serif"},{"f":"Caudex","c":"Serif"},{"f":"Balsamiq Sans","c":"Display"},{"f":"Vina Sans","c":"Display"},{"f":"Cormorant Upright","c":"Serif"},{"f":"Sofia Sans Semi Condensed","c":"Sans Serif"},{"f":"Oranienbaum","c":"Serif"},{"f":"Allerta Stencil","c":"Sans Serif"},{"f":"Glory","c":"Sans Serif"},{"f":"Fragment Mono","c":"Monospace"},{"f":"Armata","c":"Sans Serif"},{"f":"Laila","c":"Serif"},{"f":"Candal","c":"Sans Serif"},{"f":"DotGothic16","c":"Sans Serif"},{"f":"Spinnaker","c":"Sans Serif"},{"f":"Tiro Devanagari Hindi","c":"Serif"},{"f":"Faster One","c":"Display"},{"f":"Kosugi","c":"Sans Serif"},{"f":"Noto Sans Gurmukhi","c":"Sans Serif"},{"f":"Niconne","c":"Handwriting"},{"f":"Recursive","c":"Sans Serif"},{"f":"Radley","c":"Serif"},{"f":"Libre Caslon Display","c":"Serif"},{"f":"Zen Dots","c":"Display"},{"f":"ADLaM Display","c":"Display"},{"f":"Pattaya","c":"Sans Serif"},{"f":"Overpass Mono","c":"Monospace"},{"f":"Norican","c":"Handwriting"},{"f":"Suez One","c":"Serif"},{"f":"Pathway Extreme","c":"Sans Serif"},{"f":"Noto Sans Kannada","c":"Sans Serif"},{"f":"Pixelify Sans","c":"Display"},{"f":"Miriam Libre","c":"Sans Serif"},{"f":"Rampart One","c":"Display"},{"f":"BIZ UDPMincho","c":"Serif"},{"f":"Brygada 1918","c":"Serif"},{"f":"Carlito","c":"Sans Serif"},{"f":"Hina Mincho","c":"Serif"},{"f":"Rancho","c":"Handwriting"},{"f":"Karma","c":"Serif"},{"f":"Macondo","c":"Display"},{"f":"David Libre","c":"Serif"},{"f":"Lexend Zetta","c":"Sans Serif"},{"f":"Klee One","c":"Handwriting"},{"f":"Graduate","c":"Serif"},{"f":"Young Serif","c":"Serif"},{"f":"Nanum Brush Script","c":"Handwriting"},{"f":"Trirong","c":"Serif"},{"f":"Dawning of a New Day","c":"Handwriting"},{"f":"Alatsi","c":"Sans Serif"},{"f":"Cormorant Unicase","c":"Serif"},{"f":"ZCOOL QingKe HuangYou","c":"Sans Serif"},{"f":"Cormorant SC","c":"Serif"},{"f":"Bellota Text","c":"Display"},{"f":"IBM Plex Sans KR","c":"Sans Serif"},{"f":"Antic","c":"Sans Serif"},{"f":"Chivo Mono","c":"Monospace"},{"f":"Chiron GoRound TC","c":"Sans Serif"},{"f":"Knewave","c":"Display"},{"f":"Quintessential","c":"Handwriting"},{"f":"Nobile","c":"Sans Serif"},{"f":"Petit Formal Script","c":"Handwriting"},{"f":"Mali","c":"Handwriting"},{"f":"Azeret Mono","c":"Monospace"},{"f":"Style Script","c":"Handwriting"},{"f":"Antic Didone","c":"Serif"},{"f":"Red Hat Mono","c":"Monospace"},{"f":"Hepta Slab","c":"Serif"},{"f":"Grand Hotel","c":"Handwriting"},{"f":"Caladea","c":"Serif"},{"f":"Mochiy Pop One","c":"Sans Serif"},{"f":"Cantata One","c":"Serif"},{"f":"Annie Use Your Telescope","c":"Handwriting"},{"f":"Schoolbell","c":"Handwriting"},{"f":"Noto Sans Georgian","c":"Sans Serif"},{"f":"Montagu Slab","c":"Serif"},{"f":"Original Surfer","c":"Display"},{"f":"Noto Emoji","c":"Sans Serif"},{"f":"Fjord One","c":"Serif"},{"f":"RocknRoll One","c":"Sans Serif"},{"f":"Arbutus Slab","c":"Serif"},{"f":"Kristi","c":"Handwriting"},{"f":"Marvel","c":"Sans Serif"},{"f":"Anton SC","c":"Sans Serif"},{"f":"Seaweed Script","c":"Display"},{"f":"Special Gothic Expanded One","c":"Sans Serif"},{"f":"Alegreya SC","c":"Serif"},{"f":"Chonburi","c":"Display"},{"f":"Sedgwick Ave Display","c":"Handwriting"},{"f":"BioRhyme","c":"Serif"},{"f":"IBM Plex Sans Hebrew","c":"Sans Serif"},{"f":"Nixie One","c":"Display"},{"f":"ZCOOL KuaiLe","c":"Sans Serif"},{"f":"Qwitcher Grypen","c":"Handwriting"},{"f":"Telex","c":"Sans Serif"},{"f":"Silkscreen","c":"Display"},{"f":"Radio Canada Big","c":"Sans Serif"},{"f":"Monsieur La Doulaise","c":"Handwriting"},{"f":"Ibarra Real Nova","c":"Serif"},{"f":"Arizonia","c":"Handwriting"},{"f":"Lacquer","c":"Display"},{"f":"Yusei Magic","c":"Sans Serif"},{"f":"Enriqueta","c":"Serif"},{"f":"Goudy Bookletter 1911","c":"Serif"},{"f":"Honk","c":"Display"},{"f":"Overlock","c":"Display"},{"f":"ZCOOL XiaoWei","c":"Sans Serif"},{"f":"Scheherazade New","c":"Serif"},{"f":"Delius Unicase","c":"Handwriting"},{"f":"Afacad Flux","c":"Sans Serif"},{"f":"Rakkas","c":"Display"},{"f":"Sniglet","c":"Display"},{"f":"Average Sans","c":"Sans Serif"},{"f":"Libre Barcode 39 Text","c":"Display"},{"f":"Sometype Mono","c":"Monospace"},{"f":"Halant","c":"Serif"},{"f":"Almendra","c":"Serif"},{"f":"Noto Sans Oriya","c":"Sans Serif"},{"f":"Tienne","c":"Serif"},{"f":"Calligraffitti","c":"Handwriting"},{"f":"Ephesis","c":"Handwriting"},{"f":"Bentham","c":"Serif"},{"f":"Encode Sans Expanded","c":"Sans Serif"},{"f":"Spline Sans Mono","c":"Monospace"},{"f":"Skranji","c":"Display"},{"f":"Waiting for the Sunrise","c":"Handwriting"},{"f":"Allerta","c":"Sans Serif"},{"f":"Beth Ellen","c":"Handwriting"},{"f":"Rosario","c":"Sans Serif"},{"f":"Agbalumo","c":"Display"},{"f":"Zalando Sans Expanded","c":"Sans Serif"},{"f":"Sarina","c":"Display"},{"f":"Oxygen Mono","c":"Monospace"},{"f":"Cal Sans","c":"Sans Serif"},{"f":"Maitree","c":"Serif"},{"f":"Sigmar One","c":"Display"},{"f":"Reddit Sans Condensed","c":"Sans Serif"},{"f":"Lekton","c":"Monospace"},{"f":"Meddon","c":"Handwriting"},{"f":"Noto Serif Georgian","c":"Serif"},{"f":"Coming Soon","c":"Handwriting"},{"f":"Zen Antique","c":"Serif"},{"f":"Kantumruy Pro","c":"Sans Serif"},{"f":"Inria Sans","c":"Sans Serif"},{"f":"Uncial Antiqua","c":"Display"},{"f":"Baloo Thambi 2","c":"Display"},{"f":"Over the Rainbow","c":"Handwriting"},{"f":"Fondamento","c":"Handwriting"},{"f":"Cherry Bomb One","c":"Display"},{"f":"Lexend Peta","c":"Sans Serif"},{"f":"Turret Road","c":"Display"},{"f":"Megrim","c":"Display"},{"f":"Love Ya Like A Sister","c":"Display"},{"f":"Noto Sans Warang Citi","c":"Sans Serif"},{"f":"Padauk","c":"Sans Serif"},{"f":"Aref Ruqaa","c":"Serif"},{"f":"Gowun Dodum","c":"Sans Serif"},{"f":"Playpen Sans","c":"Handwriting"},{"f":"Tilt Neon","c":"Display"},{"f":"Poetsen One","c":"Display"},{"f":"Yesteryear","c":"Handwriting"},{"f":"Koulen","c":"Display"},{"f":"IM Fell English SC","c":"Serif"},{"f":"Yuji Syuku","c":"Serif"},{"f":"Fuzzy Bubbles","c":"Handwriting"},{"f":"Amiko","c":"Sans Serif"},{"f":"Supermercado One","c":"Display"},{"f":"Meow Script","c":"Handwriting"},{"f":"Gaegu","c":"Handwriting"},{"f":"Rubik Dirt","c":"Display"},{"f":"Anybody","c":"Display"},{"f":"Vujahday Script","c":"Handwriting"},{"f":"Rouge Script","c":"Handwriting"},{"f":"Bungee Shade","c":"Display"},{"f":"Irish Grover","c":"Display"},{"f":"TikTok Sans","c":"Sans Serif"},{"f":"Hanuman","c":"Serif"},{"f":"Kadwa","c":"Serif"},{"f":"Hurricane","c":"Handwriting"},{"f":"Bayon","c":"Sans Serif"},{"f":"Flow Circular","c":"Display"},{"f":"MedievalSharp","c":"Display"},{"f":"Mansalva","c":"Handwriting"},{"f":"Magra","c":"Sans Serif"},{"f":"Mountains of Christmas","c":"Display"},{"f":"Kaisei Opti","c":"Serif"},{"f":"Hedvig Letters Serif","c":"Serif"},{"f":"Battambang","c":"Display"},{"f":"Noto Sans Armenian","c":"Sans Serif"},{"f":"Bubblegum Sans","c":"Display"},{"f":"Monomaniac One","c":"Sans Serif"},{"f":"Manjari","c":"Sans Serif"},{"f":"Nova Mono","c":"Monospace"},{"f":"Red Rose","c":"Display"},{"f":"Jockey One","c":"Sans Serif"},{"f":"Bokor","c":"Display"},{"f":"Mouse Memoirs","c":"Sans Serif"},{"f":"B612","c":"Sans Serif"},{"f":"Corinthia","c":"Handwriting"},{"f":"Boldonse","c":"Display"},{"f":"Metamorphous","c":"Display"},{"f":"Slackey","c":"Display"},{"f":"Farro","c":"Sans Serif"},{"f":"Hahmlet","c":"Serif"},{"f":"Bungee Inline","c":"Display"},{"f":"Croissant One","c":"Display"},{"f":"Baloo Tamma 2","c":"Display"},{"f":"Asul","c":"Serif"},{"f":"Tiro Devanagari Sanskrit","c":"Serif"},{"f":"Syne Mono","c":"Monospace"},{"f":"Akatab","c":"Sans Serif"},{"f":"Bilbo Swash Caps","c":"Handwriting"},{"f":"Baloo Chettan 2","c":"Display"},{"f":"Gabriela","c":"Serif"},{"f":"Copse","c":"Serif"},{"f":"Noto Sans Thai Looped","c":"Sans Serif"},{"f":"Gamja Flower","c":"Handwriting"},{"f":"Rochester","c":"Handwriting"},{"f":"Zen Kurenaido","c":"Sans Serif"},{"f":"Major Mono Display","c":"Monospace"},{"f":"Platypi","c":"Serif"},{"f":"Vollkorn SC","c":"Serif"},{"f":"Carrois Gothic","c":"Sans Serif"},{"f":"Noto Sans Ol Chiki","c":"Sans Serif"},{"f":"Scada","c":"Sans Serif"},{"f":"Encode Sans Semi Condensed","c":"Sans Serif"},{"f":"Xanh Mono","c":"Monospace"},{"f":"Rambla","c":"Sans Serif"},{"f":"Germania One","c":"Display"},{"f":"Vesper Libre","c":"Serif"},{"f":"Mr De Haviland","c":"Handwriting"},{"f":"Della Respira","c":"Serif"},{"f":"KoHo","c":"Sans Serif"},{"f":"Martian Mono","c":"Monospace"},{"f":"Playpen Sans Hebrew","c":"Handwriting"},{"f":"Average","c":"Serif"},{"f":"Qwigley","c":"Handwriting"},{"f":"Zen Antique Soft","c":"Serif"},{"f":"Baloo Bhaijaan 2","c":"Display"},{"f":"Contrail One","c":"Display"},{"f":"Asar","c":"Serif"},{"f":"Birthstone","c":"Handwriting"},{"f":"Marmelad","c":"Sans Serif"},{"f":"Rasa","c":"Serif"},{"f":"Finger Paint","c":"Display"},{"f":"Mirza","c":"Serif"},{"f":"Slabo 13px","c":"Serif"},{"f":"Aguafina Script","c":"Handwriting"},{"f":"Nova Square","c":"Display"},{"f":"Cambay","c":"Sans Serif"},{"f":"Doppio One","c":"Sans Serif"},{"f":"Alike","c":"Serif"},{"f":"Voltaire","c":"Sans Serif"},{"f":"Vibur","c":"Handwriting"},{"f":"Kodchasan","c":"Sans Serif"},{"f":"Baloo Bhai 2","c":"Display"},{"f":"Coustard","c":"Serif"},{"f":"Ruslan Display","c":"Display"},{"f":"SUSE","c":"Sans Serif"},{"f":"Kurale","c":"Serif"},{"f":"Viaoda Libre","c":"Display"},{"f":"Quando","c":"Serif"},{"f":"Jaldi","c":"Sans Serif"},{"f":"Walter Turncoat","c":"Handwriting"},{"f":"Give You Glory","c":"Handwriting"},{"f":"Mohave","c":"Sans Serif"},{"f":"Trocchi","c":"Serif"},{"f":"IM Fell DW Pica","c":"Serif"},{"f":"Tiro Devanagari Marathi","c":"Serif"},{"f":"Inknut Antiqua","c":"Serif"},{"f":"Gurajada","c":"Sans Serif"},{"f":"Gotu","c":"Sans Serif"},{"f":"Piazzolla","c":"Serif"},{"f":"B612 Mono","c":"Monospace"},{"f":"Inclusive Sans","c":"Sans Serif"},{"f":"Spectral SC","c":"Serif"},{"f":"Fontdiner Swanky","c":"Display"},{"f":"Vast Shadow","c":"Serif"},{"f":"Galada","c":"Display"},{"f":"Coiny","c":"Display"},{"f":"Sue Ellen Francisco","c":"Handwriting"},{"f":"Encode Sans Semi Expanded","c":"Sans Serif"},{"f":"Libre Barcode 39 Extended Text","c":"Display"},{"f":"Bungee Spice","c":"Display"},{"f":"Zalando Sans","c":"Sans Serif"},{"f":"Mukta Mahee","c":"Sans Serif"},{"f":"Zalando Sans SemiExpanded","c":"Sans Serif"},{"f":"Mallanna","c":"Sans Serif"},{"f":"Cambo","c":"Serif"},{"f":"Mukta Vaani","c":"Sans Serif"},{"f":"Sansita Swashed","c":"Display"},{"f":"Averia Sans Libre","c":"Display"},{"f":"Fauna One","c":"Serif"},{"f":"Comic Relief","c":"Display"},{"f":"Rubik Doodle Shadow","c":"Display"},{"f":"Noto Serif Khojki","c":"Serif"},{"f":"Sail","c":"Display"},{"f":"Harmattan","c":"Sans Serif"},{"f":"Buenard","c":"Serif"},{"f":"Agdasima","c":"Sans Serif"},{"f":"Molengo","c":"Sans Serif"},{"f":"Fanwood Text","c":"Serif"},{"f":"Tenali Ramakrishna","c":"Sans Serif"},{"f":"Arima","c":"Display"},{"f":"Euphoria Script","c":"Handwriting"},{"f":"Expletus Sans","c":"Display"},{"f":"Noto Serif Thai","c":"Serif"},{"f":"Julee","c":"Handwriting"},{"f":"Sunflower","c":"Sans Serif"},{"f":"Allan","c":"Display"},{"f":"Oleo Script Swash Caps","c":"Display"},{"f":"Frijole","c":"Display"},{"f":"Shantell Sans","c":"Display"},{"f":"Cutive","c":"Serif"},{"f":"Phudu","c":"Display"},{"f":"Rubik Glitch","c":"Display"},{"f":"Asta Sans","c":"Sans Serif"},{"f":"League Script","c":"Handwriting"},{"f":"Poly","c":"Serif"},{"f":"Amarante","c":"Display"},{"f":"Teachers","c":"Sans Serif"},{"f":"Square Peg","c":"Handwriting"},{"f":"Jomhuria","c":"Display"},{"f":"Montez","c":"Handwriting"},{"f":"Prosto One","c":"Display"},{"f":"Denk One","c":"Sans Serif"},{"f":"Annapurna SIL","c":"Serif"},{"f":"McLaren","c":"Display"},{"f":"MonteCarlo","c":"Handwriting"},{"f":"Pompiere","c":"Display"},{"f":"Redressed","c":"Handwriting"},{"f":"Zain","c":"Sans Serif"},{"f":"Hi Melody","c":"Handwriting"},{"f":"Brawler","c":"Serif"},{"f":"Capriola","c":"Sans Serif"},{"f":"Thasadith","c":"Sans Serif"},{"f":"Ysabeau Office","c":"Sans Serif"},{"f":"Reggae One","c":"Display"},{"f":"Shippori Antique","c":"Sans Serif"},{"f":"Grape Nuts","c":"Handwriting"},{"f":"Happy Monkey","c":"Display"},{"f":"Playpen Sans Deva","c":"Handwriting"},{"f":"Shojumaru","c":"Display"},{"f":"Patrick Hand SC","c":"Handwriting"},{"f":"Nata Sans","c":"Sans Serif"},{"f":"Road Rage","c":"Display"},{"f":"Dokdo","c":"Display"},{"f":"Metal Mania","c":"Display"},{"f":"Waterfall","c":"Handwriting"},{"f":"Licorice","c":"Handwriting"},{"f":"Henny Penny","c":"Display"},{"f":"Noto Sans Lao","c":"Sans Serif"},{"f":"Stick No Bills","c":"Sans Serif"},{"f":"Unkempt","c":"Display"},{"f":"Orelega One","c":"Display"},{"f":"The Girl Next Door","c":"Handwriting"},{"f":"Artifika","c":"Serif"},{"f":"Kalnia","c":"Serif"},{"f":"Kufam","c":"Sans Serif"},{"f":"Anek Malayalam","c":"Sans Serif"},{"f":"IM Fell Double Pica","c":"Serif"},{"f":"Delicious Handrawn","c":"Handwriting"},{"f":"Crafty Girls","c":"Handwriting"},{"f":"Numans","c":"Sans Serif"},{"f":"Kaisei Tokumin","c":"Serif"},{"f":"Bigshot One","c":"Display"},{"f":"Noto Sans Symbols 2","c":"Sans Serif"},{"f":"Moon Dance","c":"Handwriting"},{"f":"Kablammo","c":"Display"},{"f":"Charmonman","c":"Handwriting"},{"f":"Kelly Slab","c":"Display"},{"f":"Amiri Quran","c":"Serif"},{"f":"Sunshiney","c":"Handwriting"},{"f":"Cherry Cream Soda","c":"Display"},{"f":"Bitcount Grid Double","c":"Display"},{"f":"Voces","c":"Sans Serif"},{"f":"Codystar","c":"Display"},{"f":"Meie Script","c":"Handwriting"},{"f":"STIX Two Math","c":"Serif"},{"f":"Nokora","c":"Sans Serif"},{"f":"Inder","c":"Sans Serif"},{"f":"Moul","c":"Display"},{"f":"Fresca","c":"Sans Serif"},{"f":"Prociono","c":"Serif"},{"f":"Lily Script One","c":"Display"},{"f":"Federo","c":"Sans Serif"},{"f":"Kranky","c":"Display"},{"f":"Bakbak One","c":"Display"},{"f":"Oregano","c":"Display"},{"f":"Aladin","c":"Display"},{"f":"Just Me Again Down Here","c":"Handwriting"},{"f":"Carattere","c":"Handwriting"},{"f":"Rubik Bubbles","c":"Display"},{"f":"Redacted","c":"Display"},{"f":"Bona Nova","c":"Serif"},{"f":"Aoboshi One","c":"Serif"},{"f":"New Rocker","c":"Display"},{"f":"Train One","c":"Display"},{"f":"Poor Story","c":"Display"},{"f":"Madimi One","c":"Sans Serif"},{"f":"Puritan","c":"Sans Serif"},{"f":"Wendy One","c":"Sans Serif"},{"f":"IBM Plex Sans Devanagari","c":"Sans Serif"},{"f":"Balthazar","c":"Serif"},{"f":"Asset","c":"Display"},{"f":"Freehand","c":"Display"},{"f":"Playpen Sans Arabic","c":"Handwriting"},{"f":"Gluten","c":"Display"},{"f":"Modak","c":"Display"},{"f":"Salsa","c":"Display"},{"f":"Anta","c":"Sans Serif"},{"f":"Iceberg","c":"Display"},{"f":"Gulzar","c":"Serif"},{"f":"Port Lligat Sans","c":"Sans Serif"},{"f":"Zhi Mang Xing","c":"Handwriting"},{"f":"Grenze","c":"Serif"},{"f":"Atma","c":"Display"},{"f":"Arya","c":"Sans Serif"},{"f":"Esteban","c":"Serif"},{"f":"Wire One","c":"Sans Serif"},{"f":"East Sea Dokdo","c":"Handwriting"},{"f":"Holtwood One SC","c":"Serif"},{"f":"Beiruti","c":"Sans Serif"},{"f":"Goblin One","c":"Display"},{"f":"Dynalight","c":"Display"},{"f":"Hubot Sans","c":"Sans Serif"},{"f":"Bonheur Royale","c":"Handwriting"},{"f":"Cherry Swash","c":"Display"},{"f":"Solway","c":"Serif"},{"f":"Yomogi","c":"Handwriting"},{"f":"Protest Riot","c":"Display"},{"f":"Mako","c":"Sans Serif"},{"f":"M PLUS 1 Code","c":"Monospace"},{"f":"Nosifer","c":"Display"},{"f":"Nova Round","c":"Display"},{"f":"Whisper","c":"Handwriting"},{"f":"Loved by the King","c":"Handwriting"},{"f":"Imprima","c":"Sans Serif"},{"f":"Nerko One","c":"Handwriting"},{"f":"Swanky and Moo Moo","c":"Handwriting"},{"f":"Stick","c":"Sans Serif"},{"f":"BIZ UDMincho","c":"Serif"},{"f":"Mochiy Pop P One","c":"Sans Serif"},{"f":"Reddit Mono","c":"Monospace"},{"f":"Alan Sans","c":"Sans Serif"},{"f":"Elsie","c":"Display"},{"f":"IBM Plex Sans Thai Looped","c":"Sans Serif"},{"f":"WindSong","c":"Handwriting"},{"f":"Doto","c":"Sans Serif"},{"f":"Ribeye","c":"Display"},{"f":"Sarpanch","c":"Sans Serif"},{"f":"Monofett","c":"Monospace"},{"f":"Suranna","c":"Serif"},{"f":"Alike Angular","c":"Serif"},{"f":"Odibee Sans","c":"Display"},{"f":"Sansation","c":"Sans Serif"},{"f":"NTR","c":"Sans Serif"},{"f":"Shanti","c":"Sans Serif"},{"f":"Clicker Script","c":"Handwriting"},{"f":"Atomic Age","c":"Display"},{"f":"Ledger","c":"Serif"},{"f":"Bellota","c":"Display"},{"f":"Sancreek","c":"Display"},{"f":"Sedgwick Ave","c":"Handwriting"},{"f":"Bagel Fat One","c":"Display"},{"f":"Protest Strike","c":"Display"},{"f":"Trade Winds","c":"Display"},{"f":"Maiden Orange","c":"Serif"},{"f":"Modern Antiqua","c":"Display"},{"f":"Mina","c":"Sans Serif"},{"f":"IM Fell DW Pica SC","c":"Serif"},{"f":"Crushed","c":"Display"},{"f":"The Nautigal","c":"Handwriting"},{"f":"Baloo Paaji 2","c":"Display"},{"f":"Abyssinica SIL","c":"Serif"},{"f":"Parastoo","c":"Serif"},{"f":"IM Fell French Canon","c":"Serif"},{"f":"Freeman","c":"Display"},{"f":"Tiny5","c":"Sans Serif"},{"f":"Fascinate Inline","c":"Display"},{"f":"Aref Ruqaa Ink","c":"Serif"},{"f":"Peralta","c":"Serif"},{"f":"IM Fell Great Primer","c":"Serif"},{"f":"Anaheim","c":"Sans Serif"},{"f":"Jaro","c":"Sans Serif"},{"f":"Yeon Sung","c":"Display"},{"f":"Truculenta","c":"Sans Serif"},{"f":"Edu SA Beginner","c":"Handwriting"},{"f":"Noto Serif Tamil","c":"Serif"},{"f":"Cute Font","c":"Display"},{"f":"Qahiri","c":"Sans Serif"},{"f":"Sour Gummy","c":"Sans Serif"},{"f":"Griffy","c":"Display"},{"f":"IM Fell Double Pica SC","c":"Serif"},{"f":"Alkatra","c":"Display"},{"f":"Tai Heritage Pro","c":"Serif"},{"f":"Science Gothic","c":"Sans Serif"},{"f":"Rosarivo","c":"Serif"},{"f":"Noto Serif HK","c":"Serif"},{"f":"Iceland","c":"Display"},{"f":"Sumana","c":"Serif"},{"f":"UnifrakturCook","c":"Display"},{"f":"Mozilla Text","c":"Sans Serif"},{"f":"Poltawski Nowy","c":"Serif"},{"f":"Birthstone Bounce","c":"Handwriting"},{"f":"Orienta","c":"Sans Serif"},{"f":"Sulphur Point","c":"Sans Serif"},{"f":"Luxurious Script","c":"Handwriting"},{"f":"Chicle","c":"Display"},{"f":"Nova Flat","c":"Display"},{"f":"Life Savers","c":"Display"},{"f":"Spicy Rice","c":"Display"},{"f":"Gasoek One","c":"Sans Serif"},{"f":"Long Cang","c":"Handwriting"},{"f":"Song Myung","c":"Serif"},{"f":"Amethysta","c":"Serif"},{"f":"Liter","c":"Sans Serif"},{"f":"Baloo Tammudu 2","c":"Display"},{"f":"Mooli","c":"Sans Serif"},{"f":"Manuale","c":"Serif"},{"f":"Galindo","c":"Display"},{"f":"Diplomata","c":"Display"},{"f":"Scope One","c":"Serif"},{"f":"Smythe","c":"Display"},{"f":"Trispace","c":"Sans Serif"},{"f":"Gayathri","c":"Sans Serif"},{"f":"Cairo Play","c":"Sans Serif"},{"f":"Noto Sans Ethiopic","c":"Sans Serif"},{"f":"Nova Oval","c":"Display"},{"f":"Kavoon","c":"Display"},{"f":"Alyamama","c":"Serif"},{"f":"Genos","c":"Sans Serif"},{"f":"Lemon","c":"Display"},{"f":"Lexend Mega","c":"Sans Serif"},{"f":"Ysabeau SC","c":"Sans Serif"},{"f":"Fasthand","c":"Display"},{"f":"Gugi","c":"Display"},{"f":"Karantina","c":"Display"},{"f":"Nova Slim","c":"Display"},{"f":"Baumans","c":"Display"},{"f":"New Tegomin","c":"Serif"},{"f":"Montaga","c":"Serif"},{"f":"Bitcount Single","c":"Display"},{"f":"Comme","c":"Sans Serif"},{"f":"Habibi","c":"Serif"},{"f":"Anek Tamil","c":"Sans Serif"},{"f":"Overlock SC","c":"Display"},{"f":"Gemunu Libre","c":"Sans Serif"},{"f":"Mynerve","c":"Handwriting"},{"f":"Fuggles","c":"Handwriting"},{"f":"IM Fell Great Primer SC","c":"Serif"},{"f":"Gentium Book Plus","c":"Serif"},{"f":"Kenia","c":"Display"},{"f":"Chau Philomene One","c":"Sans Serif"},{"f":"Victor Mono","c":"Monospace"},{"f":"Ranchers","c":"Display"},{"f":"Lavishly Yours","c":"Handwriting"},{"f":"Carme","c":"Sans Serif"},{"f":"Raleway Dots","c":"Display"},{"f":"Duru Sans","c":"Sans Serif"},{"f":"LXGW WenKai TC","c":"Handwriting"},{"f":"Kode Mono","c":"Monospace"},{"f":"Miltonian","c":"Display"},{"f":"Kaisei HarunoUmi","c":"Serif"},{"f":"Kulim Park","c":"Sans Serif"},{"f":"Edu TAS Beginner","c":"Handwriting"},{"f":"Imbue","c":"Serif"},{"f":"Eagle Lake","c":"Handwriting"},{"f":"Akronim","c":"Display"},{"f":"Varta","c":"Sans Serif"},{"f":"Tauri","c":"Sans Serif"},{"f":"Sevillana","c":"Display"},{"f":"Gafata","c":"Sans Serif"},{"f":"IM Fell French Canon SC","c":"Serif"},{"f":"Stack Sans Text","c":"Sans Serif"},{"f":"Libre Barcode 128 Text","c":"Display"},{"f":"Noto Sans Mende Kikakui","c":"Sans Serif"},{"f":"Miniver","c":"Display"},{"f":"Kdam Thmor Pro","c":"Sans Serif"},{"f":"Astloch","c":"Display"},{"f":"Baskervville SC","c":"Serif"},{"f":"Baloo Bhaina 2","c":"Display"},{"f":"Mozilla Headline","c":"Sans Serif"},{"f":"Medula One","c":"Display"},{"f":"Caesar Dressing","c":"Display"},{"f":"Noto Serif Malayalam","c":"Serif"},{"f":"Sigmar","c":"Display"},{"f":"Noto Sans Tai Viet","c":"Sans Serif"},{"f":"Jersey 10","c":"Display"},{"f":"Miltonian Tattoo","c":"Display"},{"f":"Badeen Display","c":"Display"},{"f":"Nova Cut","c":"Display"},{"f":"Khmer","c":"Sans Serif"},{"f":"Emilys Candy","c":"Display"},{"f":"BhuTuka Expanded One","c":"Serif"},{"f":"Notable","c":"Sans Serif"},{"f":"Ruthie","c":"Handwriting"},{"f":"Headland One","c":"Serif"},{"f":"Homenaje","c":"Sans Serif"},{"f":"Kavivanar","c":"Handwriting"},{"f":"Pavanam","c":"Sans Serif"},{"f":"Cantora One","c":"Sans Serif"},{"f":"Fascinate","c":"Display"},{"f":"Jolly Lodger","c":"Display"},{"f":"Fenix","c":"Serif"},{"f":"Stylish","c":"Sans Serif"},{"f":"Londrina Outline","c":"Display"},{"f":"Short Stack","c":"Handwriting"},{"f":"Hibur Mono","c":"Monospace"},{"f":"Yuji Boku","c":"Serif"},{"f":"Ceviche One","c":"Display"},{"f":"Freckle Face","c":"Display"},{"f":"Nova Script","c":"Display"},{"f":"Cactus Classical Serif","c":"Serif"},{"f":"Hedvig Letters Sans","c":"Sans Serif"},{"f":"Faculty Glyphic","c":"Sans Serif"},{"f":"Timmana","c":"Sans Serif"},{"f":"Convergence","c":"Sans Serif"},{"f":"Belgrano","c":"Serif"},{"f":"TASA Orbiter","c":"Sans Serif"},{"f":"Rationale","c":"Sans Serif"},{"f":"Comforter","c":"Handwriting"},{"f":"Delius Swash Caps","c":"Handwriting"},{"f":"Macondo Swash Caps","c":"Display"},{"f":"Ysabeau","c":"Sans Serif"},{"f":"Akaya Kanadaka","c":"Display"},{"f":"Jomolhari","c":"Serif"},{"f":"Anek Gujarati","c":"Sans Serif"},{"f":"Solitreo","c":"Handwriting"},{"f":"Tourney","c":"Display"},{"f":"Beau Rivage","c":"Handwriting"},{"f":"Island Moments","c":"Handwriting"},{"f":"Imperial Script","c":"Handwriting"},{"f":"Erica One","c":"Display"},{"f":"Liu Jian Mao Cao","c":"Handwriting"},{"f":"Devonshire","c":"Handwriting"},{"f":"Vampiro One","c":"Display"},{"f":"Smooch","c":"Handwriting"},{"f":"Handjet","c":"Display"},{"f":"Odor Mean Chey","c":"Serif"},{"f":"Barrio","c":"Display"},{"f":"Ballet","c":"Handwriting"},{"f":"Geomini","c":"Sans Serif"},{"f":"Underdog","c":"Display"},{"f":"Dangrek","c":"Display"},{"f":"Joan","c":"Serif"},{"f":"WDXL Lubrifont JP N","c":"Sans Serif"},{"f":"Zilla Slab Highlight","c":"Serif"},{"f":"Katibeh","c":"Display"},{"f":"Margarine","c":"Display"},{"f":"Srisakdi","c":"Display"},{"f":"Noto Music","c":"Sans Serif"},{"f":"Lugrasimo","c":"Handwriting"},{"f":"Suwannaphum","c":"Serif"},{"f":"Alkalami","c":"Serif"},{"f":"Stack Sans Headline","c":"Sans Serif"},{"f":"Engagement","c":"Handwriting"},{"f":"Zen Tokyo Zoo","c":"Display"},{"f":"Mystery Quest","c":"Display"},{"f":"Rum Raisin","c":"Sans Serif"},{"f":"Stoke","c":"Serif"},{"f":"Akaya Telivigala","c":"Display"},{"f":"Kapakana","c":"Handwriting"},{"f":"Rubik Scribble","c":"Display"},{"f":"Braah One","c":"Sans Serif"},{"f":"Sree Krushnadevaraya","c":"Serif"},{"f":"Borel","c":"Handwriting"},{"f":"Playwrite NO","c":"Handwriting"},{"f":"Gupter","c":"Serif"},{"f":"Mate SC","c":"Serif"},{"f":"Edu NSW ACT Cursive","c":"Handwriting"},{"f":"Strait","c":"Sans Serif"},{"f":"Noto Sans Math","c":"Sans Serif"},{"f":"Jersey 15","c":"Display"},{"f":"Sura","c":"Serif"},{"f":"Shippori Antique B1","c":"Sans Serif"},{"f":"Anek Kannada","c":"Sans Serif"},{"f":"Single Day","c":"Display"},{"f":"Tac One","c":"Sans Serif"},{"f":"Stalemate","c":"Handwriting"},{"f":"Mea Culpa","c":"Handwriting"},{"f":"Noto Sans Linear A","c":"Sans Serif"},{"f":"Flamenco","c":"Display"},{"f":"Paprika","c":"Display"},{"f":"Bilbo","c":"Handwriting"},{"f":"Passions Conflict","c":"Handwriting"},{"f":"Noto Serif Telugu","c":"Serif"},{"f":"Seymour One","c":"Sans Serif"},{"f":"Marhey","c":"Display"},{"f":"Sono","c":"Sans Serif"},{"f":"Gorditas","c":"Display"},{"f":"Averia Gruesa Libre","c":"Display"},{"f":"Carrois Gothic SC","c":"Sans Serif"},{"f":"Playwrite US Trad","c":"Handwriting"},{"f":"Tillana","c":"Display"},{"f":"Noto Sans Buhid","c":"Sans Serif"},{"f":"Winky Sans","c":"Sans Serif"},{"f":"Cagliostro","c":"Sans Serif"},{"f":"Noto Serif Kannada","c":"Serif"},{"f":"Chocolate Classical Sans","c":"Sans Serif"},{"f":"Bruno Ace","c":"Display"},{"f":"Noto Sans Thaana","c":"Sans Serif"},{"f":"Playwrite CU","c":"Handwriting"},{"f":"Sonsie One","c":"Display"},{"f":"Manufacturing Consent","c":"Display"},{"f":"Moderustic","c":"Sans Serif"},{"f":"Bodoni Moda SC","c":"Serif"},{"f":"Englebert","c":"Sans Serif"},{"f":"Lovers Quarrel","c":"Handwriting"},{"f":"Chathura","c":"Sans Serif"},{"f":"Akt","c":"Sans Serif"},{"f":"Montserrat Underline","c":"Sans Serif"},{"f":"Ramaraja","c":"Serif"},{"f":"Stint Ultra Condensed","c":"Serif"},{"f":"Nabla","c":"Display"},{"f":"Castoro Titling","c":"Display"},{"f":"Benne","c":"Serif"},{"f":"Noto Sans Tagalog","c":"Sans Serif"},{"f":"Risque","c":"Display"},{"f":"Dorsa","c":"Sans Serif"},{"f":"Gentium Plus","c":"Serif"},{"f":"Geom","c":"Sans Serif"},{"f":"Junge","c":"Serif"},{"f":"Foldit","c":"Display"},{"f":"Ravi Prakash","c":"Display"},{"f":"Caramel","c":"Handwriting"},{"f":"National Park","c":"Sans Serif"},{"f":"Playwrite DE Grund","c":"Handwriting"},{"f":"Spirax","c":"Display"},{"f":"Shalimar","c":"Handwriting"},{"f":"Port Lligat Slab","c":"Serif"},{"f":"Climate Crisis","c":"Display"},{"f":"Sahitya","c":"Serif"},{"f":"Content","c":"Display"},{"f":"Text Me One","c":"Sans Serif"},{"f":"Playwrite ID","c":"Handwriting"},{"f":"Girassol","c":"Display"},{"f":"Unlock","c":"Display"},{"f":"Playwrite IS","c":"Handwriting"},{"f":"Water Brush","c":"Handwriting"},{"f":"Encode Sans SC","c":"Sans Serif"},{"f":"Huninn","c":"Sans Serif"},{"f":"Stint Ultra Expanded","c":"Serif"},{"f":"Alumni Sans Pinstripe","c":"Sans Serif"},{"f":"Keania One","c":"Display"},{"f":"Bruno Ace SC","c":"Display"},{"f":"Sassy Frass","c":"Handwriting"},{"f":"Texturina","c":"Serif"},{"f":"Chilanka","c":"Handwriting"},{"f":"Wittgenstein","c":"Serif"},{"f":"Playwrite IN","c":"Handwriting"},{"f":"Elms Sans","c":"Sans Serif"},{"f":"Galdeano","c":"Sans Serif"},{"f":"Mogra","c":"Display"},{"f":"Festive","c":"Handwriting"},{"f":"Yaldevi","c":"Sans Serif"},{"f":"Momo Trust Display","c":"Sans Serif"},{"f":"Siemreap","c":"Sans Serif"},{"f":"Simonetta","c":"Display"},{"f":"Condiment","c":"Handwriting"},{"f":"Monomakh","c":"Display"},{"f":"Ysabeau Infant","c":"Sans Serif"},{"f":"Kotta One","c":"Serif"},{"f":"Glass Antiqua","c":"Display"},{"f":"Send Flowers","c":"Handwriting"},{"f":"Farsan","c":"Display"},{"f":"Piedra","c":"Display"},{"f":"Comforter Brush","c":"Handwriting"},{"f":"Rubik Moonrocks","c":"Display"},{"f":"Linden Hill","c":"Serif"},{"f":"Almendra SC","c":"Serif"},{"f":"Arbutus","c":"Serif"},{"f":"My Soul","c":"Handwriting"},{"f":"Buda","c":"Display"},{"f":"Offside","c":"Display"},{"f":"Mrs Sheppards","c":"Handwriting"},{"f":"Darumadrop One","c":"Display"},{"f":"Jacques Francois","c":"Serif"},{"f":"Dekko","c":"Handwriting"},{"f":"Geist Pixel","c":"Display"},{"f":"Libre Barcode EAN13 Text","c":"Display"},{"f":"Autour One","c":"Display"},{"f":"Chiron Sung HK","c":"Serif"},{"f":"Inika","c":"Serif"},{"f":"Gwendolyn","c":"Handwriting"},{"f":"Noto Serif Ahom","c":"Serif"},{"f":"Rubik Wet Paint","c":"Display"},{"f":"SN Pro","c":"Sans Serif"},{"f":"Reem Kufi Fun","c":"Sans Serif"},{"f":"Koh Santepheap","c":"Serif"},{"f":"Jim Nightshade","c":"Handwriting"},{"f":"Tilt Prism","c":"Display"},{"f":"Wellfleet","c":"Serif"},{"f":"Tiro Gurmukhi","c":"Serif"},{"f":"Inspiration","c":"Handwriting"},{"f":"Geostar Fill","c":"Display"},{"f":"Cascadia Code","c":"Sans Serif"},{"f":"Momo Signature","c":"Sans Serif"},{"f":"Story Script","c":"Sans Serif"},{"f":"Romanesco","c":"Handwriting"},{"f":"Kite One","c":"Sans Serif"},{"f":"Noto Sans Sora Sompeng","c":"Sans Serif"},{"f":"Ewert","c":"Display"},{"f":"GFS Neohellenic","c":"Sans Serif"},{"f":"Sixtyfour","c":"Monospace"},{"f":"Plaster","c":"Display"},{"f":"Noto Serif Lao","c":"Serif"},{"f":"Momo Trust Sans","c":"Sans Serif"},{"f":"Lexend Tera","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Hand","c":"Handwriting"},{"f":"Noto Sans Canadian Aboriginal","c":"Sans Serif"},{"f":"Jacques Francois Shadow","c":"Display"},{"f":"BBH Bartle","c":"Sans Serif"},{"f":"Sirin Stencil","c":"Display"},{"f":"Smokum","c":"Display"},{"f":"Milonga","c":"Display"},{"f":"Emblema One","c":"Display"},{"f":"Jacquard 12","c":"Display"},{"f":"Bungee Hairline","c":"Display"},{"f":"Anek Odia","c":"Sans Serif"},{"f":"Fruktur","c":"Display"},{"f":"Libertinus Sans","c":"Sans Serif"},{"f":"Donegal One","c":"Serif"},{"f":"Londrina Shadow","c":"Display"},{"f":"Orbit","c":"Sans Serif"},{"f":"Trykker","c":"Serif"},{"f":"Vend Sans","c":"Sans Serif"},{"f":"Anek Gurmukhi","c":"Sans Serif"},{"f":"Miss Fajardose","c":"Handwriting"},{"f":"Intel One Mono","c":"Monospace"},{"f":"Libre Barcode 39 Extended","c":"Display"},{"f":"Noto Sans Samaritan","c":"Sans Serif"},{"f":"Noto Sans Gothic","c":"Sans Serif"},{"f":"Ruluko","c":"Sans Serif"},{"f":"Sofadi One","c":"Display"},{"f":"Praise","c":"Handwriting"},{"f":"Marko One","c":"Serif"},{"f":"Ranga","c":"Display"},{"f":"Meera Inimai","c":"Sans Serif"},{"f":"Nuosu SIL","c":"Sans Serif"},{"f":"Oi","c":"Display"},{"f":"Kumar One","c":"Display"},{"f":"Lakki Reddy","c":"Handwriting"},{"f":"Babylonica","c":"Handwriting"},{"f":"Big Shoulders Stencil","c":"Display"},{"f":"Ancizar Serif","c":"Serif"},{"f":"Noto Sans Osmanya","c":"Sans Serif"},{"f":"Luxurious Roman","c":"Display"},{"f":"Dhurjati","c":"Sans Serif"},{"f":"Almendra Display","c":"Display"},{"f":"Bigelow Rules","c":"Display"},{"f":"Noto Serif Gujarati","c":"Serif"},{"f":"Dr Sugiyama","c":"Handwriting"},{"f":"Butcherman","c":"Display"},{"f":"Stalinist One","c":"Display"},{"f":"Playwrite US Modern","c":"Handwriting"},{"f":"Elsie Swash Caps","c":"Display"},{"f":"Joti One","c":"Display"},{"f":"Purple Purse","c":"Display"},{"f":"Neonderthaw","c":"Handwriting"},{"f":"Felipa","c":"Handwriting"},{"f":"Bungee Outline","c":"Display"},{"f":"Federant","c":"Display"},{"f":"Noto Sans Bhaiksuki","c":"Sans Serif"},{"f":"Noto Serif Khmer","c":"Serif"},{"f":"Noto Serif Armenian","c":"Serif"},{"f":"Bubbler One","c":"Sans Serif"},{"f":"Metal","c":"Display"},{"f":"Edu AU VIC WA NT Guides","c":"Handwriting"},{"f":"Rubik Distressed","c":"Display"},{"f":"Fleur De Leah","c":"Handwriting"},{"f":"Reem Kufi Ink","c":"Sans Serif"},{"f":"Bacasime Antique","c":"Serif"},{"f":"Atkinson Hyperlegible Mono","c":"Sans Serif"},{"f":"Grey Qo","c":"Handwriting"},{"f":"Alumni Sans SC","c":"Sans Serif"},{"f":"Diplomata SC","c":"Display"},{"f":"Matemasie","c":"Sans Serif"},{"f":"Hubballi","c":"Sans Serif"},{"f":"Updock","c":"Handwriting"},{"f":"Lunasima","c":"Sans Serif"},{"f":"Mr Bedfort","c":"Handwriting"},{"f":"Ribeye Marrow","c":"Display"},{"f":"Noto Serif Sinhala","c":"Serif"},{"f":"Princess Sofia","c":"Handwriting"},{"f":"Ojuju","c":"Sans Serif"},{"f":"Tiro Kannada","c":"Serif"},{"f":"Kirang Haerang","c":"Display"},{"f":"Alumni Sans Inline One","c":"Display"},{"f":"Uchen","c":"Serif"},{"f":"Revalia","c":"Display"},{"f":"Micro 5","c":"Display"},{"f":"Tulpen One","c":"Display"},{"f":"Playwrite VN Guides","c":"Handwriting"},{"f":"Jersey 20","c":"Display"},{"f":"New Amsterdam","c":"Sans Serif"},{"f":"Alumni Sans Collegiate One","c":"Sans Serif"},{"f":"Ancizar Sans","c":"Sans Serif"},{"f":"Londrina Sketch","c":"Display"},{"f":"Ubuntu Sans Mono","c":"Monospace"},{"f":"Sedan SC","c":"Serif"},{"f":"Gideon Roman","c":"Display"},{"f":"Passero One","c":"Display"},{"f":"Libertinus Serif","c":"Serif"},{"f":"Playwrite AU NSW","c":"Handwriting"},{"f":"BioRhyme Expanded","c":"Serif"},{"f":"Lancelot","c":"Display"},{"f":"Rhodium Libre","c":"Serif"},{"f":"Konkhmer Sleokchher","c":"Display"},{"f":"Arsenal SC","c":"Sans Serif"},{"f":"Sedan","c":"Serif"},{"f":"Epunda Sans","c":"Sans Serif"},{"f":"Chela One","c":"Display"},{"f":"Noto Sans Lao Looped","c":"Sans Serif"},{"f":"Love Light","c":"Handwriting"},{"f":"Pliant","c":"Sans Serif"},{"f":"Playwrite IE","c":"Handwriting"},{"f":"Ole","c":"Handwriting"},{"f":"Peddana","c":"Serif"},{"f":"Bahiana","c":"Display"},{"f":"Ponomar","c":"Display"},{"f":"TASA Explorer","c":"Sans Serif"},{"f":"Gidugu","c":"Sans Serif"},{"f":"Triodion","c":"Display"},{"f":"Playwrite GB S","c":"Handwriting"},{"f":"Playwrite AU SA","c":"Handwriting"},{"f":"Edu NSW ACT Foundation","c":"Handwriting"},{"f":"Noto Sans Anatolian Hieroglyphs","c":"Sans Serif"},{"f":"Diphylleia","c":"Serif"},{"f":"Chiron Hei HK","c":"Sans Serif"},{"f":"Rubik Gemstones","c":"Display"},{"f":"Tiro Telugu","c":"Serif"},{"f":"Winky Rough","c":"Sans Serif"},{"f":"Noto Sans Tangsa","c":"Sans Serif"},{"f":"Rubik Spray Paint","c":"Display"},{"f":"Edu VIC WA NT Beginner","c":"Handwriting"},{"f":"Rubik 80s Fade","c":"Display"},{"f":"Preahvihear","c":"Sans Serif"},{"f":"Tsukimi Rounded","c":"Sans Serif"},{"f":"Rubik Pixels","c":"Display"},{"f":"Iosevka Charon","c":"Monospace"},{"f":"Flavors","c":"Display"},{"f":"Hanalei Fill","c":"Display"},{"f":"Oldenburg","c":"Display"},{"f":"Bonbon","c":"Handwriting"},{"f":"Lumanosimo","c":"Handwriting"},{"f":"Rubik Iso","c":"Display"},{"f":"Yuyu Short","c":"Handwriting"},{"f":"Stack Sans Notch","c":"Sans Serif"},{"f":"Bitcount Prop Single","c":"Display"},{"f":"Snippet","c":"Sans Serif"},{"f":"Cascadia Mono","c":"Sans Serif"},{"f":"WDXL Lubrifont SC","c":"Sans Serif"},{"f":"Grechen Fuemen","c":"Handwriting"},{"f":"Agu Display","c":"Display"},{"f":"Libertinus Math","c":"Display"},{"f":"Bungee Tint","c":"Display"},{"f":"Shizuru","c":"Display"},{"f":"Noto Rashi Hebrew","c":"Serif"},{"f":"Zen Loop","c":"Display"},{"f":"Trochut","c":"Display"},{"f":"Ga Maamli","c":"Display"},{"f":"Cherish","c":"Handwriting"},{"f":"Molle","c":"Handwriting"},{"f":"Rubik Vinyl","c":"Display"},{"f":"Kumar One Outline","c":"Display"},{"f":"Noto Sans Javanese","c":"Sans Serif"},{"f":"Cossette Texte","c":"Sans Serif"},{"f":"Rubik Maze","c":"Display"},{"f":"Noto Sans Adlam","c":"Sans Serif"},{"f":"SUSE Mono","c":"Sans Serif"},{"f":"Cause","c":"Handwriting"},{"f":"Playwrite RO","c":"Handwriting"},{"f":"Kolker Brush","c":"Handwriting"},{"f":"Blaka","c":"Display"},{"f":"Montenegrin Gothic One","c":"Serif"},{"f":"Langar","c":"Display"},{"f":"Protest Guerrilla","c":"Display"},{"f":"Twinkle Star","c":"Handwriting"},{"f":"Bitcount Grid Single","c":"Display"},{"f":"Gidole","c":"Sans Serif"},{"f":"Sixtyfour Convergence","c":"Monospace"},{"f":"Rubik Puddles","c":"Display"},{"f":"Cossette Titre","c":"Sans Serif"},{"f":"Playwrite AU QLD","c":"Handwriting"},{"f":"Splash","c":"Handwriting"},{"f":"Tiro Tamil","c":"Serif"},{"f":"Chenla","c":"Display"},{"f":"Flow Rounded","c":"Display"},{"f":"Datatype","c":"Monospace"},{"f":"Playwrite CA","c":"Handwriting"},{"f":"Noto Sans Old Persian","c":"Sans Serif"},{"f":"Kings","c":"Handwriting"},{"f":"Amarna","c":"Sans Serif"},{"f":"Butterfly Kids","c":"Handwriting"},{"f":"Playwrite AT","c":"Handwriting"},{"f":"Estonia","c":"Handwriting"},{"f":"Explora","c":"Handwriting"},{"f":"Danfo","c":"Serif"},{"f":"Rubik Burned","c":"Display"},{"f":"Are You Serious","c":"Handwriting"},{"f":"Suravaram","c":"Serif"},{"f":"Noto Serif Vithkuqi","c":"Serif"},{"f":"Noto Sans Pahawh Hmong","c":"Sans Serif"},{"f":"Noto Serif Tibetan","c":"Serif"},{"f":"M PLUS U","c":"Sans Serif"},{"f":"Playwrite HR","c":"Handwriting"},{"f":"Tagesschrift","c":"Display"},{"f":"Jersey 10 Charted","c":"Display"},{"f":"Black And White Picture","c":"Display"},{"f":"Workbench","c":"Monospace"},{"f":"Combo","c":"Display"},{"f":"Tapestry","c":"Handwriting"},{"f":"Playwrite NZ Basic","c":"Handwriting"},{"f":"Jacquard 24","c":"Display"},{"f":"Rubik Beastly","c":"Display"},{"f":"Noto Sans Carian","c":"Sans Serif"},{"f":"LXGW WenKai Mono TC","c":"Monospace"},{"f":"Big Shoulders Inline","c":"Display"},{"f":"Libertinus Mono","c":"Monospace"},{"f":"Playwrite PL","c":"Handwriting"},{"f":"Yuyu","c":"Handwriting"},{"f":"Noto Serif Tangut","c":"Serif"},{"f":"Noto Serif Ethiopic","c":"Serif"},{"f":"Iansui","c":"Handwriting"},{"f":"Taprom","c":"Display"},{"f":"Moulpali","c":"Sans Serif"},{"f":"Rubik Doodle Triangles","c":"Display"},{"f":"Noto Sans Multani","c":"Sans Serif"},{"f":"Aubrey","c":"Display"},{"f":"Narnoor","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Dots","c":"Handwriting"},{"f":"Labrada","c":"Serif"},{"f":"Bahianita","c":"Display"},{"f":"Vibes","c":"Display"},{"f":"Geostar","c":"Display"},{"f":"Snowburst One","c":"Display"},{"f":"Noto Sans Kaithi","c":"Sans Serif"},{"f":"Noto Sans Batak","c":"Sans Serif"},{"f":"Noto Sans Runic","c":"Sans Serif"},{"f":"Petemoss","c":"Handwriting"},{"f":"Rubik Glitch Pop","c":"Display"},{"f":"Noto Sans Coptic","c":"Sans Serif"},{"f":"BBH Bogle","c":"Sans Serif"},{"f":"Noto Sans Hanunoo","c":"Sans Serif"},{"f":"Moo Lah Lah","c":"Display"},{"f":"Flow Block","c":"Display"},{"f":"Ruwudu","c":"Serif"},{"f":"Noto Serif Dogra","c":"Serif"},{"f":"Playwrite DK Loopet","c":"Handwriting"},{"f":"M PLUS Code Latin","c":"Sans Serif"},{"f":"Noto Sans Glagolitic","c":"Sans Serif"},{"f":"Redacted Script","c":"Display"},{"f":"Dai Banna SIL","c":"Serif"},{"f":"Lilex","c":"Monospace"},{"f":"Noto Sans Shavian","c":"Sans Serif"},{"f":"BJCree","c":"Serif"},{"f":"Sekuya","c":"Display"},{"f":"Noto Sans Cypro Minoan","c":"Sans Serif"},{"f":"WDXL Lubrifont TC","c":"Sans Serif"},{"f":"Wavefont","c":"Display"},{"f":"Kalnia Glaze","c":"Display"},{"f":"Palette Mosaic","c":"Display"},{"f":"Iosevka Charon Mono","c":"Monospace"},{"f":"Bitcount","c":"Display"},{"f":"Rock 3D","c":"Display"},{"f":"Noto Sans Cherokee","c":"Sans Serif"},{"f":"Noto Sans Hanifi Rohingya","c":"Sans Serif"},{"f":"Syne Tactile","c":"Display"},{"f":"Noto Sans Nag Mundari","c":"Sans Serif"},{"f":"Blaka Hollow","c":"Display"},{"f":"Asimovian","c":"Sans Serif"},{"f":"Playwrite NZ Guides","c":"Handwriting"},{"f":"Moirai One","c":"Display"},{"f":"Rubik Microbe","c":"Display"},{"f":"Ingrid Darling","c":"Handwriting"},{"f":"Rubik Marker Hatch","c":"Display"},{"f":"Ruge Boogie","c":"Handwriting"},{"f":"Noto Sans Yi","c":"Sans Serif"},{"f":"Karla Tamil Inclined","c":"Sans Serif"},{"f":"Grandiflora One","c":"Serif"},{"f":"Playwrite PE","c":"Handwriting"},{"f":"Noto Sans Nandinagari","c":"Sans Serif"},{"f":"Jacquarda Bastarda 9","c":"Display"},{"f":"Noto Sans Syriac","c":"Sans Serif"},{"f":"Playwrite BE VLG","c":"Handwriting"},{"f":"Noto Sans Balinese","c":"Sans Serif"},{"f":"Noto Sans Mongolian","c":"Sans Serif"},{"f":"Noto Serif Toto","c":"Serif"},{"f":"Noto Sans Vithkuqi","c":"Sans Serif"},{"f":"Savate","c":"Sans Serif"},{"f":"Edu SA Hand","c":"Handwriting"},{"f":"Playwrite HU","c":"Handwriting"},{"f":"Gajraj One","c":"Display"},{"f":"BBH Hegarty","c":"Sans Serif"},{"f":"Puppies Play","c":"Handwriting"},{"f":"Epunda Slab","c":"Serif"},{"f":"Kedebideri","c":"Sans Serif"},{"f":"Hanalei","c":"Display"},{"f":"Chokokutai","c":"Display"},{"f":"Menbere","c":"Sans Serif"},{"f":"Saira Stencil","c":"Display"},{"f":"Namdhinggo","c":"Serif"},{"f":"Playwrite NL","c":"Handwriting"},{"f":"Noto Sans Marchen","c":"Sans Serif"},{"f":"Bpmf Zihi Kai Std","c":"Sans Serif"},{"f":"Gveret Levin","c":"Handwriting"},{"f":"Noto Serif Myanmar","c":"Serif"},{"f":"LXGW Marker Gothic","c":"Sans Serif"},{"f":"Hind Mysuru","c":"Sans Serif"},{"f":"Tirra","c":"Sans Serif"},{"f":"Edu QLD Beginner","c":"Handwriting"},{"f":"Noto Sans Sunuwar","c":"Sans Serif"},{"f":"Phetsarath","c":"Sans Serif"},{"f":"Noto Sans NKo","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Pre","c":"Handwriting"},{"f":"UoqMunThenKhung","c":"Serif"},{"f":"Playwrite ZA","c":"Handwriting"},{"f":"Noto Serif Balinese","c":"Serif"},{"f":"Slackside One","c":"Handwriting"},{"f":"Noto Sans Brahmi","c":"Sans Serif"},{"f":"Sankofa Display","c":"Sans Serif"},{"f":"Noto Sans Old Permic","c":"Sans Serif"},{"f":"Noto Sans Duployan","c":"Sans Serif"},{"f":"Jaini","c":"Display"},{"f":"Noto Sans Takri","c":"Sans Serif"},{"f":"Playwrite IT Moderna","c":"Handwriting"},{"f":"Exile","c":"Display"},{"f":"Bytesized","c":"Sans Serif"},{"f":"Lisu Bosa","c":"Serif"},{"f":"Noto Sans Old Turkic","c":"Sans Serif"},{"f":"Noto Serif Yezidi","c":"Serif"},{"f":"Playwrite NZ","c":"Handwriting"},{"f":"Noto Traditional Nushu","c":"Sans Serif"},{"f":"Sirivennela","c":"Sans Serif"},{"f":"Miranda Sans","c":"Sans Serif"},{"f":"Bpmf Huninn","c":"Sans Serif"},{"f":"Playwrite MX Guides","c":"Handwriting"},{"f":"Playwrite DE SAS","c":"Handwriting"},{"f":"Noto Sans Old North Arabian","c":"Sans Serif"},{"f":"Rubik Broken Fax","c":"Display"},{"f":"Mingzat","c":"Sans Serif"},{"f":"Rubik Lines","c":"Display"},{"f":"Libertinus Serif Display","c":"Display"},{"f":"Noto Serif Oriya","c":"Serif"},{"f":"Edu NSW ACT Hand Pre","c":"Handwriting"},{"f":"Playwrite GB J","c":"Handwriting"},{"f":"Coral Pixels","c":"Display"},{"f":"Playwrite FR Moderne","c":"Handwriting"},{"f":"Noto Sans Indic Siyaq Numbers","c":"Sans Serif"},{"f":"Shafarik","c":"Display"},{"f":"Padyakke Expanded One","c":"Serif"},{"f":"Estedad","c":"Sans Serif"},{"f":"Noto Sans Old Italic","c":"Sans Serif"},{"f":"Maname","c":"Serif"},{"f":"Bitcount Prop Double Ink","c":"Display"},{"f":"Playwrite ES","c":"Handwriting"},{"f":"Tuffy","c":"Sans Serif"},{"f":"Noto Sans Adlam Unjoined","c":"Sans Serif"},{"f":"Noto Serif Makasar","c":"Serif"},{"f":"Bpmf Iansui","c":"Handwriting"},{"f":"Rubik Maps","c":"Display"},{"f":"Yuji Hentaigana Akari","c":"Handwriting"},{"f":"Noto Sans New Tai Lue","c":"Sans Serif"},{"f":"Playpen Sans Thai","c":"Handwriting"},{"f":"Noto Sans Bamum","c":"Sans Serif"},{"f":"Noto Znamenny Musical Notation","c":"Sans Serif"},{"f":"Noto Sans Medefaidrin","c":"Sans Serif"},{"f":"Noto Sans Egyptian Hieroglyphs","c":"Sans Serif"},{"f":"Kanchenjunga","c":"Sans Serif"},{"f":"Playwrite MX","c":"Handwriting"},{"f":"Matangi","c":"Sans Serif"},{"f":"Linefont","c":"Display"},{"f":"Karla Tamil Upright","c":"Sans Serif"},{"f":"Ponnala","c":"Display"},{"f":"Noto Sans Inscriptional Parthian","c":"Sans Serif"},{"f":"Betania Patmos","c":"Handwriting"},{"f":"Playwrite AU TAS","c":"Handwriting"},{"f":"Playwrite PT","c":"Handwriting"},{"f":"Noto Sans Syriac Eastern","c":"Sans Serif"},{"f":"Edu QLD Hand","c":"Handwriting"},{"f":"Jaini Purva","c":"Display"},{"f":"Noto Sans Avestan","c":"Sans Serif"},{"f":"Noto Sans Old Hungarian","c":"Sans Serif"},{"f":"Playwrite AR","c":"Handwriting"},{"f":"Finlandica Text","c":"Sans Serif"},{"f":"Noto Sans Tifinagh","c":"Sans Serif"},{"f":"Noto Sans Grantha","c":"Sans Serif"},{"f":"Idiqlat","c":"Serif"},{"f":"Playwrite VN","c":"Handwriting"},{"f":"Playwrite DK Uloopet","c":"Handwriting"},{"f":"Noto Serif Dives Akuru","c":"Serif"},{"f":"Noto Sans Nabataean","c":"Sans Serif"},{"f":"Jacquard 12 Charted","c":"Display"},{"f":"Noto Sans Palmyrene","c":"Sans Serif"},{"f":"Bitcount Grid Single Ink","c":"Display"},{"f":"Bitcount Ink","c":"Display"},{"f":"Playwrite HR Lijeva","c":"Handwriting"},{"f":"Bitcount Single Ink","c":"Display"},{"f":"Noto Serif Gurmukhi","c":"Serif"},{"f":"Edu VIC WA NT Hand","c":"Handwriting"},{"f":"Noto Sans Osage","c":"Sans Serif"},{"f":"Noto Sans Syloti Nagri","c":"Sans Serif"},{"f":"Noto Sans Elbasan","c":"Sans Serif"},{"f":"Rubik Storm","c":"Display"},{"f":"Pochaevsk","c":"Display"},{"f":"Betania Patmos In","c":"Handwriting"},{"f":"Edu VIC WA NT Hand Pre","c":"Handwriting"},{"f":"Noto Sans Wancho","c":"Sans Serif"},{"f":"Noto Serif Khitan Small Script","c":"Serif"},{"f":"Noto Sans Lisu","c":"Sans Serif"},{"f":"Allkin","c":"Display"},{"f":"Warnes","c":"Display"},{"f":"Blaka Ink","c":"Display"},{"f":"Noto Sans Newa","c":"Sans Serif"},{"f":"Noto Sans Tai Le","c":"Sans Serif"},{"f":"Playwrite SK","c":"Handwriting"},{"f":"Noto Serif Ottoman Siyaq","c":"Serif"},{"f":"Playwrite AU VIC","c":"Handwriting"},{"f":"Noto Sans Sundanese","c":"Sans Serif"},{"f":"Noto Sans Lydian","c":"Sans Serif"},{"f":"Noto Sans Mahajani","c":"Sans Serif"},{"f":"Bitcount Prop Double","c":"Display"},{"f":"Noto Sans Cuneiform","c":"Sans Serif"},{"f":"Noto Sans Khojki","c":"Sans Serif"},{"f":"Alien Block","c":"Display"},{"f":"Playwrite NG Modern","c":"Handwriting"},{"f":"Noto Serif NP Hmong","c":"Serif"},{"f":"Ramsina","c":"Serif"},{"f":"Noto Sans NKo Unjoined","c":"Sans Serif"},{"f":"Playwrite DE LA","c":"Handwriting"},{"f":"Noto Serif Todhri","c":"Serif"},{"f":"Playwrite BE WAL","c":"Handwriting"},{"f":"Bitcount Prop Single Ink","c":"Display"},{"f":"Libertinus Keyboard","c":"Display"},{"f":"Noto Serif Hentaigana","c":"Serif"},{"f":"Finlandica Headline","c":"Sans Serif"},{"f":"Playwrite CL","c":"Handwriting"},{"f":"Playwrite CO","c":"Handwriting"},{"f":"Noto Sans Cham","c":"Sans Serif"},{"f":"Bitcount Grid Double Ink","c":"Display"},{"f":"Edu AU VIC WA NT Arrows","c":"Handwriting"},{"f":"Noto Sans Meroitic","c":"Sans Serif"},{"f":"Kay Pho Du","c":"Serif"},{"f":"Noto Sans Tagbanwa","c":"Sans Serif"},{"f":"Noto Serif Old Uyghur","c":"Serif"},{"f":"Strichpunkt Sans","c":"Sans Serif"},{"f":"Noto Sans Imperial Aramaic","c":"Sans Serif"},{"f":"Noto Sans Buginese","c":"Sans Serif"},{"f":"Noto Sans Zanabazar Square","c":"Sans Serif"},{"f":"Noto Serif Grantha","c":"Serif"},{"f":"Jacquard 24 Charted","c":"Display"},{"f":"Noto Sans Old South Arabian","c":"Sans Serif"},{"f":"Playwrite CZ","c":"Handwriting"},{"f":"Noto Sans Tai Tham","c":"Sans Serif"},{"f":"Noto Sans Sharada","c":"Sans Serif"},{"f":"Micro 5 Charted","c":"Display"},{"f":"Playwrite TZ","c":"Handwriting"},{"f":"Noto Sans Inscriptional Pahlavi","c":"Sans Serif"},{"f":"Playwrite AU VIC Guides","c":"Handwriting"},{"f":"Noto Sans Miao","c":"Sans Serif"},{"f":"Playwrite CO Guides","c":"Handwriting"},{"f":"Jersey 15 Charted","c":"Display"},{"f":"Noto Sans Chakma","c":"Sans Serif"},{"f":"Noto Sans Kawi","c":"Sans Serif"},{"f":"Yarndings 20 Charted","c":"Display"},{"f":"Noto Sans Tirhuta","c":"Sans Serif"},{"f":"Noto Sans Hatran","c":"Sans Serif"},{"f":"Noto Sans Mayan Numerals","c":"Sans Serif"},{"f":"Noto Sans Sogdian","c":"Sans Serif"},{"f":"Noto Sans SignWriting","c":"Sans Serif"},{"f":"Noto Sans Caucasian Albanian","c":"Sans Serif"},{"f":"Noto Sans Tamil Supplement","c":"Sans Serif"},{"f":"Noto Sans Linear B","c":"Sans Serif"},{"f":"Jersey 25 Charted","c":"Display"},{"f":"Noto Sans Phoenician","c":"Sans Serif"},{"f":"Noto Sans Vai","c":"Sans Serif"},{"f":"Noto Sans Ugaritic","c":"Sans Serif"},{"f":"Noto Sans Cypriot","c":"Sans Serif"},{"f":"Noto Sans Bassa Vah","c":"Sans Serif"},{"f":"Playwrite ES Deco","c":"Handwriting"},{"f":"Noto Sans Limbu","c":"Sans Serif"},{"f":"Noto Sans Gunjala Gondi","c":"Sans Serif"},{"f":"Noto Sans Syriac Western","c":"Sans Serif"},{"f":"Noto Sans Nushu","c":"Sans Serif"},{"f":"Jersey 20 Charted","c":"Display"},{"f":"Yuji Hentaigana Akebono","c":"Handwriting"},{"f":"Noto Sans Rejang","c":"Sans Serif"},{"f":"Yarndings 20","c":"Display"},{"f":"Noto Sans Elymaic","c":"Sans Serif"},{"f":"Jacquarda Bastarda 9 Charted","c":"Display"},{"f":"Noto Sans Khudawadi","c":"Sans Serif"},{"f":"Noto Sans Psalter Pahlavi","c":"Sans Serif"},{"f":"Noto Sans Ogham","c":"Sans Serif"},{"f":"Noto Sans Old Sogdian","c":"Sans Serif"},{"f":"Playwrite IN Guides","c":"Handwriting"},{"f":"Yarndings 12","c":"Display"},{"f":"Noto Sans Manichaean","c":"Sans Serif"},{"f":"Noto Sans Chorasmian","c":"Sans Serif"},{"f":"Betania Patmos In GDL","c":"Handwriting"},{"f":"Betania Patmos GDL","c":"Handwriting"},{"f":"Noto Sans Mro","c":"Sans Serif"},{"f":"Noto Sans Kayah Li","c":"Sans Serif"},{"f":"Noto Sans Pau Cin Hau","c":"Sans Serif"},{"f":"Noto Sans Mandaic","c":"Sans Serif"},{"f":"Noto Sans Modi","c":"Sans Serif"},{"f":"Playwrite US Trad Guides","c":"Handwriting"},{"f":"Noto Sans Masaram Gondi","c":"Sans Serif"},{"f":"Noto Sans PhagsPa","c":"Sans Serif"},{"f":"Noto Sans Deseret","c":"Sans Serif"},{"f":"Noto Sans Soyombo","c":"Sans Serif"},{"f":"Noto Sans Kharoshthi","c":"Sans Serif"},{"f":"Noto Sans Lepcha","c":"Sans Serif"},{"f":"Noto Sans Saurashtra","c":"Sans Serif"},{"f":"Playwrite NZ Basic Guides","c":"Handwriting"},{"f":"Playwrite PT Guides","c":"Handwriting"},{"f":"Playwrite PL Guides","c":"Handwriting"},{"f":"Playwrite IE Guides","c":"Handwriting"},{"f":"Noto Sans Siddham","c":"Sans Serif"},{"f":"Playwrite DE VA","c":"Handwriting"},{"f":"Playwrite TZ Guides","c":"Handwriting"},{"f":"Playwrite CU Guides","c":"Handwriting"},{"f":"Playwrite PE Guides","c":"Handwriting"},{"f":"Playwrite FR Trad","c":"Handwriting"},{"f":"Playwrite BR","c":"Handwriting"},{"f":"Yarndings 12 Charted","c":"Display"},{"f":"Playwrite IT Moderna Guides","c":"Handwriting"},{"f":"Playwrite GB J Guides","c":"Handwriting"},{"f":"Playwrite IT Trad","c":"Handwriting"},{"f":"Playwrite GB S Guides","c":"Handwriting"},{"f":"Noto Sans Lycian","c":"Sans Serif"},{"f":"Playwrite DE Grund Guides","c":"Handwriting"},{"f":"Playwrite AR Guides","c":"Handwriting"},{"f":"Playwrite DK Uloopet Guides","c":"Handwriting"},{"f":"Playwrite BE WAL Guides","c":"Handwriting"},{"f":"Playwrite DE VA Guides","c":"Handwriting"},{"f":"Playwrite DE LA Guides","c":"Handwriting"},{"f":"Playwrite FR Moderne Guides","c":"Handwriting"},{"f":"Playwrite BR Guides","c":"Handwriting"},{"f":"Playwrite ES Deco Guides","c":"Handwriting"},{"f":"Playwrite FR Trad Guides","c":"Handwriting"},{"f":"Playwrite US Modern Guides","c":"Handwriting"},{"f":"Playwrite IT Trad Guides","c":"Handwriting"},{"f":"Playwrite AU SA Guides","c":"Handwriting"},{"f":"Playwrite DK Loopet Guides","c":"Handwriting"},{"f":"Playwrite CL Guides","c":"Handwriting"},{"f":"Playwrite IS Guides","c":"Handwriting"},{"f":"Playwrite HR Lijeva Guides","c":"Handwriting"},{"f":"Playwrite HU Guides","c":"Handwriting"},{"f":"Playwrite ZA Guides","c":"Handwriting"},{"f":"Playwrite AT Guides","c":"Handwriting"},{"f":"Playwrite ID Guides","c":"Handwriting"},{"f":"Playwrite NG Modern Guides","c":"Handwriting"},{"f":"Playwrite AU NSW Guides","c":"Handwriting"},{"f":"Playwrite NL Guides","c":"Handwriting"},{"f":"Playwrite ES Guides","c":"Handwriting"},{"f":"Playwrite AU QLD Guides","c":"Handwriting"},{"f":"Playwrite AU TAS Guides","c":"Handwriting"},{"f":"Playwrite NO Guides","c":"Handwriting"},{"f":"Playwrite BE VLG Guides","c":"Handwriting"},{"f":"Playwrite SK Guides","c":"Handwriting"},{"f":"Playwrite HR Guides","c":"Handwriting"},{"f":"Playwrite RO Guides","c":"Handwriting"},{"f":"Playwrite DE SAS Guides","c":"Handwriting"},{"f":"Playwrite CA Guides","c":"Handwriting"},{"f":"Playwrite CZ Guides","c":"Handwriting"}]`),Kf=W(`reset `),qf=W(` `),Jf=W(`
`),Yf=W(` `),Xf=W(`reset `),Zf=W(`
`),Qf=W(`reset `),$f=W(` `,1),ep=W(`Utopia-style fluid scale. The viewport range and the modular ratio are shared;
+ text and display each have their own base size and multiplier.
`,1),tp=W(` `,1),np=W(`reset `),rp=W(``),ip=W(`Overriding these propagates to heading sizes that reference them.
`,1),ap=W(`Weight scale
Named weight tokens. Override if your font uses non-standard axis values.
Role weights
Semantic defaults the elements build on — reweight the whole site from here.
`,1),op=W(` `),cp=W(`custom `),lp=W(`Tracking
`),up=W(`Max width
`),dp=W(` `),fp=W(`
Size
Line height
`,1),hp=W(`
`),gp=W(`Per-text-size max-width caps on .sf-text-* elements. Set to none to remove the constraint; use ch units for character-based measures.
`,1),_p=W(``);function vp(e,t){He(t,!0);let n=(e,n=f,r=f,i=f)=>{let a=F(()=>t.overrides[r()]??i()),o=F(()=>r()in t.overrides);var s=Jf(),c=R(s),l=R(c),d=R(l,!0);P(l);var p=B(l,2),m=e=>{var n=Kf();U(`click`,n,()=>t.onReset(r())),G(e,n)};q(p,e=>{H(o)&&e(m)}),P(c);var h=B(c,2);J(h,20,()=>u,e=>e,(e,n)=>{var o=qf(),s=R(o,!0);P(o),V(e=>{X(o,e),Y(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${H(a)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(s,n)},[()=>`font-weight: ${parseInt(n)}`]),U(`click`,o,()=>n===i()?r()in t.overrides?t.onReset(r()):void 0:t.onSet(r(),n)),G(e,o)}),P(h),P(s),V(()=>K(d,n())),G(e,s)},r=F(()=>Hs.value===`dark`?`#16161e`:`#ffffff`),i=[{label:`Minor Second — 1.067`,value:1.067},{label:`Major Second — 1.125`,value:1.125},{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],a=[{label:`System sans-serif`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`var(--sf-font-geometric)`},{label:`Humanist (Seravek, Gill Sans…)`,value:`var(--sf-font-humanist)`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`var(--sf-font-slab)`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Merriweather (serif)`,value:`'Merriweather', Georgia, serif`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`}],o=[{label:`Same as body`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`var(--sf-font-geometric)`},{label:`Humanist (Seravek, Gill Sans…)`,value:`var(--sf-font-humanist)`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`var(--sf-font-slab)`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Impact / condensed`,value:`Impact, 'Arial Narrow', sans-serif`}],s=[{label:`System mono`,value:`ui-monospace, monospace`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`},{label:`Source Code Pro`,value:`'Source Code Pro', 'Courier New', monospace`}],c=Gf,l=[{label:`balance`,value:`balance`},{label:`pretty`,value:`pretty`},{label:`normal`,value:`normal`}],u=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],d={"--sf-font-weight-body":`400`,"--sf-font-weight-heading":`600`,"--sf-font-weight-display":`700`,"--sf-font-weight-interactive":`600`},p=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],m=[{label:`Tight`,token:`--sf-tracking-tight`,default:-.025},{label:`Normal`,token:`--sf-tracking-normal`,default:0},{label:`Wide`,token:`--sf-tracking-wide`,default:.025},{label:`Wider`,token:`--sf-tracking-wider`,default:.05},{label:`Widest`,token:`--sf-tracking-widest`,default:.1}],g=[{label:`Tight`,token:`--sf-leading-tight`,default:1.1},{label:`Snug`,token:`--sf-leading-snug`,default:1.3},{label:`Normal`,token:`--sf-leading-normal`,default:1.5},{label:`Relaxed`,token:`--sf-leading-relaxed`,default:1.625}],_=[{label:`Display S`,token:`--sf-display-s-line-height`,def:1.1},{label:`Display M`,token:`--sf-display-m-line-height`,def:1.05},{label:`Display L`,token:`--sf-display-l-line-height`,def:1}],v=[{label:`2xs`,value:`var(--sf-text-2xs)`},{label:`xs`,value:`var(--sf-text-xs)`},{label:`s`,value:`var(--sf-text-s)`},{label:`m`,value:`var(--sf-text-m)`},{label:`l`,value:`var(--sf-text-l)`},{label:`xl`,value:`var(--sf-text-xl)`},{label:`2xl`,value:`var(--sf-text-2xl)`},{label:`3xl`,value:`var(--sf-text-3xl)`},{label:`4xl`,value:`var(--sf-text-4xl)`},{label:`display-s`,value:`var(--sf-text-display-s)`},{label:`display-m`,value:`var(--sf-text-display-m)`},{label:`display-l`,value:`var(--sf-text-display-l)`}],y=g.map(e=>({label:e.label,value:`var(${e.token})`,num:e.default})),b=m.map(e=>({label:e.label,value:`var(${e.token})`,em:e.default})),x=[{id:`body`,label:`Body`,size:`--sf-body-font-size`,lh:`--sf-body-line-height`,wt:`--sf-body-font-weight`,ls:null,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`400`,dLs:``},{id:`h1`,label:`H1`,size:`--sf-h1-size`,lh:`--sf-h1-line-height`,wt:`--sf-h1-font-weight`,ls:`--sf-h1-letter-spacing`,dSize:`var(--sf-text-4xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h2`,label:`H2`,size:`--sf-h2-size`,lh:`--sf-h2-line-height`,wt:`--sf-h2-font-weight`,ls:`--sf-h2-letter-spacing`,dSize:`var(--sf-text-3xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h3`,label:`H3`,size:`--sf-h3-size`,lh:`--sf-h3-line-height`,wt:`--sf-h3-font-weight`,ls:`--sf-h3-letter-spacing`,dSize:`var(--sf-text-2xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h4`,label:`H4`,size:`--sf-h4-size`,lh:`--sf-h4-line-height`,wt:`--sf-h4-font-weight`,ls:`--sf-h4-letter-spacing`,dSize:`var(--sf-text-xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h5`,label:`H5`,size:`--sf-h5-size`,lh:`--sf-h5-line-height`,wt:`--sf-h5-font-weight`,ls:`--sf-h5-letter-spacing`,dSize:`var(--sf-text-l)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h6`,label:`H6`,size:`--sf-h6-size`,lh:`--sf-h6-line-height`,wt:`--sf-h6-font-weight`,ls:`--sf-h6-letter-spacing`,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-wide)`}],S=I(`h1`),C=F(()=>x.find(e=>e.id===H(S))),w=F(()=>we(H(S)));function T(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let E=F(()=>T(`--sf-text-ratio-min`,1.25)),D=F(()=>T(`--sf-text-ratio-max`,1.333)),O=F(()=>T(`--sf-text-base-min`,1)),k=F(()=>T(`--sf-text-base-max`,1.25)),A=F(()=>T(`--sf-text-display-base-min`,2.4)),ee=F(()=>T(`--sf-text-display-base-max`,3)),j=F(()=>T(`--sf-leading-taper`,0)),te=F(()=>T(`--sf-text-scale`,1)),ne=F(()=>T(`--sf-text-display-scale`,1)),M=F(()=>T(`--sf-fluid-min-vw`,22.5)),re=F(()=>T(`--sf-fluid-max-vw`,90)),ie=F(()=>[...Wf(t.overrides,Hf),...Wf(t.overrides,Uf)]),ae=I(!1),oe=I(!1),se=I(!1),ce=I(!1),le=I(!1),ue=I(!1),de=I(!1),fe=F(()=>t.overrides[`--sf-font-body`]??``),pe=F(()=>t.overrides[`--sf-font-heading`]??``),me=F(()=>t.overrides[`--sf-font-mono`]??`ui-monospace, monospace`),he=I(``),ge=I(`body`);function _e(e){let n=t.overrides[e.token];return n?parseFloat(n.replace(`em`,``)):e.default}function ve(e){return T(e.token,e.default)}function ye(e){if(!e.trim())return;let t=`gf-${e.replace(/\s+/g,`-`)}`;if(!document.getElementById(t)){let n=document.createElement(`link`);n.id=t,n.rel=`stylesheet`,n.href=`https://fonts.googleapis.com/css2?family=${encodeURIComponent(e)}:wght@100;200;300;400;500;600;700;800;900&display=swap`,document.head.appendChild(n)}}let be=[{id:`body`,label:`Body`,token:`--sf-font-body`,fallback:`sans-serif`},{id:`heading`,label:`Heading`,token:`--sf-font-heading`,fallback:`sans-serif`},{id:`mono`,label:`Mono`,token:`--sf-font-mono`,fallback:`monospace`}];function xe(e,n){if(!e.trim())return;ye(e);let r=be.find(e=>e.id===n);t.onSet(r.token,`'${e}', ${r.fallback}`)}function Se(e,n){return e?t.overrides[e]??n:n}function Ce(e,n,r){e&&(n===r?t.onReset(e):t.onSet(e,n))}function we(e){return e.startsWith(`h`)?`--sf-${e}-max-width`:null}var Te=_p(),Ee=R(Te);Bf(Ee,{get tokens(){return H(ie)},scaleLabel:`type`,onClear:()=>H(ie).forEach(e=>t.onReset(e))});var De=B(Ee,2);$(De,{title:`Fonts`,spacing:`space-y-4`,get open(){return H(ae)},set open(e){L(ae,e,!0)},children:(e,n)=>{var i=$f(),l=z(i);J(l,17,()=>[{label:`Body`,token:`--sf-font-body`,current:H(fe),opts:a},{label:`Heading`,token:`--sf-font-heading`,current:H(pe),opts:o},{label:`Mono`,token:`--sf-font-mono`,current:H(me),opts:s}],e=>e.token,(e,n)=>{var i=Zf(),a=R(i),o=R(a,!0);P(a);var s=B(a,2),c=R(s);J(c,17,()=>H(n).opts,e=>e.label,(e,t)=>{var n=Yf(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`font-family:inherit;background:${H(r)};`),K(i,H(t).label),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var l=B(c),u=e=>{var t=Yf(),i=R(t);P(t);var a={};V(e=>{X(t,`background:${H(r)};`),K(i,`Custom: ${e??``}`),a!==(a=H(n).current)&&(t.value=(t.__value=H(n).current)??``)},[()=>H(n).current.split(`,`)[0].replace(/['"]/g,``)]),G(e,t)},d=F(()=>H(n).current&&!H(n).opts.some(e=>e.value===H(n).current));q(l,e=>{H(d)&&e(u)}),P(s);var f;wi(s);var p=B(s,2),m=e=>{var r=Xf();U(`click`,r,()=>t.onReset(H(n).token)),G(e,r)};q(p,e=>{H(n).token in t.overrides&&e(m)}),P(i),V(()=>{K(o,H(n).label),X(s,`font-family: ${H(n).current||`inherit`}`),f!==(f=H(n).current)&&(s.value=(s.__value=H(n).current)??``,Ci(s,H(n).current))}),U(`change`,s,e=>{let r=e.target.value;r?t.onSet(H(n).token,r):t.onReset(H(n).token)}),G(e,i)});var u=B(l,2),d=R(u),f=B(R(d),2),p=R(f);P(f),P(d);var m=B(d,2);Ii(m);var g=B(m,2);J(g,21,()=>c,e=>e.f,(e,t)=>{var n=Yf(),r=R(n,!0);P(n);var i={};V(()=>{K(r,H(t).c),i!==(i=H(t).f)&&(n.value=(n.__value=H(t).f)??``)}),G(e,n)}),P(g);var _=B(g,2);J(_,21,()=>be,e=>e.id,(e,t)=>{var n=qf(),r=R(n,!0);P(n),V(()=>{Y(n,1,`flex-1 py-1.5 rounded text-[10px] border transition-all cursor-pointer ${H(ge)===H(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400`}`),K(r,H(t).label)}),U(`click`,n,()=>{L(ge,H(t).id,!0)}),G(e,n)}),P(_);var v=B(_,2),y=R(v);P(v),P(u);var b=B(u,2),x=B(R(b),2),S=B(R(x),2);J(S,20,()=>[[`tabular-nums`,`tabular-nums (default)`],[`proportional-nums`,`proportional-nums`],[`normal`,`normal`]],([e,t])=>e,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-font-numeric`]??`tabular-nums`);var s=qf(),c=R(s,!0);P(s),V(()=>{Y(s,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${H(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(c,a())}),U(`click`,s,()=>i()===`tabular-nums`?t.onReset(`--sf-font-numeric`):t.onSet(`--sf-font-numeric`,i())),G(e,s)}),P(S),P(x);var C=B(x,2),w=B(R(C),2);J(w,20,()=>[[`auto`,`auto (default)`],[`none`,`none`]],([e,t])=>e,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-optical-sizing`]??`auto`);var s=qf(),c=R(s,!0);P(s),V(()=>{Y(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${H(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(c,a())}),U(`click`,s,()=>i()===`auto`?t.onReset(`--sf-optical-sizing`):t.onSet(`--sf-optical-sizing`,i())),G(e,s)}),P(w),P(C);var T=B(C,2),E=B(R(T),2);Ii(E);var D=B(E,2),O=e=>{var n=Qf();U(`click`,n,()=>t.onReset(`--sf-font-features`)),G(e,n)};q(D,e=>{`--sf-font-features`in t.overrides&&e(O)}),P(T);var k=B(T,2),A=B(R(k),2);Ii(A);var ee=B(A,2),j=e=>{var n=Qf();U(`click`,n,()=>t.onReset(`--sf-font-variation`)),G(e,n)};q(ee,e=>{`--sf-font-variation`in t.overrides&&e(j)}),P(k),P(b),V(()=>{K(p,`${c.length??``} fonts`),Li(m,H(he)),K(y,`Load & apply to ${H(ge)??``}`),Li(E,t.overrides[`--sf-font-features`]??``),Li(A,t.overrides[`--sf-font-variation`]??``)}),U(`input`,m,e=>{L(he,e.target.value,!0)}),U(`click`,v,()=>xe(H(he),H(ge))),U(`input`,E,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-features`,n):t.onReset(`--sf-font-features`)}),U(`input`,A,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-variation`,n):t.onReset(`--sf-font-variation`)}),G(e,i)},$$slots:{default:!0}});var Oe=B(De,4);$(Oe,{title:`Fluid scale (Mobile → Desktop)`,spacing:`space-y-4`,get open(){return H(oe)},set open(e){L(oe,e,!0)},children:(e,n)=>{var r=ep(),a=B(z(r),2);{let e=F(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);Pf(a,{title:`Viewport range (shared)`,get minValue(){return H(M)},get maxValue(){return H(re)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var o=B(a,2);{let e=F(()=>`--sf-text-base-min`in t.overrides||`--sf-text-base-max`in t.overrides||`--sf-text-ratio-min`in t.overrides||`--sf-text-ratio-max`in t.overrides);Pf(o,{title:`Text base size & ratio`,get minValue(){return H(O)},get maxValue(){return H(k)},min:.7,max:2,step:.01,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-text-base-min`),t.onReset(`--sf-text-base-max`),t.onReset(`--sf-text-ratio-min`),t.onReset(`--sf-text-ratio-max`)},onMinChange:e=>t.onSet(`--sf-text-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-base-max`,String(e)),get ratioPresets(){return i},get ratioMin(){return H(E)},get ratioMax(){return H(D)},ratioMin_bound:1.05,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-text-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-text-ratio-max`,String(e))})}var s=B(o,2);{let e=F(()=>`--sf-text-scale`in t.overrides);Q(s,{label:`Text scale multiplier`,get value(){return H(te)},min:.5,max:2,step:.05,help:`--sf-text-scale — multiplies every text size at once.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-text-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-scale`)})}var c=B(s,2);{let e=F(()=>`--sf-text-display-base-min`in t.overrides||`--sf-text-display-base-max`in t.overrides||`--sf-text-ratio-min`in t.overrides||`--sf-text-ratio-max`in t.overrides);Pf(c,{title:`Display base size & ratio`,get minValue(){return H(A)},get maxValue(){return H(ee)},min:1.5,max:6,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-text-display-base-min`),t.onReset(`--sf-text-display-base-max`),t.onReset(`--sf-text-ratio-min`),t.onReset(`--sf-text-ratio-max`)},onMinChange:e=>t.onSet(`--sf-text-display-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-display-base-max`,String(e)),get ratioPresets(){return i},get ratioMin(){return H(E)},get ratioMax(){return H(D)},ratioMin_bound:1.05,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-text-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-text-ratio-max`,String(e))})}var l=B(c,2);{let e=F(()=>`--sf-text-display-scale`in t.overrides);Q(l,{label:`Display scale multiplier`,get value(){return H(ne)},min:.5,max:2,step:.05,help:`--sf-text-display-scale — multiplies every display size at once.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-text-display-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-display-scale`)})}var u=B(l,2),d=B(R(u),2);J(d,16,()=>[...p].reverse(),e=>e,(e,t)=>{{let n=F(()=>`--sf-text-${t}`);If(e,{get label(){return t},get varName(){return H(n)},family:`--sf-font-body`})}}),J(B(d,4),16,()=>[`l`,`m`,`s`],e=>e,(e,t)=>{{let n=F(()=>`--sf-text-display-${t}`);If(e,{get label(){return t},get varName(){return H(n)},family:`--sf-font-heading`})}}),P(u),G(e,r)},$$slots:{default:!0}});var N=B(Oe,4);$(N,{title:`Line heights`,spacing:`space-y-4`,get open(){return H(se)},set open(e){L(se,e,!0)},children:(e,n)=>{var r=tp(),i=z(r),a=B(R(i),2);J(a,21,()=>g,e=>e.token,(e,n)=>{{let r=F(()=>ve(H(n))),i=F(()=>`${H(n).token} — ${H(n).label.toLowerCase()} line height`),a=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:1,max:2.2,step:.05,get help(){return H(i)},get overridden(){return H(a)},onChange:e=>t.onSet(H(n).token,String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(a),P(i);var o=B(i,2);{let e=F(()=>`--sf-leading-taper`in t.overrides);Q(o,{label:`Leading taper`,get value(){return H(j)},min:0,max:.5,step:.01,help:`--sf-leading-taper — how aggressively large sizes shrink their line-height.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-leading-taper`,String(e)),onReset:()=>t.onReset(`--sf-leading-taper`)})}var s=B(o,2),c=B(R(s),2);J(c,21,()=>_,e=>e.token,(e,n)=>{{let r=F(()=>T(H(n).token,H(n).def)),i=F(()=>`${H(n).token}`),a=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:.8,max:1.5,step:.025,get help(){return H(i)},get overridden(){return H(a)},onChange:e=>t.onSet(H(n).token,String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(c),P(s),G(e,r)},$$slots:{default:!0}});var ke=B(N,4);$(ke,{title:`Letter spacing`,get open(){return H(ce)},set open(e){L(ce,e,!0)},children:(e,n)=>{var r=ip(),i=B(z(r),2);J(i,21,()=>m,e=>e.token,(e,n)=>{var r=rp(),i=R(r),a=R(i),o=R(a,!0);P(a);var s=B(a,2),c=e=>{var r=np();U(`click`,r,()=>t.onReset(H(n).token)),G(e,r)};q(s,e=>{H(n).token in t.overrides&&e(c)}),P(i);var l=B(i,2);{let e=F(()=>_e(H(n)));Zu(l,{get value(){return H(e)},min:-.1,max:.2,step:.005,unit:`em`,onChange:e=>t.onSet(H(n).token,`${e}em`)})}P(r),V(()=>K(o,H(n).label)),G(e,r)}),P(i),G(e,r)},$$slots:{default:!0}});var Ae=B(ke,4);$(Ae,{title:`Font weights`,spacing:`space-y-4`,get open(){return H(le)},set open(e){L(le,e,!0)},children:(e,t)=>{var r=ap(),i=B(z(r),4);n(i,()=>`Light`,()=>`--sf-font-weight-light`,()=>`300`);var a=B(i,2);n(a,()=>`Normal`,()=>`--sf-font-weight-normal`,()=>`400`);var o=B(a,2);n(o,()=>`Medium`,()=>`--sf-font-weight-medium`,()=>`500`);var s=B(o,2);n(s,()=>`Semibold`,()=>`--sf-font-weight-semibold`,()=>`600`);var c=B(s,2);n(c,()=>`Bold`,()=>`--sf-font-weight-bold`,()=>`700`);var l=B(c,6);n(l,()=>`Heading`,()=>`--sf-font-weight-heading`,()=>d[`--sf-font-weight-heading`]??`600`);var u=B(l,2);n(u,()=>`Display`,()=>`--sf-font-weight-display`,()=>d[`--sf-font-weight-display`]??`700`);var f=B(u,2);n(f,()=>`Body strong`,()=>`--sf-font-weight-strong`,()=>`700`);var p=B(f,2);n(p,()=>`Interactive`,()=>`--sf-font-weight-interactive`,()=>d[`--sf-font-weight-interactive`]??`600`),G(e,r)},$$slots:{default:!0}});var je=B(Ae,4);$(je,{title:`Elements (body, h1–h6)`,get open(){return H(ue)},set open(e){L(ue,e,!0)},children:(e,n)=>{var i=mp(),a=z(i);J(a,21,()=>x,e=>e.id,(e,n)=>{let r=F(()=>we(H(n).id)),i=F(()=>H(n).size in t.overrides||H(n).lh in t.overrides||H(n).wt in t.overrides||!!H(n).ls&&H(n).ls in t.overrides||!!H(r)&&H(r)in t.overrides);var a=sp(),o=R(a),s=B(o),c=e=>{G(e,op())};q(s,e=>{H(i)&&e(c)}),P(a),V(()=>{Y(a,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold transition-all cursor-pointer ${H(S)===H(n).id?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(o,`${H(n).label??``} `)}),U(`click`,a,()=>{L(S,H(n).id,!0)}),G(e,a)}),P(a);var o=B(a,2),s=R(o);P(o);var c=B(o,2),d=B(R(c),2),f=R(d);J(f,17,()=>v,e=>e.value,(e,t)=>{var n=Yf(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,H(t).label),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var p=B(f),m=e=>{var t=cp(),n={};V(e=>{X(t,`background:${H(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>Se(H(C).size,H(C).dSize)]),G(e,t)},g=F(()=>!v.some(e=>e.value===Se(H(C).size,H(C).dSize)));q(p,e=>{H(g)&&e(m)}),P(d);var _;wi(d),P(c);var E=B(c,2),D=B(R(E),2),O=R(D);J(O,17,()=>y,e=>e.value,(e,t)=>{var n=Yf(),i=R(n);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,`${H(t).label??``} · ${H(t).num??``}`),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var k=B(O),A=e=>{var t=cp(),n={};V(e=>{X(t,`background:${H(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>Se(H(C).lh,H(C).dLh)]),G(e,t)},ee=F(()=>!y.some(e=>e.value===Se(H(C).lh,H(C).dLh)));q(k,e=>{H(ee)&&e(A)}),P(D);var j;wi(D),P(E);var te=B(E,2),ne=B(R(te),2);J(ne,20,()=>u,e=>e,(e,t)=>{let n=F(()=>Se(H(C).wt,H(C).dWt));var r=qf(),i=R(r,!0);P(r),V(e=>{X(r,e),Y(r,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(i,t)},[()=>`font-weight:${parseInt(t)}`]),U(`click`,r,()=>Ce(H(C).wt,t,H(C).dWt)),G(e,r)}),P(ne),P(te);var M=B(te,2),re=e=>{var t=lp(),n=B(R(t),2),i=R(n);J(i,17,()=>b,e=>e.value,(e,t)=>{var n=Yf(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,H(t).label),a!==(a=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var a=B(i),o=e=>{var t=cp(),n={};V(e=>{X(t,`background:${H(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>Se(H(C).ls,H(C).dLs)]),G(e,t)},s=F(()=>!b.some(e=>e.value===Se(H(C).ls,H(C).dLs)));q(a,e=>{H(s)&&e(o)}),P(n);var c;wi(n),P(t),V(e=>{c!==(c=e)&&(n.value=(n.__value=e)??``,Ci(n,e))},[()=>Se(H(C).ls,H(C).dLs)]),U(`change`,n,e=>Ce(H(C).ls,e.target.value,H(C).dLs)),G(e,t)};q(M,e=>{H(C).ls&&e(re)});var ie=B(M,2),ae=e=>{let n=F(()=>`--sf-${H(C).id}-max-width`);var r=up(),i=B(R(r),2);Ii(i);var a=B(i,2),o=e=>{var r=Xf();U(`click`,r,()=>t.onReset(H(n))),G(e,r)};q(a,e=>{H(n)in t.overrides&&e(o)}),P(r),V(()=>{Li(i,t.overrides[H(n)]??``),Z(i,`aria-label`,`${H(C).label} max width`)}),U(`input`,i,e=>{let r=e.target.value.trim();r?t.onSet(H(n),r):t.onReset(H(n))}),G(e,r)},oe=F(()=>H(C).id.startsWith(`h`));q(ie,e=>{H(oe)&&e(ae)});var se=B(ie,2),ce=R(se),le=e=>{var n=dp(),r=R(n);P(n),V(()=>K(r,`reset ${H(C).label??``}`)),U(`click`,n,()=>{let e={[H(C).size]:null,[H(C).lh]:null,[H(C).wt]:null};H(C).ls&&(e[H(C).ls]=null),H(w)&&(e[H(w)]=null),t.onBulkChange(e)}),G(e,n)};q(ce,e=>{(H(C).size in t.overrides||H(C).lh in t.overrides||H(C).wt in t.overrides||H(C).ls&&H(C).ls in t.overrides||H(w)&&H(w)in t.overrides)&&e(le)}),P(se);var ue=B(se,2),de=B(R(ue),2),fe=B(R(de),2);J(fe,20,()=>[[`Italic`,`italic`],[`Normal`,`normal`]],([e,t])=>t,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1],o=F(()=>t.overrides[`--sf-body-em-style`]??`italic`);var s=fp(),c=R(s),l=R(c,!0);P(c),P(s),V(()=>{Y(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${H(o)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),X(c,`font-style: ${a()}`),K(l,i())}),U(`click`,s,()=>a()===`italic`?t.onReset(`--sf-body-em-style`):t.onSet(`--sf-body-em-style`,a())),G(e,s)}),P(fe),P(de);var pe=B(de,2);{let e=F(()=>T(`--sf-code-font-size`,.875)),n=F(()=>`--sf-code-font-size`in t.overrides);Q(pe,{label:`Code font size`,get value(){return H(e)},min:.7,max:1.1,step:.005,unit:`em`,help:`--sf-code-font-size — size of inline code relative to surrounding text`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-code-font-size`,`${e}em`),onReset:()=>t.onReset(`--sf-code-font-size`)})}var me=B(pe,2);J(me,16,()=>[{label:`Heading wrap`,token:`--sf-heading-text-wrap`,defaultVal:`balance`},{label:`Body wrap`,token:`--sf-body-text-wrap`,defaultVal:`pretty`}],e=>e.token,(e,n)=>{let r=F(()=>t.overrides[n.token]??n.defaultVal);var i=pp(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,21,()=>l,e=>e.value,(e,i)=>{var a=qf(),o=R(a,!0);P(a),V(()=>{Y(a,1,`flex-1 px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${H(r)===H(i).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(o,H(i).label)}),U(`click`,a,()=>H(i).value===n.defaultVal&&!(n.token in t.overrides)?void 0:H(i).value===n.defaultVal?t.onReset(n.token):t.onSet(n.token,H(i).value)),G(e,a)}),P(s),P(i),V(()=>K(o,n.label)),G(e,i)});var he=B(me,2),ge=B(R(he),2);Ii(ge),Z(ge,`placeholder`,`" ↗"`);var _e=B(ge,2),ve=e=>{var n=Xf();U(`click`,n,()=>t.onReset(`--sf-link-external-marker`)),G(e,n)};q(_e,e=>{`--sf-link-external-marker`in t.overrides&&e(ve)}),P(he);var ye=B(he,2),be=B(R(ye),2);Ii(be),Z(be,`placeholder`,`"opens in a new window or external site"`);var xe=B(be,2),Te=e=>{var n=Xf();U(`click`,n,()=>t.onReset(`--sf-link-external-label`)),G(e,n)};q(xe,e=>{`--sf-link-external-label`in t.overrides&&e(Te)}),P(ye),P(ue),V((e,n)=>{X(s,`font-size:var(${H(C).size}, ${H(C).dSize}); font-weight:var(${H(C).wt}, ${H(C).dWt}); letter-spacing:${H(C).ls?`var(${H(C).ls}, normal)`:`normal`}; line-height:var(${H(C).lh}, ${H(C).dLh}); font-family:var(${H(C).id===`body`?`--sf-font-body`:`--sf-font-heading`})`),_!==(_=e)&&(d.value=(d.__value=e)??``,Ci(d,e)),j!==(j=n)&&(D.value=(D.__value=n)??``,Ci(D,n)),Li(ge,t.overrides[`--sf-link-external-marker`]??``),Li(be,t.overrides[`--sf-link-external-label`]??``)},[()=>Se(H(C).size,H(C).dSize),()=>Se(H(C).lh,H(C).dLh)]),U(`change`,d,e=>Ce(H(C).size,e.target.value,H(C).dSize)),U(`change`,D,e=>Ce(H(C).lh,e.target.value,H(C).dLh)),U(`input`,ge,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-marker`,n):t.onReset(`--sf-link-external-marker`)}),U(`input`,be,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-label`,n):t.onReset(`--sf-link-external-label`)}),G(e,i)},$$slots:{default:!0}}),$(B(je,4),{title:`Line lengths (max-width)`,get open(){return H(de)},set open(e){L(de,e,!0)},children:(e,n)=>{var r=gp(),i=B(z(r),2);J(i,20,()=>[{label:`2xs`,token:`--sf-text-2xs-max-width`,def:`55ch`},{label:`xs`,token:`--sf-text-xs-max-width`,def:`60ch`},{label:`s`,token:`--sf-text-s-max-width`,def:`65ch`},{label:`m`,token:`--sf-text-m-max-width`,def:`65ch`},{label:`l`,token:`--sf-text-l-max-width`,def:`none`},{label:`xl`,token:`--sf-text-xl-max-width`,def:`none`},{label:`2xl`,token:`--sf-text-2xl-max-width`,def:`none`},{label:`3xl`,token:`--sf-text-3xl-max-width`,def:`none`},{label:`4xl`,token:`--sf-text-4xl-max-width`,def:`none`}],e=>e.token,(e,n)=>{var r=hp(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=Qf();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(s,e=>{n.token in t.overrides&&e(c)}),P(r),V(()=>{K(a,n.label),Li(o,t.overrides[n.token]??``),Z(o,`aria-label`,`${n.label} max width`),Z(o,`placeholder`,n.def)}),U(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),G(e,r)}),P(i),G(e,r)},$$slots:{default:!0}}),P(Te),G(e,Te),Ue()}Lr([`click`,`change`,`input`]);function yp(e,t){return t.map(t=>({label:`${e}-${t}`,value:`var(--sf-${e}-${t})`}))}var bp=yp(`space`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`]),xp=yp(`radius`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`,`full`]),Sp=yp(`border-width`,[`1`,`2`,`3`,`4`]),Cp=yp(`container`,[`narrow`,`prose`,`default`,`wide`,`full`]),wp=yp(`size`,[`xs`,`s`,`m`,`l`,`xl`]),Tp=yp(`shadow`,[`xs`,`s`,`m`,`l`,`xl`]);function Ep(e){if(!e)return null;let t=e.trim().match(/^var\(\s*--sf-(space|radius|border-width|container|size|shadow)-[a-z0-9]+\s*\)$/);if(!t)return null;switch(t[1]){case`space`:return bp;case`radius`:return xp;case`border-width`:return Sp;case`container`:return Cp;case`size`:return wp;case`shadow`:return Tp;default:return null}}var Dp=W(``),Op=W(`The two most-referenced spacing tokens. Referenced by every layout primitive (cluster, grid, stack, bento…).
`,1),kp=W(`Utopia-style fluid scale — viewport width, base unit and ratio per endpoint.
+ The viewport range is shared with the type scale.
`,1),Ap=W(`
`),jp=W(``);function Mp(e,t){He(t,!0);let n=[{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],r=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],i=Hu.spacing??[];function a(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let o=F(()=>a(`--sf-space-ratio-min`,1.25)),s=F(()=>a(`--sf-space-ratio-max`,1.333)),c=F(()=>a(`--sf-space-base-min`,1)),l=F(()=>a(`--sf-space-base-max`,2)),u=F(()=>a(`--sf-space-scale`,1)),d=F(()=>a(`--sf-gap`,1)),f=F(()=>a(`--sf-gutter`,1.5)),p=F(()=>a(`--sf-content-gap`,.5)),m=F(()=>a(`--sf-fluid-min-vw`,22.5)),h=F(()=>a(`--sf-fluid-max-vw`,90)),g=F(()=>(H(c)+H(l))/2*((H(o)+H(s))/2)**5*H(u)),_=F(()=>Wf(t.overrides,Vf)),v=I(!1),y=I(!1),b=I(!1);var x=jp(),S=R(x);Bf(S,{get tokens(){return H(_)},scaleLabel:`spacing`,onClear:()=>H(_).forEach(e=>t.onReset(e))});var C=B(S,2),w=B(R(C),2);J(w,22,()=>r,e=>e,(e,t,n)=>{let r=F(()=>(H(c)+H(l))/2),i=F(()=>(H(o)+H(s))/2),a=F(()=>H(n)-3),d=F(()=>H(a)>=0?H(r)*H(i)**+H(a):H(r)/H(i)**+-H(a)),f=F(()=>H(d)*H(u)),p=F(()=>H(g)>0?H(f)/H(g)*240:0);var m=Dp(),h=R(m),_=R(h,!0);P(h);var v=B(h,2),y=B(v,2),b=R(y);P(y),P(m),V(e=>{K(_,t),X(v,`width: ${H(p)}px; min-width: 3px`),K(b,`${e??``}rem`)},[()=>H(f).toFixed(2)]),G(e,m)}),P(w),P(C);var T=B(C,4);$(T,{title:`Layout gap`,get open(){return H(v)},set open(e){L(v,e,!0)},children:(e,n)=>{var r=Op(),i=B(z(r),2);{let e=F(()=>`--sf-gap`in t.overrides);Q(i,{label:`Gap`,get value(){return H(d)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-gap — spacing between layout items (cluster, grid, reel, stack, sidebar, bento)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-gap`]},onRawSet:e=>t.onSet(`--sf-gap`,e)})}var a=B(i,2);{let e=F(()=>`--sf-content-gap`in t.overrides);Q(a,{label:`Content gap`,get value(){return H(p)},min:0,max:2,step:.0625,unit:`rem`,help:`--sf-content-gap — tighter gap within components (defaults to space-s)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-content-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-gap`),rawDefault:`var(--sf-space-s)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-content-gap`]},onRawSet:e=>t.onSet(`--sf-content-gap`,e)})}var o=B(a,2);{let e=F(()=>`--sf-gutter`in t.overrides);Q(o,{label:`Gutter`,get value(){return H(f)},min:0,max:6,step:.0625,unit:`rem`,help:`--sf-gutter — wide page/section side gutter (containers, .sf-section--guttered)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-gutter`),rawDefault:`var(--sf-space-l)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-gutter`]},onRawSet:e=>t.onSet(`--sf-gutter`,e)})}G(e,r)},$$slots:{default:!0}});var E=B(T,4);$(E,{title:`Modular scale (Mobile → Desktop)`,spacing:`space-y-4`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,r)=>{var i=kp(),a=B(z(i),2);{let e=F(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);Pf(a,{title:`Viewport range`,get minValue(){return H(m)},get maxValue(){return H(h)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var u=B(a,2);{let e=F(()=>`--sf-space-base-min`in t.overrides||`--sf-space-base-max`in t.overrides||`--sf-space-ratio-min`in t.overrides||`--sf-space-ratio-max`in t.overrides);Pf(u,{title:`Base unit & ratio`,get minValue(){return H(c)},get maxValue(){return H(l)},min:.5,max:4,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`space`,get overridden(){return H(e)},onReset:()=>{t.onReset(`--sf-space-base-min`),t.onReset(`--sf-space-base-max`),t.onReset(`--sf-space-ratio-min`),t.onReset(`--sf-space-ratio-max`)},onMinChange:e=>t.onSet(`--sf-space-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-space-base-max`,String(e)),get ratioPresets(){return n},get ratioMin(){return H(o)},get ratioMax(){return H(s)},ratioMin_bound:1.1,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-space-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-space-ratio-max`,String(e))})}G(e,i)},$$slots:{default:!0}}),$(B(E,4),{title:`Advanced`,variant:`advanced`,get open(){return H(b)},set open(e){L(b,e,!0)},children:(e,n)=>{var r=Ap();J(r,21,()=>i,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),P(r),G(e,r)},$$slots:{default:!0}}),P(x),G(e,x),Ue()}var Np=W(` `),Pp=W(``),Fp=W(`
`,1);function Ip(e,t){He(t,!0);let n=ea(t,`columns`,3,3),r=ea(t,`dense`,3,!1),i=ea(t,`showPreview`,3,!1),a={2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`},o=e=>e.replace(/\s/g,``),s=F(()=>t.presets.map(e=>typeof e==`string`?{label:e,value:e}:e)),c=F(()=>a[n()]??`grid-cols-3`);var l=Fp(),u=z(l);J(u,21,()=>H(s),e=>e.value,(e,n)=>{var i=Np(),a=R(i,!0);P(i),V(e=>{Y(i,1,e),K(a,H(n).label)},[()=>`${r()?`py-1 text-[9px]`:`py-1.5 text-[10px]`} rounded-lg border transition-all cursor-pointer font-mono ${o(t.value)===o(H(n).value)?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`]),U(`click`,i,()=>H(n).value===t.defaultValue?t.onReset(t.token):t.onSet(t.token,H(n).value)),G(e,i)}),P(u);var d=B(u,2),f=e=>{var n=Pp(),r=R(n),i=R(r,!0);P(r),P(n),V(()=>{X(r,`aspect-ratio:${t.value};max-height:120px;max-width:100%;width:auto;height:120px`),K(i,t.value)}),G(e,n)};q(d,e=>{i()&&e(f)}),V(()=>Y(u,1,`grid ${H(c)} ${r()?`gap-1`:`gap-1.5`}`)),G(e,l),Ue()}Lr([`click`]);var Lp=W(` `),Rp=W(`reset `),zp=W(`
`);function Bp(e,t){He(t,!0);let n=ea(t,`labelWidth`,3,`w-20`);var r=zp(),i=R(r),a=e=>{var r=Lp(),i=R(r,!0);P(r),V(()=>{Y(r,1,`text-[10px] font-semibold text-slate-600 dark:text-slate-400 ${n()} shrink-0`),K(i,t.label)}),G(e,r)};q(i,e=>{t.label&&e(a)});var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var n=Rp();U(`click`,n,function(...e){t.onReset?.apply(this,e)}),G(e,n)};q(s,e=>{t.overridden&&e(c)}),P(r),V(()=>{Li(o,t.value),Z(o,`placeholder`,t.placeholder)}),U(`input`,o,e=>{let n=e.target.value;n.trim()?t.onSet(n):t.onReset()}),G(e,r),Ue()}Lr([`input`,`click`]);var Vp=W(``),Hp=W(`
`,1),Up=W(` `,1),Wp=W(`col
`),Gp=W(` Named sizes (grid-min-xs → 2xl)
Preview at 360px panel width
`),qp=W(` `,1),Jp=W(`Offsets position:sticky elements below a fixed header. Defaults to header heights.
`,1),Yp=W(` `,1),Xp=W(`
`),Zp=W(` `),Qp=W(`reset `),$p=W(`
`),em=W(` `),tm=W(` Equal columns (flowing)
Content flows between columns like a newspaper — use .sf-grid for discrete grid cells instead.
Rule color
Frame ratio
--sf-frame-ratio — aspect ratio for .sf-frame
Reel
--sf-reel-item-width — width of each item in a horizontal .sf-reel
Height
`),nm=W(`Override the built-in named aspect ratios used by .sf-ratio-* utilities.
Default values for the .sf-bg-layer full-bleed background utility.
Bento grid
More layout primitives
Named ratios
Background layer (.sf-bg-layer)
`);function am(e,t){He(t,!0);let n=[`solid`,`dashed`,`dotted`],r=F(()=>Hs.value===`dark`?`#16161e`:`#ffffff`);function i(e,t){if(!e)return t;let n=parseFloat(e);return isNaN(n)?t:n}let a=F(()=>i(t.overrides[`--sf-container-narrow`],38)),o=F(()=>i(t.overrides[`--sf-container-prose`],65)),s=F(()=>i(t.overrides[`--sf-container-default`],75)),c=F(()=>i(t.overrides[`--sf-container-wide`],90)),l=F(()=>i(t.overrides[`--sf-center-max`],75)),u=F(()=>i(t.overrides[`--sf-center-gutter`],1)),d=F(()=>i(t.overrides[`--sf-grid-min`],16)),f=F(()=>i(t.overrides[`--sf-grid-gap`],1)),p=F(()=>i(t.overrides[`--sf-header-height-mobile`],3.5)),m=F(()=>i(t.overrides[`--sf-header-height-desktop`],5)),h=F(()=>i(t.overrides[`--sf-sidebar-width`],18)),g=F(()=>i(t.overrides[`--sf-sticky-offset-mobile`],3.5)),_=F(()=>i(t.overrides[`--sf-sticky-offset-desktop`],5)),v=[{label:`Columns`,token:`--sf-bento-cols-default`,min:1,max:12,step:1,unit:``,default:4},{label:`Row default`,token:`--sf-bento-row-default`,min:4,max:24,step:.5,unit:`rem`,default:10},{label:`Row compact`,token:`--sf-bento-row-compact`,min:2,max:16,step:.5,unit:`rem`,default:6},{label:`Row tall`,token:`--sf-bento-row-tall`,min:8,max:32,step:.5,unit:`rem`,default:16}],y=I(!1),b=I(!1),x=I(!1),S=I(!1),C=I(!1),w=I(!1),T=I(!1),E=I(!1),D=I(!1),O=I(!1);function k(e){let n=t.overrides[e.token];return n?parseFloat(n):e.default}let A=F(()=>i(t.overrides[`--sf-switcher-threshold`],30)),ee=F(()=>i(t.overrides[`--sf-sidebar-min-width`],50)),j=F(()=>i(t.overrides[`--sf-equal-min-col`],16)),te=F(()=>i(t.overrides[`--sf-equal-rule-width`],0)),ne=F(()=>t.overrides[`--sf-equal-rule-color`]??``),M=F(()=>i(t.overrides[`--sf-cover-min-height`],100)),re=F(()=>i(t.overrides[`--sf-imposter-margin`],1)),ie=F(()=>i(t.overrides[`--sf-breakout-width`],90)),ae=F(()=>i(t.overrides[`--sf-content-width`],75)),oe=F(()=>i(t.overrides[`--sf-alternate-inner-gap`],1)),se=F(()=>t.overrides[`--sf-frame-ratio`]??`16 / 9`),ce=F(()=>t.overrides[`--sf-reel-item-width`]??`max-content`),le=[`16 / 9`,`4 / 3`,`3 / 2`,`1 / 1`,`21 / 9`],ue=[{label:`auto`,value:`max-content`},{label:`12rem`,value:`12rem`},{label:`16rem`,value:`16rem`},{label:`20rem`,value:`20rem`}];var de=im(),fe=R(de);$(fe,{title:`Container widths`,spacing:`space-y-4`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,n)=>{var r=Hp(),i=z(r),l=R(i),u=B(R(l),2);{let e=F(()=>`--sf-container-narrow`in t.overrides);Q(u,{label:``,get value(){return H(a)},min:20,max:60,step:1,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-narrow`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-narrow`)})}P(l);var d=B(l,2),f=B(R(d),2);{let e=F(()=>`--sf-container-prose`in t.overrides);Q(f,{label:``,get value(){return H(o)},min:40,max:90,step:1,unit:`ch`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-prose`,`${e}ch`),onReset:()=>t.onReset(`--sf-container-prose`)})}P(d);var p=B(d,2),m=B(R(p),2);{let e=F(()=>`--sf-container-default`in t.overrides);Q(m,{label:``,get value(){return H(s)},min:50,max:120,step:1,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-default`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-default`)})}P(p);var h=B(p,2),g=B(R(h),2);{let e=F(()=>`--sf-container-wide`in t.overrides);Q(g,{label:``,get value(){return H(c)},min:60,max:160,step:1,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-container-wide`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-wide`)})}P(h),P(i);var _=B(i,2);J(_,21,()=>[{label:`narrow`,value:H(a),max:H(c),unit:`rem`},{label:`prose`,value:H(o),max:H(c)*1.5,unit:`ch`},{label:`default`,value:H(s),max:H(c),unit:`rem`},{label:`wide`,value:H(c),max:H(c),unit:`rem`}],e=>e.label,(e,t)=>{var n=Vp(),r=R(n),i=R(r,!0);P(r);var a=B(r,2),o=R(a);P(a);var s=B(a,2),c=R(s);P(s),P(n),V(e=>{K(i,H(t).label),X(o,e),K(c,`${H(t).value??``}${H(t).unit??``}`)},[()=>`width: ${Math.min(H(t).value/H(t).max*100,100)}%`]),G(e,n)}),P(_),G(e,r)},$$slots:{default:!0}});var pe=B(fe,4);$(pe,{title:`Center wrapper`,get open(){return H(b)},set open(e){L(b,e,!0)},children:(e,n)=>{var r=Up(),i=z(r);{let e=F(()=>`--sf-center-max`in t.overrides);Q(i,{label:`Max width`,get value(){return H(l)},min:30,max:160,step:1,unit:`rem`,help:`--sf-center-max — max-width of the .sf-center centering wrapper`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-center-max`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-max`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Cp},get currentRaw(){return t.overrides[`--sf-center-max`]},onRawSet:e=>t.onSet(`--sf-center-max`,e)})}var a=B(i,2);{let e=F(()=>`--sf-center-gutter`in t.overrides);Q(a,{label:`Gutter`,get value(){return H(u)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-center-gutter — minimum side padding inside the center wrapper`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-center-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-gutter`),rawDefault:`var(--sf-gutter)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-center-gutter`]},onRawSet:e=>t.onSet(`--sf-center-gutter`,e)})}G(e,r)},$$slots:{default:!0}});var me=B(pe,4);$(me,{title:`Auto grid`,spacing:`space-y-4`,get open(){return H(x)},set open(e){L(x,e,!0)},children:(e,n)=>{var r=Gp(),a=z(r);{let e=F(()=>`--sf-grid-gap`in t.overrides);Q(a,{label:`Grid gap`,get value(){return H(f)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-grid-gap — gap between grid cells (.sf-grid, .sf-grid-flex, .sf-grid-cols-*); defaults to --sf-gap`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-grid-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-grid-gap`]},onRawSet:e=>t.onSet(`--sf-grid-gap`,e)})}var o=B(a,2);{let e=F(()=>`--sf-grid-min`in t.overrides);Q(o,{label:`Grid min cell width`,get value(){return H(d)},min:8,max:40,step:.5,unit:`rem`,help:`sf-grid minimum column width — browser auto-fills columns`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-grid-min`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-min`)})}var s=B(o,2),c=B(R(s),2);J(c,20,()=>[{label:`xs`,token:`--sf-grid-min-xs`,def:10},{label:`s`,token:`--sf-grid-min-s`,def:13},{label:`m`,token:`--sf-grid-min-m`,def:16},{label:`l`,token:`--sf-grid-min-l`,def:20},{label:`xl`,token:`--sf-grid-min-xl`,def:24},{label:`2xl`,token:`--sf-grid-min-2xl`,def:28}],e=>e.token,(e,n)=>{{let r=F(()=>i(t.overrides[n.token],n.def)),a=F(()=>n.token in t.overrides);Q(e,{get label(){return n.label},get value(){return H(r)},min:6,max:40,step:.5,unit:`rem`,get overridden(){return H(a)},onChange:e=>t.onSet(n.token,`${e}rem`),onReset:()=>t.onReset(n.token)})}}),P(c),P(s);var l=B(s,2),u=B(R(l),2);J(u,20,()=>Array.from({length:8}),ti,(e,t)=>{G(e,Wp())}),P(u),P(l),V(e=>X(u,e),[()=>`grid-template-columns: repeat(auto-fill, minmax(${Math.min(H(d)*16*(360/1200),120)}px, 1fr)); gap: ${H(f)*16*(360/1200)}px`]),G(e,r)},$$slots:{default:!0}});var he=B(me,4);$(he,{title:`Header height`,spacing:`space-y-4`,get open(){return H(S)},set open(e){L(S,e,!0)},children:(e,n)=>{var r=qp(),i=z(r),a=R(i),o=B(R(a),2);{let e=F(()=>`--sf-header-height-mobile`in t.overrides);Q(o,{label:``,get value(){return H(p)},min:2,max:8,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-header-height-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-mobile`)})}P(a);var s=B(a,2),c=B(R(s),2);{let e=F(()=>`--sf-header-height-desktop`in t.overrides);Q(c,{label:``,get value(){return H(m)},min:3,max:10,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-header-height-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-desktop`)})}P(s),P(i);var l=B(i,2),u=R(l),d=B(R(u),2);J(d,20,()=>[1,2,3],e=>e,(e,t)=>{G(e,Kp())}),P(d),P(u);var f=B(u,2),h=R(f);P(f),P(l),V(e=>{X(u,e),K(h,`${H(p)??``}rem mobile · ${H(m)??``}rem desktop`)},[()=>`height: ${Math.min(H(p)*12,64)}px`]),G(e,r)},$$slots:{default:!0}});var ge=B(he,4);$(ge,{title:`Sticky offset`,get open(){return H(C)},set open(e){L(C,e,!0)},children:(e,n)=>{var r=Jp(),i=B(z(r),2),a=R(i),o=B(R(a),2);{let e=F(()=>`--sf-sticky-offset-mobile`in t.overrides);Q(o,{label:``,get value(){return H(g)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sticky-offset-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-mobile`),rawDefault:`var(--sf-header-height-mobile)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-mobile`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-mobile`,e)})}P(a);var s=B(a,2),c=B(R(s),2);{let e=F(()=>`--sf-sticky-offset-desktop`in t.overrides);Q(c,{label:``,get value(){return H(_)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sticky-offset-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-desktop`),rawDefault:`var(--sf-header-height-desktop)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-desktop`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-desktop`,e)})}P(s),P(i),G(e,r)},$$slots:{default:!0}});var _e=B(ge,4);$(_e,{title:`Sidebar`,spacing:`space-y-4`,get open(){return H(w)},set open(e){L(w,e,!0)},children:(e,n)=>{var r=Yp(),i=z(r);{let e=F(()=>`--sf-sidebar-width`in t.overrides);Q(i,{label:`Sidebar width`,get value(){return H(h)},min:10,max:32,step:.5,unit:`rem`,help:`--sf-sidebar-width — default sidebar / drawer width`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sidebar-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-sidebar-width`)})}var a=B(i,2),o=R(a),s=R(o),c=R(s);P(s),P(o),Ne(2),P(a),V(e=>{X(o,e),K(c,`${H(h)??``}rem`)},[()=>`width: ${Math.min(H(h)*3.5,100)}px`]),G(e,r)},$$slots:{default:!0}});var ve=B(_e,4),ye=R(ve),be=B(R(ye),2),xe=R(be,!0);P(be),P(ye);var Se=B(ye,2),Ce=e=>{var n=Xp();J(n,21,()=>v,e=>e.token,(e,n)=>{{let r=F(()=>k(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,H(n).unit?`${e}${H(n).unit}`:String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(n),G(e,n)};q(Se,e=>{H(T)&&e(Ce)}),P(ve);var we=B(ve,4),Te=R(we),Ee=B(R(Te),2),De=R(Ee,!0);P(Ee),P(Te);var Oe=B(Te,2),N=e=>{var i=tm(),a=R(i),o=B(R(a),2);{let e=F(()=>`--sf-switcher-threshold`in t.overrides);Q(o,{label:`Threshold`,get value(){return H(A)},min:10,max:60,step:1,unit:`rem`,help:`--sf-switcher-threshold — width below which .sf-switcher stacks vertically`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-switcher-threshold`,`${e}rem`),onReset:()=>t.onReset(`--sf-switcher-threshold`)})}P(a);var s=B(a,2),c=B(R(s),2);{let e=F(()=>`--sf-sidebar-min-width`in t.overrides);Q(c,{label:`Content min width`,get value(){return H(ee)},min:20,max:80,step:1,unit:`%`,help:`--sf-sidebar-min-width — minimum width of the .sf-sidebar content column before it wraps`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-sidebar-min-width`,`${e}%`),onReset:()=>t.onReset(`--sf-sidebar-min-width`)})}P(s);var l=B(s,2);J(B(R(l),2),16,()=>[{label:`Align`,token:`--sf-cluster-align`,def:`center`,opts:[`flex-start`,`center`,`flex-end`,`stretch`,`baseline`]},{label:`Justify`,token:`--sf-cluster-justify`,def:`flex-start`,opts:[`flex-start`,`center`,`flex-end`,`space-between`,`space-around`]}],e=>e.token,(e,n)=>{var i=$p(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,20,()=>n.opts,e=>e,(e,t)=>{var n=Zp(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),G(e,n)}),P(s);var c;wi(s);var l=B(s,2),u=e=>{var r=Qp();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(l,e=>{n.token in t.overrides&&e(u)}),P(i),V(()=>{K(o,n.label),c!==(c=t.overrides[n.token]??n.def)&&(s.value=(s.__value=t.overrides[n.token]??n.def)??``,Ci(s,t.overrides[n.token]??n.def))}),U(`change`,s,e=>{let r=e.target.value;r===n.def?t.onReset(n.token):t.onSet(n.token,r)}),G(e,i)}),P(l);var u=B(l,2),d=B(R(u),4);{let e=F(()=>`--sf-equal-min-col`in t.overrides);Q(d,{label:`Min column width`,get value(){return H(j)},min:6,max:36,step:.5,unit:`rem`,help:`--sf-equal-min-col — column-width floor for .sf-equal`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-equal-min-col`,`${e}rem`),onReset:()=>t.onReset(`--sf-equal-min-col`)})}var f=B(d,2);{let e=F(()=>`--sf-equal-rule-width`in t.overrides);Q(f,{label:`Rule width`,get value(){return H(te)},min:0,max:4,step:.5,unit:`px`,help:`--sf-equal-rule-width — column-rule width between flowing columns, 0 = off`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-equal-rule-width`,`${e}px`),onReset:()=>t.onReset(`--sf-equal-rule-width`)})}var p=B(f,2),m=B(R(p),2);J(m,20,()=>n,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-equal-rule-style`]??`solid`);var i=em(),a=R(i,!0);P(i),V(()=>{Y(i,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,n)}),U(`click`,i,()=>n===`solid`?t.onReset(`--sf-equal-rule-style`):t.onSet(`--sf-equal-rule-style`,n)),G(e,i)}),P(m),P(p);var h=B(p,2),g=B(R(h),2);{let e=F(()=>`--sf-equal-rule-color`in t.overrides);Fd(g,{token:`--sf-equal-rule-color`,get value(){return H(ne)},placeholder:`inherits border`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-equal-rule-color`,e),onReset:()=>t.onReset(`--sf-equal-rule-color`)})}P(h),P(u);var _=B(u,2),v=B(R(_),2);{let e=F(()=>`--sf-cover-min-height`in t.overrides);Q(v,{label:`Min height`,get value(){return H(M)},min:20,max:100,step:1,unit:`dvh`,help:`--sf-cover-min-height — minimum height of the .sf-cover layout`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-cover-min-height`,`${e}dvh`),onReset:()=>t.onReset(`--sf-cover-min-height`)})}P(_);var y=B(_,2);Ip(B(R(y),4),{token:`--sf-frame-ratio`,get value(){return H(se)},defaultValue:`16 / 9`,get presets(){return le},columns:5,dense:!0,get onSet(){return t.onSet},get onReset(){return t.onReset}}),P(y);var b=B(y,2),x=B(R(b),4);J(x,21,()=>ue,e=>e.value,(e,n)=>{var r=em(),i=R(r,!0);P(r),V(()=>{Y(r,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${H(ce)===H(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(i,H(n).label)}),U(`click`,r,()=>H(n).value===`max-content`?t.onReset(`--sf-reel-item-width`):t.onSet(`--sf-reel-item-width`,H(n).value)),G(e,r)}),P(x);var S=B(x,2),C=B(R(S),2);Ii(C);var w=B(C,2),T=e=>{var n=Qp();U(`click`,n,()=>t.onReset(`--sf-reel-height`)),G(e,n)};q(w,e=>{`--sf-reel-height`in t.overrides&&e(T)}),P(S),P(b);var E=B(b,2),D=B(R(E),2);{let e=F(()=>`--sf-imposter-margin`in t.overrides);Q(D,{label:`Margin`,get value(){return H(re)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-imposter-margin — viewport inset for the centered .sf-imposter overlay`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-imposter-margin`,`${e}rem`),onReset:()=>t.onReset(`--sf-imposter-margin`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-imposter-margin`]},onRawSet:e=>t.onSet(`--sf-imposter-margin`,e)})}P(E);var O=B(E,2),k=B(R(O),2);{let e=F(()=>`--sf-content-width`in t.overrides);Q(k,{label:`Content width`,get value(){return H(ae)},min:40,max:120,step:1,unit:`rem`,help:`--sf-content-width — default reading column width in .sf-content-grid`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-content-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-width`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Cp},get currentRaw(){return t.overrides[`--sf-content-width`]},onRawSet:e=>t.onSet(`--sf-content-width`,e)})}var de=B(k,2);{let e=F(()=>`--sf-breakout-width`in t.overrides);Q(de,{label:`Breakout width`,get value(){return H(ie)},min:50,max:160,step:1,unit:`rem`,help:`--sf-breakout-width — wide breakout column width in .sf-content-grid`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-breakout-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-breakout-width`),rawDefault:`var(--sf-container-wide)`,get variableOptions(){return Cp},get currentRaw(){return t.overrides[`--sf-breakout-width`]},onRawSet:e=>t.onSet(`--sf-breakout-width`,e)})}P(O);var fe=B(O,2),pe=B(R(fe),2);{let e=F(()=>`--sf-alternate-inner-gap`in t.overrides);Q(pe,{label:`Inner gap`,get value(){return H(oe)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-alternate-inner-gap — gap between media and text within an .sf-alternate row`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-alternate-inner-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-alternate-inner-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-alternate-inner-gap`]},onRawSet:e=>t.onSet(`--sf-alternate-inner-gap`,e)})}P(fe),P(i),V(()=>Li(C,t.overrides[`--sf-reel-height`]??``)),U(`input`,C,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-reel-height`,n):t.onReset(`--sf-reel-height`)}),G(e,i)};q(Oe,e=>{H(E)&&e(N)}),P(we);var ke=B(we,4),Ae=R(ke),je=B(R(Ae),2),Me=R(je,!0);P(je),P(Ae);var Pe=B(Ae,2),Fe=e=>{var n=nm();J(B(R(n),2),16,()=>[{label:`Square`,token:`--sf-ratio-square`,def:`1`},{label:`Portrait`,token:`--sf-ratio-portrait`,def:`3 / 4`},{label:`3:2`,token:`--sf-ratio-3-2`,def:`3 / 2`},{label:`4:3`,token:`--sf-ratio-4-3`,def:`4 / 3`},{label:`Video`,token:`--sf-ratio-video`,def:`16 / 9`},{label:`Cinema`,token:`--sf-ratio-cinema`,def:`21 / 9`},{label:`Golden`,token:`--sf-ratio-golden`,def:`1.618 / 1`}],e=>e.token,(e,n)=>{{let r=F(()=>t.overrides[n.token]??``),i=F(()=>n.token in t.overrides);Bp(e,{get label(){return n.label},labelWidth:`w-16`,get value(){return H(r)},get placeholder(){return n.def},get overridden(){return H(i)},onSet:e=>t.onSet(n.token,e),onReset:()=>t.onReset(n.token)})}}),P(n),G(e,n)};q(Pe,e=>{H(O)&&e(Fe)}),P(ke);var Ie=B(ke,4),Le=R(Ie),Re=B(R(Le),2),ze=R(Re,!0);P(Re),P(Le);var Be=B(Le,2),Ve=e=>{var n=rm(),a=B(R(n),2);J(a,16,()=>[{label:`Fit`,token:`--sf-bg-layer-fit`,placeholder:`cover`,opts:[`cover`,`contain`,`fill`,`none`,`scale-down`]},{label:`Position`,token:`--sf-bg-layer-position`,placeholder:`50% 50%`,opts:[`50% 50%`,`top`,`bottom`,`left`,`right`,`center`]}],e=>e.token,(e,n)=>{var i=$p(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,20,()=>n.opts,e=>e,(e,t)=>{var n=Zp(),i=R(n,!0);P(n);var a={};V(()=>{X(n,`background:${H(r)};`),K(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),G(e,n)}),P(s);var c;wi(s);var l=B(s,2),u=e=>{var r=Qp();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(l,e=>{n.token in t.overrides&&e(u)}),P(i),V(()=>{K(o,n.label),c!==(c=t.overrides[n.token]??n.placeholder)&&(s.value=(s.__value=t.overrides[n.token]??n.placeholder)??``,Ci(s,t.overrides[n.token]??n.placeholder))}),U(`change`,s,e=>{let r=e.target.value;r===n.placeholder?t.onReset(n.token):t.onSet(n.token,r)}),G(e,i)});var o=B(a,2);{let e=F(()=>i(t.overrides[`--sf-bg-layer-inset`],0)),n=F(()=>`--sf-bg-layer-inset`in t.overrides);Q(o,{label:`Inset`,get value(){return H(e)},min:0,max:4,step:.25,unit:`rem`,help:`--sf-bg-layer-inset — inset the background from the container edges`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-bg-layer-inset`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-inset`)})}var s=B(o,2);{let e=F(()=>i(t.overrides[`--sf-bg-layer-radius`],0)),n=F(()=>`--sf-bg-layer-radius`in t.overrides);Q(s,{label:`Radius`,get value(){return H(e)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-bg-layer-radius — corner radius of the background element`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-bg-layer-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-radius`)})}var c=B(s,2);{let e=F(()=>i(t.overrides[`--sf-bg-layer-z`],-2)),n=F(()=>`--sf-bg-layer-z`in t.overrides);Q(c,{label:`Z-index`,get value(){return H(e)},min:-10,max:0,step:1,help:`--sf-bg-layer-z — stack order of the background pseudo-element (typically negative)`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-bg-layer-z`,String(e)),onReset:()=>t.onReset(`--sf-bg-layer-z`)})}P(n),G(e,n)};q(Be,e=>{H(D)&&e(Ve)}),P(Ie),P(de),V(()=>{Z(ye,`aria-expanded`,H(T)),K(xe,H(T)?`▲`:`▼`),Z(Te,`aria-expanded`,H(E)),K(De,H(E)?`▲`:`▼`),Z(Ae,`aria-expanded`,H(O)),K(Me,H(O)?`▲`:`▼`),Z(Le,`aria-expanded`,H(D)),K(ze,H(D)?`▲`:`▼`)}),U(`click`,ye,()=>{L(T,!H(T))}),U(`click`,Te,()=>{L(E,!H(E))}),U(`click`,Ae,()=>{L(O,!H(O))}),U(`click`,Le,()=>{L(D,!H(D))}),G(e,de),Ue()}Lr([`click`,`change`,`input`]);var om=W(` Drives --sf-color-border--strong, --subtle, --translucent automatically.
`,1),sm=W(``),cm=W(`
`,1),lm=W(`
`,1),fm=W(` `,1),pm=W(` `),mm=W(` `,1),hm=W(`
`),gm=W(``),_m=W(``),vm=W(`--sf-media-radius — 0 by default (off). Rounds every <img>/<figure> globally via a
+ zero-specificity :where() rule; .sf-bg-layer and component-level radii still win.
`,1),ym=W(`
`),bm=W(`
`),xm=W(`
Radius
Fine-tune radius steps
Field shape
`);function Sm(e,t){He(t,!0);let n=[`solid`,`dashed`,`dotted`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`,`full`],i=[{step:`xs`,name:`--sf-radius-xs`,default:2,max:16,step_size:.5,rawDefault:`calc(2px * var(--sf-radius-scale))`},{step:`s`,name:`--sf-radius-s`,default:4,max:24,step_size:.5,rawDefault:`calc(4px * var(--sf-radius-scale))`},{step:`m`,name:`--sf-radius-m`,default:8,max:32,step_size:1,rawDefault:`calc(8px * var(--sf-radius-scale))`},{step:`l`,name:`--sf-radius-l`,default:12,max:48,step_size:1,rawDefault:`calc(12px * var(--sf-radius-scale))`},{step:`xl`,name:`--sf-radius-xl`,default:16,max:64,step_size:1,rawDefault:`calc(16px * var(--sf-radius-scale))`},{step:`2xl`,name:`--sf-radius-2xl`,default:24,max:80,step_size:2,rawDefault:`calc(24px * var(--sf-radius-scale))`}],a=[{label:`Field radius`,token:`--sf-field-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,help:`--sf-field-radius`,variableOptions:xp},{label:`Field padding block`,token:`--sf-field-padding-block`,unit:`rem`,min:0,max:1,step:.025,default:.375,rawDefault:`var(--sf-space-xs)`,help:`--sf-field-padding-block`,variableOptions:bp},{label:`Field padding inline`,token:`--sf-field-padding-inline`,unit:`rem`,min:0,max:2,step:.025,default:.75,rawDefault:`var(--sf-space-s)`,help:`--sf-field-padding-inline`,variableOptions:bp}],o=Hu.borders??[],s=I(!1),c=I(!1),l=I(!1),u=I(!1),d=I(!1),f=I(!1),p=I(!1),m=I(!1),h=I(!1),g=I(!1);function _(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let v=F(()=>_(t.overrides[`--sf-border-scale`],1)),y=F(()=>_(t.overrides[`--sf-focus-ring-width`],2,`px`)),b=F(()=>_(t.overrides[`--sf-focus-ring-offset`],2,`px`)),x=F(()=>_(t.overrides[`--sf-divider-width`]?.replace(`px`,``),1)),S=F(()=>_(t.overrides[`--sf-divider-gap`]?.replace(`rem`,``),1)),C=F(()=>t.overrides[`--sf-color-border`]??``),w=F(()=>t.overrides[`--sf-border-style`]??`solid`),T=F(()=>t.overrides[`--sf-focus-ring-color`]??``),E=F(()=>t.overrides[`--sf-divider-color`]??``),D=F(()=>_(t.overrides[`--sf-media-radius`]?.replace(`rem`,``),0));function O(e,n){return t.overrides[e]??n}function k(e){let n=t.overrides[e.name];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function A(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}var ee=xm(),j=R(ee);$(j,{title:`Border color`,get open(){return H(s)},set open(e){L(s,e,!0)},children:(e,n)=>{var r=om(),i=z(r);{let e=F(()=>`--sf-color-border`in t.overrides);Fd(i,{token:`--sf-color-border`,get value(){return H(C)},placeholder:`auto-derived`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-color-border`,e),onReset:()=>t.onReset(`--sf-color-border`)})}Ne(2),G(e,r)},$$slots:{default:!0}});var te=B(j,4);$(te,{title:`Border widths`,get open(){return H(c)},set open(e){L(c,e,!0)},children:(e,n)=>{var r=cm(),i=z(r);{let e=F(()=>`--sf-border-scale`in t.overrides);Q(i,{label:`Border scale`,get value(){return H(v)},min:0,max:4,step:.25,help:`Multiplier applied to all border widths. 0 hides all borders.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-border-scale`,String(e)),onReset:()=>t.onReset(`--sf-border-scale`)})}var a=B(i,2);{let e=F(()=>_(t.overrides[`--sf-border-width-hairline`]?.replace(`px`,``),.5)),n=F(()=>`--sf-border-width-hairline`in t.overrides);Q(a,{label:`Hairline`,get value(){return H(e)},min:0,max:1,step:.25,unit:`px`,help:`--sf-border-width-hairline — ultra-thin border for retina displays`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-border-width-hairline`,`${e}px`),onReset:()=>t.onReset(`--sf-border-width-hairline`)})}var o=B(a,2);{let e=F(()=>_(t.overrides[`--sf-box-border-width`]?.replace(`px`,``),0)),n=F(()=>`--sf-box-border-width`in t.overrides);Q(o,{label:`Box border`,get value(){return H(e)},min:0,max:4,step:.5,unit:`px`,help:`--sf-box-border-width — box-shadow border drawn without affecting layout`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-box-border-width`,`${e}px`),onReset:()=>t.onReset(`--sf-box-border-width`)})}var s=B(o,2);J(s,20,()=>[1,2,3,4],e=>e,(e,t)=>{var n=sm(),r=R(n),i=R(r);P(r);var a=B(r,2);P(n),V(()=>{K(i,`width-${t??``}`),X(a,`height: max(var(--sf-border-width-${t}, ${t}px), 0.5px)`)}),G(e,n)}),P(s),G(e,r)},$$slots:{default:!0}});var ne=B(te,4);$(ne,{title:`Line styles`,spacing:`space-y-4`,get open(){return H(l)},set open(e){L(l,e,!0)},children:(e,r)=>{var i=dm(),a=z(i);J(a,20,()=>[{label:`Border`,token:`--sf-border-style`,default:`solid`},{label:`Divider`,token:`--sf-divider-style`,default:`solid`}],e=>e.token,(e,r)=>{var i=um(),a=R(i),o=R(a,!0);P(a);var s=B(a,2);J(s,20,()=>n,e=>e,(e,n)=>{let i=F(()=>O(r.token,r.default));var a=lm(),o=R(a),s=B(o);P(a),V(()=>{Y(a,1,`px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer text-center ${H(i)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),X(o,`width: 20px; height: 0; border-bottom: 2px ${n} currentColor; opacity: 0.7`),K(s,` ${n??``}`)}),U(`click`,a,()=>n===r.default?t.onReset(r.token):t.onSet(r.token,n)),G(e,a)}),P(s),P(i),V(()=>K(o,r.label)),G(e,i)}),P(a);var o=B(a,2),s=R(o),c=B(s,2),l=R(c);P(c),P(o),V(()=>{X(s,`border: var(--sf-border-width-1, 1px) ${H(w)} ${H(C)||`var(--sf-color-border, #64748b)`}`),K(l,`width-1 · ${H(w)??``}`)}),G(e,i)},$$slots:{default:!0}});var M=B(ne,4);$(M,{title:`Dividers`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var r=fm(),i=z(r),a=B(R(i),2);{let e=F(()=>`--sf-divider-color`in t.overrides);Fd(a,{token:`--sf-divider-color`,get value(){return H(E)},placeholder:`inherits border`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-divider-color`,e),onReset:()=>t.onReset(`--sf-divider-color`)})}P(i);var o=B(i,2);{let e=F(()=>`--sf-divider-width`in t.overrides);Q(o,{label:`Width`,get value(){return H(x)},min:.5,max:4,step:.5,unit:`px`,help:`--sf-divider-width`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-divider-width`,`${e}px`),onReset:()=>t.onReset(`--sf-divider-width`),rawDefault:`var(--sf-border-width-1)`,get variableOptions(){return Sp},get currentRaw(){return t.overrides[`--sf-divider-width`]},onRawSet:e=>t.onSet(`--sf-divider-width`,e)})}var s=B(o,2);{let e=F(()=>`--sf-divider-gap`in t.overrides);Q(s,{label:`Gap`,get value(){return H(S)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-divider-gap — spacing around divider lines`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-divider-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-divider-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-divider-gap`]},onRawSet:e=>t.onSet(`--sf-divider-gap`,e)})}G(e,r)},$$slots:{default:!0}});var re=B(M,4);$(re,{title:`Focus ring`,get open(){return H(d)},set open(e){L(d,e,!0)},children:(e,r)=>{var i=mm(),a=z(i);{let e=F(()=>`--sf-focus-ring-width`in t.overrides);Q(a,{label:`Ring width`,get value(){return H(y)},min:0,max:6,step:.5,unit:`px`,help:`Thickness of the keyboard focus indicator`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-focus-ring-width`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-width`)})}var o=B(a,2);{let e=F(()=>`--sf-focus-ring-offset`in t.overrides);Q(o,{label:`Ring offset`,get value(){return H(b)},min:0,max:8,step:.5,unit:`px`,help:`Gap between element edge and focus ring`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-focus-ring-offset`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-offset`)})}var s=B(o,2),c=B(R(s),2);{let e=F(()=>`--sf-focus-ring-color`in t.overrides);Fd(c,{token:`--sf-focus-ring-color`,get value(){return H(T)},placeholder:`default (action)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-focus-ring-color`,e),onReset:()=>t.onReset(`--sf-focus-ring-color`)})}P(s);var l=B(s,2),u=B(R(l),2);J(u,20,()=>n,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-focus-ring-style`]??`solid`);var i=pm(),a=R(i,!0);P(i),V(()=>{Y(i,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,n)}),U(`click`,i,()=>n===`solid`?t.onReset(`--sf-focus-ring-style`):t.onSet(`--sf-focus-ring-style`,n)),G(e,i)}),P(u),P(l);var d=B(l,2),f=R(d);X(f,`outline: var(--sf-focus-ring-width, 2px) var(--sf-focus-ring-style, solid) var(--sf-focus-ring-color, oklch(0.7 0.2 235)); outline-offset: var(--sf-focus-ring-offset, 2px)`);var p=R(f);P(f),P(d),V(()=>K(p,`Focus ring · ${t.overrides[`--sf-focus-ring-style`]??`solid`??``}`)),G(e,i)},$$slots:{default:!0}});var ie=B(re,6),ae=R(ie),oe=B(R(ae),2),se=R(oe,!0);P(oe),P(ae);var ce=B(ae,2),le=e=>{var n=hm();J(n,21,()=>i,e=>e.name,(e,n)=>{{let r=F(()=>k(H(n))),i=F(()=>H(n).name in t.overrides);Q(e,{get label(){return H(n).step},get value(){return H(r)},min:0,get max(){return H(n).max},get step(){return H(n).step_size},unit:`px`,get overridden(){return H(i)},onChange:e=>t.onSet(H(n).name,`${e}px`),onReset:()=>t.onReset(H(n).name),get rawDefault(){return H(n).rawDefault},get currentRaw(){return t.overrides[H(n).name]},onRawSet:e=>t.onSet(H(n).name,e)})}}),P(n),G(e,n)};q(ce,e=>{H(h)&&e(le)}),P(ie);var ue=B(ie,2),de=R(ue),fe=B(R(de),2),pe=R(fe,!0);P(fe),P(de);var me=B(de,2),he=e=>{var t=_m(),n=R(t);J(n,20,()=>r,e=>e,(e,t)=>{var n=gm(),r=R(n),i=B(r,2),a=R(i,!0);P(i),P(n),V(()=>{X(r,`border-radius: var(--sf-radius-${t})`),K(a,t)}),G(e,n)}),P(n),P(t),G(e,t)};q(me,e=>{H(p)&&e(he)}),P(ue);var ge=B(ue,4);$(ge,{title:`Global media radius`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var r=vm(),i=B(z(r),2);{let e=F(()=>`--sf-media-radius`in t.overrides);Q(i,{label:`Radius`,get value(){return H(D)},min:0,max:2,step:.05,unit:`rem`,help:`--sf-media-radius`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-media-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-media-radius`),rawDefault:`0`,get variableOptions(){return xp},get currentRaw(){return t.overrides[`--sf-media-radius`]},onRawSet:e=>t.onSet(`--sf-media-radius`,e)})}var a=B(i,2);X(R(a),`border-radius: var(--sf-media-radius, 0)`),P(a),G(e,r)},$$slots:{default:!0}});var _e=B(ge,4),ve=R(_e),ye=B(R(ve),2),be=R(ye,!0);P(ye),P(ve);var xe=B(ve,2),Se=e=>{var n=ym();J(n,21,()=>a,e=>e.token,(e,n)=>{{let r=F(()=>A(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).help},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}${H(n).unit}`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).rawDefault},get variableOptions(){return H(n).variableOptions},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}}),P(n),G(e,n)};q(xe,e=>{H(g)&&e(Se)}),P(_e);var Ce=B(_e,4),we=R(Ce),Te=B(R(we),2),Ee=R(Te,!0);P(Te),P(we);var De=B(we,2),Oe=e=>{var n=bm();J(n,21,()=>o,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),P(n),G(e,n)};q(De,e=>{H(f)&&e(Oe)}),P(Ce),P(ee),V(()=>{Z(ae,`aria-expanded`,H(h)),K(se,H(h)?`▲`:`▼`),Z(de,`aria-expanded`,H(p)),K(pe,H(p)?`▲`:`▼`),Z(ve,`aria-expanded`,H(g)),K(be,H(g)?`▲`:`▼`),Z(we,`aria-expanded`,H(f)),K(Ee,H(f)?`▲`:`▼`)}),U(`click`,ae,()=>{L(h,!H(h))}),U(`click`,de,()=>{L(p,!H(p))}),U(`click`,ve,()=>{L(g,!H(g))}),U(`click`,we,()=>{L(f,!H(f))}),G(e,ee),Ue()}Lr([`click`]);var Cm=W(`
Shadow color
Warm, cool or brand-tinted shadows. Default uses neutral hue.
Glow color
Which brand color radiates the glow. Defaults to primary.
Glow disabled.
`),km=W(`Shadow glow
Ambient glow on elevated surfaces
`),jm=W(``);function Mm(e,t){He(t,!0);let n=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=Hu.shadows??[],i=F(()=>(()=>{let e=parseFloat(t.overrides[`--sf-shadow-lightness`]??`0.15`);return isFinite(e)?e:.15})()),a=F(()=>t.overrides[`--sf-shadow-color`]??``),o=F(()=>t.overrides[`--sf-shadow-glow-color`]??``),s=F(()=>t.overrides[`--sf-shadow-glow`]===`none`),c=I(!1),l=I(!1),u=I(!1);var d=jm(),f=R(d);J(f,22,()=>n,e=>e,(e,t,n)=>{var r=Tm(),i=R(r),a=B(i,2),o=R(a,!0);P(a),P(r),V(()=>{X(i,`width: ${40+H(n)*4}px; height: ${40+H(n)*4}px; box-shadow: var(--sf-shadow-${t})`),K(o,t)}),G(e,r)}),P(f);var p=B(f,4);{let e=F(()=>`--sf-shadow-lightness`in t.overrides);Q(p,{label:`Shadow lightness`,get value(){return H(i)},min:0,max:.5,step:.01,help:`--sf-shadow-lightness — OKLCH lightness of the shadow color. Lower = darker, more visible shadows.`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-shadow-lightness`,String(e)),onReset:()=>t.onReset(`--sf-shadow-lightness`)})}var m=B(p,4);$(m,{title:`Shadow color`,spacing:`space-y-4`,get open(){return H(c)},set open(e){L(c,e,!0)},children:(e,n)=>{var r=Em(),i=B(R(r),2);{let e=F(()=>`--sf-shadow-color`in t.overrides);Fd(i,{token:`--sf-shadow-color`,get value(){return H(a)},placeholder:`auto (neutral hue)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-shadow-color`,e),onReset:()=>t.onReset(`--sf-shadow-color`)})}Ne(2),P(r),G(e,r)},$$slots:{default:!0}});var h=B(m,4);$(h,{title:`Glow`,get open(){return H(l)},set open(e){L(l,e,!0)},children:(e,n)=>{var r=km(),i=z(r),a=B(R(i),2);{let e=F(()=>!H(s)),n=F(()=>H(s)?`Enable shadow glow`:`Disable shadow glow`);wm(a,{get checked(){return H(e)},get ariaLabel(){return H(n)},onToggle:()=>H(s)?t.onReset(`--sf-shadow-glow`):t.onSet(`--sf-shadow-glow`,`none`)})}P(i);var c=B(i,2),l=e=>{var n=Dm(),r=B(R(n),2);{let e=F(()=>`--sf-shadow-glow-color`in t.overrides);Fd(r,{token:`--sf-shadow-glow-color`,get value(){return H(o)},placeholder:`default (primary color)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-shadow-glow-color`,e),onReset:()=>t.onReset(`--sf-shadow-glow-color`)})}Ne(2),P(n),G(e,n)};q(c,e=>{H(s)||e(l)});var u=B(c,2),d=R(u);P(u);var f=B(u,2),p=e=>{G(e,Om())};q(f,e=>{H(s)&&e(p)}),V(()=>X(d,`box-shadow: ${H(s)?`none`:`var(--sf-shadow-glow)`}`)),G(e,r)},$$slots:{default:!0}}),$(B(h,4),{title:`Advanced`,variant:`advanced`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var i=Am();J(i,21,()=>r,e=>e.name,(e,n)=>{hd(e,{get knob(){return H(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),P(i),G(e,i)},$$slots:{default:!0}}),P(d),G(e,d),Ue()}var Nm=W(`Motion is disabled — duration & easing have no effect while scale is 0.
`),Fm=W(`(No effect while motion is disabled.) `),Im=W(``),Lm=W(`Named duration tokens. Drag to set an absolute ms value, overriding the global scale.
`,1),Rm=W(`reset `),zm=W(``),Bm=W(`Edit the named easing tokens. Accepts any CSS timing function — cubic-bezier(…) or linear(…) . Use “Live preview” above to feel a curve.
`,1),Vm=W(`reset `),Hm=W(``),Um=W(`Put .sf-stagger on a parent and each child's
+ entrance is delayed by its index × this step × the motion scale. One knob retunes the whole sequence.
`,1),Wm=W(`reset `),Gm=W(``),Km=W(`
Default animation-range for scroll-driven animations using the .sf-entrance--* / .sf-exit--* macros.
Disable motion
Respects prefers-reduced-motion
`),Xm=W(` `,1),Zm=W(``),Qm=W(`
`,1),$m=W(``),eh=W(` `,1),th=W(`reset `),nh=W(``),rh=W(`Controls text legibility over images. Applied via text-shadow: var(--sf-text-shadow-m).
+ Edit each token directly — use none to disable.
`,1),ih=W(`
`),ah=W(`filter: drop-shadow(…) — unlike box-shadow, follows the
element's actual alpha shape (SVG icons, PNG cutouts, transparent logos). Edit each token directly —
- use none to disable.
`,1),ah=W(``);function oh(e,t){He(t,!0);let n=[{label:`Extra small`,token:`--sf-text-shadow-xs`,default:`0 0.5px 1px oklch(…)`},{label:`Small`,token:`--sf-text-shadow-s`,default:`0 1px 2px oklch(…)`},{label:`Medium`,token:`--sf-text-shadow-m`,default:`0 2px 4px oklch(…)`},{label:`Large`,token:`--sf-text-shadow-l`,default:`0 4px 8px oklch(…)`},{label:`Extra large`,token:`--sf-text-shadow-xl`,default:`0 8px 16px oklch(…)`}],r=[`xs`,`s`,`m`,`l`,`xl`];function i(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let a=F(()=>i(t.overrides[`--sf-blur`],12,`px`)),o=F(()=>i(t.overrides[`--sf-opacity-muted`],.5)),s=F(()=>i(t.overrides[`--sf-opacity-disabled`],.45)),c=F(()=>t.overrides[`--sf-scrollbar-thumb`]??``),l=F(()=>t.overrides[`--sf-scrollbar-track`]??``),u=I(!1),d=I(!1),f=I(!1),p=I(!1),m=I(!1);var h=ah(),g=R(h);$(g,{title:`Blur`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var r=Ym(),i=z(r);{let e=F(()=>`--sf-blur`in t.overrides);Q(i,{label:`Blur radius`,get value(){return H(a)},min:0,max:48,step:1,unit:`px`,help:`--sf-blur — used for frosted glass, modals, tooltips`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-blur`,`${e}px`),onReset:()=>t.onReset(`--sf-blur`)})}var o=B(i,2),s=R(o);J(s,20,()=>Array.from({length:12}),ti,(e,t,n)=>{var r=Jm();Y(r,1,gi(n%3==0?`bg-indigo-500/50`:n%3==1?`bg-purple-500/40`:`bg-blue-500/30`)),G(e,r)}),P(s);var c=B(s,2);X(c,`backdrop-filter: blur(var(--sf-blur, 12px))`);var l=R(c),u=R(l);P(l),P(c),P(o),V(()=>K(u,`${H(a)??``}px`)),G(e,r)},$$slots:{default:!0}});var _=B(g,4);$(_,{title:`Opacity`,spacing:`space-y-4`,get open(){return H(d)},set open(e){L(d,e,!0)},children:(e,n)=>{var r=Zm(),i=z(r);{let e=F(()=>`--sf-opacity-muted`in t.overrides);Q(i,{label:`Muted opacity`,get value(){return H(o)},min:0,max:1,step:.05,help:`--sf-opacity-muted — secondary text, icons, and placeholder content`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-opacity-muted`,String(e)),onReset:()=>t.onReset(`--sf-opacity-muted`)})}var a=B(i,2);{let e=F(()=>`--sf-opacity-disabled`in t.overrides);Q(a,{label:`Disabled opacity`,get value(){return H(s)},min:0,max:1,step:.05,help:`--sf-opacity-disabled — disabled form controls and interactive elements`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-opacity-disabled`,String(e)),onReset:()=>t.onReset(`--sf-opacity-disabled`)})}var c=B(a,2);J(c,21,()=>[{label:`muted`,token:`--sf-opacity-muted`,val:H(o)},{label:`disabled`,token:`--sf-opacity-disabled`,val:H(s)}],e=>e.label,(e,t)=>{var n=Xm(),r=R(n),i=R(r,!0);P(r);var a=B(r,2),o=B(a,2),s=R(o,!0);P(o),P(n),V(()=>{K(i,H(t).label),X(a,`opacity: var(${H(t).token}, ${H(t).val})`),K(s,H(t).val)}),G(e,n)}),P(c),G(e,r)},$$slots:{default:!0}});var v=B(_,4);$(v,{title:`Scrollbar`,get open(){return H(f)},set open(e){L(f,e,!0)},children:(e,n)=>{var r=$m(),i=z(r);J(i,17,()=>[{label:`Thumb color`,token:`--sf-scrollbar-thumb`,val:H(c)},{label:`Track color`,token:`--sf-scrollbar-track`,val:H(l)}],e=>e.token,(e,n)=>{var r=Qm(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);{let e=F(()=>H(n).token in t.overrides);Fd(o,{get token(){return H(n).token},get value(){return H(n).val},placeholder:`default`,get isOverridden(){return H(e)},onSet:e=>t.onSet(H(n).token,e),onReset:()=>t.onReset(H(n).token)})}P(r),V(()=>K(a,H(n).label)),G(e,r)});var a=B(i,2),o=R(a);X(o,``,{},{background:`var(--sf-scrollbar-track, rgba(255,255,255,0.08))`}),X(R(o),``,{},{background:`var(--sf-scrollbar-thumb, oklch(0.52 0.025 260))`}),P(o),Ne(2),P(a),G(e,r)},$$slots:{default:!0}});var y=B(v,4);$(y,{title:`Text shadow`,get open(){return H(p)},set open(e){L(p,e,!0)},children:(e,r)=>{var i=nh(),a=B(z(i),2);J(a,21,()=>n,e=>e.token,(e,n)=>{var r=th(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=eh();U(`click`,r,()=>t.onReset(H(n).token)),G(e,r)};q(s,e=>{H(n).token in t.overrides&&e(c)}),P(r),V(()=>{K(a,H(n).label),Li(o,t.overrides[H(n).token]??``),Z(o,`placeholder`,H(n).default)}),U(`input`,o,e=>{let r=e.target.value;r.trim()?t.onSet(H(n).token,r):t.onReset(H(n).token)}),G(e,r)}),P(a),G(e,i)},$$slots:{default:!0}}),$(B(y,4),{title:`Drop shadow`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var i=ih(),a=B(z(i),2);J(a,20,()=>[{label:`Extra small`,token:`--sf-drop-shadow-xs`,default:`drop-shadow(0 0.5px 1px oklch(…))`},{label:`Small`,token:`--sf-drop-shadow-s`,default:`drop-shadow(0 1px 2px oklch(…))`},{label:`Medium`,token:`--sf-drop-shadow-m`,default:`drop-shadow(0 4px 6px oklch(…))`},{label:`Large`,token:`--sf-drop-shadow-l`,default:`drop-shadow(0 8px 16px oklch(…))`},{label:`Extra large`,token:`--sf-drop-shadow-xl`,default:`drop-shadow(0 16px 32px oklch(…))`}],e=>e.token,(e,n)=>{var r=th(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=eh();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(s,e=>{n.token in t.overrides&&e(c)}),P(r),V(()=>{K(a,n.label),Li(o,t.overrides[n.token]??``),Z(o,`placeholder`,n.default)}),U(`input`,o,e=>{let r=e.target.value;r.trim()?t.onSet(n.token,r):t.onReset(n.token)}),G(e,r)}),P(a);var o=B(a,2);J(o,20,()=>r,e=>e,(e,t)=>{var n=rh(),r=R(n),i=B(r,2),a=R(i,!0);P(i),P(n),V(()=>{Y(r,0,`sf-drop-shadow-${t}`),K(a,t)}),G(e,n)}),P(o),G(e,i)},$$slots:{default:!0}}),P(h),G(e,h),Ue()}Lr([`input`,`click`]);var sh=W(`
`),ch=W(`
`,1),lh=W(` SLASHED is a token-first CSS framework. This sample paragraph repeats so you
+ use none to disable.
`,1),oh=W(`
`);function sh(e,t){He(t,!0);let n=[{label:`Extra small`,token:`--sf-text-shadow-xs`,default:`0 0.5px 1px oklch(…)`},{label:`Small`,token:`--sf-text-shadow-s`,default:`0 1px 2px oklch(…)`},{label:`Medium`,token:`--sf-text-shadow-m`,default:`0 2px 4px oklch(…)`},{label:`Large`,token:`--sf-text-shadow-l`,default:`0 4px 8px oklch(…)`},{label:`Extra large`,token:`--sf-text-shadow-xl`,default:`0 8px 16px oklch(…)`}],r=[`xs`,`s`,`m`,`l`,`xl`];function i(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let a=F(()=>i(t.overrides[`--sf-blur`],12,`px`)),o=F(()=>i(t.overrides[`--sf-opacity-muted`],.5)),s=F(()=>i(t.overrides[`--sf-opacity-disabled`],.45)),c=F(()=>t.overrides[`--sf-scrollbar-thumb`]??``),l=F(()=>t.overrides[`--sf-scrollbar-track`]??``),u=I(!1),d=I(!1),f=I(!1),p=I(!1),m=I(!1);var h=oh(),g=R(h);$(g,{title:`Blur`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var r=Xm(),i=z(r);{let e=F(()=>`--sf-blur`in t.overrides);Q(i,{label:`Blur radius`,get value(){return H(a)},min:0,max:48,step:1,unit:`px`,help:`--sf-blur — used for frosted glass, modals, tooltips`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-blur`,`${e}px`),onReset:()=>t.onReset(`--sf-blur`)})}var o=B(i,2),s=R(o);J(s,20,()=>Array.from({length:12}),ti,(e,t,n)=>{var r=Ym();Y(r,1,gi(n%3==0?`bg-indigo-500/50`:n%3==1?`bg-purple-500/40`:`bg-blue-500/30`)),G(e,r)}),P(s);var c=B(s,2);X(c,`backdrop-filter: blur(var(--sf-blur, 12px))`);var l=R(c),u=R(l);P(l),P(c),P(o),V(()=>K(u,`${H(a)??``}px`)),G(e,r)},$$slots:{default:!0}});var _=B(g,4);$(_,{title:`Opacity`,spacing:`space-y-4`,get open(){return H(d)},set open(e){L(d,e,!0)},children:(e,n)=>{var r=Qm(),i=z(r);{let e=F(()=>`--sf-opacity-muted`in t.overrides);Q(i,{label:`Muted opacity`,get value(){return H(o)},min:0,max:1,step:.05,help:`--sf-opacity-muted — secondary text, icons, and placeholder content`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-opacity-muted`,String(e)),onReset:()=>t.onReset(`--sf-opacity-muted`)})}var a=B(i,2);{let e=F(()=>`--sf-opacity-disabled`in t.overrides);Q(a,{label:`Disabled opacity`,get value(){return H(s)},min:0,max:1,step:.05,help:`--sf-opacity-disabled — disabled form controls and interactive elements`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-opacity-disabled`,String(e)),onReset:()=>t.onReset(`--sf-opacity-disabled`)})}var c=B(a,2);J(c,21,()=>[{label:`muted`,token:`--sf-opacity-muted`,val:H(o)},{label:`disabled`,token:`--sf-opacity-disabled`,val:H(s)}],e=>e.label,(e,t)=>{var n=Zm(),r=R(n),i=R(r,!0);P(r);var a=B(r,2),o=B(a,2),s=R(o,!0);P(o),P(n),V(()=>{K(i,H(t).label),X(a,`opacity: var(${H(t).token}, ${H(t).val})`),K(s,H(t).val)}),G(e,n)}),P(c),G(e,r)},$$slots:{default:!0}});var v=B(_,4);$(v,{title:`Scrollbar`,get open(){return H(f)},set open(e){L(f,e,!0)},children:(e,n)=>{var r=eh(),i=z(r);J(i,17,()=>[{label:`Thumb color`,token:`--sf-scrollbar-thumb`,val:H(c)},{label:`Track color`,token:`--sf-scrollbar-track`,val:H(l)}],e=>e.token,(e,n)=>{var r=$m(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);{let e=F(()=>H(n).token in t.overrides);Fd(o,{get token(){return H(n).token},get value(){return H(n).val},placeholder:`default`,get isOverridden(){return H(e)},onSet:e=>t.onSet(H(n).token,e),onReset:()=>t.onReset(H(n).token)})}P(r),V(()=>K(a,H(n).label)),G(e,r)});var a=B(i,2),o=R(a);X(o,``,{},{background:`var(--sf-scrollbar-track, rgba(255,255,255,0.08))`}),X(R(o),``,{},{background:`var(--sf-scrollbar-thumb, oklch(0.52 0.025 260))`}),P(o),Ne(2),P(a),G(e,r)},$$slots:{default:!0}});var y=B(v,4);$(y,{title:`Text shadow`,get open(){return H(p)},set open(e){L(p,e,!0)},children:(e,r)=>{var i=rh(),a=B(z(i),2);J(a,21,()=>n,e=>e.token,(e,n)=>{var r=nh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=th();U(`click`,r,()=>t.onReset(H(n).token)),G(e,r)};q(s,e=>{H(n).token in t.overrides&&e(c)}),P(r),V(()=>{K(a,H(n).label),Li(o,t.overrides[H(n).token]??``),Z(o,`placeholder`,H(n).default)}),U(`input`,o,e=>{let r=e.target.value;r.trim()?t.onSet(H(n).token,r):t.onReset(H(n).token)}),G(e,r)}),P(a),G(e,i)},$$slots:{default:!0}}),$(B(y,4),{title:`Drop shadow`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var i=ah(),a=B(z(i),2);J(a,20,()=>[{label:`Extra small`,token:`--sf-drop-shadow-xs`,default:`drop-shadow(0 0.5px 1px oklch(…))`},{label:`Small`,token:`--sf-drop-shadow-s`,default:`drop-shadow(0 1px 2px oklch(…))`},{label:`Medium`,token:`--sf-drop-shadow-m`,default:`drop-shadow(0 4px 6px oklch(…))`},{label:`Large`,token:`--sf-drop-shadow-l`,default:`drop-shadow(0 8px 16px oklch(…))`},{label:`Extra large`,token:`--sf-drop-shadow-xl`,default:`drop-shadow(0 16px 32px oklch(…))`}],e=>e.token,(e,n)=>{var r=nh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=th();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(s,e=>{n.token in t.overrides&&e(c)}),P(r),V(()=>{K(a,n.label),Li(o,t.overrides[n.token]??``),Z(o,`placeholder`,n.default)}),U(`input`,o,e=>{let r=e.target.value;r.trim()?t.onSet(n.token,r):t.onReset(n.token)}),G(e,r)}),P(a);var o=B(a,2);J(o,20,()=>r,e=>e,(e,t)=>{var n=ih(),r=R(n),i=B(r,2),a=R(i,!0);P(i),P(n),V(()=>{Y(r,0,`sf-drop-shadow-${t}`),K(a,t)}),G(e,n)}),P(o),G(e,i)},$$slots:{default:!0}}),P(h),G(e,h),Ue()}Lr([`input`,`click`]);var ch=W(`
`),lh=W(`
`,1),uh=W(`
SLASHED is a token-first CSS framework. This sample paragraph repeats so you
can see exactly how many lines survive the clamp before the ellipsis kicks in.
Drag the slider above and watch the visible line count change in real time.
- Extra filler text keeps the block taller than the clamp at every setting.
`,1),uh=W(`
--sf-aspect — default ratio for .sf-aspect / .sf-frame
`,1),dh=W(`
`,1),fh=W(`
`),ph=W(`
--sf-scrim-color / --sf-scrim-direction — darkening gradient for .sf-scrim
`,1),mh=W(`
Spacing tokens for .sf-prose. Defaults track the space scale; sliders write rem overrides.
`,1),hh=W(`
reset `),gh=W(`
--sf-content-intrinsic-size — placeholder size used with content-visibility: auto to improve scroll performance on tall pages.
`,1),_h=W(`
`),vh=W(`
`),yh=W(`
`),bh=W(`
--sf-surface-bg-* — input set composed by the .sf-surface-bg macro into a single reusable background (color, image, overlay, sizing and animation).
.sf-surface-bg preview
`,1),xh=W(`
Tokens for the framework's utility macros — .sf-prose , .sf-flow , .sf-line-clamp , .sf-aspect , .sf-scroll-shadow and .sf-scrim .
All tokens tab — edit every prose, scrim and surface token directly.
`);function Sh(e,t){He(t,!0);function n(e,n,r){let i=t.overrides[e];if(!i)return n;let a=parseFloat(r?i.replace(r,``):i);return isNaN(a)?n:a}let r=[{label:`16 / 9`,value:`16 / 9`},{label:`4 / 3`,value:`4 / 3`},{label:`3 / 2`,value:`3 / 2`},{label:`1 / 1`,value:`1 / 1`},{label:`21 / 9`,value:`21 / 9`},{label:`9 / 16`,value:`9 / 16`}],i=[{label:`↑ top`,value:`to top`},{label:`↓ bottom`,value:`to bottom`},{label:`← left`,value:`to left`},{label:`→ right`,value:`to right`},{label:`↗ top-right`,value:`to top right`},{label:`↖ top-left`,value:`to top left`}],a=[`cover`,`contain`,`auto`,`100% 100%`],o=[`center`,`top`,`bottom`,`left`,`right`,`top left`],s=[`no-repeat`,`repeat`,`repeat-x`,`repeat-y`,`space`,`round`],c=[`scroll`,`fixed`,`local`],l=[{label:`Color`,token:`--sf-surface-bg-color`,placeholder:`transparent`},{label:`Image`,token:`--sf-surface-bg-image`,placeholder:`url("/hero.avif")`},{label:`Overlay`,token:`--sf-surface-bg-overlay`,placeholder:`var(--sf-scrim-gradient)`},{label:`Animation`,token:`--sf-surface-bg-animation`,placeholder:`sf-pan 40s linear infinite`}],u=[{label:`Size`,token:`--sf-surface-bg-size`,opts:a},{label:`Position`,token:`--sf-surface-bg-position`,opts:o},{label:`Repeat`,token:`--sf-surface-bg-repeat`,opts:s},{label:`Attachment`,token:`--sf-surface-bg-attachment`,opts:c}],d=[{label:`Heading gap`,token:`--sf-prose-heading-gap`,def:.75,max:3,raw:`var(--sf-space-s)`},{label:`List gap`,token:`--sf-prose-list-gap`,def:.5,max:2,raw:`var(--sf-space-xs)`},{label:`Block margin`,token:`--sf-prose-block-margin`,def:1,max:4,raw:`var(--sf-space-m)`},{label:`Media margin`,token:`--sf-prose-media-margin`,def:1,max:4,raw:`var(--sf-space-m)`},{label:`Figure margin`,token:`--sf-prose-figure-margin`,def:1.5,max:4,raw:`var(--sf-space-l)`},{label:`Blockquote padding`,token:`--sf-prose-blockquote-padding`,def:1,max:3,raw:`var(--sf-space-m)`},{label:`HR margin`,token:`--sf-prose-hr-margin`,def:1.5,max:4,raw:`var(--sf-space-l)`}],f=I(!1),p=I(!1),m=I(!1),h=I(!1),g=I(!1),_=I(!1),v=I(!1),y=I(!1),b=F(()=>n(`--sf-line-clamp`,3)),x=F(()=>n(`--sf-flow-space`,.5,`rem`)),S=F(()=>n(`--sf-scroll-shadow-size`,2,`rem`)),C=F(()=>t.overrides[`--sf-aspect`]??`16 / 9`),w=F(()=>t.overrides[`--sf-scrim-direction`]??`to top`),T=F(()=>n(`--sf-prose-media-radius`,6,`px`));function E(e){let n=t.overrides[e.token];if(!n)return e.def;let r=parseFloat(n);return isNaN(r)?e.def:r}var D=xh(),O=B(R(D),2);$(O,{title:`Flow rhythm`,get open(){return H(f)},set open(e){L(f,e,!0)},children:(e,n)=>{var r=ch(),i=z(r);{let e=F(()=>`--sf-flow-space`in t.overrides);Q(i,{label:`Flow space`,get value(){return H(x)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-flow-space — vertical gap between adjacent children of .sf-flow`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-flow-space`,`${e}rem`),onReset:()=>t.onReset(`--sf-flow-space`),rawDefault:`var(--sf-content-gap)`,get variableOptions(){return yp},get currentRaw(){return t.overrides[`--sf-flow-space`]},onRawSet:e=>t.onSet(`--sf-flow-space`,e)})}var a=B(i,2);X(a,`display:flex;flex-direction:column;gap:var(--sf-flow-space, 0.5rem)`),J(a,20,()=>[0,1,2],e=>e,(e,t)=>{var n=sh();V(()=>X(n,`width:${90-t*12}%`)),G(e,n)}),P(a),G(e,r)},$$slots:{default:!0}});var k=B(O,4);$(k,{title:`Line clamp`,get open(){return H(p)},set open(e){L(p,e,!0)},children:(e,n)=>{var r=lh(),i=z(r);{let e=F(()=>`--sf-line-clamp`in t.overrides);Q(i,{label:`Default lines`,get value(){return H(b)},min:1,max:8,step:1,help:`--sf-line-clamp — default line count for .sf-line-clamp (override per element)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-line-clamp`,String(e)),onReset:()=>t.onReset(`--sf-line-clamp`)})}var a=B(i,2),o=R(a);P(a),V(()=>X(o,`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${H(b)};overflow:hidden`)),G(e,r)},$$slots:{default:!0}});var A=B(k,4);$(A,{title:`Aspect ratio`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var i=uh();Fp(B(z(i),2),{token:`--sf-aspect`,get value(){return H(C)},defaultValue:`16 / 9`,get presets(){return r},columns:3,showPreview:!0,get onSet(){return t.onSet},get onReset(){return t.onReset}}),G(e,i)},$$slots:{default:!0}});var ee=B(A,4);$(ee,{title:`Scroll shadow`,get open(){return H(h)},set open(e){L(h,e,!0)},children:(e,n)=>{var r=dh(),i=z(r);{let e=F(()=>`--sf-scroll-shadow-size`in t.overrides);Q(i,{label:`Fade size`,get value(){return H(S)},min:0,max:6,step:.25,unit:`rem`,help:`--sf-scroll-shadow-size — size of the edge fade mask on .sf-scroll-shadow / .sf-overflow-fade`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-scroll-shadow-size`,`${e}rem`),onReset:()=>t.onReset(`--sf-scroll-shadow-size`)})}var a=B(i,2),o=R(a);P(a),V(()=>X(o,`mask:linear-gradient(to right, transparent, #000 ${H(S)}rem, #000 calc(100% - ${H(S)}rem), transparent)`)),G(e,r)},$$slots:{default:!0}});var j=B(ee,4);$(j,{title:`Scrim overlay`,get open(){return H(g)},set open(e){L(g,e,!0)},children:(e,n)=>{var r=ph(),a=B(z(r),2),o=B(R(a),2),s=R(o);{let e=F(()=>t.overrides[`--sf-scrim-color`]??``),n=F(()=>`--sf-scrim-color`in t.overrides);Fd(s,{token:`--sf-scrim-color`,get value(){return H(e)},placeholder:`oklch(0 0 0 / 0.55)`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-scrim-color`,e),onReset:()=>t.onReset(`--sf-scrim-color`)})}P(o),P(a);var c=B(a,2),l=B(R(c),2);J(l,21,()=>i,e=>e.value,(e,n)=>{var r=fh(),i=R(r,!0);P(r),V(()=>{Y(r,1,`py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(w)===H(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(i,H(n).label)}),U(`click`,r,()=>H(n).value===`to top`?t.onReset(`--sf-scrim-direction`):t.onSet(`--sf-scrim-direction`,H(n).value)),G(e,r)}),P(l),P(c);var u=B(c,2);X(R(u),`background:linear-gradient(var(--sf-scrim-direction, to top), var(--sf-scrim-color, oklch(0 0 0 / 0.55)), transparent)`),Ne(2),P(u);var d=B(u,2);{let e=F(()=>t.overrides[`--sf-scrim-text-shadow`]??``),n=F(()=>`--sf-scrim-text-shadow`in t.overrides);zp(d,{label:`Text shadow`,get value(){return H(e)},placeholder:`0 1px 3px oklch(0 0 0 / 0.6)`,get overridden(){return H(n)},onSet:e=>t.onSet(`--sf-scrim-text-shadow`,e),onReset:()=>t.onReset(`--sf-scrim-text-shadow`)})}G(e,r)},$$slots:{default:!0}});var te=B(j,4);$(te,{title:`Prose rhythm`,get open(){return H(_)},set open(e){L(_,e,!0)},children:(e,n)=>{var r=mh(),i=B(z(r),2),a=R(i);J(a,17,()=>d,e=>e.token,(e,n)=>{{let r=F(()=>E(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:0,get max(){return H(n).max},step:.0625,unit:`rem`,get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}rem`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).raw},get variableOptions(){return yp},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}});var o=B(a,2);{let e=F(()=>`--sf-prose-media-radius`in t.overrides);Q(o,{label:`Media radius`,get value(){return H(T)},min:0,max:32,step:1,unit:`px`,help:`--sf-prose-media-radius — corner radius on prose images/video`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-prose-media-radius`,`${e}px`),onReset:()=>t.onReset(`--sf-prose-media-radius`),rawDefault:`var(--sf-radius-m)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-prose-media-radius`]},onRawSet:e=>t.onSet(`--sf-prose-media-radius`,e)})}var s=B(o,2),c=B(R(s),2),l=R(c);{let e=F(()=>t.overrides[`--sf-prose-marker-color`]??``),n=F(()=>`--sf-prose-marker-color`in t.overrides);Fd(l,{token:`--sf-prose-marker-color`,get value(){return H(e)},placeholder:`var(--sf-color-primary)`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-prose-marker-color`,e),onReset:()=>t.onReset(`--sf-prose-marker-color`)})}P(c),P(s),P(i),G(e,r)},$$slots:{default:!0}});var ne=B(te,2);$(ne,{title:`Content visibility`,get open(){return H(v)},set open(e){L(v,e,!0)},children:(e,n)=>{var r=gh(),i=B(z(r),2),a=B(R(i),2);Ii(a);var o=B(a,2),s=e=>{var n=hh();U(`click`,n,()=>t.onReset(`--sf-content-intrinsic-size`)),G(e,n)};q(o,e=>{`--sf-content-intrinsic-size`in t.overrides&&e(s)}),P(i),V(()=>Li(a,t.overrides[`--sf-content-intrinsic-size`]??``)),U(`input`,a,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-content-intrinsic-size`,n):t.onReset(`--sf-content-intrinsic-size`)}),G(e,r)},$$slots:{default:!0}}),$(B(ne,4),{title:`Background surface`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,n)=>{var r=bh(),i=B(z(r),2);J(i,17,()=>l,e=>e.token,(e,n)=>{var r=vh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2),s=e=>{var r=_h(),i=R(r);{let e=F(()=>t.overrides[H(n).token]??``),r=F(()=>H(n).token in t.overrides);Fd(i,{get token(){return H(n).token},get value(){return H(e)},get placeholder(){return H(n).placeholder},get isOverridden(){return H(r)},onSet:e=>t.onSet(H(n).token,e),onReset:()=>t.onReset(H(n).token)})}P(r),G(e,r)},c=e=>{var r=_h(),i=R(r);{let e=F(()=>t.overrides[H(n).token]??``),r=F(()=>H(n).token in t.overrides);zp(i,{get value(){return H(e)},get placeholder(){return H(n).placeholder},get overridden(){return H(r)},onSet:e=>t.onSet(H(n).token,e),onReset:()=>t.onReset(H(n).token)})}P(r),G(e,r)};q(o,e=>{H(n).token===`--sf-surface-bg-color`?e(s):e(c,-1)}),P(r),V(()=>K(a,H(n).label)),G(e,r)});var a=B(i,2);J(a,17,()=>u,e=>e.token,(e,n)=>{var r=yh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);J(o,20,()=>H(n).opts,e=>e,(e,r)=>{var i=fh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${(t.overrides[H(n).token]??H(n).opts[0])===r?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,r)}),U(`click`,i,()=>r===H(n).opts[0]?t.onReset(H(n).token):t.onSet(H(n).token,r)),G(e,i)}),P(o),P(r),V(()=>K(a,H(n).label)),G(e,r)}),X(B(a,2),`background-color:var(--sf-surface-bg-color, transparent);background-image:var(--sf-surface-bg-overlay, none), var(--sf-surface-bg-image, none);background-size:var(--sf-surface-bg-size, cover);background-position:var(--sf-surface-bg-position, center);background-repeat:var(--sf-surface-bg-repeat, no-repeat);background-attachment:var(--sf-surface-bg-attachment, scroll);animation:var(--sf-surface-bg-animation, none)`),G(e,r)},$$slots:{default:!0}}),Ne(2),P(D),G(e,D),Ue()}Lr([`click`,`input`]);var Ch=W(`
Minimum interactive area — ensures accessibility on touch devices.
`,1),wh=W(`
`,1),Th=W(`
Select this text to preview the selection color.
.sf-selection--alt — alternate
- treatment for surfaces that invert colors relative to the page (e.g. a dark card on a light page).
Select this text to preview the alt selection color.
`),Eh=W(`
`),Dh=W(`
Controls the height / tap-target of all sized components (buttons, inputs, badges).
`,1),Oh=W(`
reset `),kh=W(`
`),Ah=W(`
`,1),jh=W(`
Icon scale tokens used by .sf-icon-* utilities. Values are in em units relative to surrounding text.
`,1),Mh=W(`
reset `),Nh=W(`
reset `),Ph=W(`
Default values for .sf-media images and replaced elements.
Position
`,1),Fh=W(`
`),Ih=W(`
Default to the device's env(safe-area-inset-*) . Override only if you need fixed padding regardless of notch/home-indicator.
`,1),Lh=W(`
`),Rh=W(`
Applied inside @media print via optional/print.css .
`,1),zh=W(`
Required marker
`),Bh=W(`
Selection colors, caret, links, focus ring, borders and sizes all render in the
+ Extra filler text keeps the block taller than the clamp at every setting.
`,1),dh=W(`
--sf-aspect — default ratio for .sf-aspect / .sf-frame
`,1),fh=W(`
`,1),ph=W(`
`),mh=W(`
--sf-scrim-color / --sf-scrim-direction — darkening gradient for .sf-scrim
`,1),hh=W(`
Spacing tokens for .sf-prose. Defaults track the space scale; sliders write rem overrides.
`,1),gh=W(`
reset `),_h=W(`
--sf-content-intrinsic-size — placeholder size used with content-visibility: auto to improve scroll performance on tall pages.
`,1),vh=W(`
`),yh=W(`
`),bh=W(`
`),xh=W(`
--sf-surface-bg-* — input set composed by the .sf-surface-bg macro into a single reusable background (color, image, overlay, sizing and animation).
.sf-surface-bg preview
`,1),Sh=W(`
Tokens for the framework's utility macros — .sf-prose , .sf-flow , .sf-line-clamp , .sf-aspect , .sf-scroll-shadow and .sf-scrim .
All tokens tab — edit every prose, scrim and surface token directly.
`);function Ch(e,t){He(t,!0);function n(e,n,r){let i=t.overrides[e];if(!i)return n;let a=parseFloat(r?i.replace(r,``):i);return isNaN(a)?n:a}let r=[{label:`16 / 9`,value:`16 / 9`},{label:`4 / 3`,value:`4 / 3`},{label:`3 / 2`,value:`3 / 2`},{label:`1 / 1`,value:`1 / 1`},{label:`21 / 9`,value:`21 / 9`},{label:`9 / 16`,value:`9 / 16`}],i=[{label:`↑ top`,value:`to top`},{label:`↓ bottom`,value:`to bottom`},{label:`← left`,value:`to left`},{label:`→ right`,value:`to right`},{label:`↗ top-right`,value:`to top right`},{label:`↖ top-left`,value:`to top left`}],a=[`cover`,`contain`,`auto`,`100% 100%`],o=[`center`,`top`,`bottom`,`left`,`right`,`top left`],s=[`no-repeat`,`repeat`,`repeat-x`,`repeat-y`,`space`,`round`],c=[`scroll`,`fixed`,`local`],l=[{label:`Color`,token:`--sf-surface-bg-color`,placeholder:`transparent`},{label:`Image`,token:`--sf-surface-bg-image`,placeholder:`url("/hero.avif")`},{label:`Overlay`,token:`--sf-surface-bg-overlay`,placeholder:`var(--sf-scrim-gradient)`},{label:`Animation`,token:`--sf-surface-bg-animation`,placeholder:`sf-pan 40s linear infinite`}],u=[{label:`Size`,token:`--sf-surface-bg-size`,opts:a},{label:`Position`,token:`--sf-surface-bg-position`,opts:o},{label:`Repeat`,token:`--sf-surface-bg-repeat`,opts:s},{label:`Attachment`,token:`--sf-surface-bg-attachment`,opts:c}],d=[{label:`Heading gap`,token:`--sf-prose-heading-gap`,def:.75,max:3,raw:`var(--sf-space-s)`},{label:`List gap`,token:`--sf-prose-list-gap`,def:.5,max:2,raw:`var(--sf-space-xs)`},{label:`Block margin`,token:`--sf-prose-block-margin`,def:1,max:4,raw:`var(--sf-space-m)`},{label:`Media margin`,token:`--sf-prose-media-margin`,def:1,max:4,raw:`var(--sf-space-m)`},{label:`Figure margin`,token:`--sf-prose-figure-margin`,def:1.5,max:4,raw:`var(--sf-space-l)`},{label:`Blockquote padding`,token:`--sf-prose-blockquote-padding`,def:1,max:3,raw:`var(--sf-space-m)`},{label:`HR margin`,token:`--sf-prose-hr-margin`,def:1.5,max:4,raw:`var(--sf-space-l)`}],f=I(!1),p=I(!1),m=I(!1),h=I(!1),g=I(!1),_=I(!1),v=I(!1),y=I(!1),b=F(()=>n(`--sf-line-clamp`,3)),x=F(()=>n(`--sf-flow-space`,.5,`rem`)),S=F(()=>n(`--sf-scroll-shadow-size`,2,`rem`)),C=F(()=>t.overrides[`--sf-aspect`]??`16 / 9`),w=F(()=>t.overrides[`--sf-scrim-direction`]??`to top`),T=F(()=>n(`--sf-prose-media-radius`,6,`px`));function E(e){let n=t.overrides[e.token];if(!n)return e.def;let r=parseFloat(n);return isNaN(r)?e.def:r}var D=Sh(),O=B(R(D),2);$(O,{title:`Flow rhythm`,get open(){return H(f)},set open(e){L(f,e,!0)},children:(e,n)=>{var r=lh(),i=z(r);{let e=F(()=>`--sf-flow-space`in t.overrides);Q(i,{label:`Flow space`,get value(){return H(x)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-flow-space — vertical gap between adjacent children of .sf-flow`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-flow-space`,`${e}rem`),onReset:()=>t.onReset(`--sf-flow-space`),rawDefault:`var(--sf-content-gap)`,get variableOptions(){return bp},get currentRaw(){return t.overrides[`--sf-flow-space`]},onRawSet:e=>t.onSet(`--sf-flow-space`,e)})}var a=B(i,2);X(a,`display:flex;flex-direction:column;gap:var(--sf-flow-space, 0.5rem)`),J(a,20,()=>[0,1,2],e=>e,(e,t)=>{var n=ch();V(()=>X(n,`width:${90-t*12}%`)),G(e,n)}),P(a),G(e,r)},$$slots:{default:!0}});var k=B(O,4);$(k,{title:`Line clamp`,get open(){return H(p)},set open(e){L(p,e,!0)},children:(e,n)=>{var r=uh(),i=z(r);{let e=F(()=>`--sf-line-clamp`in t.overrides);Q(i,{label:`Default lines`,get value(){return H(b)},min:1,max:8,step:1,help:`--sf-line-clamp — default line count for .sf-line-clamp (override per element)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-line-clamp`,String(e)),onReset:()=>t.onReset(`--sf-line-clamp`)})}var a=B(i,2),o=R(a);P(a),V(()=>X(o,`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${H(b)};overflow:hidden`)),G(e,r)},$$slots:{default:!0}});var A=B(k,4);$(A,{title:`Aspect ratio`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var i=dh();Ip(B(z(i),2),{token:`--sf-aspect`,get value(){return H(C)},defaultValue:`16 / 9`,get presets(){return r},columns:3,showPreview:!0,get onSet(){return t.onSet},get onReset(){return t.onReset}}),G(e,i)},$$slots:{default:!0}});var ee=B(A,4);$(ee,{title:`Scroll shadow`,get open(){return H(h)},set open(e){L(h,e,!0)},children:(e,n)=>{var r=fh(),i=z(r);{let e=F(()=>`--sf-scroll-shadow-size`in t.overrides);Q(i,{label:`Fade size`,get value(){return H(S)},min:0,max:6,step:.25,unit:`rem`,help:`--sf-scroll-shadow-size — size of the edge fade mask on .sf-scroll-shadow / .sf-overflow-fade`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-scroll-shadow-size`,`${e}rem`),onReset:()=>t.onReset(`--sf-scroll-shadow-size`)})}var a=B(i,2),o=R(a);P(a),V(()=>X(o,`mask:linear-gradient(to right, transparent, #000 ${H(S)}rem, #000 calc(100% - ${H(S)}rem), transparent)`)),G(e,r)},$$slots:{default:!0}});var j=B(ee,4);$(j,{title:`Scrim overlay`,get open(){return H(g)},set open(e){L(g,e,!0)},children:(e,n)=>{var r=mh(),a=B(z(r),2),o=B(R(a),2),s=R(o);{let e=F(()=>t.overrides[`--sf-scrim-color`]??``),n=F(()=>`--sf-scrim-color`in t.overrides);Fd(s,{token:`--sf-scrim-color`,get value(){return H(e)},placeholder:`oklch(0 0 0 / 0.55)`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-scrim-color`,e),onReset:()=>t.onReset(`--sf-scrim-color`)})}P(o),P(a);var c=B(a,2),l=B(R(c),2);J(l,21,()=>i,e=>e.value,(e,n)=>{var r=ph(),i=R(r,!0);P(r),V(()=>{Y(r,1,`py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(w)===H(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(i,H(n).label)}),U(`click`,r,()=>H(n).value===`to top`?t.onReset(`--sf-scrim-direction`):t.onSet(`--sf-scrim-direction`,H(n).value)),G(e,r)}),P(l),P(c);var u=B(c,2);X(R(u),`background:linear-gradient(var(--sf-scrim-direction, to top), var(--sf-scrim-color, oklch(0 0 0 / 0.55)), transparent)`),Ne(2),P(u);var d=B(u,2);{let e=F(()=>t.overrides[`--sf-scrim-text-shadow`]??``),n=F(()=>`--sf-scrim-text-shadow`in t.overrides);Bp(d,{label:`Text shadow`,get value(){return H(e)},placeholder:`0 1px 3px oklch(0 0 0 / 0.6)`,get overridden(){return H(n)},onSet:e=>t.onSet(`--sf-scrim-text-shadow`,e),onReset:()=>t.onReset(`--sf-scrim-text-shadow`)})}G(e,r)},$$slots:{default:!0}});var te=B(j,4);$(te,{title:`Prose rhythm`,get open(){return H(_)},set open(e){L(_,e,!0)},children:(e,n)=>{var r=hh(),i=B(z(r),2),a=R(i);J(a,17,()=>d,e=>e.token,(e,n)=>{{let r=F(()=>E(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:0,get max(){return H(n).max},step:.0625,unit:`rem`,get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}rem`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).raw},get variableOptions(){return bp},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}});var o=B(a,2);{let e=F(()=>`--sf-prose-media-radius`in t.overrides);Q(o,{label:`Media radius`,get value(){return H(T)},min:0,max:32,step:1,unit:`px`,help:`--sf-prose-media-radius — corner radius on prose images/video`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-prose-media-radius`,`${e}px`),onReset:()=>t.onReset(`--sf-prose-media-radius`),rawDefault:`var(--sf-radius-m)`,get variableOptions(){return xp},get currentRaw(){return t.overrides[`--sf-prose-media-radius`]},onRawSet:e=>t.onSet(`--sf-prose-media-radius`,e)})}var s=B(o,2),c=B(R(s),2),l=R(c);{let e=F(()=>t.overrides[`--sf-prose-marker-color`]??``),n=F(()=>`--sf-prose-marker-color`in t.overrides);Fd(l,{token:`--sf-prose-marker-color`,get value(){return H(e)},placeholder:`var(--sf-color-primary)`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-prose-marker-color`,e),onReset:()=>t.onReset(`--sf-prose-marker-color`)})}P(c),P(s),P(i),G(e,r)},$$slots:{default:!0}});var ne=B(te,2);$(ne,{title:`Content visibility`,get open(){return H(v)},set open(e){L(v,e,!0)},children:(e,n)=>{var r=_h(),i=B(z(r),2),a=B(R(i),2);Ii(a);var o=B(a,2),s=e=>{var n=gh();U(`click`,n,()=>t.onReset(`--sf-content-intrinsic-size`)),G(e,n)};q(o,e=>{`--sf-content-intrinsic-size`in t.overrides&&e(s)}),P(i),V(()=>Li(a,t.overrides[`--sf-content-intrinsic-size`]??``)),U(`input`,a,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-content-intrinsic-size`,n):t.onReset(`--sf-content-intrinsic-size`)}),G(e,r)},$$slots:{default:!0}}),$(B(ne,4),{title:`Background surface`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,n)=>{var r=xh(),i=B(z(r),2);J(i,17,()=>l,e=>e.token,(e,n)=>{var r=yh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2),s=e=>{var r=vh(),i=R(r);{let e=F(()=>t.overrides[H(n).token]??``),r=F(()=>H(n).token in t.overrides);Fd(i,{get token(){return H(n).token},get value(){return H(e)},get placeholder(){return H(n).placeholder},get isOverridden(){return H(r)},onSet:e=>t.onSet(H(n).token,e),onReset:()=>t.onReset(H(n).token)})}P(r),G(e,r)},c=e=>{var r=vh(),i=R(r);{let e=F(()=>t.overrides[H(n).token]??``),r=F(()=>H(n).token in t.overrides);Bp(i,{get value(){return H(e)},get placeholder(){return H(n).placeholder},get overridden(){return H(r)},onSet:e=>t.onSet(H(n).token,e),onReset:()=>t.onReset(H(n).token)})}P(r),G(e,r)};q(o,e=>{H(n).token===`--sf-surface-bg-color`?e(s):e(c,-1)}),P(r),V(()=>K(a,H(n).label)),G(e,r)});var a=B(i,2);J(a,17,()=>u,e=>e.token,(e,n)=>{var r=bh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);J(o,20,()=>H(n).opts,e=>e,(e,r)=>{var i=ph(),a=R(i,!0);P(i),V(()=>{Y(i,1,`py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${(t.overrides[H(n).token]??H(n).opts[0])===r?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(a,r)}),U(`click`,i,()=>r===H(n).opts[0]?t.onReset(H(n).token):t.onSet(H(n).token,r)),G(e,i)}),P(o),P(r),V(()=>K(a,H(n).label)),G(e,r)}),X(B(a,2),`background-color:var(--sf-surface-bg-color, transparent);background-image:var(--sf-surface-bg-overlay, none), var(--sf-surface-bg-image, none);background-size:var(--sf-surface-bg-size, cover);background-position:var(--sf-surface-bg-position, center);background-repeat:var(--sf-surface-bg-repeat, no-repeat);background-attachment:var(--sf-surface-bg-attachment, scroll);animation:var(--sf-surface-bg-animation, none)`),G(e,r)},$$slots:{default:!0}}),Ne(2),P(D),G(e,D),Ue()}Lr([`click`,`input`]);var wh=W(`
Minimum interactive area — ensures accessibility on touch devices.
`,1),Th=W(`
`,1),Eh=W(`
Select this text to preview the selection color.
.sf-selection--alt — alternate
+ treatment for surfaces that invert colors relative to the page (e.g. a dark card on a light page).
Select this text to preview the alt selection color.
`),Dh=W(`
`),Oh=W(`
Controls the height / tap-target of all sized components (buttons, inputs, badges).
`,1),kh=W(`
reset `),Ah=W(`
`),jh=W(`
`,1),Mh=W(`
Icon scale tokens used by .sf-icon-* utilities. Values are in em units relative to surrounding text.
`,1),Nh=W(`
reset `),Ph=W(`
reset `),Fh=W(`
Default values for .sf-media images and replaced elements.
Position
`,1),Ih=W(`
`),Lh=W(`
Default to the device's env(safe-area-inset-*) . Override only if you need fixed padding regardless of notch/home-indicator.
`,1),Rh=W(`
`),zh=W(`
Applied inside @media print via optional/print.css .
`,1),Bh=W(`
Required marker
`),Vh=W(`
Selection colors, caret, links, focus ring, borders and sizes all render in the
live preview (try the Components template). Scroll behavior applies to the page
- itself and can't be shown in the static canvas.
`);function Vh(e,t){He(t,!0);let n=[{label:`Below`,token:`--sf-z-below`,note:`Behind content (e.g. decorative BG)`,def:-1},{label:`Raised`,token:`--sf-z-raised`,note:`Slightly above flow`,def:1},{label:`Sticky`,token:`--sf-z-sticky`,note:`Sticky headers, toolbars`,def:1e3},{label:`Fixed`,token:`--sf-z-fixed`,note:`Fixed UI chrome`,def:1010},{label:`Dropdown`,token:`--sf-z-dropdown`,note:`Dropdowns, popovers`,def:1020},{label:`Overlay`,token:`--sf-z-overlay`,note:`Modals, drawers backdrop`,def:1030},{label:`Modal`,token:`--sf-z-modal`,note:`Modal dialogs`,def:1040},{label:`Toast`,token:`--sf-z-toast`,note:`Notifications`,def:1050},{label:`Tooltip`,token:`--sf-z-tooltip`,note:`Inline tooltips`,def:1060}],r=[{label:`XS`,token:`--sf-size-xs`,default:1.5},{label:`S`,token:`--sf-size-s`,default:2},{label:`M`,token:`--sf-size-m`,default:2.5},{label:`L`,token:`--sf-size-l`,default:2.75},{label:`XL`,token:`--sf-size-xl`,default:3.5}];function i(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let a=F(()=>i(t.overrides[`--sf-touch-target`],44,`px`)),o=F(()=>i(t.overrides[`--sf-z-base`],0)),s=F(()=>t.overrides[`--sf-caret-color`]??``),c=F(()=>i(t.overrides[`--sf-link-underline-offset`]?.replace(`em`,``),.15)),l=F(()=>t.overrides[`--sf-link-underline-thickness`]??`auto`),u=I(!1),d=I(!1),f=I(!1),p=I(!1),m=I(!1),g=I(!1),_=I(!1),v=I(!1),y=I(!1),b=I(!1);function x(e){return i(t.overrides[e.token]?.replace(`rem`,``),e.default)}var S=Bh(),C=R(S);$(C,{title:`Touch target`,get open(){return H(u)},set open(e){L(u,e,!0)},children:(e,n)=>{var r=Ch(),i=z(r);{let e=F(()=>`--sf-touch-target`in t.overrides);Q(i,{label:`Min touch size`,get value(){return H(a)},min:32,max:64,step:1,unit:`px`,help:`--sf-touch-target — minimum tappable area for interactive elements (WCAG 2.5.5)`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-touch-target`,`${e}px`),onReset:()=>t.onReset(`--sf-touch-target`),rawDefault:`var(--sf-size-l)`,get variableOptions(){return Cp},get currentRaw(){return t.overrides[`--sf-touch-target`]},onRawSet:e=>t.onSet(`--sf-touch-target`,e)})}var o=B(i,2);X(R(o),`width: var(--sf-touch-target, 2.75rem); height: var(--sf-touch-target, 2.75rem)`),Ne(2),P(o),G(e,r)},$$slots:{default:!0}});var w=B(C,4);$(w,{title:`Z-index layers`,get open(){return H(d)},set open(e){L(d,e,!0)},children:(e,r)=>{var a=wh(),s=z(a);{let e=F(()=>`--sf-z-base`in t.overrides);Q(s,{label:`Base offset`,get value(){return H(o)},min:0,max:1e3,step:10,help:`--sf-z-base — added to all z-index tokens to avoid conflicts with existing stacking contexts`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-z-base`,String(e)),onReset:()=>t.onReset(`--sf-z-base`)})}var c=B(s,2);J(c,21,()=>n,e=>e.token,(e,n)=>{{let r=F(()=>i(t.overrides[H(n).token],H(n).def)),a=F(()=>`${H(n).token} — ${H(n).note}`),o=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:-1,max:1100,step:1,get help(){return H(a)},get overridden(){return H(o)},onChange:e=>t.onSet(H(n).token,String(e)),onReset:()=>t.onReset(H(n).token)})}}),P(c),G(e,a)},$$slots:{default:!0}});var T=B(w,4);$(T,{title:`Text selection`,get open(){return H(f)},set open(e){L(f,e,!0)},children:(e,n)=>{var r=Th(),i=R(r),a=B(R(i),2);{let e=F(()=>t.overrides[`--sf-color-selection-bg`]??``),n=F(()=>`--sf-color-selection-bg`in t.overrides);Fd(a,{token:`--sf-color-selection-bg`,get value(){return H(e)},placeholder:`default`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-color-selection-bg`,e),onReset:()=>t.onReset(`--sf-color-selection-bg`)})}P(i);var o=B(i,2),s=B(R(o),2);{let e=F(()=>t.overrides[`--sf-color-selection-text`]??``),n=F(()=>`--sf-color-selection-text`in t.overrides);Fd(s,{token:`--sf-color-selection-text`,get value(){return H(e)},placeholder:`default`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-color-selection-text`,e),onReset:()=>t.onReset(`--sf-color-selection-text`)})}P(o);var c=B(o,2),l=R(c);P(c);var u=B(c,6),d=B(R(u),2);{let e=F(()=>t.overrides[`--sf-color-selection-bg--alt`]??``),n=F(()=>`--sf-color-selection-bg--alt`in t.overrides);Fd(d,{token:`--sf-color-selection-bg--alt`,get value(){return H(e)},placeholder:`default`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-color-selection-bg--alt`,e),onReset:()=>t.onReset(`--sf-color-selection-bg--alt`)})}P(u);var f=B(u,2),p=B(R(f),2);{let e=F(()=>t.overrides[`--sf-color-selection-text--alt`]??``),n=F(()=>`--sf-color-selection-text--alt`in t.overrides);Fd(p,{token:`--sf-color-selection-text--alt`,get value(){return H(e)},placeholder:`default`,get isOverridden(){return H(n)},onSet:e=>t.onSet(`--sf-color-selection-text--alt`,e),onReset:()=>t.onReset(`--sf-color-selection-text--alt`)})}P(f);var m=B(f,2),h=R(m);P(m),P(r),V(()=>{X(l,`--sf-color-selection-bg: ${t.overrides[`--sf-color-selection-bg`]??`#6366f1`}; --sf-color-selection-text: ${t.overrides[`--sf-color-selection-text`]??`#ffffff`}`),X(h,`--sf-color-selection-bg: ${t.overrides[`--sf-color-selection-bg--alt`]??`#4338ca`}; --sf-color-selection-text: ${t.overrides[`--sf-color-selection-text--alt`]??`#e0e7ff`}`)}),G(e,r)},$$slots:{default:!0}});var E=B(T,4);$(E,{title:`Component size scale`,get open(){return H(p)},set open(e){L(p,e,!0)},children:(e,n)=>{var i=Dh(),a=B(z(i),2);J(a,21,()=>r,e=>e.token,(e,n)=>{let r=F(()=>x(H(n)));{let i=F(()=>`${H(n).token} — component size step ${H(n).label}`),a=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},min:1,max:5,step:.05,unit:`rem`,get help(){return H(i)},get overridden(){return H(a)},onChange:e=>t.onSet(H(n).token,`${e}rem`),onReset:()=>t.onReset(H(n).token)})}}),P(a);var o=B(a,2);J(o,21,()=>r,e=>e.token,(e,t)=>{let n=F(()=>x(H(t))),i=F(()=>Math.max(...r.map(e=>x(e)),.001));var a=Eh(),o=R(a),s=B(o,2),c=R(s,!0);P(s),P(a),V(()=>{X(o,`height: ${H(n)/H(i)*72}px`),K(c,H(t).label)}),G(e,a)}),P(o),G(e,i)},$$slots:{default:!0}});var D=B(E,4);$(D,{title:`Caret & links`,get open(){return H(m)},set open(e){L(m,e,!0)},children:(e,n)=>{var r=Ah(),i=z(r),a=B(R(i),2);{let e=F(()=>`--sf-caret-color`in t.overrides);Fd(a,{token:`--sf-caret-color`,get value(){return H(s)},placeholder:`default (action color)`,get isOverridden(){return H(e)},onSet:e=>t.onSet(`--sf-caret-color`,e),onReset:()=>t.onReset(`--sf-caret-color`)})}P(i);var o=B(i,2);{let e=F(()=>`--sf-link-underline-offset`in t.overrides);Q(o,{label:`Underline offset`,get value(){return H(c)},min:0,max:.5,step:.01,unit:`em`,help:`--sf-link-underline-offset — gap between text baseline and underline`,get overridden(){return H(e)},onChange:e=>t.onSet(`--sf-link-underline-offset`,`${e}em`),onReset:()=>t.onReset(`--sf-link-underline-offset`)})}var u=B(o,2),d=R(u),f=B(R(d),2),p=e=>{var n=Oh();U(`click`,n,()=>t.onReset(`--sf-link-underline-thickness`)),G(e,n)};q(f,e=>{`--sf-link-underline-thickness`in t.overrides&&e(p)}),P(d);var m=B(d,2);J(m,20,()=>[[`auto`,`auto`],[`1px`,`1px`],[`2px`,`2px`],[`3px`,`3px`]],([e,t])=>t,(e,n)=>{var r=F(()=>h(n,2));let i=()=>H(r)[0],a=()=>H(r)[1];var o=kh(),s=R(o,!0);P(o),V(()=>{Y(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${H(l)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),K(s,i())}),U(`click`,o,()=>a()===`auto`?t.onReset(`--sf-link-underline-thickness`):t.onSet(`--sf-link-underline-thickness`,a())),G(e,o)}),P(m),P(u);var g=B(u,2),_=R(g),v=B(_,2),y=B(R(v));Ne(),P(v),P(g),V(()=>{X(_,`caret-color:${H(s)||`#6366f1`}`),X(y,`text-decoration:underline;text-underline-offset:${H(c)}em;text-decoration-thickness:${H(l)}`)}),U(`click`,y,e=>e.preventDefault()),G(e,r)},$$slots:{default:!0}});var O=B(D,4);$(O,{title:`Icon sizes`,get open(){return H(g)},set open(e){L(g,e,!0)},children:(e,n)=>{var r=jh(),a=B(z(r),2);J(a,20,()=>[{label:`xs`,token:`--sf-icon-xs`,def:.875},{label:`s`,token:`--sf-icon-s`,def:1},{label:`m`,token:`--sf-icon-m`,def:1.5},{label:`l`,token:`--sf-icon-l`,def:2},{label:`xl`,token:`--sf-icon-xl`,def:3},{label:`2xl`,token:`--sf-icon-2xl`,def:4}],e=>e.token,(e,n)=>{{let r=F(()=>i(t.overrides[n.token]?.replace(`em`,``),n.def)),a=F(()=>n.token in t.overrides);Q(e,{get label(){return n.label},get value(){return H(r)},min:.5,max:6,step:.125,unit:`em`,get overridden(){return H(a)},onChange:e=>t.onSet(n.token,`${e}em`),onReset:()=>t.onReset(n.token)})}}),P(a);var o=B(a,2);{let e=F(()=>i(t.overrides[`--sf-icon-box-pad`]?.replace(`em`,``),.5)),n=F(()=>`--sf-icon-box-pad`in t.overrides);Q(o,{label:`Box padding`,get value(){return H(e)},min:0,max:2,step:.125,unit:`em`,help:`--sf-icon-box-pad — padding around icon when using .sf-icon-box`,get overridden(){return H(n)},onChange:e=>t.onSet(`--sf-icon-box-pad`,`${e}em`),onReset:()=>t.onReset(`--sf-icon-box-pad`)})}G(e,r)},$$slots:{default:!0}});var k=B(O,4);$(k,{title:`Object fit`,get open(){return H(_)},set open(e){L(_,e,!0)},children:(e,n)=>{var r=Ph(),i=B(z(r),2),a=B(R(i),2);J(a,20,()=>[`cover`,`contain`,`fill`,`none`],e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-object-fit`]??`cover`);var i=kh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,n)}),U(`click`,i,()=>n===`cover`?t.onReset(`--sf-object-fit`):t.onSet(`--sf-object-fit`,n)),G(e,i)}),P(a);var o=B(a,2),s=e=>{var n=Mh();U(`click`,n,()=>t.onReset(`--sf-object-fit`)),G(e,n)};q(o,e=>{`--sf-object-fit`in t.overrides&&e(s)}),P(i);var c=B(i,2),l=B(R(c),2);Ii(l);var u=B(l,2),d=e=>{var n=Nh();U(`click`,n,()=>t.onReset(`--sf-object-position`)),G(e,n)};q(u,e=>{`--sf-object-position`in t.overrides&&e(d)}),P(c),V(()=>Li(l,t.overrides[`--sf-object-position`]??``)),U(`input`,l,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-object-position`,n):t.onReset(`--sf-object-position`)}),G(e,r)},$$slots:{default:!0}});var A=B(k,4);$(A,{title:`Safe area insets`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,n)=>{var r=Ih(),i=B(z(r),2);J(i,20,()=>[{label:`Top`,token:`--sf-safe-top`,placeholder:`env(safe-area-inset-top, 0px)`},{label:`Right`,token:`--sf-safe-right`,placeholder:`env(safe-area-inset-right, 0px)`},{label:`Bottom`,token:`--sf-safe-bottom`,placeholder:`env(safe-area-inset-bottom, 0px)`},{label:`Left`,token:`--sf-safe-left`,placeholder:`env(safe-area-inset-left, 0px)`}],e=>e.token,(e,n)=>{var r=Fh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=Nh();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(s,e=>{n.token in t.overrides&&e(c)}),P(r),V(()=>{K(a,n.label),Li(o,t.overrides[n.token]??``),Z(o,`placeholder`,n.placeholder)}),U(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),G(e,r)}),P(i),G(e,r)},$$slots:{default:!0}});var ee=B(A,4);$(ee,{title:`Print styles`,get open(){return H(v)},set open(e){L(v,e,!0)},children:(e,n)=>{var r=Rh(),i=B(z(r),2),a=B(R(i),2);J(a,20,()=>[`a4`,`letter`,`legal`,`a3`],e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-print-page-size`]??`a4`);var i=kh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,n)}),U(`click`,i,()=>n===`a4`?t.onReset(`--sf-print-page-size`):t.onSet(`--sf-print-page-size`,n)),G(e,i)}),P(a),P(i),J(B(i,2),16,()=>[{label:`Base size`,token:`--sf-print-base-size`,placeholder:`11pt`},{label:`Page margin`,token:`--sf-print-page-margin`,placeholder:`2cm`}],e=>e.token,(e,n)=>{var r=Lh(),i=R(r),a=R(i,!0);P(i);var o=B(i,2);Ii(o);var s=B(o,2),c=e=>{var r=Nh();U(`click`,r,()=>t.onReset(n.token)),G(e,r)};q(s,e=>{n.token in t.overrides&&e(c)}),P(r),V(()=>{K(a,n.label),Li(o,t.overrides[n.token]??``),Z(o,`placeholder`,n.placeholder)}),U(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),G(e,r)}),G(e,r)},$$slots:{default:!0}}),$(B(ee,4),{title:`Field marker`,get open(){return H(b)},set open(e){L(b,e,!0)},children:(e,n)=>{var r=zh(),i=B(R(r),2);Ii(i);var a=B(i,2),o=e=>{var n=Nh();U(`click`,n,()=>t.onReset(`--sf-field-required-marker`)),G(e,n)};q(a,e=>{`--sf-field-required-marker`in t.overrides&&e(o)}),P(r),V(()=>Li(i,t.overrides[`--sf-field-required-marker`]??``)),U(`input`,i,e=>{let n=e.target.value;n?t.onSet(`--sf-field-required-marker`,n):t.onReset(`--sf-field-required-marker`)}),G(e,r)},$$slots:{default:!0}}),Ne(4),P(S),G(e,S),Ue()}Lr([`click`,`input`]);var Hh=W(`
`),Uh=W(`
`),Wh=W(`
`),Gh=W(`
Reset all button tokens `),Kh=W(`
Base style
Label weight — --sf-btn-font-weight
`,1),qh=W(`
Body copy showing padding, gap, and background live.
Radius (outer, computed)
--sf-card-radius-outer = radius + padding (concentric math) — not independently overridable, always computed from the two sliders above.
Background — --sf-card-bg
Border color — --sf-card-border-color
Shadow — --sf-card-shadow
Elevated shadow — --sf-card-shadow--elevated
Hover shadow (interactive) — --sf-card-shadow--hover
Media aspect ratio — --sf-card-media-ratio
Title size — --sf-card-heading-size
`,1),Jh=W(`
`);function Yh(e,t){He(t,!0);let n=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],i=[`square`,`video`,`cinema`,`4-3`,`3-2`,`portrait`,`golden`],a=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],o=[`default`,`primary`,`secondary`,`tertiary`,`action`,`base`,`neutral`,`success`,`warning`,`info`,`danger`],s=[{id:`fill`,label:`Fill`},{id:`soft`,label:`Soft`},{id:`outline`,label:`Outline`}],c=[`xs`,`s`,`m`,`l`,`xl`],l=new Set([`default`,`primary`,`secondary`,`tertiary`,`action`]),u=[{step:`surface`,label:`Surface`},{step:`base`,label:`Base`},{step:`inset`,label:`Inset`},{step:`raised`,label:`Raised`}],d=[{step:`border`,label:`Default`},{step:`border--subtle`,label:`Subtle`},{step:`border--strong`,label:`Strong`}],f=[{label:`Radius`,token:`--sf-btn-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:bp},{label:`Gap (icon+label)`,token:`--sf-btn-gap`,unit:`rem`,min:0,max:1,step:.0125,default:.25,rawDefault:`var(--sf-space-2xs)`,variableOptions:yp},{label:`Border width`,token:`--sf-btn-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:xp}],p={token:`--sf-btn-font-scale`,default:1,min:.75,max:1.5,step:.05},m=[`xs`,`s`,`m`,`l`,`xl`],h={xs:{fontStep:`xs`,pb:{raw:`0.125rem`,num:.125},pi:{raw:`var(--sf-space-xs)`,num:.375},mh:{raw:`var(--sf-size-xs)`,num:2}},s:{fontStep:`s`,pb:{raw:`var(--sf-space-2xs)`,num:.25},pi:{raw:`var(--sf-space-s)`,num:.5},mh:{raw:`var(--sf-size-s)`,num:2.25}},m:{fontStep:`m`,pb:{raw:`var(--sf-space-xs)`,num:.375},pi:{raw:`var(--sf-space-m)`,num:.75},mh:{raw:`var(--sf-size-m)`,num:2.5}},l:{fontStep:`l`,pb:{raw:`var(--sf-space-s)`,num:.5},pi:{raw:`var(--sf-space-l)`,num:1},mh:{raw:`var(--sf-size-l)`,num:3}},xl:{fontStep:`xl`,pb:{raw:`var(--sf-space-m)`,num:.75},pi:{raw:`var(--sf-space-xl)`,num:1.5},mh:{raw:`var(--sf-size-xl)`,num:3.5}}};function g(e,t){let n=h[e][t],r=t===`pb`?`padding-block`:t===`pi`?`padding-inline`:`min-height`,i=t===`mh`;return{token:`--sf-btn-${e}-${r}`,rawDefault:n.raw,default:n.num,unit:`rem`,min:0,max:i?4:2,step:i?.125:.025,variableOptions:i?Cp:yp,label:t===`pb`?`Padding block`:t===`pi`?`Padding inline`:`Min height`}}let _=[{label:`Padding`,token:`--sf-card-padding`,unit:`rem`,min:0,max:3,step:.05,default:1.5,rawDefault:`var(--sf-space-l)`,variableOptions:yp},{label:`Gap (header/footer)`,token:`--sf-card-gap`,unit:`rem`,min:0,max:2,step:.05,default:1,rawDefault:`var(--sf-space-m)`,variableOptions:yp},{label:`Radius (inner)`,token:`--sf-card-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:bp},{label:`Border width`,token:`--sf-card-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:xp},{label:`Media radius`,token:`--sf-card-media-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-card-radius, var(--sf-radius-m))`,variableOptions:bp}];function v(){for(let e of Object.keys(t.overrides))e.startsWith(`--sf-btn-`)&&t.onReset(e)}let y=I(!1),b=I(`m`),x=F(()=>`--sf-btn-${H(b)}-font-size`),S=F(()=>h[H(b)].fontStep),C=I(!1),w=I(`primary`),T=I(`fill`),E=I(!1),D=I(`m`),O=I(!1),k=I(!1),A=I(!1),ee=I(!1),j=I(!1);function te(){let e=[`sf-btn`];return H(w)!=="default"&&e.push(`sf-btn--${H(w)}`),H(T)!==`fill`&&e.push(`sf-btn--${H(T)}`),H(E)&&H(T)!==`soft`&&l.has(H(w))&&e.push(`sf-btn--gradient`),H(D)!==`m`&&e.push(`sf-btn--${H(D)}`),e.join(` `)}function ne(){let e=[`sf-card`];return H(A)&&e.push(`sf-card--bordered`),H(ee)&&e.push(`sf-card--elevated`),H(j)&&e.push(`sf-card--interactive`),e.join(` `)}function M(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function re(e,n,r,i){let a=t.overrides[e];if(!a)return i;let o=a.match(RegExp(`^var\\(--sf-${n}-([\\w-]+)\\)$`));return o&&r.includes(o[1])?o[1]:i}function ie(e,n,r,i){r===i?t.onReset(e):t.onSet(e,`var(--sf-${n}-${r})`)}function ae(e){return!!e&&/^(var|calc|clamp)\(/.test(e.trim())}let oe=_.find(e=>e.token===`--sf-card-radius`),se=_.find(e=>e.token===`--sf-card-padding`),ce=F(()=>M(oe)),le=F(()=>M(se)),ue=F(()=>ae(t.overrides[oe.token])||ae(t.overrides[se.token]));var de=Jh(),fe=R(de);$(fe,{title:`Button (.sf-btn)`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,r)=>{var i=Kh(),u=z(i),d=B(R(u),2);J(d,20,()=>o,e=>e,(e,t)=>{var n=Hh(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${H(w)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(r,t)}),U(`click`,n,()=>{L(w,t,!0)}),G(e,n)}),P(d);var h=B(d,4);J(h,21,()=>s,e=>e.id,(e,t)=>{var n=Hh(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(T)===H(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(r,H(t).label)}),U(`click`,n,()=>{L(T,H(t).id,!0)}),G(e,n)}),P(h);var _=B(h,4);J(_,20,()=>c,e=>e,(e,t)=>{var n=Hh(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2.5 py-1 rounded-lg text-[10px] border transition-all cursor-pointer uppercase ${H(D)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(r,t)}),U(`click`,n,()=>{L(D,t,!0),L(b,t,!0)}),G(e,n)}),P(_);var y=B(_,2),C=R(y),A=R(C);Ii(A),Ne(),P(C);var ee=B(C,2),j=R(ee);Ii(j),Ne(),P(ee);var ne=B(ee,2),ae=R(ne);Ii(ae),Ne(),P(ne),P(y),P(u);var oe=B(u,2),se=R(oe);let ce;var le=R(se,!0);P(se),P(oe);var ue=B(oe,2),de=B(R(ue),2);J(de,17,()=>f,e=>e.token,(e,n)=>{{let r=F(()=>M(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}${H(n).unit}`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).rawDefault},get variableOptions(){return H(n).variableOptions},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}});var fe=B(de,2);{let e=F(()=>M(p)),n=F(()=>p.token in t.overrides);Q(fe,{label:`Label size (all sizes)`,get value(){return H(e)},get min(){return p.min},get max(){return p.max},get step(){return p.step},unit:`×`,help:`--sf-btn-font-scale — multiplies every button's label, keeping the size ladder`,get overridden(){return H(n)},onChange:e=>e===p.default?t.onReset(p.token):t.onSet(p.token,String(e)),onReset:()=>t.onReset(p.token)})}var pe=B(fe,2),me=B(R(pe),2);J(me,20,()=>a,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-btn-font-weight`]??`600`);var i=Hh(),a=R(i,!0);P(i),V(e=>{X(i,e),Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,n)},[()=>`font-weight:${parseInt(n)}`]),U(`click`,i,()=>n===`600`?t.onReset(`--sf-btn-font-weight`):t.onSet(`--sf-btn-font-weight`,n)),G(e,i)}),P(me),P(pe);var he=B(pe,2),ge=R(he),_e=R(ge);P(ge);var ve=B(ge,2);J(ve,20,()=>m,e=>e,(e,n)=>{let r=F(()=>[`--sf-btn-${n}-font-size`,`--sf-btn-${n}-padding-block`,`--sf-btn-${n}-padding-inline`,`--sf-btn-${n}-min-height`].some(e=>e in t.overrides));var i=Wh(),a=R(i),o=B(a),s=e=>{G(e,Uh())};q(o,e=>{H(r)&&e(s)}),P(i),V(()=>{Z(i,`aria-pressed`,H(b)===n),Y(i,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold uppercase transition-all cursor-pointer ${H(b)===n?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(a,`${n??``} `)}),U(`click`,i,()=>{L(b,n,!0),L(D,n,!0)}),G(e,i)}),P(ve);var ye=B(ve,2),be=R(ye),xe=R(be);P(be);var Se=B(be,2);J(Se,20,()=>n,e=>e,(e,t)=>{let r=F(()=>re(H(x),`text`,n,H(S)));var i=Hh(),a=R(i,!0);P(i),V(()=>{Z(i,`aria-pressed`,H(r)===t),Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(H(x),`text`,t,H(S))),G(e,i)}),P(Se),P(ye),J(B(ye,2),16,()=>[`pb`,`pi`,`mh`],e=>e,(e,n)=>{let r=F(()=>g(H(b),n));{let n=F(()=>M(H(r))),i=F(()=>H(r).token in t.overrides);Q(e,{get label(){return H(r).label},get value(){return H(n)},get min(){return H(r).min},get max(){return H(r).max},get step(){return H(r).step},get unit(){return H(r).unit},get help(){return H(r).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(r).token,`${e}${H(r).unit}`),onReset:()=>t.onReset(H(r).token),get rawDefault(){return H(r).rawDefault},get variableOptions(){return H(r).variableOptions},get currentRaw(){return t.overrides[H(r).token]},onRawSet:e=>t.onSet(H(r).token,e)})}}),P(he);var Ce=B(he,2),we=e=>{var t=Gh();U(`click`,t,v),G(e,t)},Te=F(()=>Object.keys(t.overrides).some(e=>e.startsWith(`--sf-btn-`)));q(Ce,e=>{H(Te)&&e(we)}),P(ue),V((e,t,n,r,i)=>{Y(C,1,e),Z(C,`title`,t),A.disabled=n,Z(oe,`data-theme`,Hs.value),ce=Y(se,1,r,null,ce,{"sf-is-loading":H(k)}),se.disabled=H(O),K(le,H(k)?`Loading`:`Button label`),K(_e,`Per-size (${i??``})`),K(xe,`Label size — ${H(x)??``}`)},[()=>`flex items-center gap-1.5 text-[9px] ${l.has(H(w))&&H(T)!==`soft`?`text-slate-500 cursor-pointer`:`text-slate-400 dark:text-slate-600 cursor-not-allowed`}`,()=>l.has(H(w))&&H(T)!==`soft`?`Paint the fill (or the outline ring) with the family gradient`:`Gradient covers the core-4 brand families (primary/secondary/tertiary/action) and is ignored under Soft`,()=>!l.has(H(w))||H(T)===`soft`,()=>gi(te()),()=>H(b).toUpperCase()]),Gi(A,()=>H(E),e=>L(E,e)),Gi(j,()=>H(O),e=>L(O,e)),Gi(ae,()=>H(k),e=>L(k,e)),G(e,i)},$$slots:{default:!0}}),$(B(fe,4),{title:`Card (.sf-card)`,get open(){return H(C)},set open(e){L(C,e,!0)},children:(e,a)=>{var o=qh(),s=z(o),c=R(s),l=R(c);Ii(l),Ne(),P(c);var f=B(c,2),p=R(f);Ii(p),Ne(),P(f);var m=B(f,2),h=R(m);Ii(h),Ne(),P(m),P(s);var g=B(s,2),v=R(g);P(g);var y=B(g,2),b=R(y);J(b,17,()=>_,e=>e.token,(e,n)=>{{let r=F(()=>M(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}${H(n).unit}`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).rawDefault},get variableOptions(){return H(n).variableOptions},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}});var x=B(b,2),S=B(R(x),2),C=R(S,!0);P(S),P(x);var w=B(x,4),T=B(R(w),2);J(T,21,()=>u,e=>e.step,(e,t)=>{let n=F(()=>re(`--sf-card-bg`,`color`,u.map(e=>e.step),`surface`));var r=Hh(),i=R(r,!0);P(r),V(()=>{Y(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===H(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(i,H(t).label)}),U(`click`,r,()=>ie(`--sf-card-bg`,`color`,H(t).step,`surface`)),G(e,r)}),P(T),P(w);var E=B(w,2),D=B(R(E),2);J(D,21,()=>d,e=>e.step,(e,t)=>{let n=F(()=>re(`--sf-card-border-color`,`color`,d.map(e=>e.step),`border`));var r=Hh(),i=R(r,!0);P(r),V(()=>{Y(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===H(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(i,H(t).label)}),U(`click`,r,()=>ie(`--sf-card-border-color`,`color`,H(t).step,`border`)),G(e,r)}),P(D),P(E);var O=B(E,2),k=B(R(O),2);J(k,20,()=>r,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-shadow`,`shadow`,r,`s`));var i=Hh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-shadow`,`shadow`,t,`s`)),G(e,i)}),P(k),P(O);var te=B(O,2),ae=B(R(te),2);J(ae,20,()=>r,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-shadow--elevated`,`shadow`,r,`l`));var i=Hh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-shadow--elevated`,`shadow`,t,`l`)),G(e,i)}),P(ae),P(te);var oe=B(te,2),se=B(R(oe),2);J(se,20,()=>r,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-shadow--hover`,`shadow`,r,`l`));var i=Hh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-shadow--hover`,`shadow`,t,`l`)),G(e,i)}),P(se),P(oe);var de=B(oe,2),fe=B(R(de),2);J(fe,20,()=>i,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-media-ratio`,`ratio`,i,`video`));var r=Hh(),a=R(r,!0);P(r),V(()=>{Y(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,r,()=>ie(`--sf-card-media-ratio`,`ratio`,t,`video`)),G(e,r)}),P(fe),P(de);var pe=B(de,2),me=B(R(pe),2);J(me,20,()=>n,e=>e,(e,t)=>{let r=F(()=>re(`--sf-card-heading-size`,`text`,n,`xl`));var i=Hh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-heading-size`,`text`,t,`xl`)),G(e,i)}),P(me),P(pe),P(y),V((e,t)=>{Z(g,`data-theme`,Hs.value),Y(v,1,e),K(C,t)},[()=>gi(ne()),()=>H(ue)?`depends on variable`:`${(H(ce)+H(le)).toFixed(2)}rem`]),Gi(l,()=>H(A),e=>L(A,e)),Gi(p,()=>H(ee),e=>L(ee,e)),Gi(h,()=>H(j),e=>L(j,e)),G(e,o)},$$slots:{default:!0}}),P(de),G(e,de),Ue()}Lr([`click`]);var Xh=W(`
No saved themes yet.
Configure your tokens, then save them above.
`),Zh=W(`
`),Qh=W(`
`),$h=W(`
`),eg=W(`
`),tg=W(`
`),ng=W(`
Reset all overrides `),rg=W(`
Themes
Save your current configuration as a named theme, then re-apply it any time.
- Themes are stored in this browser.
`);function ig(e,t){He(t,!0);let n=I($t(ml())),r=I(``),i=F(()=>Object.keys(t.overrides).length);function a(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let o=F(()=>H(n).find(e=>a(e.overrides,t.overrides))?.id??``);function s(){H(i)!==0&&(L(n,hl(H(r),t.overrides),!0),L(r,``))}function c(e){L(n,gl(e),!0)}var l=rg(),u=B(R(l),4),d=B(R(u),2),f=R(d);Ii(f);var p=B(f,2);co(R(p),{class:`w-3 h-3`}),Ne(),P(p),P(d);var m=B(d,2),g=R(m),_=e=>{G(e,Kr(`No active overrides yet — adjust some tokens first.`))},v=e=>{var t=Kr();V(()=>K(t,`Captures all ${H(i)??``} active override${H(i)===1?``:`s`}.`)),G(e,t)};q(g,e=>{H(i)===0?e(_):e(v,-1)}),P(m),P(u);var y=B(u,2),b=R(y),x=e=>{G(e,Xh())},S=e=>{var r=qr();J(z(r),17,()=>H(n),e=>e.id,(e,n)=>{let r=F(()=>Object.keys(H(n).overrides).length);var i=tg(),a=R(i),s=R(a),l=R(s,!0);P(s);var u=B(s,2),d=R(u),f=R(d),p=B(f),m=e=>{ma(e,{class:`w-3 h-3 text-indigo-600 dark:text-indigo-400`})};q(p,e=>{H(o)===H(n).id&&e(m)}),P(d);var g=B(d,2),_=R(g);P(g),P(u);var v=B(u,2),y=R(v),b=B(y,2);ko(R(b),{class:`w-3.5 h-3.5`}),P(b),P(v),P(a);var x=B(a,2),S=e=>{var t=eg(),i=R(t);J(i,17,()=>Object.entries(H(n).overrides).slice(0,5),([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=Qh(),o=R(a),s=e=>{var t=Zh();let n;V(()=>n=X(t,``,n,{background:i()})),G(e,t)},c=F(()=>r().includes(`color`)||r().includes(`source`));q(o,e=>{H(c)&&e(s)});var l=B(o,2),u=R(l,!0);P(l),P(a),V(e=>K(u,e),[()=>r().replace(`--sf-`,``)]),G(e,a)});var a=B(i,2),o=e=>{var t=$h(),n=R(t);P(t),V(()=>K(n,`+${H(r)-5} more`)),G(e,t)};q(a,e=>{H(r)>5&&e(o)}),P(t),G(e,t)};q(x,e=>{H(r)>0&&e(S)}),P(i),V(()=>{Y(i,1,`group rounded-xl border transition-all overflow-hidden ${H(o)===H(n).id?`border-indigo-500/40 bg-indigo-500/10`:`border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 hover:bg-black/6 dark:hover:bg-white/6 hover:border-black/14 dark:hover:border-white/14`}`),K(l,H(n).icon),K(f,`${H(n).name??``} `),K(_,`${H(r)??``} override${H(r)===1?``:`s`}`)}),U(`click`,y,()=>t.onApplyTheme(H(n).overrides)),U(`click`,b,()=>c(H(n).id)),G(e,i)}),G(e,r)};q(b,e=>{H(n).length===0?e(x):e(S,-1)}),P(y);var C=B(y,2),w=e=>{var n=ng();U(`click`,n,function(...e){t.onResetAll?.apply(this,e)}),G(e,n)};q(C,e=>{H(i)>0&&e(w)}),P(l),V(()=>p.disabled=H(i)===0),U(`keydown`,f,e=>{e.key===`Enter`&&s()}),Wi(f,()=>H(r),e=>L(r,e)),U(`click`,p,s),G(e,l),Ue()}Lr([`keydown`,`click`]);var ag=W(`
Link copied! `,1),og=W(` Copy shareable link`,1),sg=W(`
Download W3C Design Tokens (.json) Usage
Paste this CSS into your project after the SLASHED import.
`);function cg(e,t){He(t,!0);let n=I(`layer`),r=I(!1),i=I(!1),a=F(()=>rl(t.overrides,{mode:H(n),banner:!0})),o=F(()=>Object.keys(t.overrides).length);async function s(){try{await navigator.clipboard.writeText(H(a)),L(r,!0),setTimeout(()=>{L(r,!1)},2e3)}catch{}}async function c(){try{let e=sl(t.overrides,jl());await navigator.clipboard.writeText(e),L(i,!0),setTimeout(()=>{L(i,!1)},2e3)}catch{}}function l(){let e=new Blob([H(a)],{type:`text/css`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`slashed-overrides.css`,n.click(),URL.revokeObjectURL(t)}function u(e){return e.includes(`color`)||e.includes(`scrim-color`)||e.includes(`shadow-color`)?`color`:e.includes(`duration`)||e.includes(`delay`)||e.includes(`transition-duration`)?`duration`:e.includes(`radius`)||e.includes(`space`)||e.includes(`size`)||e.includes(`width`)||e.includes(`height`)||e.includes(`gap`)||e.includes(`blur`)||e.includes(`text-`)||e.includes(`leading`)||e.includes(`tracking`)?`dimension`:e.includes(`font-family`)||e.includes(`font-mono`)||e.includes(`font-body`)||e.includes(`font-heading`)||e.includes(`font-code`)?`fontFamily`:e.includes(`font-weight`)||e.includes(`weight`)?`fontWeight`:`string`}function d(){let e={};for(let[n,r]of Object.entries(t.overrides)){let t=n.replace(/^--sf-/,``).replace(/-/g,`.`);e[t]={$value:r,$type:u(n)}}let n=JSON.stringify({$schema:`https://design-tokens.github.io/community-group/format/`,...e},null,2),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`slashed-tokens.w3c.json`,a.click(),URL.revokeObjectURL(i)}var f=sg(),p=R(f),m=B(R(p),2),h=R(m,!0);P(m),P(p);var g=B(p,2),_=R(g),v=e=>{var t=ag();ma(z(t),{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`}),Ne(2),G(e,t)},y=e=>{var t=og();Ia(z(t),{class:`w-3 h-3`}),Ne(),G(e,t)};q(_,e=>{H(i)?e(v):e(y,-1)}),P(g);var b=B(g,2),x=B(R(b),2),S=R(x),C=B(S,2);P(x),P(b);var w=B(b,2),T=R(w),E=R(T,!0);P(T);var D=B(T,2),O=R(D),k=R(O),A=e=>{ma(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},ee=e=>{Sa(e,{class:`w-3 h-3`})};q(k,e=>{H(r)?e(A):e(ee,-1)}),P(O);var j=B(O,2);wa(R(j),{class:`w-3 h-3`}),P(j),P(D),P(w);var te=B(w,2);wa(R(te),{class:`w-3 h-3`}),Ne(),P(te);var ne=B(te,2),M=B(R(ne),4);M.textContent=`@import 'slashed/slashed.full.css';
-@import './slashed-overrides.css';`,P(ne),P(f),V(()=>{K(h,H(o)>0?`${H(o)} override${H(o)===1?``:`s`} ready to export.`:`No overrides yet. Customise tokens, then export.`),g.disabled=H(o)===0,Y(S,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${H(n)===`layer`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),Y(C,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${H(n)===`root`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),K(E,H(a)||`/* No overrides */`),te.disabled=H(o)===0}),U(`click`,g,c),U(`click`,S,()=>{L(n,`layer`)}),U(`click`,C,()=>{L(n,`root`)}),U(`click`,O,s),U(`click`,j,l),U(`click`,te,d),G(e,f),Ue()}Lr([`click`]);var lg=W(`
`),ug=W(`
`),dg=W(`
`),fg=W(`
optional `),pg=W(`
`),mg=W(`
`),hg=W(`
`,1),gg=W(`
`,1),_g=W(`
knob `),vg=W(`
advanced `),yg=W(`
`),bg=W(`
`),xg=W(`
`);function Sg(e,t){He(t,!0);let n=Xo.classes,r=Yo.tokens.filter(e=>e.tier===`PUBLIC`||e.tier===`PUBLIC-ADVANCED`),i=I(``),a=I(`classes`),o=I(``),s=F(()=>()=>{let e=H(i).trim().toLowerCase();return e?n.filter(t=>t.name.toLowerCase().includes(e)||t.selector?.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)):n}),c=F(()=>()=>{let e=H(i).trim().toLowerCase();return e?r.filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)||t.value?.toLowerCase().includes(e)):r});function l(e){let t=new Map;for(let n of e){let e=n.category||`Other`,r=n.group||``;t.has(e)||t.set(e,new Map);let i=t.get(e);i.has(r)||i.set(r,[]),i.get(r).push(n)}return t}let u=F(()=>l(H(s)())),d=F(()=>l(H(c)())),f=null;async function p(e){try{await navigator.clipboard.writeText(e),L(o,e,!0),f&&clearTimeout(f),f=setTimeout(()=>{H(o)===e&&L(o,``),f=null},1500)}catch{}}let m={layout:`text-violet-600 dark:text-violet-400`,macro:`text-sky-600 dark:text-sky-400`,state:`text-amber-600 dark:text-amber-400`,accessibility:`text-emerald-600 dark:text-emerald-400`,motion:`text-pink-600 dark:text-pink-400`,print:`text-slate-600 dark:text-slate-400`,form:`text-orange-600 dark:text-orange-400`,component:`text-indigo-600 dark:text-indigo-400`,theme:`text-teal-600 dark:text-teal-400`};var g=xg(),_=R(g),v=B(R(_),2);Ii(v);var y=B(v,2),b=R(y),x=R(b);P(b);var S=B(b,2),C=R(S);P(S),P(y),P(_);var w=B(_,2),T=R(w),E=e=>{var t=qr(),n=z(t),r=e=>{var t=lg(),n=R(t);P(t),V(()=>K(n,`No classes match "${H(i)??``}"`)),G(e,t)},a=F(()=>H(s)().length===0),c=e=>{var t=qr();J(z(t),17,()=>[...H(u).entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=gg(),s=z(a),c=R(s),l=R(c,!0);P(c),P(s),J(B(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=hg(),s=z(a),c=e=>{var t=ug(),n=R(t,!0);P(t),V(()=>K(n,r())),G(e,t)};q(s,e=>{r()&&e(c)});var l=B(s,2);J(l,21,i,e=>e.name,(e,t)=>{var n=mg(),r=R(n),i=R(r),a=R(i),s=R(a,!0);P(a);var c=B(a,2),l=e=>{var n=dg(),r=R(n,!0);P(n),V(()=>{Y(n,1,`text-[8px] font-bold uppercase ${m[H(t).kind]??`text-slate-500`}`),K(r,H(t).kind)}),G(e,n)};q(c,e=>{H(t).kind&&e(l)});var u=B(c,2),d=e=>{G(e,fg())};q(u,e=>{H(t).optional&&e(d)}),P(i);var f=B(i,2),h=e=>{var n=pg(),r=R(n,!0);P(n),V(()=>K(r,H(t).description)),G(e,n)};q(f,e=>{H(t).description&&e(h)}),P(r);var g=B(r,2),_=R(g),v=e=>{ma(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},y=e=>{Sa(e,{class:`w-3 h-3 text-slate-500`})};q(_,e=>{H(o)===H(t).selector?e(v):e(y,-1)}),P(g),P(n),V(()=>K(s,H(t).selector)),U(`click`,g,()=>p(H(t).selector)),G(e,n)}),P(l),G(e,a)}),V(()=>K(l,r())),G(e,a)}),G(e,t)};q(n,e=>{H(a)?e(r):e(c,-1)}),G(e,t)},D=e=>{var t=qr(),n=z(t),r=e=>{var t=lg(),n=R(t);P(t),V(()=>K(n,`No tokens match "${H(i)??``}"`)),G(e,t)},a=F(()=>H(c)().length===0),s=e=>{var t=qr();J(z(t),17,()=>[...H(d).entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=gg(),s=z(a),c=R(s),l=R(c,!0);P(c),P(s),J(B(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=hg(),s=z(a),c=e=>{var t=ug(),n=R(t,!0);P(t),V(()=>K(n,r())),G(e,t)};q(s,e=>{r()&&e(c)});var l=B(s,2);J(l,21,i,e=>e.name,(e,t)=>{var n=bg(),r=R(n),i=R(r),a=R(i),s=R(a,!0);P(a);var c=B(a,2),l=e=>{G(e,_g())};q(c,e=>{H(t).role===`knob`&&e(l)});var u=B(c,2),d=e=>{G(e,vg())};q(u,e=>{H(t).tier===`PUBLIC-ADVANCED`&&e(d)}),P(i);var f=B(i,2),m=e=>{var n=yg(),r=R(n,!0);P(n),V(()=>K(r,H(t).value)),G(e,n)};q(f,e=>{H(t).value&&e(m)});var h=B(f,2),g=e=>{var n=pg(),r=R(n,!0);P(n),V(()=>K(r,H(t).description)),G(e,n)};q(h,e=>{H(t).description&&e(g)}),P(r);var _=B(r,2),v=R(_),y=e=>{ma(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},b=e=>{Sa(e,{class:`w-3 h-3 text-slate-500`})};q(v,e=>{H(o)===`var(${H(t).name})`?e(y):e(b,-1)}),P(_),P(n),V(()=>K(s,H(t).name)),U(`click`,_,()=>p(`var(${H(t).name})`)),G(e,n)}),P(l),G(e,a)}),V(()=>K(l,r())),G(e,a)}),G(e,t)};q(n,e=>{H(a)?e(r):e(s,-1)}),G(e,t)};q(T,e=>{H(a)===`classes`?e(E):e(D,-1)}),P(w),P(g),V((e,t)=>{Y(b,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${H(a)===`classes`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(x,`CSS classes (${e??``})`),Y(S,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${H(a)===`tokens`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(C,`CSS vars (${t??``})`)},[()=>H(s)().length,()=>H(c)().length]),Wi(v,()=>H(i),e=>L(i,e)),U(`click`,b,()=>{L(a,`classes`)}),U(`click`,S,()=>{L(a,`tokens`)}),G(e,g),Ue()}Lr([`click`]);var Cg=W(`
`),wg=W(`
reset `),Tg=W(`
`),Eg=W(`
`),Dg=W(`
Custom… `),Og=W(`
`),kg=W(`
`),Ag=W(`
`),jg=W(`
`);function Mg(e,t){He(t,!0);let n=`__sf_custom__`,r=I(!1),i=F(()=>Tp(t.token.value)),a=F(()=>!!H(i)&&H(i).some(e=>e.value===(t.overrideValue??t.token.value))),o=F(()=>!!H(i)&&!H(r)&&(t.overrideValue===void 0||H(a)));function s(e){let t=e.name;if(t.includes(`color`)||t.includes(`source`)||t.includes(`-bg`)||t.includes(`-border`))return`color`;if(t.includes(`font`)||t.includes(`family`))return`font`;let n=e.syntax?.toLowerCase()??``;return n.includes(`number`)||n.includes(`length`)||n.includes(`integer`)?`number`:`text`}let c=F(()=>t.overrideValue??t.token.value),l=F(()=>t.overrideValue!==void 0),u=F(()=>s(t.token)),d=F(()=>t.token.name.replace(`--sf-`,``));function f(e){return su.value,pu(e)||pu(`var(${t.token.name})`)||e}let p=F(()=>H(u)===`color`?f(H(c)):``);var m=jg(),h=R(m),g=R(h),_=B(g,2),v=e=>{var t=Cg();let n;V(()=>n=X(t,``,n,{background:H(p)})),G(e,t)};q(_,e=>{H(u)===`color`&&e(v)});var y=B(_,2),b=R(y,!0);P(y);var x=B(y,2),S=e=>{var n=wg();V(()=>Z(n,`aria-label`,`Reset ${H(d)}`)),U(`click`,n,function(...e){t.onReset?.apply(this,e)}),G(e,n)};q(x,e=>{H(l)&&e(S)}),P(h);var C=B(h,2),w=e=>{var n=Tg(),r=R(n,!0);P(n),V(()=>K(r,t.token.description)),G(e,n)};q(C,e=>{t.token.description&&e(w)});var T=B(C,2),E=R(T),D=e=>{var a=Dg(),o=R(a),s=e=>{var n=Eg(),r=R(n);P(n);var i={};V(()=>{K(r,`${t.token.value??``} (default)`),i!==(i=t.token.value)&&(n.value=(n.__value=t.token.value)??``)}),G(e,n)},l=F(()=>!H(i).some(e=>e.value===t.token.value));q(o,e=>{H(l)&&e(s)});var u=B(o);J(u,17,()=>H(i),e=>e.value,(e,t)=>{var n=Eg(),r=R(n,!0);P(n);var i={};V(()=>{K(r,H(t).label),i!==(i=H(t).value)&&(n.value=(n.__value=H(t).value)??``)}),G(e,n)});var f=B(u);f.value=f.__value=n,P(a);var p;wi(a),V(()=>{Z(a,`aria-label`,`${H(d)} value`),p!==(p=H(c))&&(a.value=(a.__value=H(c))??``,Ci(a,H(c)))}),U(`change`,a,e=>{let i=e.target.value;if(i===n){L(r,!0);return}i===t.token.value?t.onReset():t.onSet(i)}),G(e,a)},O=e=>{var n=Og();Ii(n),V(()=>Li(n,H(c))),Ir(`blur`,n,e=>{let n=e.target.value.trim();n&&n!==t.token.value?t.onSet(n):(!n||n===t.token.value)&&t.onReset(),L(r,!1)}),U(`keydown`,n,e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&L(r,!1)}),G(e,n)},k=e=>{var t=Ag(),n=R(t),i=e=>{var t=kg(),n=R(t,!0);P(t),V(()=>K(n,H(c))),G(e,t)},a=e=>{var t=Kr();V(()=>K(t,H(c))),G(e,t)};q(n,e=>{H(l)?e(i):e(a,-1)}),P(t),V(()=>Z(t,`title`,H(c))),U(`click`,t,()=>{L(r,!0)}),G(e,t)};q(E,e=>{H(o)&&H(i)?e(D):H(r)?e(O,1):e(k,-1)}),P(T),P(m),V(()=>{Y(m,1,`px-3 py-2 rounded-lg transition-colors group ${H(l)?`bg-indigo-500/8 border border-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`),Y(g,1,`w-1.5 h-1.5 rounded-full shrink-0 ${H(l)?`bg-indigo-500`:`bg-black/15 dark:bg-white/15`}`),Z(y,`title`,t.token.name),K(b,H(d))}),G(e,m),Ue()}Lr([`click`,`change`,`keydown`]);var Ng=W(`
`),Pg=W(`
No tokens found
`),Fg=W(`
`),Ig=W(`
`),Lg=W(`
`);function Rg(e,t){He(t,!0);let n=I(``),r=F(()=>()=>{let e=t.patterns??[t.domain];return t.tokens.filter(t=>e.some(e=>t.name.includes(e))&&t.tier!==`INTERNAL`)}),i=F(()=>()=>{if(!H(n))return H(r)();let e=H(n).toLowerCase();return H(r)().filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))}),a=F(()=>H(i)().filter(e=>e.name in t.overrides).length);var o=Lg(),s=R(o),c=R(s),l=R(c);P(c);var u=B(c,2),d=e=>{var t=Ng(),n=R(t);P(t),V(()=>K(n,`${H(a)??``} modified`)),G(e,t)};q(u,e=>{H(a)>0&&e(d)}),P(s);var f=B(s,2);Ii(f);var p=B(f,2),m=e=>{G(e,Pg())},h=F(()=>H(i)().length===0),g=e=>{var n=Ig(),r=R(n);J(r,17,()=>H(i)().slice(0,60),e=>e.name,(e,n)=>{Mg(e,{get token(){return H(n)},get overrideValue(){return t.overrides[H(n).name]},onSet:e=>t.onSet(H(n).name,e),onReset:()=>t.onReset(H(n).name)})});var a=B(r,2),o=e=>{var t=Fg(),n=R(t);P(t),V(e=>K(n,`${e??``} more — refine your search`),[()=>H(i)().length-60]),G(e,t)},s=F(()=>H(i)().length>60);q(a,e=>{H(s)&&e(o)}),P(n),G(e,n)};q(p,e=>{H(h)?e(m):e(g,-1)}),P(o),V(()=>{K(l,`${t.domain??``} tokens`),Z(f,`placeholder`,`Search ${t.domain} tokens…`),Li(f,H(n))}),U(`input`,f,e=>{L(n,e.target.value,!0)}),G(e,o),Ue()}Lr([`input`]);var zg=W(`
`),Bg=W(`
`),Vg=W(`
`),Hg=W(`
`),Ug=W(`
`),Wg=W(`
`),Gg=W(`
`),Kg=W(`
`,1),qg=W(`
`),Jg=W(`
`);function Yg(e,t){He(t,!0);let n={PUBLIC:0,"PUBLIC-ADVANCED":1,INTERNAL:2},r=I(``),i=I(!1),a=I(!1),o=F(()=>t.tokens.filter(e=>t.patterns.some(t=>e.name.includes(t))).sort((e,t)=>{let r=n[e.tier??`INTERNAL`]??2,i=n[t.tier??`INTERNAL`]??2;return r===i?e.name.localeCompare(t.name):r-i})),s=F(()=>()=>{let e=H(o);if(H(i)||(e=e.filter(e=>e.tier!==`INTERNAL`)),H(a)&&(e=e.filter(e=>e.name in t.overrides)),H(r)){let t=H(r).toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.description?.toLowerCase().includes(t))}return e}),c=F(()=>H(o).filter(e=>e.name in t.overrides).length),l=F(()=>H(o).filter(e=>e.tier===`PUBLIC`).length),u=F(()=>H(o).filter(e=>e.tier===`PUBLIC-ADVANCED`).length),d=F(()=>H(o).filter(e=>e.tier===`INTERNAL`).length);var f=Jg(),p=R(f),m=R(p);Ii(m);var h=B(m,2),g=R(h),_=R(g),v=R(_),y=e=>{G(e,zg())};q(v,e=>{H(a)&&e(y)}),P(_);var b=B(_);P(g);var x=B(g,2),S=R(x),C=R(S),w=e=>{G(e,zg())};q(C,e=>{H(i)&&e(w)}),P(S);var T=B(S);P(x);var E=B(x,2),D=R(E);P(E),P(h);var O=B(h,2),k=R(O),A=B(R(k),2),ee=R(A);P(A),P(k);var j=B(k,2),te=B(R(j),2),ne=R(te);P(te),P(j);var M=B(j,2),re=e=>{var t=Bg(),n=B(R(t),2),r=R(n);P(n),P(t),V(()=>K(r,`Internal (${H(d)??``})`)),G(e,t)};q(M,e=>{H(i)&&e(re)}),P(O),P(p);var ie=B(p,4),ae=R(ie),oe=e=>{var t=Vg(),n=R(t,!0);P(t),V(()=>K(n,H(a)?`No modified tokens in this domain`:`No tokens found`)),G(e,t)},se=F(()=>H(s)().length===0),ce=e=>{let n=F(()=>H(s)());var r=qg();J(r,23,()=>H(n),e=>e.name,(e,r,i)=>{var a=Kg(),o=z(a),s=e=>{G(e,Hg())};q(o,e=>{H(r).tier===`PUBLIC-ADVANCED`&&H(i)>0&&H(n)[H(i)-1].tier!==`PUBLIC-ADVANCED`&&e(s)});var c=B(o,2),l=e=>{G(e,Ug())};q(c,e=>{H(r).tier===`INTERNAL`&&H(i)>0&&H(n)[H(i)-1].tier!==`INTERNAL`&&e(l)});var u=B(c,2),d=R(u),f=e=>{G(e,Wg())};q(d,e=>{H(r).tier===`PUBLIC-ADVANCED`&&e(f)});var p=B(d,2),m=e=>{G(e,Gg())};q(p,e=>{H(r).tier===`INTERNAL`&&e(m)}),Mg(B(p,2),{get token(){return H(r)},get overrideValue(){return t.overrides[H(r).name]},onSet:e=>t.onSet(H(r).name,e),onReset:()=>t.onReset(H(r).name)}),P(u),G(e,a)}),P(r),G(e,r)};q(ae,e=>{H(se)?e(oe):e(ce,-1)}),P(ie),P(f),V(e=>{Li(m,H(r)),Y(g,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${H(a)?`text-indigo-600 dark:text-indigo-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),Y(_,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${H(a)?`bg-indigo-600 border-indigo-500`:`border-black/20 dark:border-white/20`}`),K(b,` Modified only ${H(c)>0?`(${H(c)})`:``}`),Z(x,`aria-expanded`,H(i)),Y(x,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${H(i)?`text-amber-600 dark:text-amber-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),Y(S,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${H(i)?`bg-amber-600 border-amber-500`:`border-black/20 dark:border-white/20`}`),K(T,` Internal (${H(d)??``})`),K(D,`${e??``}/${H(o).length??``}`),K(ee,`Public (${H(l)??``})`),K(ne,`Advanced (${H(u)??``})`)},[()=>H(s)().length]),U(`input`,m,e=>{L(r,e.target.value,!0)}),U(`click`,g,()=>{L(a,!H(a))}),U(`click`,x,()=>{L(i,!H(i))}),G(e,f),Ue()}Lr([`input`,`click`]);var Xg=W(`
`),Zg=W(`
`),Qg=W(`
Waiting for live preview…
`),$g=W(`
`),e_=W(`
Pick an editable brand/status (base) color as the foreground to enable auto-fix.
`),t_=W(`
`),n_=W(`
`),r_=W(`
`),i_=W(`
`,1),a_=W(`
`),o_=W(`
`),s_=W(`
· `),c_=W(`
`),l_=W(`
Foreground (rows) × background (cols). Click a cell to load it above.
`,1),u_=W(`
Contrast checker
Live WCAG ratios computed from the actual rendered preview colors — including derived steps and your overrides.
`);function d_(e,t){He(t,!0);let n=F(()=>Hs.value===`dark`?`#16161e`:`#ffffff`),r=[{label:`Text`,expr:`var(--sf-color-text)`},{label:`Text secondary`,expr:`var(--sf-color-text--subtle)`},{label:`Text muted`,expr:`var(--sf-color-text--muted)`},{label:`White`,expr:`#ffffff`},{label:`Black`,expr:`#000000`}],i=[{label:`Surface`,expr:`var(--sf-color-surface)`},{label:`Bg`,expr:`var(--sf-color-bg)`},{label:`Border`,expr:`var(--sf-color-border)`}],a=[{key:`primary`,srcLight:`--sf-color-primary-source-light`,defLight:`oklch(0.47 0.27 264)`,srcDark:`--sf-color-primary-source-dark`,defDark:`oklch(0.715 0.243 264)`},{key:`secondary`,srcLight:`--sf-color-secondary-source-light`,defLight:`oklch(0.22 0.04 264)`,srcDark:`--sf-color-secondary-source-dark`,defDark:`oklch(0.84 0.036 264)`},{key:`tertiary`,srcLight:`--sf-color-tertiary-source-light`,defLight:`oklch(0.42 0.22 295)`,srcDark:`--sf-color-tertiary-source-dark`,defDark:`oklch(0.74 0.198 295)`},{key:`action`,srcLight:`--sf-color-action-source-light`,defLight:`oklch(0.50 0.22 235)`,srcDark:`--sf-color-action-source-dark`,defDark:`oklch(0.70 0.198 235)`},{key:`neutral`,srcLight:`--sf-color-neutral-source-light`,defLight:`oklch(0.52 0.025 260)`,srcDark:`--sf-color-neutral-source-dark`,defDark:`oklch(0.69 0.0225 260)`},{key:`success`,srcLight:`--sf-color-success-source-light`,defLight:`oklch(0.50 0.16 145)`,srcDark:`--sf-color-success-source-dark`,defDark:`oklch(0.70 0.144 145)`},{key:`warning`,srcLight:`--sf-color-warning-source-light`,defLight:`oklch(0.75 0.17 80)`,srcDark:`--sf-color-warning-source-dark`,defDark:`oklch(0.65 0.153 80)`},{key:`danger`,srcLight:`--sf-color-danger-source-light`,defLight:`oklch(0.48 0.22 12)`,srcDark:`--sf-color-danger-source-dark`,defDark:`oklch(0.71 0.198 12)`},{key:`info`,srcLight:`--sf-color-info-source-light`,defLight:`oklch(0.48 0.18 235)`,srcDark:`--sf-color-info-source-dark`,defDark:`oklch(0.71 0.162 235)`}],o=a.flatMap(e=>[{label:`${e.key} (base)`,expr:`var(--sf-color-${e.key})`,editKey:e.key},{label:`${e.key}-100`,expr:`var(--sf-color-${e.key}-100)`},{label:`${e.key}-600`,expr:`var(--sf-color-${e.key}-600)`},{label:`${e.key}-900`,expr:`var(--sf-color-${e.key}-900)`}]),s=[...r,...i,...o],c=Object.fromEntries(a.map(e=>[e.key,e])),l=[{label:`text`,expr:`var(--sf-color-text)`},{label:`white`,expr:`#ffffff`},{label:`black`,expr:`#000000`},{label:`primary`,expr:`var(--sf-color-primary)`,editKey:`primary`}],u=[{label:`surface`,expr:`var(--sf-color-surface)`},{label:`primary`,expr:`var(--sf-color-primary)`},{label:`neutral-100`,expr:`var(--sf-color-neutral-100)`},{label:`success`,expr:`var(--sf-color-success)`},{label:`warning`,expr:`var(--sf-color-warning)`},{label:`danger`,expr:`var(--sf-color-danger)`}],d=I(`White`),f=I(`primary (base)`),p=I(`AA`),m=F(()=>s.find(e=>e.label===H(d))??s[0]),h=F(()=>s.find(e=>e.label===H(f))??s[0]);function g(e,t){su.value;let n=_u(e),r=_u(t);return!n||!r?null:Ku(Gu(...n),Gu(...r))}function _(e){return e>=7?{tag:`AAA`,cls:`bg-emerald-500/25 text-emerald-800 dark:text-emerald-200`}:e>=4.5?{tag:`AA`,cls:`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`}:e>=3?{tag:`AA-L`,cls:`bg-amber-500/20 text-amber-700 dark:text-amber-300`}:{tag:`Fail`,cls:`bg-rose-500/20 text-rose-700 dark:text-rose-300`}}let v=F(()=>g(H(m).expr,H(h).expr));function y(){let e=H(d);L(d,H(f),!0),L(f,e,!0)}function b(e,t){let n=s.find(t=>t.expr===e),r=s.find(e=>e.expr===t);n&&L(d,n.label,!0),r&&L(f,r.label,!0)}function x(e){return su.value,pu(e)||e}let S=I(!1),C=I(!1),w=I(null);function T(){L(w,null);let e=H(m).editKey?c[H(m).editKey]:null;if(!e)return;let n=uu()===`dark`,r=n?e.srcDark:e.srcLight,i=n?e.defDark:e.defLight,{c:a,h:o,l:s,valid:l}=qu(t.overrides[r]??i);if(!l)return;let u=_u(H(h).expr);if(!u)return;let d=Gu(...u),f=H(p)===`AAA`?7:4.5,g=null;for(let e=0;e<=1.0001;e+=.005){let[t,n,r]=Uu(e,a,o);Ku(Gu(t,n,r),d)>=f&&(g===null||Math.abs(e-s)
{if(!H(S)){L(w,null);return}su.value,H(d),H(f),H(p),H(m).editKey&&H(v)!==null&&H(v)<(H(p)===`AAA`?7:4.5)?T():L(w,null)});var D=u_(),O=B(R(D),2),k=R(O),A=B(R(k),2),ee=R(A,!0);P(A),P(k);var j=B(k,2),te=e=>{var t=i_(),r=z(t),i=R(r),a=B(R(i),2);J(a,21,()=>s,e=>e.label,(e,t)=>{var r=Xg(),i=R(r,!0);P(r);var a={};V(()=>{X(r,`background:${H(n)};`),K(i,H(t).label),a!==(a=H(t).label)&&(r.value=(r.__value=H(t).label)??``)}),G(e,r)}),P(a),P(i);var o=B(i,2),c=B(o,2),l=B(R(c),2);J(l,21,()=>s,e=>e.label,(e,t)=>{var r=Xg(),i=R(r,!0);P(r);var a={};V(()=>{X(r,`background:${H(n)};`),K(i,H(t).label),a!==(a=H(t).label)&&(r.value=(r.__value=H(t).label)??``)}),G(e,r)}),P(l),P(c),P(r);var u=B(r,2),g=R(u),b=R(g);P(g);var S=B(g,2),C=e=>{let t=F(()=>_(H(v)));var n=Zg(),r=R(n),i=R(r);P(r);var a=B(r,2),o=R(a,!0);P(a);var s=B(a,4),c=R(s),l=R(c);P(c);var u=B(c,2),d=R(u);P(u);var f=B(u,2),p=R(f);P(f);var m=B(f,2),h=R(m);P(m),P(s),P(n),V(e=>{K(i,`${e??``}:1`),Y(a,1,`text-[10px] font-bold px-2 py-0.5 rounded ${H(t).cls}`),K(o,H(t).tag),Y(c,1,gi(H(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(l,`${H(v)>=4.5?`✓`:`✗`} AA normal`),Y(u,1,gi(H(v)>=3?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(d,`${H(v)>=3?`✓`:`✗`} AA large`),Y(f,1,gi(H(v)>=7?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(p,`${H(v)>=7?`✓`:`✗`} AAA normal`),Y(m,1,gi(H(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(h,`${H(v)>=4.5?`✓`:`✗`} AAA large`)},[()=>H(v).toFixed(2)]),G(e,n)},T=e=>{G(e,Qg())};q(S,e=>{H(v)===null?e(T,-1):e(C)}),P(u);var D=B(u,2),O=R(D),k=R(O),A=B(R(k)),ee=R(A);P(A),P(k);var j=B(k,2);J(j,20,()=>[`AA`,`AAA`],e=>e,(e,t)=>{var n=$g(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2 py-0.5 rounded-md text-[10px] font-bold cursor-pointer ${H(p)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(r,t)}),U(`click`,n,()=>{L(p,t,!0)}),G(e,n)}),P(j),P(O);var te=B(O,2),ne=e=>{G(e,e_())},M=e=>{var t=t_(),n=R(t);P(t),V(()=>K(n,`Already passes ${H(p)??``}. 🎉`)),G(e,t)},re=e=>{var t=n_(),n=R(t),r=B(n,2),i=R(r),a=R(i,!0);P(i);var o=B(i,2),s=R(o);P(o),P(r);var c=B(r,2);P(t),V((e,t)=>{X(n,e),K(a,H(w).value),K(s,`→ ${t??``}:1 (${H(p)??``} ✓)`)},[()=>`background:${x(H(w).value)}`,()=>H(w).ratio.toFixed(2)]),U(`click`,c,E),G(e,t)},ie=e=>{var t=r_(),n=R(t);P(t),V(()=>K(n,`No lightness of this hue reaches ${H(p)??``} on this background — try a different background or hue.`)),G(e,t)};q(te,e=>{H(m).editKey?H(v)!==null&&H(v)>=(H(p)===`AAA`?7:4.5)?e(M,1):H(w)?e(re,2):e(ie,-1):e(ne)}),P(D),V((e,t,n)=>{X(g,e),X(b,t),K(ee,`(for ${n??``} mode)`)},[()=>`background:${x(H(h).expr)}`,()=>`color:${x(H(m).expr)}`,()=>uu()]),Ti(a,()=>H(d),e=>L(d,e)),U(`click`,o,y),Ti(l,()=>H(f),e=>L(f,e)),G(e,t)};q(j,e=>{H(S)&&e(te)}),P(O);var ne=B(O,4),M=R(ne),re=B(R(M),2),ie=R(re,!0);P(re),P(M);var ae=B(M,2),oe=e=>{var t=l_(),n=B(z(t),2),r=R(n),i=R(r),a=R(i);J(B(R(a)),17,()=>u,e=>e.label,(e,t)=>{var n=a_(),r=R(n,!0);P(n),V(()=>K(r,H(t).label)),G(e,n)}),P(a),P(i);var o=B(i);J(o,21,()=>l,e=>e.label,(e,t)=>{var n=c_(),r=R(n),i=R(r,!0);P(r),J(B(r),17,()=>u,e=>e.label,(e,n)=>{let r=F(()=>g(H(t).expr,H(n).expr));var i=qr(),a=z(i),o=e=>{let i=F(()=>_(H(r)));var a=o_(),o=R(a),s=R(o,!0);P(o),P(a),V((e,t)=>{Z(o,`title`,e),Y(o,1,`w-full px-1.5 py-1 rounded font-mono font-bold cursor-pointer ${H(i).cls}`),K(s,t)},[()=>`${H(t).label} on ${H(n).label} — ${H(r).toFixed(2)}:1`,()=>H(r).toFixed(1)]),U(`click`,o,()=>b(H(t).expr,H(n).expr)),G(e,a)},s=e=>{G(e,s_())};q(a,e=>{H(r)===null?e(s,-1):e(o)}),G(e,i)}),P(n),V(()=>K(i,H(t).label)),G(e,n)}),P(o),P(r),P(n),G(e,t)};q(ae,e=>{H(C)&&e(oe)}),P(ne),P(D),V(()=>{Z(k,`aria-expanded`,H(S)),K(ee,H(S)?`▲`:`▼`),Z(M,`aria-expanded`,H(C)),K(ie,H(C)?`▲`:`▼`)}),U(`click`,k,()=>{L(S,!H(S))}),U(`click`,M,()=>{L(C,!H(C))}),G(e,D),Ue()}Lr([`click`]);var f_=W(`
`),p_=W(` `),m_=W(``);function h_(e,t){He(t,!0);let n=new Set([`home`,`themes`,`wcag`,`setup`,`cheatsheet`]),r=I(`controls`);Tn(()=>{t.domain,L(r,`controls`)});let i=F(()=>Au[t.domain]??[t.domain]),a=F(()=>t.tokens.filter(e=>ju(e.name)===t.domain&&e.name in t.overrides).length);var o=qr(),s=z(o),c=e=>{var n=qr(),r=z(n),i=e=>{Vu(e,{get overrides(){return t.overrides},get onSelect(){return t.onSelectDomain},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},a=e=>{ig(e,{get overrides(){return t.overrides},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},o=e=>{d_(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onBulkChange(){return t.onBulkChange}})},s=e=>{cg(e,{get overrides(){return t.overrides}})},c=e=>{Sg(e,{})};q(r,e=>{t.domain===`home`?e(i):t.domain===`themes`?e(a,1):t.domain===`wcag`?e(o,2):t.domain===`setup`?e(s,3):t.domain===`cheatsheet`&&e(c,4)}),G(e,n)},l=F(()=>n.has(t.domain)),u=e=>{var n=m_(),o=R(n),s=R(o),c=e=>{var n=f_(),r=R(n),i=e=>{wf(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange},get onSelectDomain(){return t.onSelectDomain}})},a=e=>{_p(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},o=e=>{jp(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},s=e=>{im(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},c=e=>{xm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},l=e=>{jm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},u=e=>{qm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},d=e=>{oh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},f=e=>{Sh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},p=e=>{Vh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},m=e=>{Yh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},h=e=>{Rg(e,{get domain(){return t.domain},get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})};q(r,e=>{t.domain===`colors`?e(i):t.domain===`typography`?e(a,1):t.domain===`spacing`?e(o,2):t.domain===`layout`?e(s,3):t.domain===`borders`?e(c,4):t.domain===`shadows`?e(l,5):t.domain===`motion`?e(u,6):t.domain===`effects`?e(d,7):t.domain===`macros`?e(f,8):t.domain===`misc`?e(p,9):t.domain===`components`?e(m,10):e(h,-1)}),P(n),G(e,n)},l=e=>{Yg(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get patterns(){return H(i)},get onSet(){return t.onSet},get onReset(){return t.onReset}})};q(s,e=>{H(r)===`controls`?e(c):e(l,-1)}),P(o);var u=B(o,2),d=R(u);ho(R(d),{class:`w-3 h-3`}),Ne(),P(d);var f=B(d,4),p=R(f);Ra(p,{class:`w-3 h-3`});var m=B(p,2),h=e=>{var t=p_(),n=R(t,!0);P(t),V(()=>K(n,H(a))),G(e,t)};q(m,e=>{H(a)>0&&e(h)}),P(f),P(u),P(n),V(()=>{Y(d,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${H(r)===`controls`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),Y(f,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${H(r)===`tokens`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`)}),U(`click`,d,()=>{L(r,`controls`)}),U(`click`,f,()=>{L(r,`tokens`)}),G(e,n)};q(s,e=>{H(l)?e(c):e(u,-1)}),G(e,o),Ue()}Lr([`click`]);var g_=W(`
`),__=W(`Type to search tokens by name or description
`),v_=W(`overridden `),y_=W(`
`),b_=W(`
`),x_=W(`↑↓ navigate↵ open panelEsc close
`),S_=W(``);function C_(e,t){He(t,!0);let n=I(``),r=I(0),i=I(null),a={colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Borders`,shadows:`Shadows`,motion:`Motion`,effects:`Effects`,macros:`Macros`,misc:`Misc`,components:`Components`},o=F(()=>(()=>{let e=H(n).trim().toLowerCase();if(!e)return[];let r=[];for(let n of t.tokens){if(n.tier===`INTERNAL`)continue;let i=n.name.toLowerCase().includes(e),a=n.description?.toLowerCase().includes(e)??!1;if((i||a)&&(r.push({token:n,domain:ju(n.name),overridden:n.name in t.overrides}),r.length>=40))break}return r})());Tn(()=>{H(n),L(r,0)}),Tn(()=>{H(i)&&H(i).focus()});function s(e){t.onNavigate(e),t.onClose()}function c(e){if(e.key===`Escape`){e.preventDefault(),t.onClose();return}if(H(o).length===0&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault(),L(r,0);return}if(e.key===`ArrowDown`){e.preventDefault(),L(r,Math.min(H(r)+1,H(o).length-1),!0);return}if(e.key===`ArrowUp`){e.preventDefault(),L(r,Math.max(H(r)-1,0),!0);return}e.key===`Enter`&&H(o)[H(r)]&&(e.preventDefault(),s(H(o)[H(r)].domain))}var l=S_(),u=R(l),d=R(u),f=B(R(d),2);Ii(f),Yi(f,e=>L(i,e),()=>H(i)),Ne(2),P(d);var p=B(d,2),m=R(p),h=e=>{var t=g_(),r=R(t);P(t),V(()=>K(r,`No tokens matching "${H(n)??``}"`)),G(e,t)},g=F(()=>H(n).trim()&&H(o).length===0),_=e=>{G(e,__())},v=F(()=>!H(n).trim()),y=e=>{var n=qr();J(z(n),19,()=>H(o),e=>e.token.name,(e,n,i)=>{var o=b_(),c=R(o),l=R(c),u=R(l),d=R(u,!0);P(u);var f=B(u,2),p=e=>{G(e,v_())};q(f,e=>{H(n).overridden&&e(p)}),P(l);var m=B(l,2),h=e=>{var t=y_(),r=R(t,!0);P(t),V(()=>K(r,H(n).token.description)),G(e,t)};q(m,e=>{H(n).token.description&&e(h)}),P(c);var g=B(c,2),_=R(g),v=R(_,!0);P(_);var y=B(_,2),b=R(y,!0);P(y),P(g),P(o),V(()=>{Y(o,1,`w-full flex items-center gap-3 px-4 py-2.5 text-left transition-colors cursor-pointer ${H(r)===H(i)?`bg-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`),K(d,H(n).token.name),K(v,H(n).overridden?t.overrides[H(n).token.name]:H(n).token.value),K(b,a[H(n).domain]??H(n).domain)}),Ir(`mouseenter`,o,()=>{L(r,H(i),!0)}),U(`click`,o,()=>s(H(n).domain)),G(e,o)}),G(e,n)};q(m,e=>{H(g)?e(h):H(v)?e(_,1):e(y,-1)}),P(p);var b=B(p,2),x=e=>{G(e,x_())};q(b,e=>{H(o).length>0&&e(x)}),P(u),P(l),U(`mousedown`,l,e=>{e.target===e.currentTarget&&t.onClose()}),U(`keydown`,f,c),Wi(f,()=>H(n),e=>L(n,e)),G(e,l),Ue()}Lr([`mousedown`,`keydown`,`click`]);var w_=W(` `),T_=W(` `),E_=W(` `),D_=W(``);function O_(e,t){He(t,!0);let n=(e,t=f,n=f,r=f)=>{var i=T_(),a=R(i);di(a,n,(e,t)=>{t(e,{class:`w-3.5 h-3.5`})});var o=B(a),s=B(o),c=e=>{var t=w_(),n=R(t,!0);P(t),V(()=>K(n,H(v)>9?`9+`:H(v))),G(e,t)};q(s,e=>{t()===`preview`&&H(v)>0&&e(c)}),P(i),V(()=>{Z(i,`aria-pressed`,H(p)===t()),Y(i,1,`flex-1 flex items-center justify-center gap-1.5 py-2.5 text-[11px] font-bold transition-colors cursor-pointer ${H(p)===t()?`text-indigo-700 dark:text-indigo-300 bg-indigo-500/10`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(o,` ${r()??``} `)}),U(`click`,i,()=>{L(p,t(),!0)}),G(e,i)},r=Yo.tokens??Yo,i={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Borders`,shadows:`Shadows`,motion:`Motion`,effects:`Effects`,macros:`Macros`,misc:`Misc`,components:`Components`,themes:`Themes`,wcag:`WCAG`,setup:`Install`,cheatsheet:`Classes`};function a(e){let t={};for(let n of Object.keys(e)){let e=ju(n);t[e]=(t[e]??0)+1}return t}let o=Ml(),s=I($t(Nl())),c=I($t([])),l=I($t([])),u=I(`home`),d=I(!1),p=I(`controls`),m=I(`light`),h=I(`fluid`),g=I(`normal`),_=I(`color`),v=F(()=>Object.keys(H(s)).length),y=F(()=>a(H(s))),b=F(()=>Object.keys(H(s)).filter(e=>ju(e)===H(u))),x=F(()=>H(b).length),S=F(()=>H(c).length>0),C=F(()=>H(l).length>0);function w(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let T=I($t(br(()=>({...H(s)})))),E=I(`idle`),D=F(()=>!w(H(s),H(T))),O=null;Tn(()=>{Pl(H(s))}),Tn(()=>{let e=Is[H(u)];e&&br(()=>{L(_,e,!0)})});function k(e){let t=H(s),n=typeof e==`function`?e(t):e;w(t,n)||(L(c,[...H(c).slice(-49),t],!0),L(l,[],!0),(H(E)===`saved`||H(E)===`error`)&&L(E,`idle`)),L(s,n,!0)}async function A(){if(!H(D)||H(E)===`saving`)return;let e={...H(s)};L(E,`saving`);try{await Ll(H(s)),w(H(s),e)?(L(T,e,!0),L(E,`saved`),O&&clearTimeout(O),O=setTimeout(()=>{H(E)===`saved`&&L(E,`idle`),O=null},2e3)):L(E,`idle`)}catch(e){console.warn(`slashed: save failed`,e),L(E,`error`)}}function ee(e,t){k(n=>({...n,[e]:t}))}function j(e){k(t=>{let n={...t};return delete n[e],n})}function te(e){k(t=>{let n={...t};for(let[t,r]of Object.entries(e))r===null?delete n[t]:n[t]=r;return n})}function ne(e){k({...e})}function M(){k({})}function re(){let e={};for(let t of H(b))e[t]=null;te(e)}function ie(){if(H(c).length===0)return;let e=H(c)[H(c).length-1],t=H(s);L(c,H(c).slice(0,-1),!0),L(l,[t,...H(l)],!0),L(s,e,!0)}function ae(){if(H(l).length===0)return;let e=H(l)[0],t=H(s);L(l,H(l).slice(1),!0),L(c,[...H(c),t],!0),L(s,e,!0)}function oe(){let e=document.createElement(`input`);e.type=`file`,e.accept=`.css,.json`,e.onchange=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{let n=e.target?.result;if(n)if(t.name.endsWith(`.json`))try{let e=JSON.parse(n);if(typeof e==`object`&&e&&!Array.isArray(e)){let t=Object.fromEntries(Object.entries(e).filter(([e,t])=>typeof t==`string`&&/^--sf-[\w-]+$/.test(e)));Object.keys(t).length>0&&k(t)}}catch{}else{let e={},t=/(--sf-[\w-]+)\s*:\s*([^;]+);/g,r;for(;(r=t.exec(n))!==null;)e[r[1].trim()]=r[2].trim();Object.keys(e).length>0&&k(t=>({...t,...e}))}},n.readAsText(t)},e.click()}function se(){let e=rl(H(s),{mode:`layer`,banner:!0}),t=new Blob([e],{type:`text/css`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`slashed-overrides.css`,r.click(),URL.revokeObjectURL(n)}ta(()=>{let e=e=>{(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key===`z`&&(e.preventDefault(),ie()),(e.ctrlKey||e.metaKey)&&(e.shiftKey&&e.key===`z`||e.key===`y`)&&(e.preventDefault(),ae()),(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key.toLowerCase()===`s`&&(e.preventDefault(),A()),(e.ctrlKey||e.metaKey)&&!e.repeat&&e.key.toLowerCase()===`k`&&(e.preventDefault(),L(d,!H(d)))};return window.addEventListener(`keydown`,e),()=>{window.removeEventListener(`keydown`,e),O&&clearTimeout(O)}});var ce=D_(),le=R(ce);Gl(le,{get overrides(){return H(s)},get overridesCount(){return H(v)},get canUndo(){return H(S)},get canRedo(){return H(C)},get hasPendingChanges(){return H(D)},get saveState(){return H(E)},onUndo:ie,onRedo:ae,onResetAll:M,onImport:oe,onExport:se,onSave:A});var ue=B(le,2),de=R(ue);n(de,()=>`controls`,()=>ho,()=>`Controls`),n(B(de,2),()=>`preview`,()=>Oa,()=>`Preview`),P(ue);var fe=B(ue,2),pe=R(fe);Yl(R(pe),{get activeId(){return H(u)},onSelect:e=>{L(u,e,!0)},get overridesByDomain(){return H(y)}}),P(pe);var me=B(pe,2),he=R(me),ge=R(he),_e=R(ge,!0);P(ge);var ve=B(ge,2),ye=e=>{var t=E_(),n=R(t);io(n,{class:`w-3 h-3`});var r=B(n);P(t),V(()=>{Z(t,`title`,`Reset ${H(x)} override${H(x)===1?``:`s`} in ${i[H(u)]??H(u)}`),K(r,` Reset ${H(x)??``}`)}),U(`click`,t,re),G(e,t)};q(ve,e=>{H(x)>0&&e(ye)}),P(he);var be=B(he,2);h_(R(be),{get domain(){return H(u)},get tokens(){return r},get overrides(){return H(s)},onSet:ee,onReset:j,onBulkChange:te,onApplyTheme:ne,onSelectDomain:e=>{L(u,e,!0)},onResetAll:M}),P(be),P(me);var xe=B(me,2);ku(R(xe),{get overrides(){return H(s)},get previewTheme(){return H(m)},get previewWidth(){return H(h)},get previewMotion(){return H(g)},get previewTemplate(){return H(_)},onThemeChange:e=>{L(m,e,!0)},onWidthChange:e=>{L(h,e,!0)},onMotionChange:e=>{L(g,e,!0)},onTemplateChange:e=>{L(_,e,!0)}}),P(xe),P(fe);var Se=B(fe,2);{let e=F(()=>i[H(u)]??H(u));Ql(Se,{get overridesCount(){return H(v)},get domain(){return H(e)}})}var Ce=B(Se,2),we=e=>{C_(e,{get tokens(){return r},get overrides(){return H(s)},onNavigate:e=>{L(u,e,!0)},onClose:()=>{L(d,!1)}})};q(Ce,e=>{H(d)&&e(we)}),P(ce),V(()=>{Y(ce,1,`${o?`w-full h-full`:`w-screen h-screen`} flex flex-col overflow-hidden bg-slate-50 dark:bg-[#0a0a0f] text-slate-800 dark:text-slate-200 font-sans`),Y(pe,1,`shrink-0 ${H(p)===`preview`?`hidden md:flex`:`flex`}`),Y(me,1,`flex-1 min-w-0 md:flex-none md:w-[360px] bg-slate-50 dark:bg-[#0c0c15] border-r border-black/8 dark:border-white/8 flex-col min-h-0 ${H(p)===`preview`?`hidden md:flex`:`flex`}`),K(_e,i[H(u)]??H(u)),Y(xe,1,`flex-1 flex-col min-h-0 min-w-0 ${H(p)===`controls`?`hidden md:flex`:`flex`}`)}),G(e,ce),Ue()}Lr([`click`]);var k_=document.getElementById(`app`)??document.getElementById(`slashed-admin-app`);k_&&(k_.innerHTML=``,Gs(k_),Jr(O_,{target:k_}));var A_=W(`/ `),M_=W(`Reset all overrides?
Cancel Reset all
`),Wh=W(` `),Kh=W(`Reset all button tokens `),qh=W(`
Base style
Label weight — --sf-btn-font-weight
Body copy showing padding, gap, and background live.
Radius (outer, computed)
--sf-card-radius-outer = radius + padding (concentric math) — not independently overridable, always computed from the two sliders above.
Background — --sf-card-bg
Border color — --sf-card-border-color
Shadow — --sf-card-shadow
Elevated shadow — --sf-card-shadow--elevated
Hover shadow (interactive) — --sf-card-shadow--hover
Media aspect ratio — --sf-card-media-ratio
Title size — --sf-card-heading-size
`,1),Yh=W(``);function Xh(e,t){He(t,!0);let n=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],i=[`square`,`video`,`cinema`,`4-3`,`3-2`,`portrait`,`golden`],a=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],o=[`default`,`primary`,`secondary`,`tertiary`,`action`,`base`,`neutral`,`success`,`warning`,`info`,`danger`],s=[{id:`fill`,label:`Fill`},{id:`soft`,label:`Soft`},{id:`outline`,label:`Outline`}],c=[`xs`,`s`,`m`,`l`,`xl`],l=new Set([`default`,`primary`,`secondary`,`tertiary`,`action`]),u=[{step:`surface`,label:`Surface`},{step:`base`,label:`Base`},{step:`inset`,label:`Inset`},{step:`raised`,label:`Raised`}],d=[{step:`border`,label:`Default`},{step:`border--subtle`,label:`Subtle`},{step:`border--strong`,label:`Strong`}],f=[{label:`Radius`,token:`--sf-btn-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:xp},{label:`Gap (icon+label)`,token:`--sf-btn-gap`,unit:`rem`,min:0,max:1,step:.0125,default:.25,rawDefault:`var(--sf-space-2xs)`,variableOptions:bp},{label:`Border width`,token:`--sf-btn-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:Sp}],p={token:`--sf-btn-font-scale`,default:1,min:.75,max:1.5,step:.05},m=[`xs`,`s`,`m`,`l`,`xl`],h={xs:{fontStep:`xs`,pb:{raw:`0.125rem`,num:.125},pi:{raw:`var(--sf-space-xs)`,num:.375},mh:{raw:`var(--sf-size-xs)`,num:2}},s:{fontStep:`s`,pb:{raw:`var(--sf-space-2xs)`,num:.25},pi:{raw:`var(--sf-space-s)`,num:.5},mh:{raw:`var(--sf-size-s)`,num:2.25}},m:{fontStep:`m`,pb:{raw:`var(--sf-space-xs)`,num:.375},pi:{raw:`var(--sf-space-m)`,num:.75},mh:{raw:`var(--sf-size-m)`,num:2.5}},l:{fontStep:`l`,pb:{raw:`var(--sf-space-s)`,num:.5},pi:{raw:`var(--sf-space-l)`,num:1},mh:{raw:`var(--sf-size-l)`,num:3}},xl:{fontStep:`xl`,pb:{raw:`var(--sf-space-m)`,num:.75},pi:{raw:`var(--sf-space-xl)`,num:1.5},mh:{raw:`var(--sf-size-xl)`,num:3.5}}};function g(e,t){let n=h[e][t],r=t===`pb`?`padding-block`:t===`pi`?`padding-inline`:`min-height`,i=t===`mh`;return{token:`--sf-btn-${e}-${r}`,rawDefault:n.raw,default:n.num,unit:`rem`,min:0,max:i?4:2,step:i?.125:.025,variableOptions:i?wp:bp,label:t===`pb`?`Padding block`:t===`pi`?`Padding inline`:`Min height`}}let _=[{label:`Padding`,token:`--sf-card-padding`,unit:`rem`,min:0,max:3,step:.05,default:1.5,rawDefault:`var(--sf-space-l)`,variableOptions:bp},{label:`Gap (header/footer)`,token:`--sf-card-gap`,unit:`rem`,min:0,max:2,step:.05,default:1,rawDefault:`var(--sf-space-m)`,variableOptions:bp},{label:`Radius (inner)`,token:`--sf-card-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:xp},{label:`Border width`,token:`--sf-card-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:Sp},{label:`Media radius`,token:`--sf-card-media-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-card-radius, var(--sf-radius-m))`,variableOptions:xp}];function v(){for(let e of Object.keys(t.overrides))e.startsWith(`--sf-btn-`)&&t.onReset(e)}let y=I(!1),b=I(`m`),x=F(()=>`--sf-btn-${H(b)}-font-size`),S=F(()=>h[H(b)].fontStep),C=I(!1),w=I(`primary`),T=I(`fill`),E=I(!1),D=I(`m`),O=I(!1),k=I(!1),A=I(!1),ee=I(!1),j=I(!1);function te(){let e=[`sf-btn`];return H(w)!=="default"&&e.push(`sf-btn--${H(w)}`),H(T)!==`fill`&&e.push(`sf-btn--${H(T)}`),H(E)&&H(T)!==`soft`&&l.has(H(w))&&e.push(`sf-btn--gradient`),H(D)!==`m`&&e.push(`sf-btn--${H(D)}`),e.join(` `)}function ne(){let e=[`sf-card`];return H(A)&&e.push(`sf-card--bordered`),H(ee)&&e.push(`sf-card--elevated`),H(j)&&e.push(`sf-card--interactive`),e.join(` `)}function M(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function re(e,n,r,i){let a=t.overrides[e];if(!a)return i;let o=a.match(RegExp(`^var\\(--sf-${n}-([\\w-]+)\\)$`));return o&&r.includes(o[1])?o[1]:i}function ie(e,n,r,i){r===i?t.onReset(e):t.onSet(e,`var(--sf-${n}-${r})`)}function ae(e){return!!e&&/^(var|calc|clamp)\(/.test(e.trim())}let oe=_.find(e=>e.token===`--sf-card-radius`),se=_.find(e=>e.token===`--sf-card-padding`),ce=F(()=>M(oe)),le=F(()=>M(se)),ue=F(()=>ae(t.overrides[oe.token])||ae(t.overrides[se.token]));var de=Yh(),fe=R(de);$(fe,{title:`Button (.sf-btn)`,get open(){return H(y)},set open(e){L(y,e,!0)},children:(e,r)=>{var i=qh(),u=z(i),d=B(R(u),2);J(d,20,()=>o,e=>e,(e,t)=>{var n=Uh(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${H(w)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(r,t)}),U(`click`,n,()=>{L(w,t,!0)}),G(e,n)}),P(d);var h=B(d,4);J(h,21,()=>s,e=>e.id,(e,t)=>{var n=Uh(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(T)===H(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(r,H(t).label)}),U(`click`,n,()=>{L(T,H(t).id,!0)}),G(e,n)}),P(h);var _=B(h,4);J(_,20,()=>c,e=>e,(e,t)=>{var n=Uh(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2.5 py-1 rounded-lg text-[10px] border transition-all cursor-pointer uppercase ${H(D)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(r,t)}),U(`click`,n,()=>{L(D,t,!0),L(b,t,!0)}),G(e,n)}),P(_);var y=B(_,2),C=R(y),A=R(C);Ii(A),Ne(),P(C);var ee=B(C,2),j=R(ee);Ii(j),Ne(),P(ee);var ne=B(ee,2),ae=R(ne);Ii(ae),Ne(),P(ne),P(y),P(u);var oe=B(u,2),se=R(oe);let ce;var le=R(se,!0);P(se),P(oe);var ue=B(oe,2),de=B(R(ue),2);J(de,17,()=>f,e=>e.token,(e,n)=>{{let r=F(()=>M(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}${H(n).unit}`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).rawDefault},get variableOptions(){return H(n).variableOptions},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}});var fe=B(de,2);{let e=F(()=>M(p)),n=F(()=>p.token in t.overrides);Q(fe,{label:`Label size (all sizes)`,get value(){return H(e)},get min(){return p.min},get max(){return p.max},get step(){return p.step},unit:`×`,help:`--sf-btn-font-scale — multiplies every button's label, keeping the size ladder`,get overridden(){return H(n)},onChange:e=>e===p.default?t.onReset(p.token):t.onSet(p.token,String(e)),onReset:()=>t.onReset(p.token)})}var pe=B(fe,2),me=B(R(pe),2);J(me,20,()=>a,e=>e,(e,n)=>{let r=F(()=>t.overrides[`--sf-btn-font-weight`]??`600`);var i=Uh(),a=R(i,!0);P(i),V(e=>{X(i,e),Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${H(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,n)},[()=>`font-weight:${parseInt(n)}`]),U(`click`,i,()=>n===`600`?t.onReset(`--sf-btn-font-weight`):t.onSet(`--sf-btn-font-weight`,n)),G(e,i)}),P(me),P(pe);var he=B(pe,2),ge=R(he),_e=R(ge);P(ge);var ve=B(ge,2);J(ve,20,()=>m,e=>e,(e,n)=>{let r=F(()=>[`--sf-btn-${n}-font-size`,`--sf-btn-${n}-padding-block`,`--sf-btn-${n}-padding-inline`,`--sf-btn-${n}-min-height`].some(e=>e in t.overrides));var i=Gh(),a=R(i),o=B(a),s=e=>{G(e,Wh())};q(o,e=>{H(r)&&e(s)}),P(i),V(()=>{Z(i,`aria-pressed`,H(b)===n),Y(i,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold uppercase transition-all cursor-pointer ${H(b)===n?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(a,`${n??``} `)}),U(`click`,i,()=>{L(b,n,!0),L(D,n,!0)}),G(e,i)}),P(ve);var ye=B(ve,2),be=R(ye),xe=R(be);P(be);var Se=B(be,2);J(Se,20,()=>n,e=>e,(e,t)=>{let r=F(()=>re(H(x),`text`,n,H(S)));var i=Uh(),a=R(i,!0);P(i),V(()=>{Z(i,`aria-pressed`,H(r)===t),Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(H(x),`text`,t,H(S))),G(e,i)}),P(Se),P(ye),J(B(ye,2),16,()=>[`pb`,`pi`,`mh`],e=>e,(e,n)=>{let r=F(()=>g(H(b),n));{let n=F(()=>M(H(r))),i=F(()=>H(r).token in t.overrides);Q(e,{get label(){return H(r).label},get value(){return H(n)},get min(){return H(r).min},get max(){return H(r).max},get step(){return H(r).step},get unit(){return H(r).unit},get help(){return H(r).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(r).token,`${e}${H(r).unit}`),onReset:()=>t.onReset(H(r).token),get rawDefault(){return H(r).rawDefault},get variableOptions(){return H(r).variableOptions},get currentRaw(){return t.overrides[H(r).token]},onRawSet:e=>t.onSet(H(r).token,e)})}}),P(he);var Ce=B(he,2),we=e=>{var t=Kh();U(`click`,t,v),G(e,t)},Te=F(()=>Object.keys(t.overrides).some(e=>e.startsWith(`--sf-btn-`)));q(Ce,e=>{H(Te)&&e(we)}),P(ue),V((e,t,n,r,i)=>{Y(C,1,e),Z(C,`title`,t),A.disabled=n,Z(oe,`data-theme`,Hs.value),ce=Y(se,1,r,null,ce,{"sf-is-loading":H(k)}),se.disabled=H(O),K(le,H(k)?`Loading`:`Button label`),K(_e,`Per-size (${i??``})`),K(xe,`Label size — ${H(x)??``}`)},[()=>`flex items-center gap-1.5 text-[9px] ${l.has(H(w))&&H(T)!==`soft`?`text-slate-500 cursor-pointer`:`text-slate-400 dark:text-slate-600 cursor-not-allowed`}`,()=>l.has(H(w))&&H(T)!==`soft`?`Paint the fill (or the outline ring) with the family gradient`:`Gradient covers the core-4 brand families (primary/secondary/tertiary/action) and is ignored under Soft`,()=>!l.has(H(w))||H(T)===`soft`,()=>gi(te()),()=>H(b).toUpperCase()]),Gi(A,()=>H(E),e=>L(E,e)),Gi(j,()=>H(O),e=>L(O,e)),Gi(ae,()=>H(k),e=>L(k,e)),G(e,i)},$$slots:{default:!0}}),$(B(fe,4),{title:`Card (.sf-card)`,get open(){return H(C)},set open(e){L(C,e,!0)},children:(e,a)=>{var o=Jh(),s=z(o),c=R(s),l=R(c);Ii(l),Ne(),P(c);var f=B(c,2),p=R(f);Ii(p),Ne(),P(f);var m=B(f,2),h=R(m);Ii(h),Ne(),P(m),P(s);var g=B(s,2),v=R(g);P(g);var y=B(g,2),b=R(y);J(b,17,()=>_,e=>e.token,(e,n)=>{{let r=F(()=>M(H(n))),i=F(()=>H(n).token in t.overrides);Q(e,{get label(){return H(n).label},get value(){return H(r)},get min(){return H(n).min},get max(){return H(n).max},get step(){return H(n).step},get unit(){return H(n).unit},get help(){return H(n).token},get overridden(){return H(i)},onChange:e=>t.onSet(H(n).token,`${e}${H(n).unit}`),onReset:()=>t.onReset(H(n).token),get rawDefault(){return H(n).rawDefault},get variableOptions(){return H(n).variableOptions},get currentRaw(){return t.overrides[H(n).token]},onRawSet:e=>t.onSet(H(n).token,e)})}});var x=B(b,2),S=B(R(x),2),C=R(S,!0);P(S),P(x);var w=B(x,4),T=B(R(w),2);J(T,21,()=>u,e=>e.step,(e,t)=>{let n=F(()=>re(`--sf-card-bg`,`color`,u.map(e=>e.step),`surface`));var r=Uh(),i=R(r,!0);P(r),V(()=>{Y(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===H(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(i,H(t).label)}),U(`click`,r,()=>ie(`--sf-card-bg`,`color`,H(t).step,`surface`)),G(e,r)}),P(T),P(w);var E=B(w,2),D=B(R(E),2);J(D,21,()=>d,e=>e.step,(e,t)=>{let n=F(()=>re(`--sf-card-border-color`,`color`,d.map(e=>e.step),`border`));var r=Uh(),i=R(r,!0);P(r),V(()=>{Y(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===H(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(i,H(t).label)}),U(`click`,r,()=>ie(`--sf-card-border-color`,`color`,H(t).step,`border`)),G(e,r)}),P(D),P(E);var O=B(E,2),k=B(R(O),2);J(k,20,()=>r,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-shadow`,`shadow`,r,`s`));var i=Uh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-shadow`,`shadow`,t,`s`)),G(e,i)}),P(k),P(O);var te=B(O,2),ae=B(R(te),2);J(ae,20,()=>r,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-shadow--elevated`,`shadow`,r,`l`));var i=Uh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-shadow--elevated`,`shadow`,t,`l`)),G(e,i)}),P(ae),P(te);var oe=B(te,2),se=B(R(oe),2);J(se,20,()=>r,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-shadow--hover`,`shadow`,r,`l`));var i=Uh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-shadow--hover`,`shadow`,t,`l`)),G(e,i)}),P(se),P(oe);var de=B(oe,2),fe=B(R(de),2);J(fe,20,()=>i,e=>e,(e,t)=>{let n=F(()=>re(`--sf-card-media-ratio`,`ratio`,i,`video`));var r=Uh(),a=R(r,!0);P(r),V(()=>{Y(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,r,()=>ie(`--sf-card-media-ratio`,`ratio`,t,`video`)),G(e,r)}),P(fe),P(de);var pe=B(de,2),me=B(R(pe),2);J(me,20,()=>n,e=>e,(e,t)=>{let r=F(()=>re(`--sf-card-heading-size`,`text`,n,`xl`));var i=Uh(),a=R(i,!0);P(i),V(()=>{Y(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${H(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),K(a,t)}),U(`click`,i,()=>ie(`--sf-card-heading-size`,`text`,t,`xl`)),G(e,i)}),P(me),P(pe),P(y),V((e,t)=>{Z(g,`data-theme`,Hs.value),Y(v,1,e),K(C,t)},[()=>gi(ne()),()=>H(ue)?`depends on variable`:`${(H(ce)+H(le)).toFixed(2)}rem`]),Gi(l,()=>H(A),e=>L(A,e)),Gi(p,()=>H(ee),e=>L(ee,e)),Gi(h,()=>H(j),e=>L(j,e)),G(e,o)},$$slots:{default:!0}}),P(de),G(e,de),Ue()}Lr([`click`]);var Zh=W(`No saved themes yet.
Configure your tokens, then save them above.
`),$h=W(`
`),eg=W(` `),tg=W(`
`),ng=W(``),rg=W(`Reset all overrides `),ig=W(`Themes
Save your current configuration as a named theme, then re-apply it any time.
+ Themes are stored in this browser.
Link copied! `,1),sg=W(` Copy shareable link`,1),cg=W(` Download W3C Design Tokens (.json) Usage
Paste this CSS into your project after the SLASHED import.
`);function lg(e,t){He(t,!0);let n=I(`layer`),r=I(!1),i=I(!1),a=F(()=>rl(t.overrides,{mode:H(n),banner:!0})),o=F(()=>Object.keys(t.overrides).length);async function s(){try{await navigator.clipboard.writeText(H(a)),L(r,!0),setTimeout(()=>{L(r,!1)},2e3)}catch{}}async function c(){try{let e=sl(t.overrides,jl());await navigator.clipboard.writeText(e),L(i,!0),setTimeout(()=>{L(i,!1)},2e3)}catch{}}function l(){let e=new Blob([H(a)],{type:`text/css`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`slashed-overrides.css`,n.click(),URL.revokeObjectURL(t)}function u(e){return e.includes(`color`)||e.includes(`scrim-color`)||e.includes(`shadow-color`)?`color`:e.includes(`duration`)||e.includes(`delay`)||e.includes(`transition-duration`)?`duration`:e.includes(`radius`)||e.includes(`space`)||e.includes(`size`)||e.includes(`width`)||e.includes(`height`)||e.includes(`gap`)||e.includes(`blur`)||e.includes(`text-`)||e.includes(`leading`)||e.includes(`tracking`)?`dimension`:e.includes(`font-family`)||e.includes(`font-mono`)||e.includes(`font-body`)||e.includes(`font-heading`)||e.includes(`font-code`)?`fontFamily`:e.includes(`font-weight`)||e.includes(`weight`)?`fontWeight`:`string`}function d(){let e={};for(let[n,r]of Object.entries(t.overrides)){let t=n.replace(/^--sf-/,``).replace(/-/g,`.`);e[t]={$value:r,$type:u(n)}}let n=JSON.stringify({$schema:`https://design-tokens.github.io/community-group/format/`,...e},null,2),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`slashed-tokens.w3c.json`,a.click(),URL.revokeObjectURL(i)}var f=cg(),p=R(f),m=B(R(p),2),h=R(m,!0);P(m),P(p);var g=B(p,2),_=R(g),v=e=>{var t=og();ma(z(t),{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`}),Ne(2),G(e,t)},y=e=>{var t=sg();Ia(z(t),{class:`w-3 h-3`}),Ne(),G(e,t)};q(_,e=>{H(i)?e(v):e(y,-1)}),P(g);var b=B(g,2),x=B(R(b),2),S=R(x),C=B(S,2);P(x),P(b);var w=B(b,2),T=R(w),E=R(T,!0);P(T);var D=B(T,2),O=R(D),k=R(O),A=e=>{ma(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},ee=e=>{Sa(e,{class:`w-3 h-3`})};q(k,e=>{H(r)?e(A):e(ee,-1)}),P(O);var j=B(O,2);wa(R(j),{class:`w-3 h-3`}),P(j),P(D),P(w);var te=B(w,2);wa(R(te),{class:`w-3 h-3`}),Ne(),P(te);var ne=B(te,2),M=B(R(ne),4);M.textContent=`@import 'slashed/slashed.full.css';
+@import './slashed-overrides.css';`,P(ne),P(f),V(()=>{K(h,H(o)>0?`${H(o)} override${H(o)===1?``:`s`} ready to export.`:`No overrides yet. Customise tokens, then export.`),g.disabled=H(o)===0,Y(S,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${H(n)===`layer`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),Y(C,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${H(n)===`root`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),K(E,H(a)||`/* No overrides */`),te.disabled=H(o)===0}),U(`click`,g,c),U(`click`,S,()=>{L(n,`layer`)}),U(`click`,C,()=>{L(n,`root`)}),U(`click`,O,s),U(`click`,j,l),U(`click`,te,d),G(e,f),Ue()}Lr([`click`]);var ug=W(`
`),dg=W(`
`),fg=W(` `),pg=W(`optional `),mg=W(`
`),hg=W(``),gg=W(`
`,1),_g=W(` `,1),vg=W(`knob `),yg=W(`advanced `),bg=W(`
`),xg=W(``),Sg=W(``);function Cg(e,t){He(t,!0);let n=Xo.classes,r=Yo.tokens.filter(e=>e.tier===`PUBLIC`||e.tier===`PUBLIC-ADVANCED`),i=I(``),a=I(`classes`),o=I(``),s=F(()=>()=>{let e=H(i).trim().toLowerCase();return e?n.filter(t=>t.name.toLowerCase().includes(e)||t.selector?.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)):n}),c=F(()=>()=>{let e=H(i).trim().toLowerCase();return e?r.filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)||t.value?.toLowerCase().includes(e)):r});function l(e){let t=new Map;for(let n of e){let e=n.category||`Other`,r=n.group||``;t.has(e)||t.set(e,new Map);let i=t.get(e);i.has(r)||i.set(r,[]),i.get(r).push(n)}return t}let u=F(()=>l(H(s)())),d=F(()=>l(H(c)())),f=null;async function p(e){try{await navigator.clipboard.writeText(e),L(o,e,!0),f&&clearTimeout(f),f=setTimeout(()=>{H(o)===e&&L(o,``),f=null},1500)}catch{}}let m={layout:`text-violet-600 dark:text-violet-400`,macro:`text-sky-600 dark:text-sky-400`,state:`text-amber-600 dark:text-amber-400`,accessibility:`text-emerald-600 dark:text-emerald-400`,motion:`text-pink-600 dark:text-pink-400`,print:`text-slate-600 dark:text-slate-400`,form:`text-orange-600 dark:text-orange-400`,component:`text-indigo-600 dark:text-indigo-400`,theme:`text-teal-600 dark:text-teal-400`};var g=Sg(),_=R(g),v=B(R(_),2);Ii(v);var y=B(v,2),b=R(y),x=R(b);P(b);var S=B(b,2),C=R(S);P(S),P(y),P(_);var w=B(_,2),T=R(w),E=e=>{var t=qr(),n=z(t),r=e=>{var t=ug(),n=R(t);P(t),V(()=>K(n,`No classes match "${H(i)??``}"`)),G(e,t)},a=F(()=>H(s)().length===0),c=e=>{var t=qr();J(z(t),17,()=>[...H(u).entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=_g(),s=z(a),c=R(s),l=R(c,!0);P(c),P(s),J(B(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=gg(),s=z(a),c=e=>{var t=dg(),n=R(t,!0);P(t),V(()=>K(n,r())),G(e,t)};q(s,e=>{r()&&e(c)});var l=B(s,2);J(l,21,i,e=>e.name,(e,t)=>{var n=hg(),r=R(n),i=R(r),a=R(i),s=R(a,!0);P(a);var c=B(a,2),l=e=>{var n=fg(),r=R(n,!0);P(n),V(()=>{Y(n,1,`text-[8px] font-bold uppercase ${m[H(t).kind]??`text-slate-500`}`),K(r,H(t).kind)}),G(e,n)};q(c,e=>{H(t).kind&&e(l)});var u=B(c,2),d=e=>{G(e,pg())};q(u,e=>{H(t).optional&&e(d)}),P(i);var f=B(i,2),h=e=>{var n=mg(),r=R(n,!0);P(n),V(()=>K(r,H(t).description)),G(e,n)};q(f,e=>{H(t).description&&e(h)}),P(r);var g=B(r,2),_=R(g),v=e=>{ma(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},y=e=>{Sa(e,{class:`w-3 h-3 text-slate-500`})};q(_,e=>{H(o)===H(t).selector?e(v):e(y,-1)}),P(g),P(n),V(()=>K(s,H(t).selector)),U(`click`,g,()=>p(H(t).selector)),G(e,n)}),P(l),G(e,a)}),V(()=>K(l,r())),G(e,a)}),G(e,t)};q(n,e=>{H(a)?e(r):e(c,-1)}),G(e,t)},D=e=>{var t=qr(),n=z(t),r=e=>{var t=ug(),n=R(t);P(t),V(()=>K(n,`No tokens match "${H(i)??``}"`)),G(e,t)},a=F(()=>H(c)().length===0),s=e=>{var t=qr();J(z(t),17,()=>[...H(d).entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=_g(),s=z(a),c=R(s),l=R(c,!0);P(c),P(s),J(B(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=F(()=>h(H(t),2));let r=()=>H(n)[0],i=()=>H(n)[1];var a=gg(),s=z(a),c=e=>{var t=dg(),n=R(t,!0);P(t),V(()=>K(n,r())),G(e,t)};q(s,e=>{r()&&e(c)});var l=B(s,2);J(l,21,i,e=>e.name,(e,t)=>{var n=xg(),r=R(n),i=R(r),a=R(i),s=R(a,!0);P(a);var c=B(a,2),l=e=>{G(e,vg())};q(c,e=>{H(t).role===`knob`&&e(l)});var u=B(c,2),d=e=>{G(e,yg())};q(u,e=>{H(t).tier===`PUBLIC-ADVANCED`&&e(d)}),P(i);var f=B(i,2),m=e=>{var n=bg(),r=R(n,!0);P(n),V(()=>K(r,H(t).value)),G(e,n)};q(f,e=>{H(t).value&&e(m)});var h=B(f,2),g=e=>{var n=mg(),r=R(n,!0);P(n),V(()=>K(r,H(t).description)),G(e,n)};q(h,e=>{H(t).description&&e(g)}),P(r);var _=B(r,2),v=R(_),y=e=>{ma(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},b=e=>{Sa(e,{class:`w-3 h-3 text-slate-500`})};q(v,e=>{H(o)===`var(${H(t).name})`?e(y):e(b,-1)}),P(_),P(n),V(()=>K(s,H(t).name)),U(`click`,_,()=>p(`var(${H(t).name})`)),G(e,n)}),P(l),G(e,a)}),V(()=>K(l,r())),G(e,a)}),G(e,t)};q(n,e=>{H(a)?e(r):e(s,-1)}),G(e,t)};q(T,e=>{H(a)===`classes`?e(E):e(D,-1)}),P(w),P(g),V((e,t)=>{Y(b,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${H(a)===`classes`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(x,`CSS classes (${e??``})`),Y(S,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${H(a)===`tokens`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(C,`CSS vars (${t??``})`)},[()=>H(s)().length,()=>H(c)().length]),Wi(v,()=>H(i),e=>L(i,e)),U(`click`,b,()=>{L(a,`classes`)}),U(`click`,S,()=>{L(a,`tokens`)}),G(e,g),Ue()}Lr([`click`]);var wg=W(`
`),Tg=W(`reset `),Eg=W(`
`),Dg=W(` `),Og=W(`Custom… `),jg=W(` `),Fg=W(`No tokens found
`),Ig=W(`
`),Lg=W(`
`),Rg=W(``);function zg(e,t){He(t,!0);let n=I(``),r=F(()=>()=>{let e=t.patterns??[t.domain];return t.tokens.filter(t=>e.some(e=>t.name.includes(e))&&t.tier!==`INTERNAL`)}),i=F(()=>()=>{if(!H(n))return H(r)();let e=H(n).toLowerCase();return H(r)().filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))}),a=F(()=>H(i)().filter(e=>e.name in t.overrides).length);var o=Rg(),s=R(o),c=R(s),l=R(c);P(c);var u=B(c,2),d=e=>{var t=Pg(),n=R(t);P(t),V(()=>K(n,`${H(a)??``} modified`)),G(e,t)};q(u,e=>{H(a)>0&&e(d)}),P(s);var f=B(s,2);Ii(f);var p=B(f,2),m=e=>{G(e,Fg())},h=F(()=>H(i)().length===0),g=e=>{var n=Lg(),r=R(n);J(r,17,()=>H(i)().slice(0,60),e=>e.name,(e,n)=>{Ng(e,{get token(){return H(n)},get overrideValue(){return t.overrides[H(n).name]},onSet:e=>t.onSet(H(n).name,e),onReset:()=>t.onReset(H(n).name)})});var a=B(r,2),o=e=>{var t=Ig(),n=R(t);P(t),V(e=>K(n,`${e??``} more — refine your search`),[()=>H(i)().length-60]),G(e,t)},s=F(()=>H(i)().length>60);q(a,e=>{H(s)&&e(o)}),P(n),G(e,n)};q(p,e=>{H(h)?e(m):e(g,-1)}),P(o),V(()=>{K(l,`${t.domain??``} tokens`),Z(f,`placeholder`,`Search ${t.domain} tokens…`),Li(f,H(n))}),U(`input`,f,e=>{L(n,e.target.value,!0)}),G(e,o),Ue()}Lr([`input`]);var Bg=W(`
`),Vg=W(``),Hg=W(`
`),Ug=W(``),Wg=W(``),Gg=W(`
`),Kg=W(`
`),qg=W(`
`,1),Jg=W(`
`),Yg=W(``);function Xg(e,t){He(t,!0);let n={PUBLIC:0,"PUBLIC-ADVANCED":1,INTERNAL:2},r=I(``),i=I(!1),a=I(!1),o=F(()=>t.tokens.filter(e=>t.patterns.some(t=>e.name.includes(t))).sort((e,t)=>{let r=n[e.tier??`INTERNAL`]??2,i=n[t.tier??`INTERNAL`]??2;return r===i?e.name.localeCompare(t.name):r-i})),s=F(()=>()=>{let e=H(o);if(H(i)||(e=e.filter(e=>e.tier!==`INTERNAL`)),H(a)&&(e=e.filter(e=>e.name in t.overrides)),H(r)){let t=H(r).toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.description?.toLowerCase().includes(t))}return e}),c=F(()=>H(o).filter(e=>e.name in t.overrides).length),l=F(()=>H(o).filter(e=>e.tier===`PUBLIC`).length),u=F(()=>H(o).filter(e=>e.tier===`PUBLIC-ADVANCED`).length),d=F(()=>H(o).filter(e=>e.tier===`INTERNAL`).length);var f=Yg(),p=R(f),m=R(p);Ii(m);var h=B(m,2),g=R(h),_=R(g),v=R(_),y=e=>{G(e,Bg())};q(v,e=>{H(a)&&e(y)}),P(_);var b=B(_);P(g);var x=B(g,2),S=R(x),C=R(S),w=e=>{G(e,Bg())};q(C,e=>{H(i)&&e(w)}),P(S);var T=B(S);P(x);var E=B(x,2),D=R(E);P(E),P(h);var O=B(h,2),k=R(O),A=B(R(k),2),ee=R(A);P(A),P(k);var j=B(k,2),te=B(R(j),2),ne=R(te);P(te),P(j);var M=B(j,2),re=e=>{var t=Vg(),n=B(R(t),2),r=R(n);P(n),P(t),V(()=>K(r,`Internal (${H(d)??``})`)),G(e,t)};q(M,e=>{H(i)&&e(re)}),P(O),P(p);var ie=B(p,4),ae=R(ie),oe=e=>{var t=Hg(),n=R(t,!0);P(t),V(()=>K(n,H(a)?`No modified tokens in this domain`:`No tokens found`)),G(e,t)},se=F(()=>H(s)().length===0),ce=e=>{let n=F(()=>H(s)());var r=Jg();J(r,23,()=>H(n),e=>e.name,(e,r,i)=>{var a=qg(),o=z(a),s=e=>{G(e,Ug())};q(o,e=>{H(r).tier===`PUBLIC-ADVANCED`&&H(i)>0&&H(n)[H(i)-1].tier!==`PUBLIC-ADVANCED`&&e(s)});var c=B(o,2),l=e=>{G(e,Wg())};q(c,e=>{H(r).tier===`INTERNAL`&&H(i)>0&&H(n)[H(i)-1].tier!==`INTERNAL`&&e(l)});var u=B(c,2),d=R(u),f=e=>{G(e,Gg())};q(d,e=>{H(r).tier===`PUBLIC-ADVANCED`&&e(f)});var p=B(d,2),m=e=>{G(e,Kg())};q(p,e=>{H(r).tier===`INTERNAL`&&e(m)}),Ng(B(p,2),{get token(){return H(r)},get overrideValue(){return t.overrides[H(r).name]},onSet:e=>t.onSet(H(r).name,e),onReset:()=>t.onReset(H(r).name)}),P(u),G(e,a)}),P(r),G(e,r)};q(ae,e=>{H(se)?e(oe):e(ce,-1)}),P(ie),P(f),V(e=>{Li(m,H(r)),Y(g,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${H(a)?`text-indigo-600 dark:text-indigo-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),Y(_,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${H(a)?`bg-indigo-600 border-indigo-500`:`border-black/20 dark:border-white/20`}`),K(b,` Modified only ${H(c)>0?`(${H(c)})`:``}`),Z(x,`aria-expanded`,H(i)),Y(x,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${H(i)?`text-amber-600 dark:text-amber-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),Y(S,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${H(i)?`bg-amber-600 border-amber-500`:`border-black/20 dark:border-white/20`}`),K(T,` Internal (${H(d)??``})`),K(D,`${e??``}/${H(o).length??``}`),K(ee,`Public (${H(l)??``})`),K(ne,`Advanced (${H(u)??``})`)},[()=>H(s)().length]),U(`input`,m,e=>{L(r,e.target.value,!0)}),U(`click`,g,()=>{L(a,!H(a))}),U(`click`,x,()=>{L(i,!H(i))}),G(e,f),Ue()}Lr([`input`,`click`]);var Zg=W(` `),Qg=W(``),$g=W(`Waiting for live preview…
`),e_=W(` `),t_=W(`Pick an editable brand/status (base) color as the foreground to enable auto-fix.
`),n_=W(`
`),r_=W(``),i_=W(`
`),a_=W(` `,1),o_=W(` `),s_=W(` · `),l_=W(` Foreground (rows) × background (cols). Click a cell to load it above.
`,1),d_=W(`Contrast checker
Live WCAG ratios computed from the actual rendered preview colors — including derived steps and your overrides.
{if(!H(S)){L(w,null);return}su.value,H(d),H(f),H(p),H(m).editKey&&H(v)!==null&&H(v)<(H(p)===`AAA`?7:4.5)?T():L(w,null)});var D=d_(),O=B(R(D),2),k=R(O),A=B(R(k),2),ee=R(A,!0);P(A),P(k);var j=B(k,2),te=e=>{var t=a_(),r=z(t),i=R(r),a=B(R(i),2);J(a,21,()=>s,e=>e.label,(e,t)=>{var r=Zg(),i=R(r,!0);P(r);var a={};V(()=>{X(r,`background:${H(n)};`),K(i,H(t).label),a!==(a=H(t).label)&&(r.value=(r.__value=H(t).label)??``)}),G(e,r)}),P(a),P(i);var o=B(i,2),c=B(o,2),l=B(R(c),2);J(l,21,()=>s,e=>e.label,(e,t)=>{var r=Zg(),i=R(r,!0);P(r);var a={};V(()=>{X(r,`background:${H(n)};`),K(i,H(t).label),a!==(a=H(t).label)&&(r.value=(r.__value=H(t).label)??``)}),G(e,r)}),P(l),P(c),P(r);var u=B(r,2),g=R(u),b=R(g);P(g);var S=B(g,2),C=e=>{let t=F(()=>_(H(v)));var n=Qg(),r=R(n),i=R(r);P(r);var a=B(r,2),o=R(a,!0);P(a);var s=B(a,4),c=R(s),l=R(c);P(c);var u=B(c,2),d=R(u);P(u);var f=B(u,2),p=R(f);P(f);var m=B(f,2),h=R(m);P(m),P(s),P(n),V(e=>{K(i,`${e??``}:1`),Y(a,1,`text-[10px] font-bold px-2 py-0.5 rounded ${H(t).cls}`),K(o,H(t).tag),Y(c,1,gi(H(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(l,`${H(v)>=4.5?`✓`:`✗`} AA normal`),Y(u,1,gi(H(v)>=3?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(d,`${H(v)>=3?`✓`:`✗`} AA large`),Y(f,1,gi(H(v)>=7?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(p,`${H(v)>=7?`✓`:`✗`} AAA normal`),Y(m,1,gi(H(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),K(h,`${H(v)>=4.5?`✓`:`✗`} AAA large`)},[()=>H(v).toFixed(2)]),G(e,n)},T=e=>{G(e,$g())};q(S,e=>{H(v)===null?e(T,-1):e(C)}),P(u);var D=B(u,2),O=R(D),k=R(O),A=B(R(k)),ee=R(A);P(A),P(k);var j=B(k,2);J(j,20,()=>[`AA`,`AAA`],e=>e,(e,t)=>{var n=e_(),r=R(n,!0);P(n),V(()=>{Y(n,1,`px-2 py-0.5 rounded-md text-[10px] font-bold cursor-pointer ${H(p)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(r,t)}),U(`click`,n,()=>{L(p,t,!0)}),G(e,n)}),P(j),P(O);var te=B(O,2),ne=e=>{G(e,t_())},M=e=>{var t=n_(),n=R(t);P(t),V(()=>K(n,`Already passes ${H(p)??``}. 🎉`)),G(e,t)},re=e=>{var t=r_(),n=R(t),r=B(n,2),i=R(r),a=R(i,!0);P(i);var o=B(i,2),s=R(o);P(o),P(r);var c=B(r,2);P(t),V((e,t)=>{X(n,e),K(a,H(w).value),K(s,`→ ${t??``}:1 (${H(p)??``} ✓)`)},[()=>`background:${x(H(w).value)}`,()=>H(w).ratio.toFixed(2)]),U(`click`,c,E),G(e,t)},ie=e=>{var t=i_(),n=R(t);P(t),V(()=>K(n,`No lightness of this hue reaches ${H(p)??``} on this background — try a different background or hue.`)),G(e,t)};q(te,e=>{H(m).editKey?H(v)!==null&&H(v)>=(H(p)===`AAA`?7:4.5)?e(M,1):H(w)?e(re,2):e(ie,-1):e(ne)}),P(D),V((e,t,n)=>{X(g,e),X(b,t),K(ee,`(for ${n??``} mode)`)},[()=>`background:${x(H(h).expr)}`,()=>`color:${x(H(m).expr)}`,()=>uu()]),Ti(a,()=>H(d),e=>L(d,e)),U(`click`,o,y),Ti(l,()=>H(f),e=>L(f,e)),G(e,t)};q(j,e=>{H(S)&&e(te)}),P(O);var ne=B(O,4),M=R(ne),re=B(R(M),2),ie=R(re,!0);P(re),P(M);var ae=B(M,2),oe=e=>{var t=u_(),n=B(z(t),2),r=R(n),i=R(r),a=R(i);J(B(R(a)),17,()=>u,e=>e.label,(e,t)=>{var n=o_(),r=R(n,!0);P(n),V(()=>K(r,H(t).label)),G(e,n)}),P(a),P(i);var o=B(i);J(o,21,()=>l,e=>e.label,(e,t)=>{var n=l_(),r=R(n),i=R(r,!0);P(r),J(B(r),17,()=>u,e=>e.label,(e,n)=>{let r=F(()=>g(H(t).expr,H(n).expr));var i=qr(),a=z(i),o=e=>{let i=F(()=>_(H(r)));var a=s_(),o=R(a),s=R(o,!0);P(o),P(a),V((e,t)=>{Z(o,`title`,e),Y(o,1,`w-full px-1.5 py-1 rounded font-mono font-bold cursor-pointer ${H(i).cls}`),K(s,t)},[()=>`${H(t).label} on ${H(n).label} — ${H(r).toFixed(2)}:1`,()=>H(r).toFixed(1)]),U(`click`,o,()=>b(H(t).expr,H(n).expr)),G(e,a)},s=e=>{G(e,c_())};q(a,e=>{H(r)===null?e(s,-1):e(o)}),G(e,i)}),P(n),V(()=>K(i,H(t).label)),G(e,n)}),P(o),P(r),P(n),G(e,t)};q(ae,e=>{H(C)&&e(oe)}),P(ne),P(D),V(()=>{Z(k,`aria-expanded`,H(S)),K(ee,H(S)?`▲`:`▼`),Z(M,`aria-expanded`,H(C)),K(ie,H(C)?`▲`:`▼`)}),U(`click`,k,()=>{L(S,!H(S))}),U(`click`,M,()=>{L(C,!H(C))}),G(e,D),Ue()}Lr([`click`]);var p_=W(`
`),m_=W(` `),h_=W(``);function g_(e,t){He(t,!0);let n=new Set([`home`,`themes`,`wcag`,`setup`,`cheatsheet`]),r=I(`controls`);Tn(()=>{t.domain,L(r,`controls`)});let i=F(()=>Au[t.domain]??[t.domain]),a=F(()=>t.tokens.filter(e=>ju(e.name)===t.domain&&e.name in t.overrides).length);var o=qr(),s=z(o),c=e=>{var n=qr(),r=z(n),i=e=>{Vu(e,{get overrides(){return t.overrides},get onSelect(){return t.onSelectDomain},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},a=e=>{ag(e,{get overrides(){return t.overrides},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},o=e=>{f_(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onBulkChange(){return t.onBulkChange}})},s=e=>{lg(e,{get overrides(){return t.overrides}})},c=e=>{Cg(e,{})};q(r,e=>{t.domain===`home`?e(i):t.domain===`themes`?e(a,1):t.domain===`wcag`?e(o,2):t.domain===`setup`?e(s,3):t.domain===`cheatsheet`&&e(c,4)}),G(e,n)},l=F(()=>n.has(t.domain)),u=e=>{var n=h_(),o=R(n),s=R(o),c=e=>{var n=p_(),r=R(n),i=e=>{Tf(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange},get onSelectDomain(){return t.onSelectDomain}})},a=e=>{vp(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},o=e=>{Mp(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},s=e=>{am(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},c=e=>{Sm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},l=e=>{Mm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},u=e=>{Jm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},d=e=>{sh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},f=e=>{Ch(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},p=e=>{Hh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},m=e=>{Xh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},h=e=>{zg(e,{get domain(){return t.domain},get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})};q(r,e=>{t.domain===`colors`?e(i):t.domain===`typography`?e(a,1):t.domain===`spacing`?e(o,2):t.domain===`layout`?e(s,3):t.domain===`borders`?e(c,4):t.domain===`shadows`?e(l,5):t.domain===`motion`?e(u,6):t.domain===`effects`?e(d,7):t.domain===`macros`?e(f,8):t.domain===`misc`?e(p,9):t.domain===`components`?e(m,10):e(h,-1)}),P(n),G(e,n)},l=e=>{Xg(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get patterns(){return H(i)},get onSet(){return t.onSet},get onReset(){return t.onReset}})};q(s,e=>{H(r)===`controls`?e(c):e(l,-1)}),P(o);var u=B(o,2),d=R(u);ho(R(d),{class:`w-3 h-3`}),Ne(),P(d);var f=B(d,4),p=R(f);Ra(p,{class:`w-3 h-3`});var m=B(p,2),h=e=>{var t=m_(),n=R(t,!0);P(t),V(()=>K(n,H(a))),G(e,t)};q(m,e=>{H(a)>0&&e(h)}),P(f),P(u),P(n),V(()=>{Y(d,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${H(r)===`controls`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),Y(f,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${H(r)===`tokens`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`)}),U(`click`,d,()=>{L(r,`controls`)}),U(`click`,f,()=>{L(r,`tokens`)}),G(e,n)};q(s,e=>{H(l)?e(c):e(u,-1)}),G(e,o),Ue()}Lr([`click`]);var __=W(`
`),v_=W(`Type to search tokens by name or description
`),y_=W(`overridden `),b_=W(`
`),x_=W(`
`),S_=W(`↑↓ navigate↵ open panelEsc close
`),C_=W(``);function w_(e,t){He(t,!0);let n=I(``),r=I(0),i=I(null),a={colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Borders`,shadows:`Shadows`,motion:`Motion`,effects:`Effects`,macros:`Macros`,misc:`Misc`,components:`Components`},o=F(()=>(()=>{let e=H(n).trim().toLowerCase();if(!e)return[];let r=[];for(let n of t.tokens){if(n.tier===`INTERNAL`)continue;let i=n.name.toLowerCase().includes(e),a=n.description?.toLowerCase().includes(e)??!1;if((i||a)&&(r.push({token:n,domain:ju(n.name),overridden:n.name in t.overrides}),r.length>=40))break}return r})());Tn(()=>{H(n),L(r,0)}),Tn(()=>{H(i)&&H(i).focus()});function s(e){t.onNavigate(e),t.onClose()}function c(e){if(e.key===`Escape`){e.preventDefault(),t.onClose();return}if(H(o).length===0&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault(),L(r,0);return}if(e.key===`ArrowDown`){e.preventDefault(),L(r,Math.min(H(r)+1,H(o).length-1),!0);return}if(e.key===`ArrowUp`){e.preventDefault(),L(r,Math.max(H(r)-1,0),!0);return}e.key===`Enter`&&H(o)[H(r)]&&(e.preventDefault(),s(H(o)[H(r)].domain))}var l=C_(),u=R(l),d=R(u),f=B(R(d),2);Ii(f),Yi(f,e=>L(i,e),()=>H(i)),Ne(2),P(d);var p=B(d,2),m=R(p),h=e=>{var t=__(),r=R(t);P(t),V(()=>K(r,`No tokens matching "${H(n)??``}"`)),G(e,t)},g=F(()=>H(n).trim()&&H(o).length===0),_=e=>{G(e,v_())},v=F(()=>!H(n).trim()),y=e=>{var n=qr();J(z(n),19,()=>H(o),e=>e.token.name,(e,n,i)=>{var o=x_(),c=R(o),l=R(c),u=R(l),d=R(u,!0);P(u);var f=B(u,2),p=e=>{G(e,y_())};q(f,e=>{H(n).overridden&&e(p)}),P(l);var m=B(l,2),h=e=>{var t=b_(),r=R(t,!0);P(t),V(()=>K(r,H(n).token.description)),G(e,t)};q(m,e=>{H(n).token.description&&e(h)}),P(c);var g=B(c,2),_=R(g),v=R(_,!0);P(_);var y=B(_,2),b=R(y,!0);P(y),P(g),P(o),V(()=>{Y(o,1,`w-full flex items-center gap-3 px-4 py-2.5 text-left transition-colors cursor-pointer ${H(r)===H(i)?`bg-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`),K(d,H(n).token.name),K(v,H(n).overridden?t.overrides[H(n).token.name]:H(n).token.value),K(b,a[H(n).domain]??H(n).domain)}),Ir(`mouseenter`,o,()=>{L(r,H(i),!0)}),U(`click`,o,()=>s(H(n).domain)),G(e,o)}),G(e,n)};q(m,e=>{H(g)?e(h):H(v)?e(_,1):e(y,-1)}),P(p);var b=B(p,2),x=e=>{G(e,S_())};q(b,e=>{H(o).length>0&&e(x)}),P(u),P(l),U(`mousedown`,l,e=>{e.target===e.currentTarget&&t.onClose()}),U(`keydown`,f,c),Wi(f,()=>H(n),e=>L(n,e)),G(e,l),Ue()}Lr([`mousedown`,`keydown`,`click`]);var T_=W(` `),E_=W(` `),D_=W(` `),O_=W(``);function k_(e,t){He(t,!0);let n=(e,t=f,n=f,r=f)=>{var i=E_(),a=R(i);di(a,n,(e,t)=>{t(e,{class:`w-3.5 h-3.5`})});var o=B(a),s=B(o),c=e=>{var t=T_(),n=R(t,!0);P(t),V(()=>K(n,H(v)>9?`9+`:H(v))),G(e,t)};q(s,e=>{t()===`preview`&&H(v)>0&&e(c)}),P(i),V(()=>{Z(i,`aria-pressed`,H(p)===t()),Y(i,1,`flex-1 flex items-center justify-center gap-1.5 py-2.5 text-[11px] font-bold transition-colors cursor-pointer ${H(p)===t()?`text-indigo-700 dark:text-indigo-300 bg-indigo-500/10`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),K(o,` ${r()??``} `)}),U(`click`,i,()=>{L(p,t(),!0)}),G(e,i)},r=Yo.tokens??Yo,i={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Borders`,shadows:`Shadows`,motion:`Motion`,effects:`Effects`,macros:`Macros`,misc:`Misc`,components:`Components`,themes:`Themes`,wcag:`WCAG`,setup:`Install`,cheatsheet:`Classes`};function a(e){let t={};for(let n of Object.keys(e)){let e=ju(n);t[e]=(t[e]??0)+1}return t}let o=Ml(),s=I($t(Nl())),c=I($t([])),l=I($t([])),u=I(`home`),d=I(!1),p=I(`controls`),m=I(`light`),h=I(`fluid`),g=I(`normal`),_=I(`color`),v=F(()=>Object.keys(H(s)).length),y=F(()=>a(H(s))),b=F(()=>Object.keys(H(s)).filter(e=>ju(e)===H(u))),x=F(()=>H(b).length),S=F(()=>H(c).length>0),C=F(()=>H(l).length>0);function w(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let T=I($t(br(()=>({...H(s)})))),E=I(`idle`),D=F(()=>!w(H(s),H(T))),O=null;Tn(()=>{Pl(H(s))}),Tn(()=>{let e=Is[H(u)];e&&br(()=>{L(_,e,!0)})});function k(e){let t=H(s),n=typeof e==`function`?e(t):e;w(t,n)||(L(c,[...H(c).slice(-49),t],!0),L(l,[],!0),(H(E)===`saved`||H(E)===`error`)&&L(E,`idle`)),L(s,n,!0)}async function A(){if(!H(D)||H(E)===`saving`)return;let e={...H(s)};L(E,`saving`);try{await Ll(H(s)),w(H(s),e)?(L(T,e,!0),L(E,`saved`),O&&clearTimeout(O),O=setTimeout(()=>{H(E)===`saved`&&L(E,`idle`),O=null},2e3)):L(E,`idle`)}catch(e){console.warn(`slashed: save failed`,e),L(E,`error`)}}function ee(e,t){k(n=>({...n,[e]:t}))}function j(e){k(t=>{let n={...t};return delete n[e],n})}function te(e){k(t=>{let n={...t};for(let[t,r]of Object.entries(e))r===null?delete n[t]:n[t]=r;return n})}function ne(e){k({...e})}function M(){k({})}function re(){let e={};for(let t of H(b))e[t]=null;te(e)}function ie(){if(H(c).length===0)return;let e=H(c)[H(c).length-1],t=H(s);L(c,H(c).slice(0,-1),!0),L(l,[t,...H(l)],!0),L(s,e,!0)}function ae(){if(H(l).length===0)return;let e=H(l)[0],t=H(s);L(l,H(l).slice(1),!0),L(c,[...H(c),t],!0),L(s,e,!0)}function oe(){let e=document.createElement(`input`);e.type=`file`,e.accept=`.css,.json`,e.onchange=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{let n=e.target?.result;if(n)if(t.name.endsWith(`.json`))try{let e=JSON.parse(n);if(typeof e==`object`&&e&&!Array.isArray(e)){let t=Object.fromEntries(Object.entries(e).filter(([e,t])=>typeof t==`string`&&/^--sf-[\w-]+$/.test(e)));Object.keys(t).length>0&&k(t)}}catch{}else{let e={},t=/(--sf-[\w-]+)\s*:\s*([^;]+);/g,r;for(;(r=t.exec(n))!==null;)e[r[1].trim()]=r[2].trim();Object.keys(e).length>0&&k(t=>({...t,...e}))}},n.readAsText(t)},e.click()}function se(){let e=rl(H(s),{mode:`layer`,banner:!0}),t=new Blob([e],{type:`text/css`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`slashed-overrides.css`,r.click(),URL.revokeObjectURL(n)}ta(()=>{let e=e=>{(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key===`z`&&(e.preventDefault(),ie()),(e.ctrlKey||e.metaKey)&&(e.shiftKey&&e.key===`z`||e.key===`y`)&&(e.preventDefault(),ae()),(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key.toLowerCase()===`s`&&(e.preventDefault(),A()),(e.ctrlKey||e.metaKey)&&!e.repeat&&e.key.toLowerCase()===`k`&&(e.preventDefault(),L(d,!H(d)))};return window.addEventListener(`keydown`,e),()=>{window.removeEventListener(`keydown`,e),O&&clearTimeout(O)}});var ce=O_(),le=R(ce);Gl(le,{get overrides(){return H(s)},get overridesCount(){return H(v)},get canUndo(){return H(S)},get canRedo(){return H(C)},get hasPendingChanges(){return H(D)},get saveState(){return H(E)},onUndo:ie,onRedo:ae,onResetAll:M,onImport:oe,onExport:se,onSave:A});var ue=B(le,2),de=R(ue);n(de,()=>`controls`,()=>ho,()=>`Controls`),n(B(de,2),()=>`preview`,()=>Oa,()=>`Preview`),P(ue);var fe=B(ue,2),pe=R(fe);Yl(R(pe),{get activeId(){return H(u)},onSelect:e=>{L(u,e,!0)},get overridesByDomain(){return H(y)}}),P(pe);var me=B(pe,2),he=R(me),ge=R(he),_e=R(ge,!0);P(ge);var ve=B(ge,2),ye=e=>{var t=D_(),n=R(t);io(n,{class:`w-3 h-3`});var r=B(n);P(t),V(()=>{Z(t,`title`,`Reset ${H(x)} override${H(x)===1?``:`s`} in ${i[H(u)]??H(u)}`),K(r,` Reset ${H(x)??``}`)}),U(`click`,t,re),G(e,t)};q(ve,e=>{H(x)>0&&e(ye)}),P(he);var be=B(he,2);g_(R(be),{get domain(){return H(u)},get tokens(){return r},get overrides(){return H(s)},onSet:ee,onReset:j,onBulkChange:te,onApplyTheme:ne,onSelectDomain:e=>{L(u,e,!0)},onResetAll:M}),P(be),P(me);var xe=B(me,2);ku(R(xe),{get overrides(){return H(s)},get previewTheme(){return H(m)},get previewWidth(){return H(h)},get previewMotion(){return H(g)},get previewTemplate(){return H(_)},onThemeChange:e=>{L(m,e,!0)},onWidthChange:e=>{L(h,e,!0)},onMotionChange:e=>{L(g,e,!0)},onTemplateChange:e=>{L(_,e,!0)}}),P(xe),P(fe);var Se=B(fe,2);{let e=F(()=>i[H(u)]??H(u));Ql(Se,{get overridesCount(){return H(v)},get domain(){return H(e)}})}var Ce=B(Se,2),we=e=>{w_(e,{get tokens(){return r},get overrides(){return H(s)},onNavigate:e=>{L(u,e,!0)},onClose:()=>{L(d,!1)}})};q(Ce,e=>{H(d)&&e(we)}),P(ce),V(()=>{Y(ce,1,`${o?`w-full h-full`:`w-screen h-screen`} flex flex-col overflow-hidden bg-slate-50 dark:bg-[#0a0a0f] text-slate-800 dark:text-slate-200 font-sans`),Y(pe,1,`shrink-0 ${H(p)===`preview`?`hidden md:flex`:`flex`}`),Y(me,1,`flex-1 min-w-0 md:flex-none md:w-[360px] bg-slate-50 dark:bg-[#0c0c15] border-r border-black/8 dark:border-white/8 flex-col min-h-0 ${H(p)===`preview`?`hidden md:flex`:`flex`}`),K(_e,i[H(u)]??H(u)),Y(xe,1,`flex-1 flex-col min-h-0 min-w-0 ${H(p)===`controls`?`hidden md:flex`:`flex`}`)}),G(e,ce),Ue()}Lr([`click`]);function A_(){let e=window.slashedApp,t=typeof e?.cssUrl==`string`?e.cssUrl.trim():``;return t===``?void 0:t}function j_(e){try{return new URL(e,window.location.href).origin===window.location.origin}catch{return!1}}function M_(e){Gs(e),Jr(k_,{target:e})}var N_=document.getElementById(`app`),P_=document.getElementById(`slashed-admin-app`);if(N_)N_.innerHTML=``,M_(N_);else if(P_){let e=A_();if(P_.innerHTML=``,typeof P_.attachShadow==`function`&&e&&j_(e)){let t=document.createElement(`link`);t.rel=`stylesheet`,t.href=e;let n=!1,r,i=()=>{if(n)return;n=!0,clearTimeout(r);let e=P_.attachShadow({mode:`open`});e.appendChild(t);let i=document.createElement(`div`);i.style.width=`100%`,i.style.height=`100%`,e.appendChild(i),M_(i)},a=()=>{n||(n=!0,clearTimeout(r),t.remove(),M_(P_))};r=setTimeout(a,5e3),t.addEventListener(`load`,i),t.addEventListener(`error`,a),document.head.appendChild(t)}else M_(P_)}var F_=W(`/ `),L_=W(`Reset all overrides?
Cancel Reset all
";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-radius-none{syntax:"";inherits:true;initial-value:0}@property --sf-radius-2xs{syntax:"";inherits:true;initial-value:0}@property --sf-radius-xs{syntax:"";inherits:true;initial-value:0}@property --sf-radius-s{syntax:"";inherits:true;initial-value:0}@property --sf-radius-m{syntax:"";inherits:true;initial-value:0}@property --sf-radius-l{syntax:"";inherits:true;initial-value:0}@property --sf-radius-xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-2xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-3xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-4xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-full{syntax:"";inherits:true;initial-value:9999px}@property --sf-radius-pill{syntax:"";inherits:true;initial-value:9999px}@property --sf-radius-outer{syntax:"";inherits:true;initial-value:0}@property --sf-media-radius{syntax:"";inherits:true;initial-value:0}@property --sf-space-none{syntax:"";inherits:true;initial-value:0}@property --sf-space-px{syntax:"";inherits:true;initial-value:1px}@property --sf-space-2xs{syntax:"";inherits:true;initial-value:0}@property --sf-space-xs{syntax:"";inherits:true;initial-value:0}@property --sf-space-s{syntax:"";inherits:true;initial-value:0}@property --sf-space-m{syntax:"";inherits:true;initial-value:0}@property --sf-space-l{syntax:"";inherits:true;initial-value:0}@property --sf-space-xl{syntax:"";inherits:true;initial-value:0}@property --sf-space-2xl{syntax:"";inherits:true;initial-value:0}@property --sf-space-3xl{syntax:"";inherits:true;initial-value:0}@property --sf-space-4xl{syntax:"";inherits:true;initial-value:0}@property --sf-gap{syntax:"";inherits:true;initial-value:0}@property --sf-content-gap{syntax:"";inherits:true;initial-value:0}@property --sf-gutter{syntax:"";inherits:true;initial-value:0}@property --sf-component-pad{syntax:"";inherits:true;initial-value:0}@property --sf-field-block{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--xs{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--s{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--m{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--l{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--xl{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--2xl{syntax:"";inherits:true;initial-value:0}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:oklch(95% 0 0);--sf-color-text--on-secondary:oklch(95% 0 0);--sf-color-text--on-tertiary:oklch(95% 0 0);--sf-color-text--on-action:oklch(95% 0 0);--sf-color-text--on-neutral:oklch(95% 0 0);--sf-color-text--on-success:oklch(95% 0 0);--sf-color-text--on-warning:oklch(10% 0 0);--sf-color-text--on-info:oklch(95% 0 0);--sf-color-text--on-danger:oklch(95% 0 0);--sf-color-text--on-inverse:oklch(95% 0 0);--sf-color-code-text:oklch(10% 0 0);--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:oklch(0% 0 0/.5);--sf-color-white:oklch(100% 0 0);--sf-color-black:oklch(0% 0 0);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-caret-color:var(--sf-color-action)}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-humanist:"Seravek", "Gill Sans Nova", "Ubuntu", "Calibri", "DejaVu Sans", source-sans-pro, sans-serif;--sf-font-geometric:"Avenir", "Montserrat", "Corbel", "URW Gothic", source-sans-pro, sans-serif;--sf-font-slab:"Rockwell", "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-density:1;--sf-size-xs:calc(1.5rem * var(--sf-density));--sf-size-s:calc(2rem * var(--sf-density));--sf-size-m:calc(2.5rem * var(--sf-density));--sf-size-l:calc(3rem * var(--sf-density));--sf-size-xl:calc(3.5rem * var(--sf-density));--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-print-page-margin:2cm;--sf-print-page-size:a4;--sf-print-base-size:11pt;--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-aspect:16 / 9;--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-color-primary);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:oklch(0% 0 0/.55);--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px oklch(0% 0 0/.6);--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none;--sf-overlap-pull:var(--sf-space-xl);--sf-card-padding:var(--sf-space-l);--sf-card-gap:var(--sf-space-m);--sf-card-radius:var(--sf-radius-m);--sf-card-radius-outer:calc(var(--sf-card-radius) + var(--sf-card-padding));--sf-card-bg:var(--sf-color-surface);--sf-card-border-width:var(--sf-border-width-1);--sf-card-border-color:var(--sf-color-border);--sf-card-shadow:var(--sf-shadow-s);--sf-card-shadow--elevated:var(--sf-shadow-l);--sf-card-shadow--hover:var(--sf-shadow-l);--sf-card-media-ratio:var(--sf-ratio-video);--sf-card-media-radius:var(--sf-card-radius,var(--sf-radius-m));--sf-card-avatar-size:2.5rem;--sf-card-heading-size:var(--sf-text-xl);--sf-field-radius:var(--sf-radius-m);--sf-field-padding-block:var(--sf-space-xs);--sf-field-padding-inline:var(--sf-space-s);--sf-btn-radius:var(--sf-radius-m);--sf-btn-gap:var(--sf-space-2xs);--sf-btn-font-weight:var(--sf-font-weight-interactive);--sf-btn-border-width:var(--sf-border-width-1);--sf-btn-font-scale:1;--sf-btn-font-size:initial;--sf-btn-padding-block:initial;--sf-btn-padding-inline:initial;--sf-btn-min-height:initial;--sf-btn-xs-font-size:initial;--sf-btn-s-font-size:initial;--sf-btn-m-font-size:initial;--sf-btn-l-font-size:initial;--sf-btn-xl-font-size:initial;--sf-btn-xs-padding-block:initial;--sf-btn-s-padding-block:initial;--sf-btn-m-padding-block:initial;--sf-btn-l-padding-block:initial;--sf-btn-xl-padding-block:initial;--sf-btn-xs-padding-inline:initial;--sf-btn-s-padding-inline:initial;--sf-btn-m-padding-inline:initial;--sf-btn-l-padding-inline:initial;--sf-btn-xl-padding-inline:initial;--sf-btn-xs-min-height:initial;--sf-btn-s-min-height:initial;--sf-btn-m-min-height:initial;--sf-btn-l-min-height:initial;--sf-btn-xl-min-height:initial}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;color-scheme:var(--sf-color-scheme,light dark);hanging-punctuation:first last;scroll-padding-block-start:calc(var(--sf-header-height,5rem) + var(--sf-space-m,1rem))}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}}body{min-height:100dvh;min-inline-size:320px}button{text-transform:none}search{display:block}summary{cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}dialog,[popover]{color:inherit;color-scheme:inherit;background:canvas;border:none;padding:0}fieldset{min-width:0}[inert]{cursor:default}html{scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track)}body{font-family:var(--sf-body-font-family,var(--sf-font-body));font-size:var(--sf-body-font-size,var(--sf-text-m));line-height:var(--sf-body-line-height,var(--sf-leading-normal));font-weight:var(--sf-body-font-weight,var(--sf-font-weight-body));color:var(--sf-body-color,var(--sf-color-text));background-color:var(--sf-color-bg,#fff);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));line-height:var(--sf-leading-tight);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}p{text-wrap:var(--sf-body-text-wrap);overflow-wrap:break-word;margin:0}b,strong{font-weight:var(--sf-body-strong-weight)}em{font-style:var(--sf-body-em-style)}small{font-size:var(--sf-text-s,.875em)}mark{background-color:var(--sf-color-mark-bg,Mark);color:var(--sf-color-mark-text,MarkText);border-radius:var(--sf-radius-xs);padding-inline:.2em}abbr[title]{cursor:help;text-decoration:underline dotted}kbd,samp{font-family:var(--sf-font-mono);font-size:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a:link{color:var(--sf-color-link);text-decoration-color:var(--sf-color-link--underline);text-underline-offset:var(--sf-link-underline-offset);text-decoration-thickness:var(--sf-link-underline-thickness);text-underline-position:from-font;transition:color var(--sf-duration-fast) var(--sf-ease-out), text-decoration-color var(--sf-duration-fast) var(--sf-ease-out)}a:hover{color:var(--sf-color-link--hover);text-decoration-color:currentColor}a:visited{color:var(--sf-color-link--visited)}a:active{color:var(--sf-color-link--active)}a:not([class]){text-decoration-skip-ink:auto}a,code{overflow-wrap:break-word}code{font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size);border-radius:var(--sf-radius-xs);background-color:var(--sf-color-code-bg);color:var(--sf-color-code-text,inherit);padding:.125em .3em}pre{font-family:var(--sf-font-mono);font-size:var(--sf-text-s);padding:var(--sf-space-m);border-radius:var(--sf-radius-m);background:var(--sf-color-code-block-bg,var(--sf-color-code-bg));color:var(--sf-color-code-block-text,inherit);overflow-inline:auto;tab-size:2;hyphens:none;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}img,picture,video,canvas{block-size:auto;max-inline-size:100%;display:block}:where(img,figure){border-radius:var(--sf-media-radius)}img,video{object-fit:var(--sf-object-fit);object-position:var(--sf-object-position)}iframe,embed,object{border:none;block-size:auto;max-inline-size:100%;display:block}hr{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}::selection{background:var(--sf-color-selection-bg);color:var(--sf-color-selection-text);text-shadow:none}th,caption{text-align:start}input,textarea{caret-color:var(--sf-caret-color)}input,progress{accent-color:var(--sf-color-action)}::backdrop{background-color:var(--sf-color-dim)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;color-scheme:inherit;line-height:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}textarea{resize:vertical}optgroup{font:inherit}::placeholder{opacity:1;color:var(--sf-color-text--placeholder,currentcolor)}blockquote{border-inline-start:var(--sf-border-width-3) var(--sf-border-style) var(--sf-color-border);padding-inline-start:var(--sf-space-m)}dt{font-weight:var(--sf-font-weight-heading)}dd{margin-inline-start:var(--sf-space-m)}table{text-align:start}th{font-weight:var(--sf-font-weight-heading)}td,th{padding:var(--sf-space-2xs) var(--sf-space-xs);border-block-end:var(--sf-border-width-hairline) var(--sf-border-style) var(--sf-color-border--subtle)}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])),select,textarea{appearance:none;inline-size:100%;padding-block:var(--sf-field-padding-block,var(--sf-field-block,var(--sf-space-xs)));padding-inline:var(--sf-field-padding-inline,var(--sf-space-s));font-size:var(--sf-text-m);line-height:var(--sf-leading-normal);color:var(--sf-color-text);background-color:var(--sf-color-surface);border:var(--sf-border-width-1) solid var(--sf-field-border-color,var(--sf-color-border));border-radius:var(--sf-field-radius,var(--sf-radius-m));transition:var(--sf-transition-form-field);display:block}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--sf-color-border--focus);outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}input:disabled,select:disabled,textarea:disabled{background-color:var(--sf-color-bg--disabled);color:var(--sf-color-text--disabled);opacity:var(--sf-opacity-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--sf-color-text--placeholder);opacity:1}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}input:autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}.sf-live-validate input:user-invalid,.sf-live-validate select:user-invalid,.sf-live-validate textarea:user-invalid{--sf-field-border-color:var(--sf-color-danger)}.sf-live-validate input:user-valid,.sf-live-validate select:user-valid,.sf-live-validate textarea:user-valid{--sf-field-border-color:var(--sf-color-success)}input[type=number]{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}textarea{resize:vertical;min-block-size:6rem}@supports (field-sizing:content){textarea{field-sizing:content}}select{padding-inline-end:calc(var(--sf-space-s) + 1.5em)}select:not([multiple],[size]){background-repeat:no-repeat;background-position:right var(--sf-space-s) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='FieldText' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-size:1em}:dir(rtl) select:not([multiple],[size]){background-position:left var(--sf-space-s) center}:where(form,fieldset) button:not([class*=sf-]),:where(form,fieldset) input[type=submit]:not([class*=sf-]),:where(form,fieldset) input[type=reset]:not([class*=sf-]),:where(form,fieldset) input[type=button]:not([class*=sf-]){justify-content:center;align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-size:var(--sf-text-m);font-weight:var(--sf-font-weight-heading);line-height:var(--sf-leading-normal);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);text-decoration:none;display:inline-flex}:where(form,fieldset) button:not([class*=sf-]):hover,:where(form,fieldset) input[type=submit]:not([class*=sf-]):hover,:where(form,fieldset) input[type=reset]:not([class*=sf-]):hover,:where(form,fieldset) input[type=button]:not([class*=sf-]):hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}:where(form,fieldset) button:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=submit]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=reset]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=button]:not([class*=sf-]):focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}:where(form,fieldset) button:not([class*=sf-]):disabled,:where(form,fieldset) input[type=submit]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=reset]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=button]:not([class*=sf-]):disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed}input[type=checkbox],input[type=radio]{block-size:1.125em;inline-size:1.125em;accent-color:var(--sf-color-action);cursor:pointer;vertical-align:middle}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{appearance:none;padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-weight:var(--sf-font-weight-heading);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);margin-inline-end:var(--sf-space-s)}input[type=file]::file-selector-button:hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}input[type=range]{appearance:none;cursor:pointer;background:0 0;inline-size:100%}input[type=range]::-webkit-slider-runnable-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-moz-range-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;block-size:1em;inline-size:1em;background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);margin-block-start:calc((var(--sf-border-width-3,.25rem) - 1em) / 2)}input[type=range]::-moz-range-thumb{background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);border:none;block-size:1em;inline-size:1em}input[type=range]:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}fieldset{border:var(--sf-border-width-1) solid var(--sf-color-border--subtle);border-radius:var(--sf-radius-m);padding:var(--sf-space-m)}legend{font-weight:var(--sf-font-weight-heading);padding-inline:var(--sf-space-xs)}label{font-weight:var(--sf-font-weight-heading);color:var(--sf-field-text-color,inherit);margin-block-end:var(--sf-space-xs);display:block}label:has(:required):after,label:has(+:required):after,label:has(+* :required):after{content:var(--sf-field-required-marker," *");color:var(--sf-color-danger)}.sf-btn{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted);--sf-btn-font-size--size:var(--sf-btn-m-font-size,var(--sf-text-m));--sf-btn-padding-block--size:var(--sf-btn-m-padding-block,var(--sf-space-xs));--sf-btn-padding-inline--size:var(--sf-btn-m-padding-inline,var(--sf-space-m));--sf-btn-min-height--size:var(--sf-btn-m-min-height,var(--sf-size-m));justify-content:center;align-items:center;gap:var(--sf-btn-gap,var(--sf-space-2xs));padding-block:var(--sf-btn-padding-block,var(--sf-btn-padding-block--size));padding-inline:var(--sf-btn-padding-inline,var(--sf-btn-padding-inline--size));min-block-size:var(--sf-btn-min-height,var(--sf-btn-min-height--size));font-family:inherit;font-size:calc(var(--sf-btn-font-size,var(--sf-btn-font-size--size)) * var(--sf-btn-font-scale,1));font-weight:var(--sf-btn-font-weight,var(--sf-font-weight-interactive));line-height:var(--sf-leading-tight);white-space:nowrap;border:var(--sf-btn-border-width,var(--sf-border-width-1)) solid var(--sf-btn-color);border-radius:var(--sf-btn-radius);cursor:pointer;user-select:none;appearance:none;transition:var(--sf-transition-form-field);background:var(--sf-btn-color);color:var(--sf-btn-on-color);text-decoration:none;display:inline-flex}.sf-btn:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color--hover);border-color:var(--sf-btn-color--hover)}.sf-btn--primary{--sf-btn-color:var(--sf-color-primary);--sf-btn-color--hover:var(--sf-color-primary--hover);--sf-btn-on-color:var(--sf-color-text--on-primary);--sf-btn-soft-bg:var(--sf-color-primary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-primary-muted)}.sf-btn--secondary{--sf-btn-color:var(--sf-color-secondary);--sf-btn-color--hover:var(--sf-color-secondary--hover);--sf-btn-on-color:var(--sf-color-text--on-secondary);--sf-btn-soft-bg:var(--sf-color-secondary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-secondary-muted)}.sf-btn--tertiary{--sf-btn-color:var(--sf-color-tertiary);--sf-btn-color--hover:var(--sf-color-tertiary--hover);--sf-btn-on-color:var(--sf-color-text--on-tertiary);--sf-btn-soft-bg:var(--sf-color-tertiary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-tertiary-muted)}.sf-btn--action{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted)}.sf-btn--base{--sf-btn-color:var(--sf-color-base);--sf-btn-color--hover:var(--sf-color-base--hover);--sf-btn-on-color:var(--sf-color-text--on-base);--sf-btn-soft-bg:var(--sf-color-base-subtle);--sf-btn-soft-bg--hover:var(--sf-color-base-muted)}.sf-btn--neutral{--sf-btn-color:var(--sf-color-neutral);--sf-btn-color--hover:var(--sf-color-neutral--hover);--sf-btn-on-color:var(--sf-color-text--on-neutral);--sf-btn-soft-bg:var(--sf-color-neutral-subtle);--sf-btn-soft-bg--hover:var(--sf-color-neutral-muted)}.sf-btn--success{--sf-btn-color:var(--sf-color-success);--sf-btn-color--hover:var(--sf-color-success-strong);--sf-btn-on-color:var(--sf-color-text--on-success);--sf-btn-soft-bg:var(--sf-color-success-subtle);--sf-btn-soft-bg--hover:var(--sf-color-success-muted)}.sf-btn--warning{--sf-btn-color:var(--sf-color-warning);--sf-btn-color--hover:var(--sf-color-warning-strong);--sf-btn-on-color:var(--sf-color-text--on-warning);--sf-btn-soft-bg:var(--sf-color-warning-subtle);--sf-btn-soft-bg--hover:var(--sf-color-warning-muted)}.sf-btn--info{--sf-btn-color:var(--sf-color-info);--sf-btn-color--hover:var(--sf-color-info-strong);--sf-btn-on-color:var(--sf-color-text--on-info);--sf-btn-soft-bg:var(--sf-color-info-subtle);--sf-btn-soft-bg--hover:var(--sf-color-info-muted)}.sf-btn--danger{--sf-btn-color:var(--sf-color-danger);--sf-btn-color--hover:var(--sf-color-danger-strong);--sf-btn-on-color:var(--sf-color-text--on-danger);--sf-btn-soft-bg:var(--sf-color-danger-subtle);--sf-btn-soft-bg--hover:var(--sf-color-danger-muted)}.sf-btn--soft{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}@supports (color:oklch(from red l c h)){.sf-btn--soft{background:var(--sf-btn-soft-bg);color:var(--sf-btn-color);border-color:#0000}.sf-btn--soft:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-soft-bg--hover);border-color:#0000}}.sf-btn--outline{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color);color:var(--sf-btn-on-color);border-color:var(--sf-btn-color)}.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--primary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-primary)}.sf-btn--secondary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-secondary)}.sf-btn--tertiary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-tertiary)}.sf-btn--action.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--base.sf-btn--gradient,.sf-btn--neutral.sf-btn--gradient,.sf-btn--success.sf-btn--gradient,.sf-btn--warning.sf-btn--gradient,.sf-btn--info.sf-btn--gradient,.sf-btn--danger.sf-btn--gradient{--sf-btn-gradient:var(--sf-btn-color)}@supports (color:oklch(from red l c h)){.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft){background:var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft):hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:linear-gradient(oklch(var(--sf-is-dark) 0 0 / .12), oklch(var(--sf-is-dark) 0 0 / .12)), var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient.sf-btn--outline{color:var(--sf-btn-color);background:0 0;border-color:#0000;position:relative}.sf-btn--gradient.sf-btn--outline:before{content:"";border-radius:inherit;padding:var(--sf-btn-border-width,var(--sf-border-width-1));background:var(--sf-btn-gradient);pointer-events:none;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sf-btn--gradient.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-gradient);color:var(--sf-btn-on-color);border-color:#0000}}.sf-btn--xs{--sf-btn-padding-block--size:var(--sf-btn-xs-padding-block,.125rem);--sf-btn-padding-inline--size:var(--sf-btn-xs-padding-inline,var(--sf-space-xs));--sf-btn-font-size--size:var(--sf-btn-xs-font-size,var(--sf-text-xs));--sf-btn-min-height--size:var(--sf-btn-xs-min-height,var(--sf-size-xs))}.sf-btn--s{--sf-btn-padding-block--size:var(--sf-btn-s-padding-block,var(--sf-space-2xs));--sf-btn-padding-inline--size:var(--sf-btn-s-padding-inline,var(--sf-space-s));--sf-btn-font-size--size:var(--sf-btn-s-font-size,var(--sf-text-s));--sf-btn-min-height--size:var(--sf-btn-s-min-height,var(--sf-size-s))}.sf-btn--l{--sf-btn-padding-block--size:var(--sf-btn-l-padding-block,var(--sf-space-s));--sf-btn-padding-inline--size:var(--sf-btn-l-padding-inline,var(--sf-space-l));--sf-btn-font-size--size:var(--sf-btn-l-font-size,var(--sf-text-l));--sf-btn-min-height--size:var(--sf-btn-l-min-height,var(--sf-size-l))}.sf-btn--xl{--sf-btn-padding-block--size:var(--sf-btn-xl-padding-block,var(--sf-space-m));--sf-btn-padding-inline--size:var(--sf-btn-xl-padding-inline,var(--sf-space-xl));--sf-btn-font-size--size:var(--sf-btn-xl-font-size,var(--sf-text-xl));--sf-btn-min-height--size:var(--sf-btn-xl-min-height,var(--sf-size-xl))}.sf-btn:disabled,.sf-btn.sf-is-disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed;pointer-events:none}.sf-btn.sf-is-loading{cursor:wait;position:relative}.sf-btn.sf-is-loading>*{visibility:hidden}.sf-btn.sf-is-loading:after{content:"";border:2px solid;border-radius:var(--sf-radius-full);border-block-start-color:#0000;block-size:1em;inline-size:1em;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sf-btn.sf-is-loading:after{animation:sf-spin var(--sf-duration-slower) linear infinite}}.sf-btn--block{inline-size:100%}@container (width<=20rem){.sf-btn--block-cq{inline-size:100%}}.sf-card{padding:var(--sf-card-padding,var(--sf-space-l));background:var(--sf-card-bg,var(--sf-color-surface));border:var(--sf-card-border-width,var(--sf-border-width-1)) solid var(--sf-card-border-color,var(--sf-color-border));border-radius:var(--sf-card-radius-outer,calc(var(--sf-radius-m) + var(--sf-space-l)));box-shadow:var(--sf-card-shadow,var(--sf-shadow-s));display:block}@supports (color:oklch(from red l c h)){@container style(--sf-surface-active:1){.sf-card{--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text:var(--sf-color-heading);--sf-color-text--secondary:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-card-border-color:var(--sf-color-border);color:var(--sf-body-color,var(--sf-color-text))}}}.sf-card__header,.sf-card__body,.sf-card__footer{display:block}.sf-card__header{border-block-end:var(--sf-border-subtle);margin-block-end:var(--sf-card-gap,var(--sf-space-m));padding-block-end:var(--sf-card-gap,var(--sf-space-m))}.sf-card__footer{border-block-start:var(--sf-border-subtle);margin-block-start:var(--sf-card-gap,var(--sf-space-m));padding-block-start:var(--sf-card-gap,var(--sf-space-m))}.sf-card__media{inline-size:100%;aspect-ratio:var(--sf-card-media-ratio,var(--sf-ratio-video));object-fit:var(--sf-object-fit,cover);border-radius:var(--sf-card-media-radius);margin-block-end:var(--sf-card-gap,var(--sf-space-m));display:block;overflow:clip}.sf-card__avatar{inline-size:var(--sf-card-avatar-size,2.5rem);block-size:var(--sf-card-avatar-size,2.5rem);aspect-ratio:1;object-fit:cover;border-radius:var(--sf-radius-full);flex-shrink:0}.sf-card__title{font-size:var(--sf-card-heading-size,var(--sf-text-xl));color:var(--sf-color-heading)}.sf-card--bordered{box-shadow:none}.sf-card--elevated{box-shadow:var(--sf-card-shadow--elevated,var(--sf-shadow-l));border-color:#0000}.sf-card--interactive{cursor:pointer;transition:var(--sf-transition-shadow)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{box-shadow:var(--sf-card-shadow--hover,var(--sf-shadow-l))}@media (prefers-reduced-motion:no-preference){.sf-card--interactive{transition:var(--sf-transition-shadow), var(--sf-transition-transform)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{transform:translateY(calc(-1 * var(--sf-space-2xs)))}}.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container,.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-pancake{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-aspect{aspect-ratio:var(--sf-aspect,16 / 9)}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-caret-color:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-content-auto{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}.sf-overlap,.sf-overlap--down{z-index:var(--sf-z-raised);position:relative}.sf-overlap{margin-block-start:calc(-1 * var(--sf-overlap-pull))}.sf-overlap--down{margin-block-end:calc(-1 * var(--sf-overlap-pull))}.sf-overlap-host{isolation:isolate;padding-block-start:var(--sf-overlap-host-pad,var(--sf-overlap-pull));position:relative}.sf-invisible{visibility:hidden}.sf-visible{visibility:visible}.sf-h1,.sf-h2,.sf-h3,.sf-h4,.sf-h5,.sf-h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));font-weight:var(--sf-font-weight-heading);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word}.sf-h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}.sf-h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}.sf-h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}.sf-h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}.sf-h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}.sf-h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}.sf-text-2xs{font-size:var(--sf-text-2xs);line-height:var(--sf-text-2xs-line-height);font-weight:var(--sf-text-2xs-font-weight);letter-spacing:var(--sf-text-2xs-letter-spacing);max-inline-size:var(--sf-text-2xs-max-width)}.sf-text-xs{font-size:var(--sf-text-xs);line-height:var(--sf-text-xs-line-height);font-weight:var(--sf-text-xs-font-weight);letter-spacing:var(--sf-text-xs-letter-spacing);max-inline-size:var(--sf-text-xs-max-width)}.sf-text-s{font-size:var(--sf-text-s);line-height:var(--sf-text-s-line-height);font-weight:var(--sf-text-s-font-weight);letter-spacing:var(--sf-text-s-letter-spacing);max-inline-size:var(--sf-text-s-max-width)}.sf-text-m{font-size:var(--sf-text-m);line-height:var(--sf-text-m-line-height);font-weight:var(--sf-text-m-font-weight);letter-spacing:var(--sf-text-m-letter-spacing);max-inline-size:var(--sf-text-m-max-width)}.sf-text-l{font-size:var(--sf-text-l);line-height:var(--sf-text-l-line-height);font-weight:var(--sf-text-l-font-weight);letter-spacing:var(--sf-text-l-letter-spacing);max-inline-size:var(--sf-text-l-max-width)}.sf-text-xl{font-size:var(--sf-text-xl);line-height:var(--sf-text-xl-line-height);font-weight:var(--sf-text-xl-font-weight);letter-spacing:var(--sf-text-xl-letter-spacing);max-inline-size:var(--sf-text-xl-max-width)}.sf-text-2xl{font-size:var(--sf-text-2xl);line-height:var(--sf-text-2xl-line-height);font-weight:var(--sf-text-2xl-font-weight);letter-spacing:var(--sf-text-2xl-letter-spacing);max-inline-size:var(--sf-text-2xl-max-width)}.sf-text-3xl{font-size:var(--sf-text-3xl);line-height:var(--sf-text-3xl-line-height);font-weight:var(--sf-text-3xl-font-weight);letter-spacing:var(--sf-text-3xl-letter-spacing);max-inline-size:var(--sf-text-3xl-max-width)}.sf-text-4xl{font-size:var(--sf-text-4xl);line-height:var(--sf-text-4xl-line-height);font-weight:var(--sf-text-4xl-font-weight);letter-spacing:var(--sf-text-4xl-letter-spacing);max-inline-size:var(--sf-text-4xl-max-width)}.sf-hover-grow,.sf-hover-shrink,.sf-hover-float,.sf-hover-sink,.sf-hover-slide-start,.sf-hover-slide-end{transition-property:scale,translate;transition-duration:var(--sf-duration-normal);transition-timing-function:var(--sf-ease-out)}.sf-hover-grow:hover{scale:var(--sf-hover-grow-scale,1.05)}.sf-hover-shrink:hover{scale:var(--sf-hover-shrink-scale,.95)}.sf-hover-float:hover{translate:0 calc(-1 * var(--sf-hover-lift,.25em))}.sf-hover-sink:hover{translate:0 var(--sf-hover-lift,.25em)}.sf-hover-slide-start:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-hover-slide-end:hover,:where([dir=rtl]) .sf-hover-slide-start:hover{translate:var(--sf-hover-slide,.5em) 0}:where([dir=rtl]) .sf-hover-slide-end:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-list-none{padding-inline-start:0;list-style:none}.sf-marker--primary :not(.sf-prose *)::marker,.sf-marker--primary:not(.sf-prose *)::marker{color:var(--sf-color-primary)}.sf-marker--secondary :not(.sf-prose *)::marker,.sf-marker--secondary:not(.sf-prose *)::marker{color:var(--sf-color-secondary)}.sf-marker--tertiary :not(.sf-prose *)::marker,.sf-marker--tertiary:not(.sf-prose *)::marker{color:var(--sf-color-tertiary)}.sf-marker--action :not(.sf-prose *)::marker,.sf-marker--action:not(.sf-prose *)::marker{color:var(--sf-color-action)}.sf-selection--alt{--sf-color-selection-bg:var(--sf-color-selection-bg--alt);--sf-color-selection-text:var(--sf-color-selection-text--alt)}.sf-sticky{z-index:var(--sf-z-sticky);position:sticky;inset-block-start:var(--sf-sticky-offset,0)}.sf-sticky--s{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-s))}.sf-sticky--m{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-m))}.sf-sticky--l{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-l))}.sf-width-10,.sf-width-20,.sf-width-30,.sf-width-40,.sf-width-50,.sf-width-60,.sf-width-70,.sf-width-80,.sf-width-90{inline-size:100%;margin-inline:auto}.sf-width-10{max-inline-size:calc(var(--sf-content-width) * .1)}.sf-width-20{max-inline-size:calc(var(--sf-content-width) * .2)}.sf-width-30{max-inline-size:calc(var(--sf-content-width) * .3)}.sf-width-40{max-inline-size:calc(var(--sf-content-width) * .4)}.sf-width-50{max-inline-size:calc(var(--sf-content-width) * .5)}.sf-width-60{max-inline-size:calc(var(--sf-content-width) * .6)}.sf-width-70{max-inline-size:calc(var(--sf-content-width) * .7)}.sf-width-80{max-inline-size:calc(var(--sf-content-width) * .8)}.sf-width-90{max-inline-size:calc(var(--sf-content-width) * .9)}.sf-width-full{inline-size:100%;max-inline-size:none}.sf-width-auto{inline-size:auto}.sf-width-fit{inline-size:fit-content}.sf-width-min{inline-size:min-content}.sf-width-max{inline-size:max-content}.sf-is-disabled{opacity:var(--sf-opacity-disabled);pointer-events:none;cursor:not-allowed;user-select:none}.sf-is-loading{pointer-events:none;position:relative;color:#0000!important}.sf-is-loading>*{opacity:0!important}.sf-is-loading:after{content:"";border:var(--sf-border-width-2) solid var(--sf-color-border--strong);border-block-start-color:var(--sf-color-action);border-radius:var(--sf-radius-full);block-size:1em;inline-size:1em;animation:var(--sf-animation-spin);margin-block-start:-.5em;margin-inline-start:-.5em;position:absolute;inset-block-start:50%;inset-inline-start:50%}img.sf-is-shimmer,.sf-is-shimmer img{opacity:0!important}.sf-is-shimmer{background:linear-gradient(90deg, var(--sf-color-inset) 25%, var(--sf-color-raised) 50%, var(--sf-color-inset) 75%);animation:var(--sf-animation-shimmer);border-radius:var(--sf-radius-s);pointer-events:none;user-select:none;background-size:200% 100%;color:#0000!important}.sf-is-selected{background-color:var(--sf-color-bg--selected)}.sf-is-highlighted{background-color:var(--sf-color-bg--focus)}.sf-is-valid,.sf-is-success{--sf-field-border-color:var(--sf-color-success);--sf-field-text-color:var(--sf-color-success-strong)}.sf-is-invalid,.sf-is-error{--sf-field-border-color:var(--sf-color-danger);--sf-field-text-color:var(--sf-color-danger-strong)}.sf-is-warning{--sf-field-border-color:var(--sf-color-warning);--sf-field-text-color:var(--sf-color-warning-strong)}.sf-is-info{--sf-field-border-color:var(--sf-color-info);--sf-field-text-color:var(--sf-color-info-strong)}.sf-is-dragging{opacity:var(--sf-opacity-muted);cursor:grabbing}.sf-is-drop-target{outline:var(--sf-focus-ring-width) dashed var(--sf-color-action);outline-offset:var(--sf-focus-ring-offset)}.sf-is-draggable{cursor:grab}.sf-is-empty:empty{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:light-dark(oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:light-dark(oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:light-dark(oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:light-dark(oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,scale,translate,filter,backdrop-filter;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-ease-out)}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--sf-duration-normal);animation-timing-function:var(--sf-ease-out)}}.sf-fade-in{animation:var(--sf-animation-fade-in)}.sf-fade-out{animation:var(--sf-animation-fade-out)}.sf-slide-in-up{animation:var(--sf-animation-slide-in-up)}.sf-slide-in-down{animation:var(--sf-animation-slide-in-down)}.sf-slide-in-left{animation:var(--sf-animation-slide-in-left)}.sf-slide-in-right{animation:var(--sf-animation-slide-in-right)}.sf-scale-up{animation:var(--sf-animation-scale-up)}.sf-scale-down{animation:var(--sf-animation-scale-down)}.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-out);animation-fill-mode:both}@supports (animation-timeline:view()){.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-fill-mode:forwards;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-start,entry 0%) var(--sf-scroll-timeline-range-end,cover 30%)}}.sf-entrance--fade{animation-name:sf-fade-in}.sf-entrance--fade-up{animation-name:sf-slide-in-up}.sf-entrance--fade-down{animation-name:sf-slide-in-down}.sf-entrance--fade-left{animation-name:sf-slide-in-left}.sf-entrance--fade-right{animation-name:sf-slide-in-right}.sf-entrance--scale-up{animation-name:sf-scale-up}@supports (animation-timeline:view()){.sf-exit--fade,.sf-exit--fade-up,.sf-exit--fade-down,.sf-exit--fade-left,.sf-exit--fade-right,.sf-exit--scale-down{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-in);animation-fill-mode:both;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-exit-start,cover 70%) var(--sf-scroll-timeline-range-exit-end,exit 100%)}.sf-exit--fade{animation-name:sf-fade-out}.sf-exit--fade-up{animation-name:sf-slide-out-up}.sf-exit--fade-down{animation-name:sf-slide-out-down}.sf-exit--fade-left{animation-name:sf-slide-out-left}.sf-exit--fade-right{animation-name:sf-slide-out-right}.sf-exit--scale-down{animation-name:sf-scale-down}}.sf-stagger>*{animation-delay:calc(var(--sf-stagger-i,0) * var(--sf-stagger-step,75ms) * var(--sf-motion-scale,1))}@supports (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:calc(sibling-index() - 1)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:8}.sf-stagger>:first-child{--sf-stagger-i:0}.sf-stagger>:nth-child(2){--sf-stagger-i:1}.sf-stagger>:nth-child(3){--sf-stagger-i:2}.sf-stagger>:nth-child(4){--sf-stagger-i:3}.sf-stagger>:nth-child(5){--sf-stagger-i:4}.sf-stagger>:nth-child(6){--sf-stagger-i:5}.sf-stagger>:nth-child(7){--sf-stagger-i:6}.sf-stagger>:nth-child(8){--sf-stagger-i:7}}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sf-slide-in-up{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-down{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-left{0%{opacity:0;translate:1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-right{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}@keyframes sf-scale-up{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes sf-scale-down{0%{opacity:1;scale:1}to{opacity:0;scale:.92}}@keyframes sf-slide-out-up{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1rem}}@keyframes sf-slide-out-down{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}@keyframes sf-slide-out-left{0%{opacity:1;translate:0}to{opacity:0;translate:-1rem}}@keyframes sf-slide-out-right{0%{opacity:1;translate:0}to{opacity:0;translate:1rem}}@keyframes sf-spin{to{rotate:360deg}}@keyframes sf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sf-ping{75%,to{opacity:0;scale:2}}@keyframes sf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sf-float{0%,to{translate:0}50%{translate:0 -.5rem}}@supports (@property --x { syntax: ""; inherits: false; initial-value: white; }){@keyframes sf-color-pulse{0%{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}50%{--sf-color-primary-source-light:oklch(from var(--sf-color-primary-source-light) clamp(0, calc(l + .25), .9) c h)}to{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}}@media (prefers-reduced-motion:no-preference){.sf-color-pulse{animation:var(--sf-animation-color-pulse)}}}@supports (transition-behavior:allow-discrete){dialog,[popover]{transition:var(--sf-transition-overlay)}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color)!important;outline-offset:var(--sf-focus-ring-offset)!important}.sf-focus-shadow:focus-visible{box-shadow:var(--sf-focus-ring-shadow)!important;outline:none!important}@media (forced-colors:active){.sf-focus-shadow:focus-visible{outline:var(--sf-focus-ring-width) solid!important;outline-offset:var(--sf-focus-ring-offset)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){:root{--sf-duration-instant:.01ms;--sf-duration-fast:.01ms;--sf-duration-normal:.01ms;--sf-duration-slow:.01ms;--sf-duration-slower:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.no-motion,.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-contrast:more){:root{--sf-focus-ring-width:3px;--sf-contrast-bias:.06}hr{border-block-start-width:var(--sf-border-width-2)}}@media (prefers-reduced-transparency:reduce){::backdrop{background-color:var(--sf-color-neutral);opacity:1}}@media (prefers-reduced-data:reduce){:root{--sf-shadow-strength:0;--sf-blur:0px}}@media (pointer:coarse){:where(button,input[type=button],input[type=submit],input[type=reset],select,summary,input[type=checkbox],input[type=radio]):not([class]:not([class=""])){min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}}.sf-touch-target{min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:var(--sf-opacity-disabled)}.sr-only,.sr-only-focusable:not(:focus,:focus-within){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:clip!important}.skip-link{z-index:var(--sf-z-tooltip);padding:var(--sf-space-s) var(--sf-space-m);background:var(--sf-color-bg);color:var(--sf-color-text);border:var(--sf-border-width-1) solid var(--sf-color-border);border-radius:var(--sf-radius-m);transition:inset-block-start var(--sf-duration-fast) var(--sf-ease-out);position:absolute;inset-block-start:-100%;inset-inline-start:var(--sf-space-m)}.skip-link:focus{inset-block-start:var(--sf-space-m)}.sf-focus-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}.sf-clickable-parent{--sf-clickable-overlay-z:1;cursor:pointer;position:relative}.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):after,.sf-clickable-parent [data-overlay-link]:after,.sf-clickable-parent .sf-clickable-parent__overlay:after{content:"";z-index:var(--sf-clickable-overlay-z);pointer-events:auto;position:absolute;inset:0}.sf-clickable-parent :is(button,input,textarea,select,summary,video,audio,[role=button],[data-no-overlay]),.sf-clickable-parent:has([data-overlay-link]) a:where(:any-link):not([data-overlay-link]),.sf-clickable-parent:has(.sf-clickable-parent__overlay) a:where(:any-link):not(.sf-clickable-parent__overlay),.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):not(:first-of-type){z-index:calc(var(--sf-clickable-overlay-z) + 1);position:relative}.sf-clickable-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}@media (forced-colors:active){:root{--sf-focus-ring-color:Highlight}:focus-visible{outline-color:highlight!important}:where(*){box-shadow:none;text-shadow:none}input,select,textarea{border:var(--sf-border-width-1) solid}button,input[type=submit],input[type=reset],input[type=button]{border-color:buttonborder!important}.sf-text-gradient{background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:canvastext!important}.sf-is-loading:after{border-color:buttontext!important;border-block-start-color:highlight!important}}.print-only{display:none}@media print{@page{size:var(--sf-print-page-size,a4) portrait;margin:var(--sf-print-page-margin,2cm)}body{font-size:var(--sf-print-base-size,11pt)}*,:before,:after{box-shadow:none;text-shadow:none}a[href]:not([href^=\#],[href^=javascript\: i],[href^=mailto\: i],[href^=tel\: i],.sf-link-external):after{content:" (" attr(href) ")";word-break:break-all;font-size:90%}abbr[title]:after{content:" (" attr(title) ")"}img,svg,canvas,figure,table,pre,blockquote{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5{font-size:12pt}h6{font-size:11pt}p{orphans:3;widows:3}pre,blockquote{border:var(--sf-border-width-1) solid var(--sf-color-border--strong);padding:var(--sf-space-s)}nav,aside,button,input,select,textarea,audio,video,dialog,[popover],.no-print{display:none!important}.print-only{display:revert!important}details{display:block}details>summary{display:none!important}details>:not(summary){display:block}.print-color-exact,.print-color-exact *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-no-color,.print-no-color *,.print-no-color :before,.print-no-color :after{color:canvastext!important;background:0 0!important}}
/*# sourceMappingURL=slashed.full.flat.min.css.map */
diff --git a/SLASHED-for-WP/dist/slashed.full.min.css b/SLASHED-for-WP/dist/slashed.full.min.css
index bd34829..6e431d9 100644
--- a/SLASHED-for-WP/dist/slashed.full.min.css
+++ b/SLASHED-for-WP/dist/slashed.full.min.css
@@ -1,4 +1,4 @@
@layer slashed.tokens,slashed.reset,slashed.base,slashed.forms,slashed.components,slashed.layout,slashed.macros,slashed.utilities,slashed.states,slashed.themes,slashed.motion,slashed.accessibility,slashed.print,slashed.legacy,slashed.overrides;
-/*! SLASHED v0.7.30 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.31 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
@layer slashed.tokens{@property --sf-color-primary-source-light{syntax:"";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-radius-none{syntax:"";inherits:true;initial-value:0}@property --sf-radius-2xs{syntax:"";inherits:true;initial-value:0}@property --sf-radius-xs{syntax:"";inherits:true;initial-value:0}@property --sf-radius-s{syntax:"";inherits:true;initial-value:0}@property --sf-radius-m{syntax:"";inherits:true;initial-value:0}@property --sf-radius-l{syntax:"";inherits:true;initial-value:0}@property --sf-radius-xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-2xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-3xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-4xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-full{syntax:"";inherits:true;initial-value:9999px}@property --sf-radius-pill{syntax:"";inherits:true;initial-value:9999px}@property --sf-radius-outer{syntax:"";inherits:true;initial-value:0}@property --sf-media-radius{syntax:"";inherits:true;initial-value:0}@property --sf-space-none{syntax:"";inherits:true;initial-value:0}@property --sf-space-px{syntax:"";inherits:true;initial-value:1px}@property --sf-space-2xs{syntax:"";inherits:true;initial-value:0}@property --sf-space-xs{syntax:"";inherits:true;initial-value:0}@property --sf-space-s{syntax:"";inherits:true;initial-value:0}@property --sf-space-m{syntax:"";inherits:true;initial-value:0}@property --sf-space-l{syntax:"";inherits:true;initial-value:0}@property --sf-space-xl{syntax:"";inherits:true;initial-value:0}@property --sf-space-2xl{syntax:"";inherits:true;initial-value:0}@property --sf-space-3xl{syntax:"";inherits:true;initial-value:0}@property --sf-space-4xl{syntax:"";inherits:true;initial-value:0}@property --sf-gap{syntax:"";inherits:true;initial-value:0}@property --sf-content-gap{syntax:"";inherits:true;initial-value:0}@property --sf-gutter{syntax:"";inherits:true;initial-value:0}@property --sf-component-pad{syntax:"";inherits:true;initial-value:0}@property --sf-field-block{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--xs{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--s{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--m{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--l{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--xl{syntax:"";inherits:true;initial-value:0}@property --sf-section-pad--2xl{syntax:"";inherits:true;initial-value:0}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:oklch(95% 0 0);--sf-color-text--on-secondary:oklch(95% 0 0);--sf-color-text--on-tertiary:oklch(95% 0 0);--sf-color-text--on-action:oklch(95% 0 0);--sf-color-text--on-neutral:oklch(95% 0 0);--sf-color-text--on-success:oklch(95% 0 0);--sf-color-text--on-warning:oklch(10% 0 0);--sf-color-text--on-info:oklch(95% 0 0);--sf-color-text--on-danger:oklch(95% 0 0);--sf-color-text--on-inverse:oklch(95% 0 0);--sf-color-code-text:oklch(10% 0 0);--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:oklch(0% 0 0/.5);--sf-color-white:oklch(100% 0 0);--sf-color-black:oklch(0% 0 0);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-caret-color:var(--sf-color-action)}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-humanist:"Seravek", "Gill Sans Nova", "Ubuntu", "Calibri", "DejaVu Sans", source-sans-pro, sans-serif;--sf-font-geometric:"Avenir", "Montserrat", "Corbel", "URW Gothic", source-sans-pro, sans-serif;--sf-font-slab:"Rockwell", "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-density:1;--sf-size-xs:calc(1.5rem * var(--sf-density));--sf-size-s:calc(2rem * var(--sf-density));--sf-size-m:calc(2.5rem * var(--sf-density));--sf-size-l:calc(3rem * var(--sf-density));--sf-size-xl:calc(3.5rem * var(--sf-density));--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-print-page-margin:2cm;--sf-print-page-size:a4;--sf-print-base-size:11pt;--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-aspect:16 / 9;--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-color-primary);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:oklch(0% 0 0/.55);--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px oklch(0% 0 0/.6);--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none;--sf-overlap-pull:var(--sf-space-xl);--sf-card-padding:var(--sf-space-l);--sf-card-gap:var(--sf-space-m);--sf-card-radius:var(--sf-radius-m);--sf-card-radius-outer:calc(var(--sf-card-radius) + var(--sf-card-padding));--sf-card-bg:var(--sf-color-surface);--sf-card-border-width:var(--sf-border-width-1);--sf-card-border-color:var(--sf-color-border);--sf-card-shadow:var(--sf-shadow-s);--sf-card-shadow--elevated:var(--sf-shadow-l);--sf-card-shadow--hover:var(--sf-shadow-l);--sf-card-media-ratio:var(--sf-ratio-video);--sf-card-media-radius:var(--sf-card-radius,var(--sf-radius-m));--sf-card-avatar-size:2.5rem;--sf-card-heading-size:var(--sf-text-xl);--sf-field-radius:var(--sf-radius-m);--sf-field-padding-block:var(--sf-space-xs);--sf-field-padding-inline:var(--sf-space-s);--sf-btn-radius:var(--sf-radius-m);--sf-btn-gap:var(--sf-space-2xs);--sf-btn-font-weight:var(--sf-font-weight-interactive);--sf-btn-border-width:var(--sf-border-width-1);--sf-btn-font-scale:1;--sf-btn-font-size:initial;--sf-btn-padding-block:initial;--sf-btn-padding-inline:initial;--sf-btn-min-height:initial;--sf-btn-xs-font-size:initial;--sf-btn-s-font-size:initial;--sf-btn-m-font-size:initial;--sf-btn-l-font-size:initial;--sf-btn-xl-font-size:initial;--sf-btn-xs-padding-block:initial;--sf-btn-s-padding-block:initial;--sf-btn-m-padding-block:initial;--sf-btn-l-padding-block:initial;--sf-btn-xl-padding-block:initial;--sf-btn-xs-padding-inline:initial;--sf-btn-s-padding-inline:initial;--sf-btn-m-padding-inline:initial;--sf-btn-l-padding-inline:initial;--sf-btn-xl-padding-inline:initial;--sf-btn-xs-min-height:initial;--sf-btn-s-min-height:initial;--sf-btn-m-min-height:initial;--sf-btn-l-min-height:initial;--sf-btn-xl-min-height:initial}}@layer slashed.reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;color-scheme:var(--sf-color-scheme,light dark);hanging-punctuation:first last;scroll-padding-block-start:calc(var(--sf-header-height,5rem) + var(--sf-space-m,1rem))}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}}body{min-height:100dvh;min-inline-size:320px}button{text-transform:none}search{display:block}summary{cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}dialog,[popover]{color:inherit;color-scheme:inherit;background:canvas;border:none;padding:0}fieldset{min-width:0}[inert]{cursor:default}}@layer slashed.base{html{scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track)}body{font-family:var(--sf-body-font-family,var(--sf-font-body));font-size:var(--sf-body-font-size,var(--sf-text-m));line-height:var(--sf-body-line-height,var(--sf-leading-normal));font-weight:var(--sf-body-font-weight,var(--sf-font-weight-body));color:var(--sf-body-color,var(--sf-color-text));background-color:var(--sf-color-bg,#fff);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));line-height:var(--sf-leading-tight);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}p{text-wrap:var(--sf-body-text-wrap);overflow-wrap:break-word;margin:0}b,strong{font-weight:var(--sf-body-strong-weight)}em{font-style:var(--sf-body-em-style)}small{font-size:var(--sf-text-s,.875em)}mark{background-color:var(--sf-color-mark-bg,Mark);color:var(--sf-color-mark-text,MarkText);border-radius:var(--sf-radius-xs);padding-inline:.2em}abbr[title]{cursor:help;text-decoration:underline dotted}kbd,samp{font-family:var(--sf-font-mono);font-size:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a:link{color:var(--sf-color-link);text-decoration-color:var(--sf-color-link--underline);text-underline-offset:var(--sf-link-underline-offset);text-decoration-thickness:var(--sf-link-underline-thickness);text-underline-position:from-font;transition:color var(--sf-duration-fast) var(--sf-ease-out), text-decoration-color var(--sf-duration-fast) var(--sf-ease-out)}a:hover{color:var(--sf-color-link--hover);text-decoration-color:currentColor}a:visited{color:var(--sf-color-link--visited)}a:active{color:var(--sf-color-link--active)}a:not([class]){text-decoration-skip-ink:auto}a,code{overflow-wrap:break-word}code{font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size);border-radius:var(--sf-radius-xs);background-color:var(--sf-color-code-bg);color:var(--sf-color-code-text,inherit);padding:.125em .3em}pre{font-family:var(--sf-font-mono);font-size:var(--sf-text-s);padding:var(--sf-space-m);border-radius:var(--sf-radius-m);background:var(--sf-color-code-block-bg,var(--sf-color-code-bg));color:var(--sf-color-code-block-text,inherit);overflow-inline:auto;tab-size:2;hyphens:none;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}img,picture,video,canvas{block-size:auto;max-inline-size:100%;display:block}:where(img,figure){border-radius:var(--sf-media-radius)}img,video{object-fit:var(--sf-object-fit);object-position:var(--sf-object-position)}iframe,embed,object{border:none;block-size:auto;max-inline-size:100%;display:block}hr{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}::selection{background:var(--sf-color-selection-bg);color:var(--sf-color-selection-text);text-shadow:none}th,caption{text-align:start}input,textarea{caret-color:var(--sf-caret-color)}input,progress{accent-color:var(--sf-color-action)}::backdrop{background-color:var(--sf-color-dim)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;color-scheme:inherit;line-height:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}textarea{resize:vertical}optgroup{font:inherit}::placeholder{opacity:1;color:var(--sf-color-text--placeholder,currentcolor)}blockquote{border-inline-start:var(--sf-border-width-3) var(--sf-border-style) var(--sf-color-border);padding-inline-start:var(--sf-space-m)}dt{font-weight:var(--sf-font-weight-heading)}dd{margin-inline-start:var(--sf-space-m)}table{text-align:start}th{font-weight:var(--sf-font-weight-heading)}td,th{padding:var(--sf-space-2xs) var(--sf-space-xs);border-block-end:var(--sf-border-width-hairline) var(--sf-border-style) var(--sf-color-border--subtle)}}@layer slashed.themes{@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:light-dark(oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:light-dark(oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:light-dark(oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:light-dark(oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}}@layer slashed.layout{.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container,.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-pancake{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}}@layer slashed.macros{.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-aspect{aspect-ratio:var(--sf-aspect,16 / 9)}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-caret-color:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-content-auto{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}.sf-overlap,.sf-overlap--down{z-index:var(--sf-z-raised);position:relative}.sf-overlap{margin-block-start:calc(-1 * var(--sf-overlap-pull))}.sf-overlap--down{margin-block-end:calc(-1 * var(--sf-overlap-pull))}.sf-overlap-host{isolation:isolate;padding-block-start:var(--sf-overlap-host-pad,var(--sf-overlap-pull));position:relative}}@layer slashed.states{.sf-is-disabled{opacity:var(--sf-opacity-disabled);pointer-events:none;cursor:not-allowed;user-select:none}.sf-is-loading{pointer-events:none;position:relative;color:#0000!important}.sf-is-loading>*{opacity:0!important}.sf-is-loading:after{content:"";border:var(--sf-border-width-2) solid var(--sf-color-border--strong);border-block-start-color:var(--sf-color-action);border-radius:var(--sf-radius-full);block-size:1em;inline-size:1em;animation:var(--sf-animation-spin);margin-block-start:-.5em;margin-inline-start:-.5em;position:absolute;inset-block-start:50%;inset-inline-start:50%}img.sf-is-shimmer,.sf-is-shimmer img{opacity:0!important}.sf-is-shimmer{background:linear-gradient(90deg, var(--sf-color-inset) 25%, var(--sf-color-raised) 50%, var(--sf-color-inset) 75%);animation:var(--sf-animation-shimmer);border-radius:var(--sf-radius-s);pointer-events:none;user-select:none;background-size:200% 100%;color:#0000!important}.sf-is-selected{background-color:var(--sf-color-bg--selected)}.sf-is-highlighted{background-color:var(--sf-color-bg--focus)}.sf-is-valid,.sf-is-success{--sf-field-border-color:var(--sf-color-success);--sf-field-text-color:var(--sf-color-success-strong)}.sf-is-invalid,.sf-is-error{--sf-field-border-color:var(--sf-color-danger);--sf-field-text-color:var(--sf-color-danger-strong)}.sf-is-warning{--sf-field-border-color:var(--sf-color-warning);--sf-field-text-color:var(--sf-color-warning-strong)}.sf-is-info{--sf-field-border-color:var(--sf-color-info);--sf-field-text-color:var(--sf-color-info-strong)}.sf-is-dragging{opacity:var(--sf-opacity-muted);cursor:grabbing}.sf-is-drop-target{outline:var(--sf-focus-ring-width) dashed var(--sf-color-action);outline-offset:var(--sf-focus-ring-offset)}.sf-is-draggable{cursor:grab}.sf-is-empty:empty{display:none}}@layer slashed.motion{@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,scale,translate,filter,backdrop-filter;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-ease-out)}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--sf-duration-normal);animation-timing-function:var(--sf-ease-out)}}.sf-fade-in{animation:var(--sf-animation-fade-in)}.sf-fade-out{animation:var(--sf-animation-fade-out)}.sf-slide-in-up{animation:var(--sf-animation-slide-in-up)}.sf-slide-in-down{animation:var(--sf-animation-slide-in-down)}.sf-slide-in-left{animation:var(--sf-animation-slide-in-left)}.sf-slide-in-right{animation:var(--sf-animation-slide-in-right)}.sf-scale-up{animation:var(--sf-animation-scale-up)}.sf-scale-down{animation:var(--sf-animation-scale-down)}.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-out);animation-fill-mode:both}@supports (animation-timeline:view()){.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-fill-mode:forwards;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-start,entry 0%) var(--sf-scroll-timeline-range-end,cover 30%)}}.sf-entrance--fade{animation-name:sf-fade-in}.sf-entrance--fade-up{animation-name:sf-slide-in-up}.sf-entrance--fade-down{animation-name:sf-slide-in-down}.sf-entrance--fade-left{animation-name:sf-slide-in-left}.sf-entrance--fade-right{animation-name:sf-slide-in-right}.sf-entrance--scale-up{animation-name:sf-scale-up}@supports (animation-timeline:view()){.sf-exit--fade,.sf-exit--fade-up,.sf-exit--fade-down,.sf-exit--fade-left,.sf-exit--fade-right,.sf-exit--scale-down{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-in);animation-fill-mode:both;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-exit-start,cover 70%) var(--sf-scroll-timeline-range-exit-end,exit 100%)}.sf-exit--fade{animation-name:sf-fade-out}.sf-exit--fade-up{animation-name:sf-slide-out-up}.sf-exit--fade-down{animation-name:sf-slide-out-down}.sf-exit--fade-left{animation-name:sf-slide-out-left}.sf-exit--fade-right{animation-name:sf-slide-out-right}.sf-exit--scale-down{animation-name:sf-scale-down}}.sf-stagger>*{animation-delay:calc(var(--sf-stagger-i,0) * var(--sf-stagger-step,75ms) * var(--sf-motion-scale,1))}@supports (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:calc(sibling-index() - 1)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:8}.sf-stagger>:first-child{--sf-stagger-i:0}.sf-stagger>:nth-child(2){--sf-stagger-i:1}.sf-stagger>:nth-child(3){--sf-stagger-i:2}.sf-stagger>:nth-child(4){--sf-stagger-i:3}.sf-stagger>:nth-child(5){--sf-stagger-i:4}.sf-stagger>:nth-child(6){--sf-stagger-i:5}.sf-stagger>:nth-child(7){--sf-stagger-i:6}.sf-stagger>:nth-child(8){--sf-stagger-i:7}}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sf-slide-in-up{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-down{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-left{0%{opacity:0;translate:1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-right{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}@keyframes sf-scale-up{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes sf-scale-down{0%{opacity:1;scale:1}to{opacity:0;scale:.92}}@keyframes sf-slide-out-up{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1rem}}@keyframes sf-slide-out-down{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}@keyframes sf-slide-out-left{0%{opacity:1;translate:0}to{opacity:0;translate:-1rem}}@keyframes sf-slide-out-right{0%{opacity:1;translate:0}to{opacity:0;translate:1rem}}@keyframes sf-spin{to{rotate:360deg}}@keyframes sf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sf-ping{75%,to{opacity:0;scale:2}}@keyframes sf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sf-float{0%,to{translate:0}50%{translate:0 -.5rem}}@supports (@property --x { syntax: ""; inherits: false; initial-value: white; }){@keyframes sf-color-pulse{0%{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}50%{--sf-color-primary-source-light:oklch(from var(--sf-color-primary-source-light) clamp(0, calc(l + .25), .9) c h)}to{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}}@media (prefers-reduced-motion:no-preference){.sf-color-pulse{animation:var(--sf-animation-color-pulse)}}}@supports (transition-behavior:allow-discrete){dialog,[popover]{transition:var(--sf-transition-overlay)}}}@layer slashed.accessibility{:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color)!important;outline-offset:var(--sf-focus-ring-offset)!important}.sf-focus-shadow:focus-visible{box-shadow:var(--sf-focus-ring-shadow)!important;outline:none!important}@media (forced-colors:active){.sf-focus-shadow:focus-visible{outline:var(--sf-focus-ring-width) solid!important;outline-offset:var(--sf-focus-ring-offset)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){:root{--sf-duration-instant:.01ms;--sf-duration-fast:.01ms;--sf-duration-normal:.01ms;--sf-duration-slow:.01ms;--sf-duration-slower:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.no-motion,.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-contrast:more){:root{--sf-focus-ring-width:3px;--sf-contrast-bias:.06}hr{border-block-start-width:var(--sf-border-width-2)}}@media (prefers-reduced-transparency:reduce){::backdrop{background-color:var(--sf-color-neutral);opacity:1}}@media (prefers-reduced-data:reduce){:root{--sf-shadow-strength:0;--sf-blur:0px}}@media (pointer:coarse){:where(button,input[type=button],input[type=submit],input[type=reset],select,summary,input[type=checkbox],input[type=radio]):not([class]:not([class=""])){min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}}.sf-touch-target{min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:var(--sf-opacity-disabled)}.sr-only,.sr-only-focusable:not(:focus,:focus-within){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:clip!important}.skip-link{z-index:var(--sf-z-tooltip);padding:var(--sf-space-s) var(--sf-space-m);background:var(--sf-color-bg);color:var(--sf-color-text);border:var(--sf-border-width-1) solid var(--sf-color-border);border-radius:var(--sf-radius-m);transition:inset-block-start var(--sf-duration-fast) var(--sf-ease-out);position:absolute;inset-block-start:-100%;inset-inline-start:var(--sf-space-m)}.skip-link:focus{inset-block-start:var(--sf-space-m)}.sf-focus-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}.sf-clickable-parent{--sf-clickable-overlay-z:1;cursor:pointer;position:relative}.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):after,.sf-clickable-parent [data-overlay-link]:after,.sf-clickable-parent .sf-clickable-parent__overlay:after{content:"";z-index:var(--sf-clickable-overlay-z);pointer-events:auto;position:absolute;inset:0}.sf-clickable-parent :is(button,input,textarea,select,summary,video,audio,[role=button],[data-no-overlay]),.sf-clickable-parent:has([data-overlay-link]) a:where(:any-link):not([data-overlay-link]),.sf-clickable-parent:has(.sf-clickable-parent__overlay) a:where(:any-link):not(.sf-clickable-parent__overlay),.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):not(:first-of-type){z-index:calc(var(--sf-clickable-overlay-z) + 1);position:relative}.sf-clickable-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}@media (forced-colors:active){:root{--sf-focus-ring-color:Highlight}:focus-visible{outline-color:highlight!important}:where(*){box-shadow:none;text-shadow:none}input,select,textarea{border:var(--sf-border-width-1) solid}button,input[type=submit],input[type=reset],input[type=button]{border-color:buttonborder!important}.sf-text-gradient{background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:canvastext!important}.sf-is-loading:after{border-color:buttontext!important;border-block-start-color:highlight!important}}}@layer slashed.print{.print-only{display:none}@media print{@page{size:var(--sf-print-page-size,a4) portrait;margin:var(--sf-print-page-margin,2cm)}body{font-size:var(--sf-print-base-size,11pt)}*,:before,:after{box-shadow:none;text-shadow:none}a[href]:not([href^=\#],[href^=javascript\: i],[href^=mailto\: i],[href^=tel\: i],.sf-link-external):after{content:" (" attr(href) ")";word-break:break-all;font-size:90%}abbr[title]:after{content:" (" attr(title) ")"}img,svg,canvas,figure,table,pre,blockquote{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5{font-size:12pt}h6{font-size:11pt}p{orphans:3;widows:3}pre,blockquote{border:var(--sf-border-width-1) solid var(--sf-color-border--strong);padding:var(--sf-space-s)}nav,aside,button,input,select,textarea,audio,video,dialog,[popover],.no-print{display:none!important}.print-only{display:revert!important}details{display:block}details>summary{display:none!important}details>:not(summary){display:block}.print-color-exact,.print-color-exact *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-no-color,.print-no-color *,.print-no-color :before,.print-no-color :after{color:canvastext!important;background:0 0!important}}}@layer slashed.forms{input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])),select,textarea{appearance:none;inline-size:100%;padding-block:var(--sf-field-padding-block,var(--sf-field-block,var(--sf-space-xs)));padding-inline:var(--sf-field-padding-inline,var(--sf-space-s));font-size:var(--sf-text-m);line-height:var(--sf-leading-normal);color:var(--sf-color-text);background-color:var(--sf-color-surface);border:var(--sf-border-width-1) solid var(--sf-field-border-color,var(--sf-color-border));border-radius:var(--sf-field-radius,var(--sf-radius-m));transition:var(--sf-transition-form-field);display:block}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--sf-color-border--focus);outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}input:disabled,select:disabled,textarea:disabled{background-color:var(--sf-color-bg--disabled);color:var(--sf-color-text--disabled);opacity:var(--sf-opacity-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--sf-color-text--placeholder);opacity:1}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}input:autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}.sf-live-validate input:user-invalid,.sf-live-validate select:user-invalid,.sf-live-validate textarea:user-invalid{--sf-field-border-color:var(--sf-color-danger)}.sf-live-validate input:user-valid,.sf-live-validate select:user-valid,.sf-live-validate textarea:user-valid{--sf-field-border-color:var(--sf-color-success)}input[type=number]{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}textarea{resize:vertical;min-block-size:6rem}@supports (field-sizing:content){textarea{field-sizing:content}}select{padding-inline-end:calc(var(--sf-space-s) + 1.5em)}select:not([multiple],[size]){background-repeat:no-repeat;background-position:right var(--sf-space-s) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='FieldText' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-size:1em}:dir(rtl) select:not([multiple],[size]){background-position:left var(--sf-space-s) center}:where(form,fieldset) button:not([class*=sf-]),:where(form,fieldset) input[type=submit]:not([class*=sf-]),:where(form,fieldset) input[type=reset]:not([class*=sf-]),:where(form,fieldset) input[type=button]:not([class*=sf-]){justify-content:center;align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-size:var(--sf-text-m);font-weight:var(--sf-font-weight-heading);line-height:var(--sf-leading-normal);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);text-decoration:none;display:inline-flex}:where(form,fieldset) button:not([class*=sf-]):hover,:where(form,fieldset) input[type=submit]:not([class*=sf-]):hover,:where(form,fieldset) input[type=reset]:not([class*=sf-]):hover,:where(form,fieldset) input[type=button]:not([class*=sf-]):hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}:where(form,fieldset) button:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=submit]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=reset]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=button]:not([class*=sf-]):focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}:where(form,fieldset) button:not([class*=sf-]):disabled,:where(form,fieldset) input[type=submit]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=reset]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=button]:not([class*=sf-]):disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed}input[type=checkbox],input[type=radio]{block-size:1.125em;inline-size:1.125em;accent-color:var(--sf-color-action);cursor:pointer;vertical-align:middle}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{appearance:none;padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-weight:var(--sf-font-weight-heading);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);margin-inline-end:var(--sf-space-s)}input[type=file]::file-selector-button:hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}input[type=range]{appearance:none;cursor:pointer;background:0 0;inline-size:100%}input[type=range]::-webkit-slider-runnable-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-moz-range-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;block-size:1em;inline-size:1em;background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);margin-block-start:calc((var(--sf-border-width-3,.25rem) - 1em) / 2)}input[type=range]::-moz-range-thumb{background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);border:none;block-size:1em;inline-size:1em}input[type=range]:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}fieldset{border:var(--sf-border-width-1) solid var(--sf-color-border--subtle);border-radius:var(--sf-radius-m);padding:var(--sf-space-m)}legend{font-weight:var(--sf-font-weight-heading);padding-inline:var(--sf-space-xs)}label{font-weight:var(--sf-font-weight-heading);color:var(--sf-field-text-color,inherit);margin-block-end:var(--sf-space-xs);display:block}label:has(:required):after,label:has(+:required):after,label:has(+* :required):after{content:var(--sf-field-required-marker," *");color:var(--sf-color-danger)}}@layer slashed.components{.sf-btn{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted);--sf-btn-font-size--size:var(--sf-btn-m-font-size,var(--sf-text-m));--sf-btn-padding-block--size:var(--sf-btn-m-padding-block,var(--sf-space-xs));--sf-btn-padding-inline--size:var(--sf-btn-m-padding-inline,var(--sf-space-m));--sf-btn-min-height--size:var(--sf-btn-m-min-height,var(--sf-size-m));justify-content:center;align-items:center;gap:var(--sf-btn-gap,var(--sf-space-2xs));padding-block:var(--sf-btn-padding-block,var(--sf-btn-padding-block--size));padding-inline:var(--sf-btn-padding-inline,var(--sf-btn-padding-inline--size));min-block-size:var(--sf-btn-min-height,var(--sf-btn-min-height--size));font-family:inherit;font-size:calc(var(--sf-btn-font-size,var(--sf-btn-font-size--size)) * var(--sf-btn-font-scale,1));font-weight:var(--sf-btn-font-weight,var(--sf-font-weight-interactive));line-height:var(--sf-leading-tight);white-space:nowrap;border:var(--sf-btn-border-width,var(--sf-border-width-1)) solid var(--sf-btn-color);border-radius:var(--sf-btn-radius);cursor:pointer;user-select:none;appearance:none;transition:var(--sf-transition-form-field);background:var(--sf-btn-color);color:var(--sf-btn-on-color);text-decoration:none;display:inline-flex}.sf-btn:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color--hover);border-color:var(--sf-btn-color--hover)}.sf-btn--primary{--sf-btn-color:var(--sf-color-primary);--sf-btn-color--hover:var(--sf-color-primary--hover);--sf-btn-on-color:var(--sf-color-text--on-primary);--sf-btn-soft-bg:var(--sf-color-primary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-primary-muted)}.sf-btn--secondary{--sf-btn-color:var(--sf-color-secondary);--sf-btn-color--hover:var(--sf-color-secondary--hover);--sf-btn-on-color:var(--sf-color-text--on-secondary);--sf-btn-soft-bg:var(--sf-color-secondary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-secondary-muted)}.sf-btn--tertiary{--sf-btn-color:var(--sf-color-tertiary);--sf-btn-color--hover:var(--sf-color-tertiary--hover);--sf-btn-on-color:var(--sf-color-text--on-tertiary);--sf-btn-soft-bg:var(--sf-color-tertiary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-tertiary-muted)}.sf-btn--action{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted)}.sf-btn--base{--sf-btn-color:var(--sf-color-base);--sf-btn-color--hover:var(--sf-color-base--hover);--sf-btn-on-color:var(--sf-color-text--on-base);--sf-btn-soft-bg:var(--sf-color-base-subtle);--sf-btn-soft-bg--hover:var(--sf-color-base-muted)}.sf-btn--neutral{--sf-btn-color:var(--sf-color-neutral);--sf-btn-color--hover:var(--sf-color-neutral--hover);--sf-btn-on-color:var(--sf-color-text--on-neutral);--sf-btn-soft-bg:var(--sf-color-neutral-subtle);--sf-btn-soft-bg--hover:var(--sf-color-neutral-muted)}.sf-btn--success{--sf-btn-color:var(--sf-color-success);--sf-btn-color--hover:var(--sf-color-success-strong);--sf-btn-on-color:var(--sf-color-text--on-success);--sf-btn-soft-bg:var(--sf-color-success-subtle);--sf-btn-soft-bg--hover:var(--sf-color-success-muted)}.sf-btn--warning{--sf-btn-color:var(--sf-color-warning);--sf-btn-color--hover:var(--sf-color-warning-strong);--sf-btn-on-color:var(--sf-color-text--on-warning);--sf-btn-soft-bg:var(--sf-color-warning-subtle);--sf-btn-soft-bg--hover:var(--sf-color-warning-muted)}.sf-btn--info{--sf-btn-color:var(--sf-color-info);--sf-btn-color--hover:var(--sf-color-info-strong);--sf-btn-on-color:var(--sf-color-text--on-info);--sf-btn-soft-bg:var(--sf-color-info-subtle);--sf-btn-soft-bg--hover:var(--sf-color-info-muted)}.sf-btn--danger{--sf-btn-color:var(--sf-color-danger);--sf-btn-color--hover:var(--sf-color-danger-strong);--sf-btn-on-color:var(--sf-color-text--on-danger);--sf-btn-soft-bg:var(--sf-color-danger-subtle);--sf-btn-soft-bg--hover:var(--sf-color-danger-muted)}.sf-btn--soft{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}@supports (color:oklch(from red l c h)){.sf-btn--soft{background:var(--sf-btn-soft-bg);color:var(--sf-btn-color);border-color:#0000}.sf-btn--soft:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-soft-bg--hover);border-color:#0000}}.sf-btn--outline{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color);color:var(--sf-btn-on-color);border-color:var(--sf-btn-color)}.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--primary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-primary)}.sf-btn--secondary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-secondary)}.sf-btn--tertiary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-tertiary)}.sf-btn--action.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--base.sf-btn--gradient,.sf-btn--neutral.sf-btn--gradient,.sf-btn--success.sf-btn--gradient,.sf-btn--warning.sf-btn--gradient,.sf-btn--info.sf-btn--gradient,.sf-btn--danger.sf-btn--gradient{--sf-btn-gradient:var(--sf-btn-color)}@supports (color:oklch(from red l c h)){.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft){background:var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft):hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:linear-gradient(oklch(var(--sf-is-dark) 0 0 / .12), oklch(var(--sf-is-dark) 0 0 / .12)), var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient.sf-btn--outline{color:var(--sf-btn-color);background:0 0;border-color:#0000;position:relative}.sf-btn--gradient.sf-btn--outline:before{content:"";border-radius:inherit;padding:var(--sf-btn-border-width,var(--sf-border-width-1));background:var(--sf-btn-gradient);pointer-events:none;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sf-btn--gradient.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-gradient);color:var(--sf-btn-on-color);border-color:#0000}}.sf-btn--xs{--sf-btn-padding-block--size:var(--sf-btn-xs-padding-block,.125rem);--sf-btn-padding-inline--size:var(--sf-btn-xs-padding-inline,var(--sf-space-xs));--sf-btn-font-size--size:var(--sf-btn-xs-font-size,var(--sf-text-xs));--sf-btn-min-height--size:var(--sf-btn-xs-min-height,var(--sf-size-xs))}.sf-btn--s{--sf-btn-padding-block--size:var(--sf-btn-s-padding-block,var(--sf-space-2xs));--sf-btn-padding-inline--size:var(--sf-btn-s-padding-inline,var(--sf-space-s));--sf-btn-font-size--size:var(--sf-btn-s-font-size,var(--sf-text-s));--sf-btn-min-height--size:var(--sf-btn-s-min-height,var(--sf-size-s))}.sf-btn--l{--sf-btn-padding-block--size:var(--sf-btn-l-padding-block,var(--sf-space-s));--sf-btn-padding-inline--size:var(--sf-btn-l-padding-inline,var(--sf-space-l));--sf-btn-font-size--size:var(--sf-btn-l-font-size,var(--sf-text-l));--sf-btn-min-height--size:var(--sf-btn-l-min-height,var(--sf-size-l))}.sf-btn--xl{--sf-btn-padding-block--size:var(--sf-btn-xl-padding-block,var(--sf-space-m));--sf-btn-padding-inline--size:var(--sf-btn-xl-padding-inline,var(--sf-space-xl));--sf-btn-font-size--size:var(--sf-btn-xl-font-size,var(--sf-text-xl));--sf-btn-min-height--size:var(--sf-btn-xl-min-height,var(--sf-size-xl))}.sf-btn:disabled,.sf-btn.sf-is-disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed;pointer-events:none}.sf-btn.sf-is-loading{cursor:wait;position:relative}.sf-btn.sf-is-loading>*{visibility:hidden}.sf-btn.sf-is-loading:after{content:"";border:2px solid;border-radius:var(--sf-radius-full);border-block-start-color:#0000;block-size:1em;inline-size:1em;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sf-btn.sf-is-loading:after{animation:sf-spin var(--sf-duration-slower) linear infinite}}.sf-btn--block{inline-size:100%}@container (width<=20rem){.sf-btn--block-cq{inline-size:100%}}.sf-card{padding:var(--sf-card-padding,var(--sf-space-l));background:var(--sf-card-bg,var(--sf-color-surface));border:var(--sf-card-border-width,var(--sf-border-width-1)) solid var(--sf-card-border-color,var(--sf-color-border));border-radius:var(--sf-card-radius-outer,calc(var(--sf-radius-m) + var(--sf-space-l)));box-shadow:var(--sf-card-shadow,var(--sf-shadow-s));display:block}@supports (color:oklch(from red l c h)){@container style(--sf-surface-active:1){.sf-card{--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text:var(--sf-color-heading);--sf-color-text--secondary:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-card-border-color:var(--sf-color-border);color:var(--sf-body-color,var(--sf-color-text))}}}.sf-card__header,.sf-card__body,.sf-card__footer{display:block}.sf-card__header{border-block-end:var(--sf-border-subtle);margin-block-end:var(--sf-card-gap,var(--sf-space-m));padding-block-end:var(--sf-card-gap,var(--sf-space-m))}.sf-card__footer{border-block-start:var(--sf-border-subtle);margin-block-start:var(--sf-card-gap,var(--sf-space-m));padding-block-start:var(--sf-card-gap,var(--sf-space-m))}.sf-card__media{inline-size:100%;aspect-ratio:var(--sf-card-media-ratio,var(--sf-ratio-video));object-fit:var(--sf-object-fit,cover);border-radius:var(--sf-card-media-radius);margin-block-end:var(--sf-card-gap,var(--sf-space-m));display:block;overflow:clip}.sf-card__avatar{inline-size:var(--sf-card-avatar-size,2.5rem);block-size:var(--sf-card-avatar-size,2.5rem);aspect-ratio:1;object-fit:cover;border-radius:var(--sf-radius-full);flex-shrink:0}.sf-card__title{font-size:var(--sf-card-heading-size,var(--sf-text-xl));color:var(--sf-color-heading)}.sf-card--bordered{box-shadow:none}.sf-card--elevated{box-shadow:var(--sf-card-shadow--elevated,var(--sf-shadow-l));border-color:#0000}.sf-card--interactive{cursor:pointer;transition:var(--sf-transition-shadow)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{box-shadow:var(--sf-card-shadow--hover,var(--sf-shadow-l))}@media (prefers-reduced-motion:no-preference){.sf-card--interactive{transition:var(--sf-transition-shadow), var(--sf-transition-transform)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{transform:translateY(calc(-1 * var(--sf-space-2xs)))}}}@layer slashed.utilities{.sf-invisible{visibility:hidden}.sf-visible{visibility:visible}.sf-h1,.sf-h2,.sf-h3,.sf-h4,.sf-h5,.sf-h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));font-weight:var(--sf-font-weight-heading);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word}.sf-h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}.sf-h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}.sf-h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}.sf-h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}.sf-h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}.sf-h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}.sf-text-2xs{font-size:var(--sf-text-2xs);line-height:var(--sf-text-2xs-line-height);font-weight:var(--sf-text-2xs-font-weight);letter-spacing:var(--sf-text-2xs-letter-spacing);max-inline-size:var(--sf-text-2xs-max-width)}.sf-text-xs{font-size:var(--sf-text-xs);line-height:var(--sf-text-xs-line-height);font-weight:var(--sf-text-xs-font-weight);letter-spacing:var(--sf-text-xs-letter-spacing);max-inline-size:var(--sf-text-xs-max-width)}.sf-text-s{font-size:var(--sf-text-s);line-height:var(--sf-text-s-line-height);font-weight:var(--sf-text-s-font-weight);letter-spacing:var(--sf-text-s-letter-spacing);max-inline-size:var(--sf-text-s-max-width)}.sf-text-m{font-size:var(--sf-text-m);line-height:var(--sf-text-m-line-height);font-weight:var(--sf-text-m-font-weight);letter-spacing:var(--sf-text-m-letter-spacing);max-inline-size:var(--sf-text-m-max-width)}.sf-text-l{font-size:var(--sf-text-l);line-height:var(--sf-text-l-line-height);font-weight:var(--sf-text-l-font-weight);letter-spacing:var(--sf-text-l-letter-spacing);max-inline-size:var(--sf-text-l-max-width)}.sf-text-xl{font-size:var(--sf-text-xl);line-height:var(--sf-text-xl-line-height);font-weight:var(--sf-text-xl-font-weight);letter-spacing:var(--sf-text-xl-letter-spacing);max-inline-size:var(--sf-text-xl-max-width)}.sf-text-2xl{font-size:var(--sf-text-2xl);line-height:var(--sf-text-2xl-line-height);font-weight:var(--sf-text-2xl-font-weight);letter-spacing:var(--sf-text-2xl-letter-spacing);max-inline-size:var(--sf-text-2xl-max-width)}.sf-text-3xl{font-size:var(--sf-text-3xl);line-height:var(--sf-text-3xl-line-height);font-weight:var(--sf-text-3xl-font-weight);letter-spacing:var(--sf-text-3xl-letter-spacing);max-inline-size:var(--sf-text-3xl-max-width)}.sf-text-4xl{font-size:var(--sf-text-4xl);line-height:var(--sf-text-4xl-line-height);font-weight:var(--sf-text-4xl-font-weight);letter-spacing:var(--sf-text-4xl-letter-spacing);max-inline-size:var(--sf-text-4xl-max-width)}.sf-hover-grow,.sf-hover-shrink,.sf-hover-float,.sf-hover-sink,.sf-hover-slide-start,.sf-hover-slide-end{transition-property:scale,translate;transition-duration:var(--sf-duration-normal);transition-timing-function:var(--sf-ease-out)}.sf-hover-grow:hover{scale:var(--sf-hover-grow-scale,1.05)}.sf-hover-shrink:hover{scale:var(--sf-hover-shrink-scale,.95)}.sf-hover-float:hover{translate:0 calc(-1 * var(--sf-hover-lift,.25em))}.sf-hover-sink:hover{translate:0 var(--sf-hover-lift,.25em)}.sf-hover-slide-start:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-hover-slide-end:hover,:where([dir=rtl]) .sf-hover-slide-start:hover{translate:var(--sf-hover-slide,.5em) 0}:where([dir=rtl]) .sf-hover-slide-end:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-list-none{padding-inline-start:0;list-style:none}.sf-marker--primary :not(.sf-prose *)::marker,.sf-marker--primary:not(.sf-prose *)::marker{color:var(--sf-color-primary)}.sf-marker--secondary :not(.sf-prose *)::marker,.sf-marker--secondary:not(.sf-prose *)::marker{color:var(--sf-color-secondary)}.sf-marker--tertiary :not(.sf-prose *)::marker,.sf-marker--tertiary:not(.sf-prose *)::marker{color:var(--sf-color-tertiary)}.sf-marker--action :not(.sf-prose *)::marker,.sf-marker--action:not(.sf-prose *)::marker{color:var(--sf-color-action)}.sf-selection--alt{--sf-color-selection-bg:var(--sf-color-selection-bg--alt);--sf-color-selection-text:var(--sf-color-selection-text--alt)}.sf-sticky{z-index:var(--sf-z-sticky);position:sticky;inset-block-start:var(--sf-sticky-offset,0)}.sf-sticky--s{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-s))}.sf-sticky--m{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-m))}.sf-sticky--l{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-l))}.sf-width-10,.sf-width-20,.sf-width-30,.sf-width-40,.sf-width-50,.sf-width-60,.sf-width-70,.sf-width-80,.sf-width-90{inline-size:100%;margin-inline:auto}.sf-width-10{max-inline-size:calc(var(--sf-content-width) * .1)}.sf-width-20{max-inline-size:calc(var(--sf-content-width) * .2)}.sf-width-30{max-inline-size:calc(var(--sf-content-width) * .3)}.sf-width-40{max-inline-size:calc(var(--sf-content-width) * .4)}.sf-width-50{max-inline-size:calc(var(--sf-content-width) * .5)}.sf-width-60{max-inline-size:calc(var(--sf-content-width) * .6)}.sf-width-70{max-inline-size:calc(var(--sf-content-width) * .7)}.sf-width-80{max-inline-size:calc(var(--sf-content-width) * .8)}.sf-width-90{max-inline-size:calc(var(--sf-content-width) * .9)}.sf-width-full{inline-size:100%;max-inline-size:none}.sf-width-auto{inline-size:auto}.sf-width-fit{inline-size:fit-content}.sf-width-min{inline-size:min-content}.sf-width-max{inline-size:max-content}}
/*# sourceMappingURL=slashed.full.min.css.map */
diff --git a/SLASHED-for-WP/dist/slashed.optimal.css b/SLASHED-for-WP/dist/slashed.optimal.css
index f612d7c..644b7fa 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.30 — slashed.optimal.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.31 — slashed.optimal.css | MIT License | github.com/codeslash-dev/SLASHED */
/* ─── core/layers.css ─── */
/* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/dist/slashed.optimal.flat.css b/SLASHED-for-WP/dist/slashed.optimal.flat.css
index d3cbeaf..a69a0c1 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.flat.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.flat.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.30 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.31 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
/* ─── core/layers.css ─── */
/* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/dist/slashed.optimal.flat.min.css b/SLASHED-for-WP/dist/slashed.optimal.flat.min.css
index 7ab3ee9..a26aab6 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.flat.min.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.flat.min.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.30 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.31 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
@property --sf-color-primary-source-light{syntax:"";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-radius-none{syntax:"";inherits:true;initial-value:0}@property --sf-radius-2xs{syntax:"";inherits:true;initial-value:0}@property --sf-radius-xs{syntax:"";inherits:true;initial-value:0}@property --sf-radius-s{syntax:"";inherits:true;initial-value:0}@property --sf-radius-m{syntax:"";inherits:true;initial-value:0}@property --sf-radius-l{syntax:"";inherits:true;initial-value:0}@property --sf-radius-xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-2xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-3xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-4xl{syntax:"";inherits:true;initial-value:0}@property --sf-radius-full{syntax:"";inherits:true;initial-value:9999px}@property --sf-radius-pill{syntax:"";inherits:true;initial-value:9999px}@property --sf-radius-outer{syntax:"";inherits:true;initial-value:0}@property --sf-media-radius{syntax:"";inherits:true;initial-value:0}@property --sf-space-none{syntax:"";inherits:true;initial-value:0}@property --sf-space-px{syntax:"";inherits:true;initial-value:1px}@property --sf-space-2xs{syntax:"";inherits:true;initial-value:0}@property --sf-space-xs{syntax:"";inherits:true;initial-value:0}@property --sf-space-s{syntax:"";inherits:true;initial-value:0}@property --sf-space-m{syntax:"";inherits:true;initial-value:0}@property --sf-space-l{syntax:"";inherits:true;initial-value:0}@property --sf-space-xl{syntax:"