.filters{--filters-row: 18px;--filters-gap: 12px;--filters-shade: 20px}.filters__inner{padding:24px var(--page-padding)}.filters__row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.filters__toggle,.filters__group-title,.filters__value,.filters__active-item{font-size:14px;font-weight:600;line-height:120%;color:var(--color-content);text-decoration:none}.filters__toggle{align-self:start;text-align:left}.filters__toggle-close,.filters.open .filters__toggle-open{display:none}.filters.open .filters__toggle-close{display:block}.filters__collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration)}.filters__collapse>*{overflow:hidden;min-height:0}.filters.open .filters__collapse{grid-template-rows:1fr}.filters__collapse--groups{grid-column:2 / -1}.filters__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.filters__group{display:flex;flex-direction:column;gap:18px}.filters__values{display:flex;flex-direction:column;gap:var(--filters-gap);margin:0;padding:0;list-style:none}.filters__group--scroll .filters__values{max-height:calc((var(--filters-row) + var(--filters-gap)) * var(--filters-values));overflow-y:auto;padding-bottom:var(--filters-shade)}.filters__group--scroll{position:relative}.filters__group--scroll:after{content:"";position:absolute;right:0;bottom:0;left:0;height:var(--filters-shade);background:linear-gradient(transparent,var(--color-background));pointer-events:none}.filters__value{display:flex;align-items:center;gap:9px;cursor:pointer}.filters__value:hover span{text-decoration:underline}.filters__value:has(:disabled){opacity:.4;cursor:not-allowed}.filters__swatch{flex-shrink:0;width:18px;height:18px;background-size:cover;background-position:center}.filters__active{display:flex;flex-wrap:wrap;gap:24px;transition:margin-top var(--duration)}.filters.open .filters__active:not(:empty){margin-top:32px}.filters__active-item{display:flex;align-items:center;gap:9px}.filters__active-item .icon{width:14px;height:14px}.filters__active-item:hover span{text-decoration:underline}@media screen and (max-width:989px){.filters__row{grid-template-columns:repeat(3,1fr)}.filters__groups{grid-template-columns:repeat(2,1fr);gap:24px 12px}}@media screen and (max-width:749px){.filters__row{display:block}.filters__groups{grid-template-columns:1fr;gap:24px}.filters__group:first-of-type{padding:24px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-collection-filters.css.map */