.zf-cp{padding:clamp(1.25rem,3vw,2rem) 0 .5rem;background:transparent}.zf-cp[hidden]{display:none}.zf-cp__label{font-weight:600;font-size:1rem;margin-bottom:.7rem;color:var(--zf-ink)}.zf-cp__chips{display:flex;flex-wrap:wrap;gap:.5rem}.zf-cp__chip{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem 1rem;border-radius:var(--zf-pill,999px);border:1.5px solid #c9c8d0;background:var(--zf-paper,#fff);color:var(--zf-ink);font:inherit;font-size:.95rem;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.zf-cp__chip:hover{border-color:var(--zf-navy)}.zf-cp__chip[aria-pressed=true]{background:var(--zf-navy);border-color:var(--zf-navy);color:var(--zf-cream)}.zf-cp__chip:focus-visible{outline:2px solid var(--zf-coral-ink);outline-offset:2px}.zf-cp__dot{width:18px;height:18px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #090a1133;flex:none}.zf-cp__status{margin-top:.75rem;color:#4a4d66;min-height:1.5em}.zf-cp__grid{list-style:none;margin:1.25rem 0 clamp(3rem,6vw,5rem);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.25rem) clamp(.75rem,1.5vw,1.25rem)}.zf-cp__grid[hidden]{display:none}.zf-cp__meta{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.zf-cp__shown{color:#4a4d66;font-size:.9rem}@media(max-width:999px){.zf-cp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.zf-cp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zf-cp__chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*var(--zf-gutter));padding:0 var(--zf-gutter) .4rem;scrollbar-width:none}.zf-cp__chips::-webkit-scrollbar{display:none}.zf-cp__chip{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/zf-colour-picker.css.map */