.filter-group{position:relative;margin:8px;margin:var(--spacing-2);border:solid 1px var(--color-border)}.filter-group.filter-group--active{z-index:1300;z-index:var(--z-index-modal);border-color:var(--color-text)}.filter-group:hover{border-color:var(--color-text)}.filter-group__label{position:relative;display:flex;align-items:center;padding:8px 12px;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background);white-space:nowrap}.filter-group__label .icon{width:10px;height:10px;display:flex;margin-left:8px;margin-left:var(--spacing-2);margin-top:3px;transition:color .5s cubic-bezier(.33,0,0,1),transform .5s cubic-bezier(.33,0,0,1);transition:color var(--duration-normal) var(--easing),transform var(--duration-normal) var(--easing);pointer-events:none}.filter-group__label[aria-expanded=true]{background-color:var(--color-background-meta);z-index:4}.filter-group__label[aria-expanded=true] .icon{transform:rotateX(180deg)}.filter-group__label-count{margin-left:8px;margin-left:var(--spacing-2);padding:4px;padding:var(--spacing-1);background-color:var(--color-text);color:var(--color-background);font-size:var(--font-size-body-50)}.filter-group__values{display:none;position:absolute;top:calc(100% - 1px);left:-1px;max-height:380px;min-width:max(calc(100% + 2px),260px);border:solid 1px var(--color-text);background-color:var(--color-background);z-index:1;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s cubic-bezier(.33,0,0,1),visibility 0s .1s,pointer-events 0s .1s;transition:opacity var(--duration-ultra-fast) var(--easing),visibility 0s var(--duration-ultra-fast),pointer-events 0s var(--duration-ultra-fast)}.filter-bar__sort-group .filter-group__values,.filter-bar__filters[aria-hidden=false] .filter-group__values{display:block}.filter-group__values[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:all;transition:opacity .1s cubic-bezier(.33,0,0,1),visibility .1s,pointer-events .1s;transition:opacity var(--duration-ultra-fast) var(--easing),visibility var(--duration-ultra-fast),pointer-events var(--duration-ultra-fast)}.filter-group__values.filter-group__values--right{left:auto;right:-1px}.filter-bar__sort-group .filter-group__values{top:100%;left:auto;right:0;z-index:1300;z-index:var(--z-index-modal)}.filter-group__values .filter-drawer__price-range{min-width:270px;padding:12px 12px 20px;padding:var(--spacing-3) var(--spacing-3) var(--spacing-5)}.filter-group__values-header{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 12px;padding:var(--spacing-2) var(--spacing-3);border-bottom:solid 1px var(--color-text);background-color:var(--color-background-meta)}.filter-group__values-active-values{flex-grow:1;width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-group__reset,.filter-group__values-header .filter-group__reset{color:var(--color-text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}.filter-group__reset.active,.filter-group__values-header .filter-group__reset.active{opacity:1;visibility:visible;pointer-events:all}.filter-group__values-active-values+.filter-group__reset,.filter-group__values-active-values+.filter-group__values-header .filter-group__reset{margin-left:8px;margin-left:var(--spacing-2)}.filter-group__list{margin:0;padding:12px;padding:var(--spacing-3);list-style:none;min-width:180px}.filter-group__list.filter-group__list--chips{display:flex;flex-wrap:wrap;min-width:280px}.filter-group__list.filter-group__list--chips[data-layout="3col"],.filter-group__list.filter-group__list--chips[data-layout="2col"]{display:grid;grid-gap:12px;grid-gap:var(--spacing-3)}.filter-group__list.filter-group__list--chips[data-layout="3col"]{grid-template-columns:repeat(3,1fr)}.filter-group__list.filter-group__list--chips[data-layout="2col"]{grid-template-columns:repeat(2,1fr)}.filter-group__list.filter-group__list--chips[data-layout=natural]{margin-top:-12px;margin-top:calc(var(--spacing-3) * -1)}.filter-group__list.filter-group__list--chips[data-layout=natural] .filter-item{margin-right:12px;margin-right:var(--spacing-3);margin-top:12px;margin-top:var(--spacing-3)}
