*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fafaf8;color:#1a1a18;line-height:1.6}.swatch-grid{display:grid;grid-gap:4px;gap:4px;margin-bottom:8px}.swatch-grid--card,.swatch-grid--detail{grid-template-columns:repeat(1,1fr)}.swatch-grid--detail{gap:6px;margin-bottom:12px}@media (min-width:480px){.swatch-grid--card,.swatch-grid--detail{grid-template-columns:repeat(var(--swatch-count),1fr)}}