.collection-subnav{margin-block-end:1.6rem}.collection-subnav__scroll{display:flex;flex-wrap:nowrap;gap:.8rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-block:.4rem}.collection-subnav__scroll::-webkit-scrollbar{display:none}.collection-subnav__chip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;white-space:nowrap;padding:.9rem 1.8rem;border-radius:var(--buttons-radius, 0);border:var(--buttons-border-width, 1px) solid rgba(var(--color-border),var(--color-border-alpha, 1));background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));font-family:var(--font-button-family);font-weight:var(--font-button-weight);letter-spacing:var(--buttons-letter-spacing, 0);text-transform:var(--buttons-transform, var(--buttons-transform-default, capitalize));font-size:calc(var(--font-body-size) * .92);line-height:1.2;text-decoration:none;transition:background var(--duration-default, .2s),border-color var(--duration-default, .2s),color var(--duration-default, .2s)}.collection-subnav__chip:not(.is-active):hover{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.collection-subnav__chip:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.collection-subnav__chip.is-active{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary));color:rgb(var(--color-button-text))}.collection-subnav__bar{display:none}@media(max-width:767.98px){.collection-subnav__scroll{gap:.6rem}.collection-subnav__chip{padding:.7rem 1.3rem;font-size:calc(var(--font-body-size) * .85)}.collection-subnav.has-overflow .collection-subnav__bar{display:block;position:relative;height:.3rem;margin-block-start:1rem;background:rgba(var(--color-foreground),.1);border-radius:100px;overflow:hidden}.collection-subnav__bar-thumb{position:absolute;inset-block:0;inset-inline-start:0;width:40px;height:100%;background:rgb(var(--color-primary));border-radius:100px;transition:transform .05s linear}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-collection-subnav.css.map */