.collection-with-subnav{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:3.2rem;align-items:start}.collection-with-subnav__main{min-width:0}.collection-with-subnav__main .page-width{padding-left:0;padding-right:0;max-width:none}.collection-subnav{border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.2rem;padding:1.8rem 0 1rem;background:rgb(var(--color-background))}.collection-subnav__title{margin:0 2rem 1rem;font-size:1.6rem;letter-spacing:.04rem}.collection-subnav__list{list-style:none;margin:0;padding:0}.collection-subnav__link{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 2rem .7rem 1.7rem;border-left:.3rem solid transparent;font-size:1.4rem;line-height:1.4;color:rgba(var(--color-foreground),.8);text-decoration:none}.collection-subnav__link:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.collection-subnav__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem}.collection-subnav__link[aria-current=page]{border-left-color:rgb(var(--color-button));font-weight:600;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.collection-subnav__count{font-size:1.2rem;color:rgba(var(--color-foreground),.55);font-variant-numeric:tabular-nums}@media screen and (max-width:989px){.collection-with-subnav{display:block}.collection-subnav{border:0;border-radius:0;padding:0;margin-bottom:1.6rem;background:none}.collection-subnav__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.collection-subnav__list{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.collection-subnav__link{border:.1rem solid rgba(var(--color-foreground),.15);border-radius:10rem;padding:.6rem 1.4rem;white-space:nowrap;gap:.6rem}.collection-subnav__link[aria-current=page]{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.collection-subnav__link[aria-current=page] .collection-subnav__count{color:inherit;opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-subnav.css.map */