.collection-icons{position:absolute;width:0;height:0;overflow:hidden}.f-list.f-list--icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:0;padding:12px 4px 16px;list-style:none}.f-list--icons>.list__item,.collection-refinements .filter .filter__body>.f-list.f-list--icons>.list__item{padding:0;margin:0}.filter-icon-option{--filter-icon-color: var(--color-custom-text, #121212);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;box-sizing:border-box;padding:10px 4px 8px;border:1px solid transparent;border-radius:var(--border-radius, 2px);color:var(--filter-icon-color);text-align:center;cursor:pointer}.filter-icon-option__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.filter-icon-option__icon{position:relative;display:block;opacity:.72;transition:opacity .15s ease;pointer-events:none}.filter-icon-option__icon svg,.filter-icon-option__icon use{outline:none}.filter-icon-option__icon svg{display:block;width:48px;height:56px}.filter-icon-option__label{font-size:12px;line-height:1.3;overflow-wrap:anywhere}@media(hover:hover){.filter-icon-option:not(.is-disabled):hover .filter-icon-option__icon{opacity:1}}.filter-icon-option__input:checked~.filter-icon-option__icon{opacity:1}.filter-icon-option__input:checked~.filter-icon-option__icon:after{content:"";position:absolute;right:-10px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:var(--filter-icon-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.4 5 8.9 9.5 3.6'/%3E%3C/svg%3E") center / 12px no-repeat}.filter-icon-option__input:checked~.filter-icon-option__label{font-weight:600}@media(min-width:900px){.filter-icon-option__input:checked~.filter-icon-option__icon:after{right:-7px;bottom:0;width:15px;height:15px;background-size:9px}}.filter-icon-option:has(.filter-icon-option__input:focus-visible){outline:2px solid var(--color-links-active, currentColor);outline-offset:1px}.filter-icon-option.is-disabled{cursor:not-allowed;opacity:.35}@media(max-width:899px){.f-list.f-list--icons{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-icon-option{padding-inline:2px}.filter-icon-option__label{font-size:11px}}@media(max-width:899px){.collection-inline-filters__options--icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;padding:16px 12px 20px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/collection-filter-icons.css.map */