.collection-nav{position:relative}.collection-nav__nav{display:block}.collection-nav__list{display:flex;align-items:flex-start;justify-content:flex-start;gap:2.4rem;margin:0;padding:.6rem .2rem 1rem;list-style:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.25) transparent}.collection-nav__list::-webkit-scrollbar{height:.4rem}.collection-nav__list::-webkit-scrollbar-track{background:transparent}.collection-nav__list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2)}@media(prefers-reduced-motion:reduce){.collection-nav__list{scroll-behavior:auto}}.collection-nav__item{flex-shrink:0;scroll-snap-align:start}.collection-nav__item--overview{position:relative}.collection-nav__item--overview:not(:last-child):after{content:"";position:absolute;top:.6rem;right:-1.2rem;bottom:1.6rem;width:.1rem;background:rgba(var(--color-foreground),.1)}.collection-nav__link{display:flex;flex-direction:column;align-items:center;gap:1rem;width:9.4rem;text-align:center;text-decoration:none;color:rgb(var(--color-foreground))}.collection-nav__media{display:block;position:relative;width:8rem;height:8rem;overflow:hidden;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--collection-card-corner-radius, 0);transition:border-color .25s ease}.collection-nav__media--portrait{height:auto;aspect-ratio:4 / 5}.collection-nav__media--circle{border-radius:50%}.collection-nav__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.collection-nav__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(var(--color-foreground),.06)}.collection-nav__placeholder-letter{font-family:var(--font-heading-family);font-size:2.4rem;line-height:1;color:rgba(var(--color-foreground),.45)}.collection-nav__body{display:flex;flex-direction:column;align-items:center;gap:.3rem}.collection-nav__title{font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.collection-nav__overview-icon{display:inline-flex;align-items:center;margin-left:.3rem;vertical-align:middle}.collection-nav__overview-icon svg{width:1rem;height:1rem}.collection-nav__count{font-size:1.05rem;letter-spacing:.02em;color:rgba(var(--color-foreground),.6)}@media(hover:hover){.collection-nav__link:hover .collection-nav__media{border-color:rgba(var(--color-foreground),.65)}.collection-nav__link:hover .collection-nav__image{transform:scale(1.06)}.collection-nav__link:hover .collection-nav__title{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}}.collection-nav__link--active .collection-nav__media{border-color:rgb(var(--color-foreground));border-width:.15rem}.collection-nav__link--active .collection-nav__title{font-weight:700}.collection-nav__link--active .collection-nav__body:after{content:"";display:block;width:2.4rem;height:.15rem;margin-top:.1rem;background:rgb(var(--color-foreground))}.collection-nav__link:focus-visible{border-radius:var(--collection-card-corner-radius, 0)}@media screen and (max-width:749px){.collection-nav__list{margin:0 calc(-1 * var(--page-margin, 1.5rem));padding-left:var(--page-margin, 1.5rem);padding-right:var(--page-margin, 1.5rem);gap:1.8rem}.collection-nav__link{width:7.6rem}.collection-nav__media{width:6.6rem;height:6.6rem}.collection-nav__item--overview:not(:last-child):after{right:-.9rem}}@media screen and (min-width:990px){.collection-nav__link{width:10.4rem}.collection-nav__media{width:9rem;height:9rem}}.collection-nav--text .collection-nav__list{gap:3.2rem;padding:.4rem .2rem .8rem;justify-content:center}.collection-nav--text .collection-nav__item--overview:not(:last-child):after{content:none}.collection-nav--text .collection-nav__link{width:auto;flex-direction:row;gap:0}.collection-nav--text .collection-nav__body{gap:0}.collection-nav--text .collection-nav__title{font-size:1.3rem;font-weight:500;letter-spacing:.08em;padding-bottom:.5rem;border-bottom:.2rem solid transparent;transition:border-color .25s ease,opacity .25s ease;opacity:.75}.collection-nav--text .collection-nav__link--active .collection-nav__title{font-weight:700;opacity:1;border-bottom-color:rgb(var(--color-foreground))}.collection-nav--text .collection-nav__link--active .collection-nav__body:after{content:none}@media(hover:hover){.collection-nav--text .collection-nav__link:hover .collection-nav__title{opacity:1;text-decoration:none}}@media screen and (max-width:749px){.collection-nav--text .collection-nav__list{justify-content:flex-start;gap:2rem}.collection-nav--text .collection-nav__title{font-size:1.15rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-navigation.css.map */