.collection-hero-navigation{position:relative;overflow:hidden;background:var(--collection-hero-bg);color:var(--collection-hero-body)}.collection-hero-navigation__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.collection-hero-navigation__background picture,.collection-hero-navigation__background-image{display:block;width:100%;height:100%}.collection-hero-navigation__background-image{object-fit:cover;object-position:var(--collection-hero-bg-position);opacity:var(--collection-hero-image-opacity)}.collection-hero-navigation>.container{position:relative;z-index:1}.collection-hero-navigation__inner{padding-top:var(--collection-hero-padding-top);padding-bottom:var(--collection-hero-padding-bottom)}.collection-hero-navigation__header{text-align:center}.collection-hero-navigation__eyebrow{margin:0 0 16px;color:var(--collection-hero-accent);font-size:16px;font-weight:500;line-height:24px;letter-spacing:0;text-transform:uppercase}.collection-hero-navigation__heading{margin:0;color:var(--collection-hero-heading);font-size:40px;font-weight:500;line-height:52px;letter-spacing:-.02em;text-align:center}.collection-hero-navigation__description{margin:8px auto 0;color:var(--collection-hero-body);font-size:16px;font-weight:400;line-height:24px;text-align:center}.collection-hero-navigation__description p{margin-top:0;margin-bottom:0}.collection-hero-navigation__nav{margin-top:32px}.collection-hero-navigation__tabs{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}.collection-hero-navigation__tab{display:inline-flex;flex:0 0 auto;min-height:48px;align-items:center;justify-content:center;padding:9px 18px;border:1px solid var(--collection-hero-tab-border);border-radius:8px;background:var(--collection-hero-tab-bg);box-shadow:0 1px 2px #1018280d;color:var(--collection-hero-tab-text);font-size:18px;font-weight:500;line-height:28px;text-align:center;text-decoration:none;white-space:nowrap;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.collection-hero-navigation__tab:hover{border-color:var(--collection-hero-active-bg);color:var(--collection-hero-active-bg);text-decoration:none;transform:translateY(-1px)}.collection-hero-navigation__tab:focus-visible{outline:2px solid var(--collection-hero-active-bg);outline-offset:2px}.collection-hero-navigation__tab.is-active,.collection-hero-navigation__tab.is-active:hover{border-color:var(--collection-hero-active-bg);background:var(--collection-hero-active-bg);color:var(--collection-hero-active-text);transform:none}@media(max-width:1299.98px){.collection-hero-navigation__inner{padding-top:min(var(--collection-hero-padding-top),64px);padding-bottom:min(var(--collection-hero-padding-bottom),64px)}.collection-hero-navigation__heading{font-size:36px;line-height:46px}.collection-hero-navigation__nav{margin-top:28px}.collection-hero-navigation__tabs{gap:12px}}@media(max-width:767.98px){.collection-hero-navigation__inner{padding-top:var(--collection-hero-padding-top-mobile);padding-bottom:var(--collection-hero-padding-bottom-mobile)}.collection-hero-navigation__eyebrow{margin-bottom:12px;font-size:14px;line-height:20px}.collection-hero-navigation__heading{font-size:30px;line-height:40px;letter-spacing:-.015em}.collection-hero-navigation__description{margin-top:8px;font-size:15px;line-height:22px}.collection-hero-navigation__nav{margin-top:24px}.collection-hero-navigation__tabs{justify-content:flex-start;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-hero-navigation__tabs::-webkit-scrollbar{display:none}.collection-hero-navigation__tab{min-height:44px;padding:8px 16px;border-radius:7px;font-size:16px;line-height:24px;scroll-snap-align:start}}@media(max-width:479.98px){.collection-hero-navigation__heading{font-size:28px;line-height:37px}}@media(prefers-reduced-motion:reduce){.collection-hero-navigation__tab,.collection-hero-navigation__tabs{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collection-hero-navigation.css.map */