.collection-chips{--chip-bg: #ffffff;--chip-bg-hover: #f8f8f8;--chip-bg-active: #1A1A1A;--chip-border: #e0e0e0;--chip-border-hover: #1A1A1A;--chip-text: #333333;--chip-text-hover: #1A1A1A;--chip-text-active: #ffffff;--chip-radius: 6px;--chip-gap: 10px;--chip-padding-x: 16px;--chip-padding-y: 10px;--chip-font-size: 14px;--chip-min-height: 44px;background:#f5f5f5;padding:16px 0;margin-bottom:20px;position:sticky;top:var(--header-height, 64px);z-index:94;box-shadow:0 2px 8px #0000000f}.collection-chips__container{position:relative;max-width:1400px;margin:0 auto;padding:0 20px}.collection-chips__scroll{display:flex;gap:var(--chip-gap);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-padding:0 20px;padding-right:40px}.collection-chips__scroll::-webkit-scrollbar{display:none}.collection-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--chip-min-height);padding:var(--chip-padding-y) var(--chip-padding-x);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--chip-radius);font-size:var(--chip-font-size);font-weight:500;color:var(--chip-text);text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .15s ease;scroll-snap-align:start;flex-shrink:0}.collection-chip:hover{background:var(--chip-bg-hover);border-color:var(--chip-border-hover);color:var(--chip-text-hover)}.collection-chip:focus-visible{outline:2px solid var(--chip-bg-active);outline-offset:2px}.collection-chip--active{background:var(--chip-bg-active);border-color:var(--chip-bg-active);color:var(--chip-text-active)}.collection-chip--active:hover{background:#333;border-color:#333;color:var(--chip-text-active)}.collection-chip--back{background:transparent;border-color:transparent;color:var(--chip-text);padding-left:8px}.collection-chip--back:hover{background:var(--chip-bg);border-color:var(--chip-border)}.collection-chip--all{background:transparent;border-style:dashed}.collection-chip svg{width:16px;height:16px;flex-shrink:0}.collection-chips__fade{position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:1}.collection-chips__fade--right{right:0;background:linear-gradient(to right,transparent,#f5f5f5)}@media(min-width:990px){.collection-chips__scroll{flex-wrap:wrap;overflow:visible;padding-right:0}.collection-chips__fade{display:none}.collection-chip{scroll-snap-align:none}}@media(max-width:749px){.collection-chips{position:sticky;top:var(--header-height, 64px);z-index:94;padding:12px 0;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.collection-chips__container{padding:0 16px}.collection-chip{--chip-padding-x: 14px;--chip-padding-y: 8px;--chip-font-size: 13px}}.drawer-chips{padding:12px 0;border-bottom:1px solid #e5e5e5}.drawer-chips__scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 20px 4px}.drawer-chips__scroll::-webkit-scrollbar{display:none}.drawer-chip{display:inline-flex;align-items:center;padding:8px 14px;background:#f5f5f5;border-radius:20px;font-size:13px;font-weight:500;color:#333;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.drawer-chip:hover,.drawer-chip:active,.drawer-chip--active{background:#1a1a1a;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-collection-chips.css.map */