.card:has(.callout-swatch-block.svelte-18vmz2i){border:none;flex-direction:column;display:flex;overflow:hidden}.callout-swatch-block.svelte-18vmz2i{justify-content:flex-start;align-items:center;gap:var(--fp-space-3);height:80px;padding:0 var(--fp-space-4);display:flex}.hex-square.svelte-18vmz2i{border-radius:var(--fp-radius-sm);border:1px solid #0003;flex-shrink:0;width:32px;height:32px}.callout-swatch-hex.svelte-18vmz2i{font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:#000000b8;letter-spacing:var(--fp-tracking-wide)}.callout-body.svelte-18vmz2i{gap:var(--fp-space-2);padding:var(--fp-space-4) var(--fp-space-4) var(--fp-space-3);flex:1;display:grid}.callout-body.svelte-18vmz2i .badge{justify-self:start}.callout-note.svelte-18vmz2i{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}.callout-figure.svelte-18vmz2i{margin:0}.callout-figure.svelte-18vmz2i img:where(.svelte-18vmz2i){aspect-ratio:1200/320;object-fit:cover;background:var(--fp-bg-panel);width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border:none;display:block}.sub-lede.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-sm);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);max-width:70ch;margin:0 0 var(--fp-space-5)}.screenshot.svelte-17uyemm img:where(.svelte-17uyemm){border-radius:var(--fp-radius-sm)}.two-col.svelte-17uyemm{margin-bottom:var(--fp-space-7);grid-template-columns:1fr 1fr;align-items:stretch}@media (width<=810px){.two-col.svelte-17uyemm{grid-template-columns:1fr}}.swatch.lg.svelte-17uyemm{width:28px;height:28px;margin-top:2px}.micro-note.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-sm);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:0}.var-grid.svelte-17uyemm{gap:var(--fp-space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;padding:0;list-style:none;display:grid}.var-grid.svelte-17uyemm li:where(.svelte-17uyemm){padding:var(--fp-space-4);background:var(--section-surface);border:var(--fp-border-width) solid var(--fp-border);border-radius:var(--fp-radius-sm)}.var-row.svelte-17uyemm{gap:var(--fp-space-3);grid-template-columns:36px 1fr;align-items:start;display:grid}.var-meta.svelte-17uyemm{gap:var(--fp-space-2);margin-bottom:var(--fp-space-1);flex-wrap:wrap;align-items:center;display:inline-flex}.var-name.svelte-17uyemm{font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:var(--fp-ink-primary)}.var-hex.svelte-17uyemm{font-family:var(--fp-font-display);font-size:var(--fp-text-xs);color:var(--fp-accent-yellow);display:block}.var-note.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:var(--fp-space-1) 0 0}.remap-table.svelte-17uyemm{border-collapse:collapse;width:100%;font-family:var(--fp-font-display);font-size:var(--fp-text-sm)}.remap-table.svelte-17uyemm th:where(.svelte-17uyemm){text-align:left;font-size:var(--fp-text-xs);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-ink-muted);padding:var(--fp-space-2) var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border-strong);white-space:nowrap}.remap-table.svelte-17uyemm td:where(.svelte-17uyemm){padding:var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border);vertical-align:middle}.remap-obsidian.svelte-17uyemm code:where(.svelte-17uyemm){color:var(--fp-accent-cyan);white-space:nowrap}.remap-target.svelte-17uyemm code:where(.svelte-17uyemm){color:var(--fp-accent-blue);white-space:nowrap}.remap-note.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-accent-green);line-height:var(--fp-leading-normal)}@media (width<=700px){.remap-table.svelte-17uyemm thead:where(.svelte-17uyemm){display:none}.remap-table.svelte-17uyemm tr:where(.svelte-17uyemm){gap:0 var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border);padding:var(--fp-space-3) 0;grid-template-columns:1fr 1fr;display:grid}.remap-table.svelte-17uyemm td:where(.svelte-17uyemm){padding:var(--fp-space-1) 0;border-bottom:none}.remap-note.svelte-17uyemm{grid-column:1/-1}}.two-col.svelte-17uyemm .codeblock{box-sizing:border-box;height:100%;margin:0}.md-right.svelte-17uyemm{gap:var(--fp-space-5);flex-direction:column;display:flex}.prose-table-wrap.svelte-17uyemm{overflow-x:auto}.prose-table.svelte-17uyemm{border-collapse:collapse;width:100%;font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:var(--fp-ink-primary)}.prose-table.svelte-17uyemm th:where(.svelte-17uyemm){text-align:left;font-size:var(--fp-text-xs);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-accent-cyan);padding:var(--fp-space-2) var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border-strong)}.prose-table.svelte-17uyemm td:where(.svelte-17uyemm){padding:var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border);vertical-align:top}.prose-color.svelte-17uyemm{gap:var(--fp-space-2);align-items:center;display:inline-flex}.prose-selector.svelte-17uyemm{font-size:var(--fp-text-xs);color:var(--fp-ink-muted)}.token-grid.svelte-17uyemm{gap:var(--fp-space-4);margin:0 0 var(--fp-space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=480px){.token-grid.svelte-17uyemm{gap:var(--fp-space-3);grid-template-columns:repeat(2,1fr)}}.callout-grid.svelte-17uyemm{gap:var(--fp-space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.callout-grid.svelte-17uyemm{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.callout-grid.svelte-17uyemm{grid-template-columns:1fr}}.chrome-swatch-grid.svelte-17uyemm{gap:var(--fp-space-4);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1100px){.chrome-swatch-grid.svelte-17uyemm{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.chrome-swatch-grid.svelte-17uyemm{grid-template-columns:1fr}}kbd.svelte-17uyemm{font-family:var(--fp-font-display);background:var(--fp-bg-deep);border:var(--fp-border-width) solid var(--fp-border);border-radius:var(--fp-radius-sm);color:var(--fp-ink-primary);padding:1px 6px;font-size:.85em}.profile-download.svelte-17uyemm{align-items:center;gap:var(--fp-space-4);margin-bottom:var(--fp-space-5);flex-wrap:wrap;display:flex}.profile-download-meta.svelte-17uyemm{gap:var(--fp-space-2);align-items:center;display:inline-flex}