.byte-pdp-sticky-nav-section{--byte-pdp-sticky-nav-bg: #ffffff;--byte-pdp-sticky-nav-border: #ece7df;--byte-pdp-sticky-nav-active-bg: #fff5eb;--byte-pdp-sticky-nav-active-border: #ea9735;--byte-pdp-sticky-nav-active-text: #ea9735;background-color:var(--color-background);color:var(--color-foreground)}.byte-pdp-sticky-nav-section__inner{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--page-gutter, 20px);padding-right:var(--page-gutter, 20px)}.byte-pdp-sticky-nav-section--container-boxed .byte-pdp-sticky-nav-section__inner{max-width:var(--container-max)}.byte-pdp-sticky-nav-section__mount{position:relative}.byte-pdp-sticky-nav-section__placeholder{display:none;width:100%}.byte-pdp-sticky-nav-section__placeholder.is-active{display:block}.byte-pdp-sticky-nav{position:relative;z-index:90;width:100%;box-sizing:border-box;opacity:1;transition:opacity .22s ease}.byte-pdp-sticky-nav.is-stuck{position:fixed;top:auto;left:0;right:0;bottom:calc(16px + var(--byte-pdp-sticky-nav-bottom-offset, 0px) + env(safe-area-inset-bottom,0px));z-index:99;width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter, 20px);padding-right:var(--page-gutter, 20px);box-sizing:border-box;opacity:0;pointer-events:none}.byte-pdp-sticky-nav.is-stuck.is-visible{opacity:1;pointer-events:auto}.byte-pdp-sticky-nav-section--container-full .byte-pdp-sticky-nav.is-stuck{max-width:none}@media screen and (max-width:749px){.byte-pdp-sticky-nav.is-stuck{bottom:calc(var(--byte-mobile-sticky-atc-height, var(--byte-pdp-sticky-nav-bottom-offset, 0px)) + env(safe-area-inset-bottom,0px))}}.byte-pdp-sticky-nav.is-stuck .byte-pdp-sticky-nav__shell{width:100%;max-width:none;margin:0;box-shadow:0 -8px 32px #1111111a}.byte-pdp-sticky-nav__shell{padding:8px;background:var(--byte-pdp-sticky-nav-bg);border:1px solid var(--byte-pdp-sticky-nav-border);border-radius:14px;box-shadow:0 4px 20px #1111110d}.byte-pdp-sticky-nav__nav{min-width:0}.byte-pdp-sticky-nav__list{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.byte-pdp-sticky-nav__list::-webkit-scrollbar{display:none}.byte-pdp-sticky-nav__item{flex:0 0 auto}.byte-pdp-sticky-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:9px;background:transparent;font-family:var(--font-body-family, sans-serif);font-size:.875rem;font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none;color:var(--color-foreground);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.byte-pdp-sticky-nav__link:hover{color:var(--byte-pdp-sticky-nav-active-text)}.byte-pdp-sticky-nav__link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-pdp-sticky-nav__link.is-active{background:var(--byte-pdp-sticky-nav-active-bg);border-color:var(--byte-pdp-sticky-nav-active-border);color:var(--byte-pdp-sticky-nav-active-text)}.byte-pdp-sticky-nav__target{scroll-margin-top:calc(var(--header-height, 72px) + 16px);scroll-margin-bottom:calc(var(--byte-pdp-sticky-nav-height, 64px) + var(--byte-mobile-sticky-atc-height, var(--byte-pdp-sticky-nav-bottom-offset, 0px)) + 24px)}html.has-byte-pdp-sticky-nav--stuck{scroll-padding-bottom:calc(var(--byte-pdp-sticky-nav-height, 64px) + var(--byte-mobile-dock-height, 0px) + env(safe-area-inset-bottom,0px) + 16px)}@media screen and (min-width:750px){.byte-pdp-sticky-nav__shell{padding:10px 12px;border-radius:14px}.byte-pdp-sticky-nav__link{min-height:44px;padding:10px 1.5rem;font-size:.9375rem;background-color:#fbfaf8}}@media screen and (min-width:990px){.byte-pdp-sticky-nav__list{flex-wrap:wrap;overflow-x:visible}.byte-pdp-sticky-nav__link{padding:10px 2rem}}@media screen and (max-width:1023px){.byte-pdp-sticky-nav.is-stuck{left:0;right:0;max-width:none;margin:0;padding-left:0;padding-right:0}.byte-pdp-sticky-nav.is-stuck .byte-pdp-sticky-nav__shell{border-radius:0;border-left:0;border-right:0;padding-left:var(--page-gutter, 16px);padding-right:var(--page-gutter, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-byte-pdp-sticky-nav.css.map */
