.lx-colour-browse{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 24px;padding:14px 0}.lx-colour-browse[hidden],.lx-colour-message[hidden]{display:none}.lx-colour-browse>summary{cursor:pointer;font-size:14px;min-height:30px;padding:4px 0}.lx-colour-browse>summary>span:first-child{font-weight:600;margin-right:16px}#catalogue-family-current{color:var(--muted)}.lx-colour-browse>p{font-size:12px;color:var(--muted);margin:12px 0}.lx-colour-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px 12px;margin:12px 0 6px}.lx-colour-options button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 10px;background:#fff;border:1px solid transparent;text-align:left;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.lx-colour-options button[aria-pressed=true]{border-color:var(--ink)}.lx-colour-options button:hover{background:#f7f7f5}.lx-colour-options button:focus-visible,.lx-colour-browse>summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.lx-colour-swatch{width:17px;height:17px;border-radius:50%;border:1px solid rgba(0,0,0,.16);flex:none}.lx-colour-options [data-family-count]{margin-left:auto;font-size:11px;color:var(--muted)}.lx-colour-options button[data-family-empty=true]{color:var(--muted)}.lx-colour-message{font-size:14px;padding:12px 0}@media(max-width:420px){.lx-colour-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.lx-colour-options button{padding:9px 5px;font-size:12px}.lx-colour-browse>summary>span:first-child{margin-right:8px}}