@media(max-width:767.98px){.utility-bar--with-filter-bar{min-height:0;margin-bottom:0}.utility-bar--with-filter-bar>*{display:none}}.filter-bar{position:sticky;z-index:300;top:var(--theme-sticky-header-height, 0px);margin-inline:calc(var(--container-pad-x) * -1);margin-bottom:16px;padding-inline:var(--container-pad-x);border-bottom:1px solid rgb(var(--body-text-color) / var(--divider-opacity, .14));background:rgb(var(--body-bg-color))}.filter-bar__shade{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;background:#00000059}.filter-bar__anchor{position:relative;z-index:2}.filter-bar__rail{display:flex;align-items:center;gap:10px;min-height:46px}.filter-bar__chips{display:flex;flex:1 1 auto;align-items:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-bar__chips::-webkit-scrollbar{display:none}.filter-bar__count{flex:0 100 auto;min-width:0;padding-inline:4px;overflow:hidden;color:rgb(var(--body-text-color) / .6);font-size:var(--smaller-text-size-4);text-align:end;text-overflow:ellipsis;white-space:nowrap}@media(max-width:359.98px){.filter-bar__count-unit{display:none}}.filter-bar__actions{display:flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-start:4px;border-inline-start:1px solid rgb(var(--body-text-color) / var(--divider-opacity, .14))}.filter-bar__chip{display:inline-flex;align-items:center;gap:1px;flex:0 0 auto;min-height:44px;padding:0 2px;border:0;background:none;color:inherit;font-family:inherit;font-size:var(--smaller-text-size-2);line-height:1.2;white-space:nowrap;cursor:pointer}.filter-bar__chip--active .filter-bar__chip-text,.filter-bar__chip--open .filter-bar__chip-text{font-weight:600}.filter-bar__chip-caret{display:inline-flex;transition:transform .15s ease}.filter-bar__chip-caret svg{width:16px;height:16px}.filter-bar__chip--open .filter-bar__chip-caret{transform:rotate(180deg)}.filter-bar__chip-icon{display:inline-flex;margin-inline-end:3px}.filter-bar__chip-icon svg{width:16px;height:14px}.filter-bar__chip-count{margin-inline-start:2px;font-weight:600}.filter-bar__chip-count:before{content:"("}.filter-bar__chip-count:after{content:")"}.filter-bar__layout-switchers{margin:0}@media(max-width:429.98px){.filter-bar__layout-switchers{display:none}}.filter-bar__panel{position:absolute;z-index:10;top:100%;right:calc(var(--container-pad-x) * -1);left:calc(var(--container-pad-x) * -1);max-height:min(60vh,460px);padding:16px var(--container-pad-x);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgb(var(--body-text-color) / var(--divider-opacity, .14));background:rgb(var(--body-bg-color));box-shadow:0 12px 24px #0000001f}.filter-bar__panel-title{margin-bottom:12px;font-size:var(--smaller-text-size-1);font-weight:600}.filter-bar__options{display:flex;flex-wrap:wrap;gap:8px}.filter-bar__options--swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px 8px}.filter-bar__option{display:inline-flex;box-sizing:border-box;position:relative;align-items:center;margin:0;color:rgb(var(--input-text-color));font-family:inherit;font-size:var(--smaller-text-size-2);cursor:pointer}.tab-used .filter-bar__option:focus-within{outline:1px solid currentColor;outline-offset:2px}.filter-bar__option-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.filter-bar__option--pill{justify-content:center;min-width:54px;min-height:44px;padding:10px 12px;transition:box-shadow .1s ease;border:1px var(--input-border-color) solid;border-radius:var(--btn-border-radius);background:var(--input-background-color);text-align:center}.filter-bar__option--pill.filter-bar__option--active{border-color:var(--input-border-color-active);box-shadow:0 0 0 var(--input-active-shadow-width) var(--input-border-color-active)}.filter-bar__option--swatch{gap:8px;min-height:44px}.filter-bar__option--swatch:before{content:"";flex:0 0 auto;width:26px;height:26px;transition:box-shadow .1s ease;border:1px solid rgb(var(--body-text-color) / .3);border-radius:50%;background-clip:padding-box;background-color:var(--swatch-background-color);background-image:var(--swatch-background-image);background-repeat:no-repeat;background-position:var(--swatch-crop-align);background-size:cover}.swatch-method-swatches.swatch-style-icon_square .filter-bar__option--swatch:before{border-radius:var(--btn-inspired-border-radius)}.filter-bar__option--swatch.filter-bar__option--active:before{border-color:var(--input-border-color-active);box-shadow:0 0 0 2px rgb(var(--body-bg-color)),0 0 0 3px rgb(var(--body-text-color))}.filter-bar__option--swatch.filter-bar__option--active .filter-bar__option-text{font-weight:600}.filter-bar__option--swatch .filter-bar__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar__panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.filter-bar__panel-clear,.filter-bar__panel-apply{min-height:44px;padding:11px 22px;border:0;border-radius:var(--btn-border-radius);font-family:inherit;font-size:var(--smaller-text-size-2);letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-text-transform);cursor:pointer}.filter-bar__panel-clear{background:rgb(var(--body-text-color) / .07);color:rgb(var(--body-text-color))}.filter-bar__panel-clear[disabled]{opacity:.4;cursor:default}.filter-bar__panel-apply{background:rgb(var(--body-text-color));color:rgb(var(--body-bg-color))}.filter-bar__applied{display:flex;align-items:center;gap:8px;padding:0 0 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-bar__applied::-webkit-scrollbar{display:none}.filter-bar__applied-item{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px var(--input-border-color) solid;border-radius:999px;background:var(--input-background-color);color:rgb(var(--input-text-color));font-family:inherit;font-size:var(--smaller-text-size-3);white-space:nowrap;cursor:pointer}.filter-bar__applied-item-icon svg{display:block;width:13px;height:13px}.filter-bar__applied-clear{flex:0 0 auto;font-size:var(--smaller-text-size-3);text-decoration:underline;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/27/assets/filter-bar.css.map */