.sub-collection-nav{position:relative;border-top:.1rem solid rgb(var(--color-border));border-bottom:.1rem solid rgb(var(--color-border))}.sub-collection-nav__wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sub-collection-nav__wrapper::-webkit-scrollbar{display:none}.sub-collection-nav__list{display:flex;justify-content:safe center;align-items:center;gap:3rem;margin:0;padding:.8rem 1.6rem 1.2rem;list-style:none;white-space:nowrap}@media screen and (min-width:750px){.sub-collection-nav__list{justify-content:safe center;gap:6rem;padding:1.1rem 2.7rem 2rem}}@media screen and (min-width:990px){.sub-collection-nav__list{gap:10rem}}.sub-collection-nav__item{flex:0 0 auto}.sub-collection-nav__link{display:flex;flex-direction:column;align-items:center;width:8rem;padding:.6rem;gap:.6rem;text-decoration:none;color:rgb(var(--color-foreground));transition:opacity var(--duration-default)}@media screen and (min-width:750px){.sub-collection-nav__link{width:12rem;padding:1rem;gap:1rem}}.sub-collection-nav__link:hover{opacity:.7}.sub-collection-nav__image{display:flex;align-items:flex-end;justify-content:center;width:5rem;height:5rem;flex-shrink:0}@media screen and (min-width:750px){.sub-collection-nav__image{width:6.8rem;height:6.8rem}}.sub-collection-nav__img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.sub-collection-nav--loop-manual .sub-collection-nav__list{width:max-content;justify-content:flex-start}.sub-collection-nav--loop .sub-collection-nav__wrapper{overflow:hidden}.sub-collection-nav--loop .sub-collection-nav__list{animation:sub-collection-scroll var(--scroll-duration, 20s) linear infinite;width:max-content;justify-content:flex-start}.sub-collection-nav--loop .sub-collection-nav__list:hover{animation-play-state:paused}@keyframes sub-collection-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.sub-collection-nav__slider-nav{display:none;position:absolute;top:50%;left:0;right:0;z-index:2;justify-content:space-between;transform:translateY(-50%);pointer-events:none;padding:0 .8rem}@media screen and (min-width:990px){.sub-collection-nav__slider-nav{display:flex}}.sub-collection-nav__btn{pointer-events:all}.sub-collection-nav__name{font-family:var(--font-body-family);font-weight:400;font-size:1.1rem;line-height:1.2;letter-spacing:0;text-transform:none;color:rgb(var(--color-foreground));text-align:center;align-self:stretch;white-space:normal;word-break:break-word}@media screen and (min-width:750px){.sub-collection-nav__name{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/section-sub-collection-nav.css.map */