.fbar .fbar__panel-body:has(.cf-item),.filters .toggle-target-container:has(.cf-item){display:grid!important;grid-template-columns:repeat(4,minmax(60px,1fr))!important;gap:14px 6px;min-width:0}.fbar .fbar__panel:has(.cf-item){min-width:340px}.filter-group__item.cf-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:0;padding:4px 2px!important;text-align:center;font-size:12px;line-height:1.25;cursor:pointer}.cf-item .filter-group__checkbox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.cf-item .filter-group__item__text{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0!important}.cf-item .filter-group__item__text:before,.cf-item .filter-group__item__text:after,.cf-item .filter-tick{display:none!important}.cf-swatch{display:block;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 2px #fff;transition:transform .12s}.cf-item:hover .cf-swatch{transform:scale(1.06)}.cf-item.filter-group__item--active .cf-swatch{outline:2px solid #000;outline-offset:2px}.cf-item.filter-group__item--active{font-weight:600}.cf-item.filter-group__item--disabled{opacity:.35}.cf-item .filter-group__item__count{margin:0!important;font-size:11px;opacity:.55}@media(max-width:767.98px){.fbar .fbar__panel:has(.cf-item){min-width:0}.fbar .fbar__panel-body:has(.cf-item),.filters .toggle-target-container:has(.cf-item){grid-template-columns:repeat(4,1fr)!important;gap:8px 4px!important}.filter-group__item.cf-item{gap:2px;padding:2px!important;font-size:11px}.cf-item .filter-group__item__text{gap:4px}.cf-swatch{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px #fff}.cf-item.filter-group__item--active .cf-swatch,.cf-item:has(>input:checked) .cf-swatch{outline-width:1.5px;outline-offset:1.5px}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/colour-family.css.map */