.op.svelte-1x2fxfu{flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);width:100%;max-width:72rem;display:flex}.op__eyebrow.svelte-1x2fxfu{color:var(--primary,#39ac6e);font-size:var(--fs-sm,.875rem);align-items:center;gap:.45rem;margin:0;font-weight:600;line-height:1.25;display:inline-flex}.op__eyebrow.svelte-1x2fxfu:before{content:"";width:.45rem;height:.45rem;box-shadow:0 0 0 4px color-mix(in oklch, currentColor 14%, transparent);background:currentColor;border-radius:999px;flex:none}.op__head.svelte-1x2fxfu{flex-direction:column;gap:.6rem;margin-top:-.75rem;display:flex}.op__name.svelte-1x2fxfu{font-family:var(--font-display,sans-serif);letter-spacing:-.045em;color:var(--ink-1);margin:0;font-size:clamp(2rem,4vw,3.25rem);font-weight:650;line-height:1.05}.op__desc.svelte-1x2fxfu{max-width:60ch;color:var(--ink-2);line-height:var(--lh-relaxed,1.6);margin:0}.op__calls.svelte-1x2fxfu{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.2rem 0 0;display:flex}.op__module.svelte-1x2fxfu{font-size:var(--fs-xs,.75rem);color:var(--ink-3);margin-right:.2rem}.op__calls.svelte-1x2fxfu code:where(.svelte-1x2fxfu),.op__table.svelte-1x2fxfu code:where(.svelte-1x2fxfu){font-family:var(--font-mono,ui-monospace, monospace);border-radius:var(--havn-radius-sm,4px);background:var(--paper-2);border:1px solid var(--rule-3);color:var(--ink-1);padding:.1rem .4rem;font-size:.8125rem}.op__showcase.svelte-1x2fxfu{flex-direction:column;gap:.5rem;display:flex;container-type:inline-size}.op__showcase-head.svelte-1x2fxfu{border-bottom:1px solid var(--rule-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:0 .25rem .75rem;display:flex}.op__showcase-head.svelte-1x2fxfu h2:where(.svelte-1x2fxfu){font-size:var(--fs-sm,.875rem);color:var(--ink-1);margin:0;font-weight:600}.op__meta.svelte-1x2fxfu{font-size:var(--fs-xs,.75rem);color:var(--ink-3);font-weight:500}.op__grid.svelte-1x2fxfu{border:1px solid var(--rule-2);background:var(--card,var(--paper,#f8fafd));box-shadow:0 1px 2px color-mix(in oklch, var(--ink-1,#23262d) 4%, transparent);border-radius:.875rem;grid-template-columns:minmax(0,1fr);display:grid}.op__stage.svelte-1x2fxfu{place-items:center;min-width:0;min-height:15rem;display:grid;position:relative}.op__bg.svelte-1x2fxfu{pointer-events:none;border-radius:.875rem .875rem 0 0;position:absolute;inset:0;overflow:hidden}.op__grid--solo.svelte-1x2fxfu .op__bg:where(.svelte-1x2fxfu){border-radius:.875rem}.op__frame.svelte-1x2fxfu{width:100%;max-width:26rem;padding:1rem;position:relative}.op__panel.svelte-1x2fxfu{border-top:1px solid var(--rule-2);min-width:0}.op__panel-body.svelte-1x2fxfu{padding:.25rem}.op__panel-body.svelte-1x2fxfu .tg-controls{box-shadow:none;background:0 0;border:0;border-radius:0}.op__panel-body.svelte-1x2fxfu .tg-controls__title{border-bottom:0;padding-bottom:0}@container (width>=36rem){.op__grid.svelte-1x2fxfu{grid-template-columns:minmax(0,1fr) 14.5rem}.op__grid--solo.svelte-1x2fxfu{grid-template-columns:minmax(0,1fr)}.op__stage.svelte-1x2fxfu{min-height:20rem}.op__bg.svelte-1x2fxfu{border-radius:.875rem 0 0 .875rem}.op__panel.svelte-1x2fxfu{border-top:0;border-left:1px solid var(--rule-2)}}@container (width>=48rem){.op__grid.svelte-1x2fxfu{grid-template-columns:minmax(0,1fr) 16.5rem}.op__stage.svelte-1x2fxfu{min-height:24rem}.op__frame.svelte-1x2fxfu{max-width:32rem;padding:1.5rem}}@container (width>=60rem){.op__grid.svelte-1x2fxfu{grid-template-columns:minmax(0,1fr) 18rem}.op__stage.svelte-1x2fxfu{min-height:27rem}.op__frame.svelte-1x2fxfu{max-width:36rem;padding:2rem}}.op__docs.svelte-1x2fxfu{flex-direction:column;gap:.75rem;display:flex}.op__section-head.svelte-1x2fxfu{justify-content:space-between;align-items:center;display:flex}.op__section-head.svelte-1x2fxfu h2:where(.svelte-1x2fxfu){font-size:var(--fs-h3,1.25rem);color:var(--ink-1);margin:0;font-weight:600}.op__copy.svelte-1x2fxfu{border:1px solid var(--rule-2);background:var(--paper);color:var(--ink-2);border-radius:var(--havn-radius-md,6px);font-size:var(--fs-xs,.75rem);cursor:pointer;padding:.25rem .7rem}.op__copy.svelte-1x2fxfu:hover{color:var(--ink-1);border-color:var(--rule-1)}.op__code.svelte-1x2fxfu{border:1px solid var(--rule-2);border-radius:var(--havn-radius-md,.5rem);background:var(--bg,#0e0f0d);overflow:hidden}.op__code-bar.svelte-1x2fxfu{border-bottom:1px solid color-mix(in oklch, var(--fg-1,#f2f0e6) 14%, transparent);font-size:var(--fs-xs,.75rem);color:var(--fg-4,#a9b0a8);justify-content:space-between;padding:.5rem .75rem;display:flex}.op__code.svelte-1x2fxfu pre:where(.svelte-1x2fxfu){font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg-1,#f2f0e6);margin:0;padding:clamp(1rem,3vw,1.5rem);font-size:.8125rem;line-height:1.65;overflow-x:auto}.op__table-wrap.svelte-1x2fxfu{border:1px solid var(--rule-2);border-radius:var(--radius-md,.75rem);overflow-x:auto}.op__table.svelte-1x2fxfu{border-collapse:collapse;width:100%;font-size:var(--fs-sm,.875rem)}.op__table.svelte-1x2fxfu th:where(.svelte-1x2fxfu),.op__table.svelte-1x2fxfu td:where(.svelte-1x2fxfu){text-align:left;border-bottom:1px solid var(--rule-3);vertical-align:top;color:var(--ink-2);padding:.6rem .9rem}.op__table.svelte-1x2fxfu thead:where(.svelte-1x2fxfu) th:where(.svelte-1x2fxfu){background:var(--paper-2);color:var(--ink-3);font-weight:500;font-size:var(--fs-xs,.75rem)}.op__table.svelte-1x2fxfu tbody:where(.svelte-1x2fxfu) tr:where(.svelte-1x2fxfu):last-child th:where(.svelte-1x2fxfu),.op__table.svelte-1x2fxfu tbody:where(.svelte-1x2fxfu) tr:where(.svelte-1x2fxfu):last-child td:where(.svelte-1x2fxfu){border-bottom:0}.op__returns.svelte-1x2fxfu{color:var(--ink-2);font-size:var(--fs-sm,.875rem);margin:0}.op__notes.svelte-1x2fxfu{color:var(--ink-2);margin:0;padding-left:1.2rem;line-height:1.7}.op__pager.svelte-1x2fxfu{border-top:1px solid var(--rule-3);grid-template-columns:1fr 1fr;gap:1rem;padding-top:1.2rem;display:grid}.op__page.svelte-1x2fxfu{border:1px solid var(--rule-2);border-radius:var(--radius-md,.75rem);color:var(--ink-1);flex-direction:column;gap:.2rem;padding:.8rem 1rem;font-weight:500;text-decoration:none;display:flex}.op__page.svelte-1x2fxfu span:where(.svelte-1x2fxfu){font-size:var(--fs-xs,.75rem);color:var(--ink-3);font-weight:400}.op__page--next.svelte-1x2fxfu{text-align:right;grid-column:2}@media (hover:hover) and (pointer:fine){.op__page.svelte-1x2fxfu:hover{border-color:var(--primary)}}.missing.svelte-ix3tjo{color:var(--ink-3)}.missing.svelte-ix3tjo a:where(.svelte-ix3tjo){color:var(--link,var(--primary))}