.quick-filters--root{--quick-filters--gap: var(--spacing--1);--quick-filters--border: var(--border--dark);--quick-filters--bg: transparent;--quick-filters--fade: 32px}.quick-filters--root[data-pill-style=filled]{--quick-filters--bg: var(--bg-color--light);--quick-filters--border: transparent}.quick-filters--wrapper{display:flex;flex-direction:column;gap:var(--spacing--1);min-width:0}.quick-filters--heading{color:var(--color--body)}.quick-filters--scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-block:2px}.quick-filters--scroller::-webkit-scrollbar{display:none}.quick-filters--scroller[data-overflow=start],.quick-filters--scroller[data-overflow=end],.quick-filters--scroller[data-overflow=both]{-webkit-mask-image:var(--quick-filters--mask);mask-image:var(--quick-filters--mask)}.quick-filters--scroller[data-overflow=end]{--quick-filters--mask: linear-gradient(to right, #000 calc(100% - var(--quick-filters--fade)), transparent 100%)}.quick-filters--scroller[data-overflow=start]{--quick-filters--mask: linear-gradient(to right, transparent 0, #000 var(--quick-filters--fade))}.quick-filters--scroller[data-overflow=both]{--quick-filters--mask: linear-gradient( to right, transparent 0, #000 var(--quick-filters--fade), #000 calc(100% - var(--quick-filters--fade)), transparent 100% )}.quick-filters--list{display:flex;align-items:center;gap:var(--quick-filters--gap);margin:0;padding:0;list-style:none;width:max-content;min-width:100%}.quick-filters--root[data-alignment=center] .quick-filters--list{justify-content:center}.quick-filters--item{display:flex}.quick-filters--pill[data-item]{font-size:var(--quick-filters--font-size, 13px)}.quick-filters--pill{display:inline-flex;align-items:center;gap:var(--spacing--0);padding:8px var(--spacing--3);border:1px solid var(--quick-filters--border);border-radius:999px;background-color:var(--quick-filters--bg);color:var(--color--body);line-height:1.2;white-space:nowrap;text-decoration:none;transition:background-color .3s var(--transition--ease-out),border-color .3s var(--transition--ease-out),color .3s var(--transition--ease-out)}.quick-filters--root[data-pill-shape=theme] .quick-filters--pill{border-radius:var(--button--radius)}.quick-filters--pill:is(:link,:visited){color:var(--color--body)}.quick-filters--pill:hover{border-color:var(--color--body)}.quick-filters--root[data-pill-style=filled] .quick-filters--pill:hover{background-color:var(--color--gray)}.quick-filters--pill:focus-visible{outline:2px solid var(--color--body);outline-offset:2px}.quick-filters--pill[data-active=true],.quick-filters--pill[data-active=true]:is(:link,:visited),.quick-filters--pill[data-active=true]:hover{background-color:var(--quick-filters--active-bg);border-color:var(--quick-filters--active-bg);color:var(--quick-filters--active-color)}.quick-filters--pill--count{padding-left:var(--spacing--0);opacity:.6}.quick-filters--root[data-desktop-layout=wrap] .quick-filters--list{flex-wrap:wrap;width:auto}.quick-filters--root[data-desktop-layout=wrap] .quick-filters--scroller{overflow:visible;-webkit-mask-image:none;mask-image:none}@media only screen and (max-width:767px){.quick-filters--root[data-desktop-layout=wrap] .quick-filters--list{flex-wrap:nowrap;width:max-content}.quick-filters--root[data-desktop-layout=wrap] .quick-filters--scroller{overflow-x:auto}.quick-filters--root[data-alignment=center] .quick-filters--list{justify-content:flex-start}.quick-filters--scroller{width:calc(100% + 2 * var(--spacing--item));margin-inline-start:calc(-1 * var(--spacing--item));padding-inline:var(--spacing--item)}}@media(prefers-reduced-motion:reduce){.quick-filters--scroller{scroll-behavior:auto}.quick-filters--pill{transition:none}}.quick-filters--root[data-inline=true]{display:block;min-width:0;width:100%}.navigation--container .quick-filters--root[data-inline=true]{flex:1 1 auto;width:auto;margin-inline:var(--quick-filters--gap-nav, var(--spacing--2))}.navigation--wrapper[data-quick-links=above] .quick-filters--root[data-inline=true]{margin-block-end:var(--quick-filters--gap-nav, var(--spacing--2))}.navigation--quick-links--mobile{min-width:0}.navigation--quick-links--mobile .quick-filters--root[data-inline=true]{margin-block-end:var(--quick-filters--gap-nav-mobile, var(--spacing--2))}@media only screen and (max-width:767px){.navigation--wrapper[data-quick-links=above] .quick-filters--root[data-inline=true]{margin-block-end:var(--quick-filters--gap-nav-mobile, var(--spacing--2))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/collection-quick-filters.css.map */