.color-palette{display:grid;grid-template-columns:repeat(6,36px);gap:8px;padding:3px}.color-palette>.palette-swatch{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #6b6962;border-radius:9px;background:var(--swatch);cursor:pointer}.color-palette>.palette-swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.color-palette>.palette-swatch[aria-pressed=true]::after{content:"✓";color:var(--ink);font-weight:900;font-size:17px}.color-palette>.palette-swatch:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.color-palette>.palette-swatch:disabled{opacity:.18;cursor:not-allowed}@media(max-width:600px){.color-palette{width:100%;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px}.color-palette>.palette-swatch{width:44px;height:44px}}