.quick-filters{display:block;position:relative;z-index:2;margin:-24px calc(var(--gutter) * -1) 36px;background-color:rgb(var(--bg-color))}.quick-filters[hidden]{display:none}.quick-filters__scroller{display:flex;gap:8px;padding:6px var(--gutter);overflow-x:auto;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.quick-filters__scroller::-webkit-scrollbar{display:none}.quick-filters__group{display:flex;flex:0 0 auto;align-items:center;gap:8px}.quick-filters__group[hidden]{display:none}.quick-filters__group:not([hidden])~.quick-filters__group:not([hidden]):before{content:"";flex:0 0 1px;width:1px;align-self:center;height:24px;margin-inline:4px;background-color:var(--qf-border)}.quick-filters__chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 16px;border:1px solid var(--qf-border);border-radius:999px;background-color:var(--qf-bg);color:var(--qf-text);font:inherit;font-size:14px;line-height:1.2;letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.quick-filters__chip[hidden]{display:none}.quick-filters__chip[aria-pressed=true]{border-color:var(--qf-active-bg);background-color:var(--qf-active-bg);color:var(--qf-active-text)}.quick-filters__chip:focus-visible{outline:2px solid var(--qf-active-bg);outline-offset:2px}.quick-filters__count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:22px;height:22px;padding:0 2px;border:1px solid var(--qf-active-bg);border-radius:999px;color:var(--qf-active-bg);font-size:12px;line-height:1;transition:border-color .2s,color .2s}.quick-filters__chip[aria-pressed=true] .quick-filters__count{border-color:var(--qf-active-text);color:var(--qf-active-text)}.quick-filters__count:empty{display:none}.quick-filters[data-counts-pending] .quick-filters__count:empty{display:inline-flex;border-color:transparent}.js [data-stock-counts-pending]{visibility:hidden;animation:quick-filters-show-total 0s 8s forwards}@keyframes quick-filters-show-total{to{visibility:visible}}.quick-filters__open{display:none}.quick-filters__open .icon{width:16px;height:16px}@media(hover:hover)and (pointer:fine){.quick-filters__chip:hover{border-color:var(--qf-text)}.quick-filters__chip[aria-pressed=true]:hover{border-color:var(--qf-active-bg)}}@media(max-width:1023.98px){.quick-filters--sticky{position:sticky;top:calc(var(--header-height, 0px) - var(--announcement-height, 0px));z-index:90;transition:box-shadow .2s}.quick-filters--sticky.is-stuck{box-shadow:0 6px 8px -6px #0000002e}.quick-filters--sticky.is-stuck .quick-filters__open{display:inline-flex}html:has(.quick-filters--sticky){scroll-padding-top:calc(var(--header-height, 0px) - var(--announcement-height, 0px) + 64px)}}@media(min-width:1024px){.quick-filters{margin-inline:0}.quick-filters__scroller{flex-wrap:wrap;padding-inline:0;overflow:visible}.quick-filters__group{display:contents}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/quick-filters.css.map */