.badge.svelte-dtbgkf{align-items:center;gap:var(--fp-space-1);font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);font-weight:var(--fp-weight-medium);letter-spacing:var(--fp-tracking-wide);border-radius:var(--fp-radius-sm);border:var(--fp-border-width) solid currentColor;text-transform:uppercase;padding:2px 8px;line-height:1.4;display:inline-flex}.tone-neutral.svelte-dtbgkf{color:var(--fp-ink-muted)}.tone-info.svelte-dtbgkf{color:var(--fp-accent-blue)}.tone-success.svelte-dtbgkf{color:var(--fp-accent-green)}.tone-warning.svelte-dtbgkf{color:var(--fp-accent-gold)}.tone-danger.svelte-dtbgkf{color:var(--fp-accent-orange)}.tone-magenta.svelte-dtbgkf{color:var(--fp-accent-magenta)}.variant-solid.svelte-dtbgkf{color:var(--fp-bg-deep);background:currentColor}.variant-solid.svelte-dtbgkf *{color:var(--fp-bg-deep)}.sr-only.svelte-dtbgkf{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.codeblock.svelte-1e06m8e{margin:var(--fp-space-5) 0;background:var(--fp-bg-panel);border:var(--fp-border-width) solid var(--fp-border);border-radius:var(--fp-radius-sm);overflow:hidden}.head.svelte-1e06m8e{padding:var(--fp-space-2) var(--fp-space-4);background:var(--fp-bg-sink);border-bottom:var(--fp-border-width) solid var(--fp-border);font-family:var(--fp-font-display);font-size:var(--fp-text-xs);justify-content:space-between;align-items:center;display:flex}.head-left.svelte-1e06m8e{gap:var(--fp-space-3);align-items:center;display:flex}.filename.svelte-1e06m8e{color:var(--fp-ink-muted)}.lang.svelte-1e06m8e{color:var(--fp-accent-cyan);letter-spacing:var(--fp-tracking-wider);text-transform:uppercase}.copy.svelte-1e06m8e{border:var(--fp-border-width) solid var(--fp-border);color:var(--fp-ink-muted);font-family:var(--fp-font-display);font-size:var(--fp-text-xs);border-radius:var(--fp-radius-sm);cursor:pointer;transition:all var(--fp-duration-fast) var(--fp-ease-out);background:0 0;padding:4px 10px}.copy.svelte-1e06m8e:hover{color:var(--fp-accent-cyan);border-color:var(--fp-accent-cyan)}.copy.svelte-1e06m8e:focus-visible{outline:2px solid var(--fp-focus-ring);outline-offset:2px}.code.svelte-1e06m8e{padding:var(--fp-space-4) var(--fp-space-5);font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:var(--fp-ink-primary);line-height:var(--fp-leading-normal);tab-size:2;margin:0;overflow-x:auto}.shiki-wrap.svelte-1e06m8e pre{padding:var(--fp-space-4) var(--fp-space-5);font-family:var(--fp-font-display);font-size:var(--fp-text-sm);line-height:var(--fp-leading-normal);tab-size:2;margin:0;overflow-x:auto;background:var(--fp-bg-panel)!important}.shiki-wrap.svelte-1e06m8e pre code{font-family:inherit;font-size:inherit;background:0 0;padding:0}.sr-only.svelte-1e06m8e{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.callout.svelte-1ezppec{border:var(--fp-border-width) solid var(--fp-border);border-left:var(--fp-border-width-strong) solid var(--tone-color);background:var(--fp-bg-panel);padding:var(--fp-space-4) var(--fp-space-5);margin:var(--fp-space-5) 0;border-radius:var(--fp-radius-sm)}.head.svelte-1ezppec{align-items:center;gap:var(--fp-space-2);margin-bottom:var(--fp-space-2);font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);font-weight:var(--fp-weight-semibold);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--tone-color);display:flex}.glyph.svelte-1ezppec{font-size:var(--fp-text-sm)}.body.svelte-1ezppec{color:var(--fp-ink-primary);font-size:var(--fp-text-sm);line-height:var(--fp-leading-normal)}.body.svelte-1ezppec p:first-child{margin-top:0}.body.svelte-1ezppec p:last-child{margin-bottom:0}.small-swatch-inner.svelte-dhrm95{gap:var(--fp-space-2);display:grid}.small-swatch-meta.svelte-dhrm95{gap:var(--fp-space-2);flex-wrap:wrap;align-items:center;display:inline-flex}.small-swatch-block.svelte-dhrm95{border-radius:var(--fp-radius-sm);border:var(--fp-border-width) solid var(--fp-border-strong);flex-shrink:0;width:16px;height:16px}.small-swatch-sample.svelte-dhrm95{font-family:var(--fp-font-display);font-size:var(--fp-text-md)}.small-swatch-hex.svelte-dhrm95{font-family:var(--fp-font-display);font-size:var(--fp-text-xs);color:var(--fp-accent-yellow)}.small-swatch-note.svelte-dhrm95{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:0}