.filter-bar{display:block;width:100%;--fb-ease: cubic-bezier(.602, .007, .374, .995)}.filter-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.filter-bar__groups,.filter-bar__group,.filter-bar__drawer-list{display:contents}.filter-bar__toggle-icon{display:flex;align-items:center;flex-shrink:0}.filter-bar__toggle-icon svg{width:1.8rem;height:1.8rem}.filter-bar__chip,.filter-bar__toggle{display:flex;align-items:center;gap:.8rem;min-height:3.6rem;padding:.8rem 1.4rem;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--duration-default),background-color var(--duration-default)}.filter-bar__toggle{display:none}.filter-bar__chip-label{font-size:1.4rem;line-height:1.3;white-space:nowrap}.filter-bar__group--active>.filter-bar__chip,.filter-bar__chip[aria-expanded=true],.filter-bar__toggle[aria-expanded=true]{border-color:rgb(var(--color-foreground))}.filter-bar__chip-count[hidden]{display:none}.filter-bar__chip-count{display:flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .3rem;font-size:1rem;line-height:1;color:rgb(var(--color-button-text));background:rgb(var(--color-button));font-variant-numeric:slashed-zero}.filter-bar__chip-caret{display:flex;align-items:center;transition:transform var(--duration-default) var(--fb-ease)}.filter-bar .facet-sort-select__icon svg{width:1.8rem;height:1.8rem}.filter-bar__sort-short{display:none}.filter-bar__chip[aria-expanded=true] .filter-bar__chip-caret{transform:rotate(180deg)}@media screen and (hover:hover)and (pointer:fine){.filter-bar__chip:hover,.filter-bar__toggle:hover{border-color:rgb(var(--color-foreground))}}.filter-bar__sort{display:flex;align-items:center;gap:.8rem;margin-left:auto;min-height:3.6rem}.filter-bar__sort-label{font-size:1.2rem;color:rgb(var(--color-foreground-secondary));white-space:nowrap}@media screen and (max-width:989.98px){.filter-bar__row{gap:.6rem}.filter-bar__active{gap:.8rem;margin-top:1rem}.filter-bar__chip,.filter-bar__toggle,.filter-bar__sort{flex:0 1 auto;min-width:0}.filter-bar__sort{order:1;margin-left:0}.filter-bar__sort-label{display:none}.filter-bar__chip,.filter-bar__toggle{gap:.3rem;padding:.8rem .9rem}.filter-bar__chip-label,.filter-bar__sort-short{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar__sort-short{display:block}.filter-bar .facet-sort-select__current{position:absolute;width:.1rem;height:.1rem;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.filter-bar__chip-caret,.filter-bar__chip-count,.filter-bar__toggle-icon{flex-shrink:0}.filter-bar .facet-sort-select,.filter-bar .facet-sort-select__select{min-width:0}.filter-bar .facet-sort-select__select{min-height:3.6rem;padding:.8rem .9rem;gap:.3rem;border:.1rem solid rgb(var(--color-border));background:rgb(var(--color-background))}}@media screen and (min-width:576px)and (max-width:989.98px){.filter-bar__sort{order:0;margin-left:auto}}.filter-bar__scrim,.filter-bar__drawer-head,.filter-bar__drawer-foot{display:none}@media screen and (max-width:989.98px){.filter-bar__toggle{display:flex}.filter-bar__chip{display:none}.filter-bar__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;background:rgba(var(--color-foreground),.4);opacity:0;visibility:hidden;transition:opacity var(--duration-default) var(--fb-ease),visibility 0s linear var(--duration-default)}.filter-bar--drawer-open .filter-bar__scrim{opacity:1;visibility:visible;transition:opacity var(--duration-default) var(--fb-ease),visibility 0s linear 0s}.filter-bar__groups{display:flex;flex-direction:column;position:fixed;z-index:2;top:0;right:0;bottom:0;width:min(88vw,40rem);background:rgb(var(--color-background));transform:translate(100%);visibility:hidden;transition:transform var(--duration-default) var(--fb-ease),visibility 0s linear var(--duration-default)}.filter-bar--drawer-open .filter-bar__groups{transform:translate(0);visibility:visible;transition:transform var(--duration-default) var(--fb-ease),visibility 0s linear 0s}.filter-bar__drawer-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:1rem;padding:1.6rem}.filter-bar__drawer-title{font-family:var(--font-subtitle-family, inherit);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-secondary))}.filter-bar__drawer-close{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:-1.6rem -1.6rem -1.6rem 0;padding:1.6rem;background:none;border:0;color:rgb(var(--color-foreground));cursor:pointer}.filter-bar__drawer-close svg{width:1.4rem;height:1.4rem}.filter-bar__group{display:block;flex:0 0 auto}.filter-bar .filter-bar__panel{display:grid;grid-template-rows:minmax(0,1fr);opacity:1;background:none;transition:none}.filter-bar .filter-bar__panel-inner{padding:0 1.6rem 2.4rem}.filter-bar__drawer-list{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.filter-bar__drawer-foot{display:block;flex:0 0 auto;margin-top:auto;padding:1.6rem;border-top:.1rem solid rgb(var(--color-border))}.filter-bar__drawer-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.4rem;padding:1rem 1.6rem;background:rgb(var(--color-button));border:.1rem solid rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:calc(var(--font-button-scale, 1) * 1rem);font-family:var(--font-button-family);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-text-transform);cursor:pointer}.collection-top:has(.filter-bar--drawer-open){z-index:1000}}.filter-bar__panel{display:none;order:2;flex-basis:100%;grid-template-rows:minmax(0,0fr);opacity:0;background:rgb(var(--color-interface-elements));transition:grid-template-rows var(--duration-default) var(--fb-ease),opacity var(--duration-default) var(--fb-ease),display var(--duration-default) var(--fb-ease) allow-discrete}.filter-bar__panel-inner{overflow:hidden;min-height:0;padding:1.6rem}.filter-bar__group--open .filter-bar__panel{display:grid;grid-template-rows:minmax(0,1fr);opacity:1}@starting-style{.filter-bar__group--open .filter-bar__panel{grid-template-rows:minmax(0,0fr);opacity:0}}.filter-bar__panel-heading{margin:0 0 1.2rem;font-family:var(--font-subtitle-family, inherit);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-secondary))}.filter-bar__panel-note{margin:1.2rem 0 0;font-size:1.2rem;color:rgb(var(--color-foreground-secondary))}.filter-bar__options{display:flex;flex-wrap:wrap;gap:1rem}.filter-bar__option-wrap{display:contents}.filter-bar__option{display:flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:.8rem 1.4rem;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.4;cursor:pointer;transition:border-color var(--duration-default)}.filter-bar__option-count{font-size:1.2rem;color:rgb(var(--color-foreground-secondary));font-variant-numeric:slashed-zero}.filter-bar__swatch{width:1.6rem;height:1.6rem;flex-shrink:0;background:var(--swatch, transparent);border:.1rem solid rgba(var(--color-foreground),.15)}.filter-bar__input:checked+.filter-bar__option,.filter-bar__option--selected{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.filter-bar__option--disabled{opacity:.4;cursor:not-allowed}.filter-bar__input:focus-visible+.filter-bar__option{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (hover:hover)and (pointer:fine){.filter-bar__option:not(.filter-bar__option--disabled):hover{border-color:rgb(var(--color-foreground))}}@media screen and (max-width:989.98px){.filter-bar__options{flex-direction:column;gap:.8rem}.filter-bar__option{width:100%}.filter-bar__option-count{margin-left:auto}}.filter-bar__active{display:flex;flex-wrap:nowrap;align-items:center;gap:1rem;margin-top:1.2rem;margin-inline:-1rem;padding:.8rem 1rem}.filter-bar__showing{flex:0 0 auto;font-size:1.2rem;color:rgb(var(--color-foreground-secondary));white-space:nowrap;font-variant-numeric:tabular-nums}.filter-bar__active:not(:has(.filter-bar__clear-wrap)){display:none}.filter-bar__pills{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:.8rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.filter-bar__pills::-webkit-scrollbar{display:none}.filter-bar__pill-wrap,.filter-bar__clear-wrap{flex:0 0 auto}.filter-bar__pill{display:flex;align-items:center;gap:.6rem;min-height:2.8rem;padding:.4rem .9rem;background:rgb(var(--color-interface-elements));color:rgb(var(--color-foreground));font-size:1.2rem;text-decoration:none}.filter-bar__pill svg{width:1rem;height:1rem;color:rgb(var(--color-foreground-secondary))}.filter-bar__clear{color:rgb(var(--color-button-secondary));font-size:1.2rem;text-decoration:underline;text-underline-offset:.3rem;white-space:nowrap}@media screen and (hover:hover)and (pointer:fine){.filter-bar__pill:hover{opacity:var(--hover-opacity, .8)}}.collection-top__container--inline{display:block}.collection-hero__count{margin:.6rem 0 0;font-size:1.2rem;color:rgb(var(--color-foreground-secondary))}.collection-hero__count-separator{margin:0 .4rem}@media(prefers-reduced-motion:reduce){.filter-bar__panel,.filter-bar__chip-caret{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-filter-bar.css.map */