.ap-collection-nav{display:flex;flex-direction:column;gap:var(--ap-space-md, 16px)}.ap-collection-nav__heading{margin:0;letter-spacing:-.01em}.ap-collection-nav__row{display:flex;gap:var(--ap-space-sm, 12px);margin:0;padding:var(--ap-space-2xs, 4px);margin-inline:calc(-1 * var(--ap-space-2xs, 4px));list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin}.ap-collection-nav__item{flex:0 0 auto;scroll-snap-align:start}.ap-collection-nav__link{display:inline-flex;align-items:center;gap:var(--ap-space-xs, 8px);min-height:44px;text-decoration:none;color:var(--ap-on-surface, rgb(var(--color-foreground)));transition:border-color var(--ap-motion, .2s) var(--ap-ease, ease),background var(--ap-motion, .2s) var(--ap-ease, ease),color var(--ap-motion, .2s) var(--ap-ease, ease)}.ap-collection-nav__link[aria-disabled=true]{pointer-events:none;opacity:.6}.ap-collection-nav__link:focus-visible{outline:2px solid var(--ap-accent, rgb(var(--color-button)));outline-offset:2px}.ap-collection-nav__label{font-weight:700;white-space:nowrap}.ap-collection-nav--pills .ap-collection-nav__label{font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase}.ap-collection-nav--pills .ap-collection-nav__link{padding:var(--ap-space-xs, 8px) var(--ap-space-lg, 24px);border:1px solid rgba(var(--color-foreground),.16);border-radius:var(--ap-radius-pill, 999px);background:var(--ap-surface, rgb(var(--color-background)))}.ap-collection-nav--pills .ap-collection-nav__link[aria-current=page],.ap-collection-nav--pills .ap-collection-nav__item--active .ap-collection-nav__link{border-color:var(--ap-accent, rgb(var(--color-button)));background:var(--ap-accent, rgb(var(--color-button)));color:var(--ap-accent-contrast, #fff)}@media(hover:hover){.ap-collection-nav--pills .ap-collection-nav__link:hover{border-color:var(--ap-accent, rgb(var(--color-button)));background:var(--ap-accent, rgb(var(--color-button)));color:var(--ap-accent-contrast, #fff)}}.ap-collection-nav--cards .ap-collection-nav__row{align-items:stretch}.ap-collection-nav--cards .ap-collection-nav__link{flex-direction:column;gap:var(--ap-space-sm, 12px);width:12rem;padding:var(--ap-space-sm, 12px);border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--ap-radius-lg, 12px);background:var(--ap-surface, rgb(var(--color-background)));text-align:center;box-shadow:var(--ap-shadow, 0 1px 3px rgba(0, 0, 0, .08));transition:transform var(--ap-motion, .2s) var(--ap-ease, cubic-bezier(.2, .6, .2, 1)),border-color var(--ap-motion, .2s) var(--ap-ease, ease),box-shadow var(--ap-motion, .2s) var(--ap-ease, ease),color var(--ap-motion, .2s) var(--ap-ease, ease)}.ap-collection-nav--cards .ap-collection-nav__media{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ap-radius, 8px);background:var(--ap-surface-2, rgba(var(--color-foreground), .06))}.ap-collection-nav--cards .ap-collection-nav__image{width:100%;height:100%;object-fit:cover}.ap-collection-nav--cards .ap-collection-nav__label{white-space:normal}@media(hover:hover){.ap-collection-nav--cards .ap-collection-nav__link:hover{transform:translateY(-3px);border-color:var(--ap-accent, rgb(var(--color-button)));box-shadow:var(--ap-shadow-lg, 0 8px 24px rgba(0, 0, 0, .12))}.ap-collection-nav--cards .ap-collection-nav__link:hover .ap-collection-nav__label{color:var(--ap-accent, rgb(var(--color-button)))}}@media screen and (min-width:750px){.ap-collection-nav--cards .ap-collection-nav__link{width:14rem}}@media(prefers-reduced-motion:reduce){.ap-collection-nav__link{transition:none}.ap-collection-nav--cards .ap-collection-nav__link:hover{transform:none}}.ap-collection-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;flex:0 0 auto;color:var(--ap-accent, rgb(var(--color-button)))}.ap-collection-nav__icon svg{width:100%;height:100%}.ap-collection-nav--pills .ap-collection-nav__link[aria-current=page] .ap-collection-nav__icon,.ap-collection-nav--pills .ap-collection-nav__item--active .ap-collection-nav__link .ap-collection-nav__icon{color:var(--ap-accent-contrast, #fff)}@media(hover:hover){.ap-collection-nav--pills .ap-collection-nav__link:hover .ap-collection-nav__icon{color:var(--ap-accent-contrast, #fff)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-collection-nav.css.map */