.collar-chips{--collar-chip-height: 36px;--collar-chip-padding: 14px;--collar-chips-fade: 36px;--collar-chips-end: calc(var(--gutter-mobile) + 12px);position:relative;flex:0 0 100%;min-width:0;order:1;margin:0 calc(var(--gutter-mobile) * -1) 20px}@media only screen and (max-width:767px){.collar-chips~.collection__filters,.collar-chips~.collection__products{order:2}}.collar-chips__list{display:flex;flex-wrap:nowrap;gap:8px;margin:0;padding:0 0 0 var(--gutter-mobile);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collar-chips__list::-webkit-scrollbar{display:none}.collar-chips__list:after{content:"";flex:0 0 var(--collar-chips-end)}.collar-chips__item{flex:0 0 auto;margin:0;padding:0}.collar-chips__item:before{content:none}.collar-chips:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--collar-chips-fade);background:linear-gradient(to right,color-mix(in srgb,var(--bg, var(--COLOR-BG)) 0%,transparent),var(--bg, var(--COLOR-BG)));pointer-events:none}.collar-chips .collar-chips__chip{display:inline-flex;align-items:center;height:var(--collar-chip-height);padding:0 var(--collar-chip-padding);border:1px solid var(--COLOR-BORDER);border-radius:var(--RADIUS);background:var(--COLOR-BG);color:var(--COLOR-TEXT);font-family:"BrandonBlack",var(--FONT-STACK-BUTTON)!important;font-weight:400;font-style:normal;font-synthesis:none;font-size:11.5px;line-height:1;letter-spacing:.9px;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:border-color .2s ease;-webkit-tap-highlight-color:transparent}.collar-chips .collar-chips__chip[aria-current=page]{border-color:var(--PRIMARY-BUTTONS-COLOR-BG);background:var(--PRIMARY-BUTTONS-COLOR-BG);color:var(--PRIMARY-BUTTONS-COLOR-TEXT)}@media(hover:hover){.collar-chips .collar-chips__chip:not([aria-current=page]):hover{border-color:var(--COLOR-TEXT);color:var(--COLOR-TEXT)}}.collar-chips .collar-chips__chip:focus-visible{outline:2px solid var(--COLOR-TEXT);outline-offset:-4px}@media only screen and (min-width:768px){.collar-chips{--collar-chip-height: 34px;--collar-chip-padding: 15px;--collar-chips-fade: 48px;--collar-chips-end: 24px;order:0;margin:calc(22px - var(--padding-top, 0px)) 0 0;padding-bottom:18px;border-bottom:1px solid var(--COLOR-BORDER-ALPHA-50)}.collar-chips__list{padding:0}.collar-chips:after{bottom:19px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collar-chips.css.map */