.campaign-nav{width:100%;height:min(48px,calc(48 * 100vw / 393));background-color:var(--ccn-bg, #080c14);background-image:var(--ccn-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.campaign-nav__inner{width:100%;height:100%}.campaign-nav__track{position:relative;display:flex;align-items:stretch;width:100%;height:100%;overflow-x:auto;scrollbar-width:none}.campaign-nav__track::-webkit-scrollbar{display:none}.campaign-nav__list{display:flex;align-items:stretch;width:100%;height:100%;margin:0;padding:0;list-style:none}.campaign-nav__item{flex:1 1 0;min-width:0}.campaign-nav__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 min(4px,calc(4 * 100vw / 393));color:var(--ccn-text, #fff);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display"),sans-serif;font-size:min(12px,calc(12 * 100vw / 393));font-weight:700;line-height:1.2;letter-spacing:.07px;text-align:center;text-decoration:none;transition:color .2s ease}.campaign-nav__link.is-active,.campaign-nav__link:hover{color:var(--ccn-text-active, #fff)}.campaign-nav__label{display:block;white-space:normal}.campaign-nav__label p{margin:0}.campaign-nav__indicator{position:absolute;bottom:0;left:0;width:0;height:min(2px,calc(2 * 100vw / 393));background:var(--ccn-underline, #fff);transform:translate(0);transition:transform .28s ease,width .28s ease;pointer-events:none;will-change:transform,width}@media screen and (min-width:769px){.campaign-nav{height:min(64px,calc(64 * 100vw / 1440))}.campaign-nav__track{justify-content:center}.campaign-nav__list{width:auto;max-width:100%;gap:min(24px,calc(24 * 100vw / 1440))}.campaign-nav__link{padding:0 min(8px,calc(8 * 100vw / 1440));font-size:min(18px,1.25vw);letter-spacing:.16px;line-height:1}.campaign-nav__label{white-space:nowrap}.campaign-nav__indicator{height:min(4px,calc(4 * 100vw / 1440))}}@media(prefers-reduced-motion:reduce){.campaign-nav__link,.campaign-nav__indicator{transition:none}}[data-nav-target]{scroll-margin-top:calc(50px + min(48px,calc(48 * 100vw / 393)))}@media screen and (min-width:769px){[data-nav-target]{scroll-margin-top:calc(50px + min(64px,calc(64 * 100vw / 1440)))}}@media screen and (min-width:1001px){[data-nav-target]{scroll-margin-top:calc(63px + min(64px,calc(64 * 100vw / 1440)))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/common-campaign-nav.css.map */