.color-grid.svelte-1l811il{gap:var(--bd-s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-specimens.svelte-1l811il{gap:var(--bd-s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-spec.svelte-1l811il{border:1px solid var(--bd-border);border-radius:var(--bd-r-card);min-height:180px;position:relative;overflow:hidden}.grid-spec.wide.svelte-1l811il{grid-column:1/-1;min-height:220px}.fade-content.svelte-1l811il{gap:var(--bd-s-2);margin:var(--bd-s-5);padding:var(--bd-s-4);background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);flex-direction:column;display:flex}.grid-label.svelte-1l811il{top:var(--bd-s-3);left:var(--bd-s-3);color:var(--bd-text);background:var(--bd-surface);padding:var(--bd-s-1) var(--bd-s-2);border-radius:var(--bd-r-pill);border:1px solid var(--bd-border);position:absolute}.grid-code.svelte-1l811il{bottom:var(--bd-s-3);left:var(--bd-s-3);color:var(--bd-text-muted);background:var(--bd-surface);padding:var(--bd-s-1) var(--bd-s-2);border-radius:var(--bd-r-btn);border:1px solid var(--bd-border);position:absolute}@media (width<=767px){.color-grid.svelte-1l811il{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-specimens.svelte-1l811il{grid-template-columns:1fr}}@media (width<=639px){.grid-spec.svelte-1l811il{min-height:140px}.grid-spec.wide.svelte-1l811il{min-height:160px}}.foundation-shell.svelte-1l811il{width:100%;min-width:0}.foundation-section-head.svelte-1l811il{align-items:baseline;gap:var(--bd-s-5);margin-bottom:var(--bd-s-5);flex-wrap:wrap;display:flex}.foundation-section-title.svelte-1l811il{margin:0}.foundation-grid.svelte-1l811il{gap:var(--bd-s-6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width<=639px){.foundation-grid.svelte-1l811il{gap:var(--bd-s-4);grid-template-columns:minmax(0,1fr)}}