.tp-demo.svelte-k973i2{width:100%;max-width:380px}.custom-row.svelte-k973i2{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-k973i2{flex:1;min-width:0}.custom-row__playground.svelte-k973i2 .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-k973i2{flex:1;min-width:0}.custom-row__code.svelte-k973i2 .mc{margin:0;max-height:360px;overflow-y:auto;border-radius:6px}.custom-demo{width:100%;max-width:380px}.compat-note.svelte-k973i2{margin:1.5rem 0;padding:.75rem 1rem;border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b,transparent 92%);font-size:.85em;line-height:1.55;color:var(--ref-fg)}.compat-note.svelte-k973i2 strong:where(.svelte-k973i2){color:#d97706}.compat-note.svelte-k973i2 code:where(.svelte-k973i2){font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-bg),var(--ref-border) 30%);padding:1px 4px;border-radius:3px}.ic-ref-link{color:var(--ref-accent);font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-accent),transparent 90%);padding:1px 4px;border-radius:3px;text-decoration:none}.ic-ref-link:hover{text-decoration:underline}.comp-layout__content h1{margin-bottom:1rem}.comp-layout__content h2{margin-top:2.5rem;margin-bottom:.75rem}.comp-layout__content p{margin-bottom:1rem}