accordion-custom[data-filter-param-name*=color] .facets__inputs-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 5px;padding:12px 0;justify-items:center}accordion-custom[data-filter-param-name*=color] .facets__inputs-list-item{display:grid;justify-items:center;align-content:start}.facet-color__item{position:relative;display:grid;justify-items:center;gap:7px;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.facet-color__item--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.facet-color__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.facet-color__swatch{cursor:pointer;width:25px;height:25px;border-radius:999px;background:var(--facet-color, transparent);box-shadow:0 0 0 .1rem rgb(var(--color-foreground-rgb) / var(--opacity-10-25));position:relative;overflow:hidden}.facet-color__input:checked+.facet-color__swatch{box-shadow:0 0 0 .2rem rgb(var(--color-foreground-rgb) / .9)}.facet-color__input:focus-visible+.facet-color__swatch{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.facet-color__input:checked+.facet-color__swatch:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:10px;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg"><path d="M1 5l3 3 9-7" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');pointer-events:none}.facet-color__input:checked+.facet-color__swatch.facet-color__swatch--light:after{background-image:url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg"><path d="M1 5l3 3 9-7" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.facet-color__input:disabled+.facet-color__swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,transparent 47%,rgb(var(--color-foreground-rgb) / var(--opacity-30)) 48%,rgb(var(--color-foreground-rgb) / var(--opacity-30)) 52%,transparent 53%);pointer-events:none}.facet-color__name{font-size:13px;text-align:center;text-transform:uppercase;line-height:1.1}
/*# sourceMappingURL=/cdn/shop/t/134/assets/custom-color-facets.css.map */