.quick-filters{--qf-pill-bg: #fff;--qf-pill-border: var(--brand-blue, #1b4f9c);--qf-pill-color: var(--brand-blue, #1b4f9c);--qf-pill-hover-bg: #eef3fb;--qf-active-bg: var(--brand-blue, #1b4f9c);--qf-active-color: #fff;--qf-arrow-bg: var(--brand-blue, #1b4f9c);--qf-arrow-color: #fff;--qf-focus: var(--brand-orange, #f26a21);--qf-fade-bg: #fff;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:12px 0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.quick-filters .quick-filters__track{--fade-l: 0px;--fade-r: 0px;flex:1 1 0;width:0;min-width:0;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:4px 2px;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);cursor:grab}.quick-filters .quick-filters__track::-webkit-scrollbar{display:none}.quick-filters.has-overflow:not(.at-start) .quick-filters__track{--fade-l: 40px}.quick-filters.has-overflow:not(.at-end) .quick-filters__track{--fade-r: 40px}.quick-filters .quick-filters__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.quick-filters .quick-filters__track.is-dragging .quick-filters__pill{pointer-events:none}.quick-filters .quick-filters__track a.quick-filters__pill{flex:0 0 auto;display:inline-block;scroll-snap-align:start;padding:8px 14px;border:1px solid var(--qf-pill-border);border-radius:999px;background:var(--qf-pill-bg);font-size:13px;font-weight:600;line-height:1.2;color:var(--qf-pill-color);text-decoration:none;white-space:nowrap;-webkit-user-drag:none;transition:background .2s ease,transform .15s ease}.quick-filters .quick-filters__track a.quick-filters__pill:hover{background:var(--qf-pill-hover-bg);transform:translateY(-2px);text-decoration:none}.quick-filters .quick-filters__track a.quick-filters__pill:focus-visible{outline:3px solid var(--qf-focus);outline-offset:2px}.quick-filters .quick-filters__track a.quick-filters__pill.is-active{background:var(--qf-active-bg);border-color:var(--qf-active-bg);color:var(--qf-active-color)}.quick-filters .quick-filters__arrow{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:50%;background:var(--qf-arrow-bg);color:var(--qf-arrow-color);cursor:pointer;transition:transform .15s ease,opacity .2s ease}.quick-filters .quick-filters__arrow:before{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 3px 3px 0}.quick-filters .quick-filters__arrow--prev:before{transform:rotate(135deg);margin-left:3px}.quick-filters .quick-filters__arrow--next:before{transform:rotate(-45deg);margin-right:3px}.quick-filters .quick-filters__arrow:hover:not([disabled]){transform:scale(1.08)}.quick-filters .quick-filters__arrow[disabled]{opacity:.35;cursor:default}.quick-filters .quick-filters__arrow:focus-visible{outline:3px solid var(--qf-focus);outline-offset:2px}.quick-filters:not(.has-overflow) .quick-filters__arrow{display:none}@media(max-width:749px){.quick-filters .quick-filters__arrow{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.quick-filters .quick-filters__track{scroll-behavior:auto}.quick-filters .quick-filters__pill,.quick-filters .quick-filters__arrow{transition:none}}.quick-filters.quick-filters--on-dark{--qf-pill-bg: rgba(255, 255, 255, .15);--qf-pill-border: rgba(255, 255, 255, .35);--qf-pill-color: #fff;--qf-pill-hover-bg: rgba(255, 255, 255, .28);--qf-active-bg: #fff;--qf-active-color: var(--brand-orange, #f26a21);--qf-arrow-bg: #fff;--qf-arrow-color: var(--brand-blue, #1b4f9c);--qf-focus: #fff}
/*# sourceMappingURL=/cdn/shop/t/24/assets/quick-filters.css.map */