.filter-item{--swatch-size: 26px;--height-input: 44px;list-style:none;margin:0;padding:0;transition:transform .2s}.filter-item+.filter-item:not(.filter-item--chip){margin-top:16px;margin-top:var(--spacing-4)}.filter-group__list--sort .filter-item+.filter-item:not(.filter-item--chip){margin-top:12px;margin-top:var(--spacing-3)}.filter-item.filter-item--chip{display:flex}.filter-item.filter-item--chip .filter-item__content{padding:0}.filter-item__content{transition:background-color .3s}.filter-item--chip .filter-item__content{display:flex;width:100%}.filter-item__content-inner{display:inline-flex;align-items:center;cursor:pointer}.filter-item--chip .filter-item__content-inner{display:flex;align-items:stretch;width:100%}.filter-input__input{width:16px;width:var(--spacing-4);height:16px;height:var(--spacing-4);border:1px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:space-around}.filter-item__checkbox{color:var(--color-text)}.filter-item__checkbox:checked+.filter-item__content-inner .filter-input__input{border-color:var(--color-text)}.filter-item__checkbox:checked+.filter-item__content-inner .filter-input__input .icon{opacity:1}.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__chip{border-color:var(--color-text);box-shadow:0 0 0 1px var(--color-text)}.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__swatch{box-shadow:0 0 0 1px inset var(--color-text-8-percent),0 0 0 2px var(--color-text)}.filter-item__checkbox:checked+.filter-item__content-inner .filter-item__swatch .icon{opacity:1}.filter-item__checkbox:disabled+.filter-item__content-inner{color:var(--color-text-meta);cursor:default}.filter-item__checkbox:disabled+.filter-item__content-inner .filter-input__input{border-color:var(--color-border-input-alpha);background-color:var(--color-text-input-alpha)}.filter-item__checkbox:disabled+.filter-item__content-inner .filter-item__swatch{opacity:.6}.filter-item__checkbox:disabled+.filter-item__content-inner .filter-item__chip{border-color:var(--color-border-input-alpha);background-color:var(--color-text-input-alpha);-webkit-text-decoration:line-through;text-decoration:line-through}.filter-input__input{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-input);color:var(--color-text-popover)}.filter-input__input .icon{display:flex;width:10px;height:10px;color:var(--color-text-popover);opacity:0;transition:opacity .3s}.filter-item__radio{border-radius:100%;margin:0;width:24px;height:24px;border:1px solid var(--color-border)}.filter-item__radio+.filter-item__content-inner .filter-input__input{border-radius:100%;margin:0;border:1px solid var(--color-border);background-color:var(--color-background)}.filter-item__radio+.filter-item__content-inner .filter-input__input .indicator{border-radius:100%;width:8px;width:var(--spacing-2);height:8px;height:var(--spacing-2);background-color:var(--color-text);opacity:0}.filter-item__radio:checked+.filter-item__content-inner .filter-input__input{border-color:var(--color-text)}.filter-item__radio:checked+.filter-item__content-inner .filter-input__input .indicator{opacity:1}.filter-item__count{padding-left:4px;padding-left:var(--spacing-1);color:var(--color-text-meta)}.filter-item__label{display:flex;align-items:center;padding-left:12px;padding-left:var(--spacing-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-item__label span{margin-left:auto;color:var(--color-text)}.filter-item__chip{display:flex;justify-content:center;align-items:center;width:100%;padding:8px 16px;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-background);border:1px solid var(--color-border);box-shadow:0 0 0 0 var(--color-border);line-height:1;text-align:center;transition:border-color .2s,box-shadow .2s}.filter-item__swatch{display:flex;width:var(--swatch-size);height:var(--swatch-size);border:2px solid var(--color-background);box-shadow:0 0 0 1px inset var(--color-text-8-percent),0 0 0 0 var(--color-border);transition:box-shadow .2s;background-size:cover;background-position:center center}.filter-item__swatch[data-shape=round]{border-radius:100%}.filter-item__swatch[data-shape=rectangle]{width:39px;height:24px}.filter-item__swatch[data-shape=rectangle] .icon{width:15px;height:15px}.filter-item__swatch .icon{display:flex;width:18px;height:18px;margin:auto;color:var(--color-background);opacity:0;transition:opacity .3s}.filter-item__swatch .icon path{filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}