.section-collection-sub-nav__wrapper{--sub-nav-gap: 8px;--sub-nav-radius: 16px;--sub-nav-thumb-size: 40px;--sub-nav-thumb-radius: 8px;--sub-nav-thumb-bg: #f5f5f5;--sub-nav-item-bg: #ffffff;--sub-nav-border: #ebebeb;--sub-nav-border-hover: #c9c9c9;--sub-nav-border-current: #0c0c0f;--sub-nav-text: var(--text, #0c0c0f);--sub-nav-inline-padding: var(--gutter-mobile, 20px);padding-top:24px}.section-collection-sub-nav__scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding-inline:var(--sub-nav-inline-padding)}.section-collection-sub-nav__scroller::-webkit-scrollbar{display:none}.section-collection-sub-nav__list{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:var(--sub-nav-gap);width:max-content;max-width:none;margin:0;padding:0;list-style:none}.section-collection-sub-nav__slide{list-style:none;flex:0 0 auto}.section-collection-sub-nav__item{display:inline-flex;align-items:center;gap:var(--sub-nav-gap);padding:8px 24px 8px 8px;background-color:var(--sub-nav-item-bg);border:1px solid var(--sub-nav-border);border-radius:var(--sub-nav-radius);color:var(--sub-nav-text);text-decoration:none;white-space:nowrap;overflow:hidden;transition:border-color .2s ease}.section-collection-sub-nav__thumb{display:block;flex:0 0 auto;width:var(--sub-nav-thumb-size);height:var(--sub-nav-thumb-size);border-radius:var(--sub-nav-thumb-radius);background-color:var(--sub-nav-thumb-bg);overflow:hidden}.section-collection-sub-nav__thumb img{display:block;width:100%;height:100%;object-fit:cover}.section-collection-sub-nav__label{display:block;font-size:14px;line-height:1.4;font-weight:var(--FONT-WEIGHT-BODY-MEDIUM, 500);color:var(--sub-nav-text)}.section-collection-sub-nav__item.is-current{border-color:var(--sub-nav-border-current)}.section-collection-sub-nav__item.is-current .section-collection-sub-nav__label{font-weight:var(--FONT-WEIGHT-BODY-BOLD, 700)}@media(hover:hover){.section-collection-sub-nav__item:hover{border-color:var(--sub-nav-border-hover);color:var(--sub-nav-text)}.section-collection-sub-nav__item.is-current:hover{border-color:var(--sub-nav-border-current)}}.section-collection-sub-nav__item:focus-visible{outline:2px solid var(--sub-nav-border-current);outline-offset:2px}@media only screen and (max-width:767px){.section-collection-sub-nav__wrapper{--sub-nav-thumb-size: 32px}.section-collection-sub-nav__label{font-size:12px;font-weight:500;line-height:1.4;color:#0c0c0f}.section-collection-sub-nav__item.is-current .section-collection-sub-nav__label{font-weight:700}}@media only screen and (min-width:1024px){.section-collection-sub-nav__wrapper{--sub-nav-inline-padding: var(--gutter, 60px)}}@media(prefers-reduced-motion:reduce){.section-collection-sub-nav__item{transition:none}}@media only screen and (min-width:1440px){.section-collection-sub-nav__wrapper--boxed .section-collection-sub-nav__scroller{padding-inline:calc((100vw - var(--scrollbar-width) - var(--site-width)) / 2 + var(--gutter))}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/section-collection-sub-nav.css.map */