.collection-subnav{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.8rem}.collection-subnav__scroller{grid-column:1;grid-row:1;display:flex;gap:.8rem;width:100%;min-width:0;padding:.1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain}.collection-subnav__scroller::-webkit-scrollbar{display:none}.collection-subnav__item{flex:0 0 14rem;display:flex;min-height:4.2rem;padding:.8rem 1.2rem;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:rgb(var(--color-foreground));background:var(--collection-subnav-button-background, rgb(var(--color-background)));border:.1rem solid rgb(var(--color-border));border-radius:.7rem;font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1.25;scroll-snap-align:start;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.collection-subnav__item:hover{border-color:rgb(var(--color-foreground));background:color-mix(in srgb,var(--collection-subnav-button-background, rgb(var(--color-background))),rgb(var(--color-foreground)) 4%);transform:translateY(-.1rem)}.collection-subnav__item:focus-visible,.collection-subnav__arrow:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.collection-subnav__arrow{display:none;grid-row:1;width:3.6rem;height:3.6rem;padding:.9rem;align-items:center;justify-content:center;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));border-radius:50%;cursor:pointer}.collection-subnav__arrow--prev{grid-column:1}.collection-subnav__arrow--next{grid-column:3}.collection-subnav__arrow:disabled{opacity:.35;cursor:default}.collection-subnav[data-overflowing]{grid-template-columns:3.6rem minmax(0,1fr) 3.6rem}.collection-subnav[data-overflowing] .collection-subnav__scroller{grid-column:2}.collection-subnav[data-overflowing] .collection-subnav__arrow{display:flex}@media(max-width:749px){.collection-subnav,.collection-subnav[data-overflowing]{display:block}.collection-subnav__scroller,.collection-subnav[data-overflowing] .collection-subnav__scroller{grid-column:auto;gap:.7rem}.collection-subnav__item{flex-basis:12.8rem;min-height:4rem;padding:.7rem 1rem;font-size:calc(var(--font-body-scale) * 1.15rem)}.collection-subnav[data-overflowing] .collection-subnav__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map?subset=AAAAAAAAAg */