#shop-color-controls{margin:18px 0 22px;padding:18px;background:#f0f0e6;border:1px solid #cdd4c4;border-radius:4px;scroll-margin-top:24px}#shop-color-controls h3{font-size:23px;margin-bottom:8px}#shop-color-controls>.help{margin:7px 0 12px}.shop-color-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.shop-color-swatches button{background:transparent;color:var(--ink);border:1px solid transparent;padding:7px 2px;border-radius:4px;font:10px/1.3 Arial;min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px}.shop-color-swatches button[aria-pressed=true]{border-color:var(--green);background:var(--white)}.shop-color-swatches button:hover{background:var(--white)}.shop-color-chip{width:30px;height:30px;display:block;border-radius:50%;border:1px solid #0002}.shop-color-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;margin-top:12px}.shop-color-links a{color:var(--green)}#shop-color-selection:empty{display:none}@media(max-width:380px){#shop-color-controls{padding:12px}.shop-color-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.shop-color-swatches button{font-size:9px}}
.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid select{font-size:12px;padding:10px 7px}.shop-color-swatches[data-color-group=essential]{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}#shop-color-controls details{margin-top:12px}#shop-color-controls summary{font-size:17px}