@charset "UTF-8";:root{--second-navbar__header-height: 56px}section.shopify-section:has(>.second-navbar){position:sticky;top:0;z-index:2;transition:top .15s ease-out}html:has(.section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden)) section.shopify-section:has(>.second-navbar){top:var(--second-navbar__header-height)}@media (min-width: 768px){html:has(.section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden)) section.shopify-section:has(>.second-navbar){--second-navbar__header-height: 65px}}@media (min-width: 1024px){html:has(.section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden)) section.shopify-section:has(>.second-navbar){--second-navbar__header-height: 68px}}@media (min-width: 1100px){html:has(.section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden)) section.shopify-section:has(>.second-navbar){--second-navbar__header-height: 76px}}html:has(.section-header.shopify-section-header-hidden) section.shopify-section:has(>.second-navbar){top:0}@media (prefers-reduced-motion: reduce){.section-header,section.shopify-section:has(>.second-navbar){transition:none!important}}:root{--secondnav-threshold-down: 60px;--secondnav-threshold-up: 116px}.second-navbar ul{scroll-snap-type:x proximity}.second-navbar ul a{scroll-snap-align:center}.second-navbar *{margin:0;padding:0;box-sizing:border-box;text-decoration:none;color:unset}.second-navbar{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--color-primary-light);color:var(--color-primary-dark)}.second-navbar ul{padding-inline:16px;list-style-type:none;display:flex;flex-direction:row;overflow-x:auto;gap:26px;scrollbar-width:none;position:relative}.second-navbar ul li{position:relative;padding-block:16px}.second-navbar ul a{display:block;padding-inline:4px;white-space:nowrap}.second-navbar ul a:after{content:"";height:4px;width:100%;background-color:transparent;border-radius:100px;display:block;position:absolute;left:0;bottom:0;transition:background-color .3s ease-in}.second-navbar ul a.active:after{background-color:var(--color-primary-dark)}@media screen and (min-width: 533px){.second-navbar ul{width:-moz-fit-content;width:fit-content;margin-inline:auto}}@media screen and (min-width: 768px){.second-navbar ul{gap:48px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/second-navbar.css.map */