.sugar-sticky-navigation{--sn-pad-v: var(--sn-pad-v-d);--sn-pad-h: var(--sn-pad-h-d);--sn-tab-pv: var(--sn-tab-pv-d);--sn-tab-ph: var(--sn-tab-ph-d);--sn-gap: var(--sn-gap-d);--sn-title-size: var(--sn-title-size-d);--sn-pin: var(--sn-pin-d);--sn-logo-w: var(--sn-logo-w-d);--sn-logo-offset: var(--sn-logo-offset-d);--sn-cp-text: var(--sn-cp-text-d);--sn-cp-flag: var(--sn-cp-flag-d);--sn-btn-l1: var(--sn-btn-l1-d);--sn-btn-l2: var(--sn-btn-l2-d)}@media screen and (max-width:749px){.sugar-sticky-navigation{--sn-pad-v: var(--sn-pad-v-m);--sn-pad-h: var(--sn-pad-h-m);--sn-tab-pv: var(--sn-tab-pv-m);--sn-tab-ph: var(--sn-tab-ph-m);--sn-gap: var(--sn-gap-m);--sn-title-size: var(--sn-title-size-m);--sn-pin: var(--sn-pin-m);--sn-logo-w: var(--sn-logo-w-m);--sn-logo-offset: var(--sn-logo-offset-m);--sn-cp-text: var(--sn-cp-text-m);--sn-cp-flag: var(--sn-cp-flag-m);--sn-btn-l1: var(--sn-btn-l1-m);--sn-btn-l2: var(--sn-btn-l2-m)}}.sugar-sticky-navigation{display:block;position:fixed;left:0;right:0;z-index:2;transition:transform .3s ease,opacity .3s ease,top .15s ease-out;opacity:0;pointer-events:none}.sugar-sticky-navigation[data-position=top]{top:var(--header-sticky-offset, 0);transform:translateY(-100%)}.sugar-sticky-navigation[data-position=bottom]{bottom:0;transform:translateY(100%)}.sugar-sticky-navigation.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.sugar-sticky-navigation[data-docked=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.sugar-sticky-navigation[data-docked=true][data-position=top]{position:relative;width:100%;top:auto}.sugar-sticky-navigation[data-docked=true][data-position=top].is-stuck{position:fixed;top:var(--header-sticky-offset, 0);left:0;right:0;width:100%;z-index:3;transition:top .15s ease-out;transform:translateY(var(--sn-release, 0px))}.sugar-sticky-navigation[data-docked=true][data-position=top].is-stuck[data-sn-released]{z-index:2}.sugar-sticky-navigation[data-docked=true][data-position=bottom].is-docked{position:relative;bottom:auto}.sugar-sticky-navigation[data-docked=true][data-position=top][data-bar-style=floating],.sugar-sticky-navigation[data-docked=true][data-position=top][data-bar-style=floating].is-stuck{padding:12px 0;display:flex;justify-content:center}@media screen and (max-width:749px){.sugar-sticky-navigation[data-device=desktop]{display:none!important}}@media screen and (min-width:750px){.sugar-sticky-navigation[data-device=mobile]{display:none!important}}@media screen and (max-width:749px){.sugar-sticky-navigation [data-part-device=desktop]{display:none!important}}@media screen and (min-width:750px){.sugar-sticky-navigation [data-part-device=mobile]{display:none!important}}.sugar-sticky-navigation__bar{position:relative;z-index:1;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-style:solid;border-color:var(--sn-border-color);border-width:var(--sn-bd-t) var(--sn-bd-r) var(--sn-bd-b) var(--sn-bd-l);box-shadow:var(--sn-shadow)}.sugar-sticky-navigation[data-bar-style=floating] .sugar-sticky-navigation__bar{max-width:var(--sn-bar-width);border-radius:var(--sn-bar-radius);margin:12px auto}.sugar-sticky-navigation[data-bar-style=floating][data-docked=true][data-position=top] .sugar-sticky-navigation__bar{width:100%;margin:0}@media screen and (max-width:749px){.sugar-sticky-navigation[data-bar-style=floating] .sugar-sticky-navigation__bar{max-width:none;width:100%;margin:0;border-radius:0}.sugar-sticky-navigation__bar{border-width:var(--sn-bd-t-m) 0 var(--sn-bd-b-m) 0;box-shadow:var(--sn-shadow-m)}}.sugar-sticky-navigation__container{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:16px;max-width:var(--sn-content-max);margin:0 auto;padding:var(--sn-pad-v) var(--sn-pad-h)}.sugar-sticky-navigation__side{display:flex;align-items:center;gap:12px}.sugar-sticky-navigation__side--start{justify-content:flex-start}.sugar-sticky-navigation__side--end{justify-content:flex-end}.sugar-sticky-navigation__side--start:empty+.sugar-sticky-navigation__menu:has(+.sugar-sticky-navigation__side--end:empty){grid-column:2}.sugar-sticky-navigation__menu{display:flex;align-items:center;gap:var(--sn-gap);position:relative;justify-self:center;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.sugar-sticky-navigation__menu::-webkit-scrollbar{display:none}.sugar-sticky-navigation__menu[data-edges=end]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.sugar-sticky-navigation__menu[data-edges=start]{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent)}.sugar-sticky-navigation__menu[data-edges="start end"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.sugar-sticky-navigation__item{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:var(--sn-tab-pv) var(--sn-tab-ph);font-family:inherit;font-size:var(--sn-title-size);font-weight:500;line-height:1;background:transparent;color:inherit;border:none;cursor:pointer;white-space:nowrap;transition:color .2s ease,font-weight .1s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.sugar-sticky-navigation__item:not(.is-active):hover{opacity:.8}}.sugar-sticky-navigation__item-text{display:inline-flex;flex-direction:column;align-items:center}.sugar-sticky-navigation__item-text:after{content:attr(data-text);content:attr(data-text) / "";height:0;line-height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700}@media screen and (max-width:749px){.sugar-sticky-navigation__container{display:flex;align-items:center;gap:var(--sn-gap);max-width:none;padding:var(--sn-pad-v) var(--sn-pad-h);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--sn-pad-h);-webkit-overflow-scrolling:touch}.sugar-sticky-navigation__container::-webkit-scrollbar{display:none}.sugar-sticky-navigation__side,.sugar-sticky-navigation__menu{display:contents}.sugar-sticky-navigation__container>*>*{flex:0 0 auto;scroll-snap-align:start}.sugar-sticky-navigation__item{flex:0 0 auto;scroll-snap-align:start;font-size:var(--sn-title-size);padding:var(--sn-tab-pv) var(--sn-tab-ph)}.sugar-sticky-navigation__sliding-bg,.sugar-sticky-navigation__underline{display:none}}.sugar-sticky-navigation__sliding-bg{display:none}.sugar-sticky-navigation[data-active-style=background][data-active-animation=slide] .sugar-sticky-navigation__sliding-bg{display:block;position:absolute;top:0;left:0;height:100%;width:var(--sliding-bg-width, 0);transform:translate(var(--sliding-bg-left, 0));background:var(--sn-active-bg);border-radius:var(--sn-active-radius);transition:transform var(--sn-anim) ease,width var(--sn-anim) ease,opacity var(--sn-anim) ease;pointer-events:none;z-index:0}.sugar-sticky-navigation[data-active-style=background] .sugar-sticky-navigation__item{z-index:1;transition:background var(--sn-anim) ease,color var(--sn-anim) ease}.sugar-sticky-navigation[data-active-style=background] .sugar-sticky-navigation__item.is-active{color:var(--sn-active-text)}.sugar-sticky-navigation[data-active-style=background][data-active-animation=fade] .sugar-sticky-navigation__item{border-radius:var(--sn-active-radius)}.sugar-sticky-navigation[data-active-style=background][data-active-animation=fade] .sugar-sticky-navigation__item.is-active{background:var(--sn-active-bg)}@media screen and (max-width:749px){.sugar-sticky-navigation[data-active-style=background] .sugar-sticky-navigation__item.is-active{background:var(--sn-active-bg);border-radius:var(--sn-active-radius)}}.sugar-sticky-navigation__underline{display:none}.sugar-sticky-navigation[data-active-style=underline] .sugar-sticky-navigation__underline{display:block;position:absolute;bottom:0;left:0;height:2px;width:var(--underline-width, 0);transform:translate(var(--underline-left, 0));background-color:var(--sn-underline-color);transition:transform var(--sn-anim) ease,width var(--sn-anim) ease,opacity var(--sn-anim) ease;pointer-events:none}.sugar-sticky-navigation[data-active-style=underline] .sugar-sticky-navigation__item.is-active{font-weight:600}@media screen and (max-width:749px){.sugar-sticky-navigation[data-active-style=underline] .sugar-sticky-navigation__item.is-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:var(--sn-underline-color)}}.sugar-sticky-navigation[data-active-style=bold] .sugar-sticky-navigation__item.is-active{font-weight:700}.sugar-sticky-navigation__dot{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--sn-dot-color);opacity:0;transition:opacity .2s ease}.sugar-sticky-navigation[data-dot-position=under] .sugar-sticky-navigation__dot{bottom:2px;left:50%;transform:translate(-50%)}.sugar-sticky-navigation[data-dot-position=left] .sugar-sticky-navigation__dot{left:4px;top:50%;transform:translateY(-50%)}.sugar-sticky-navigation__item.is-active .sugar-sticky-navigation__dot{opacity:1}.sugar-sticky-navigation[data-active-style=fill] .sugar-sticky-navigation__item{opacity:var(--sn-dim);transition:opacity var(--sn-anim) ease}.sugar-sticky-navigation[data-active-style=fill] .sugar-sticky-navigation__item.is-reached{opacity:1}@media(hover:hover){.sugar-sticky-navigation[data-active-style=fill] .sugar-sticky-navigation__item:not(.is-reached):hover{opacity:calc((1 + var(--sn-dim)) / 2)}}.sugar-sticky-navigation:is([data-active-style=fill],[data-has-caption]) .sugar-sticky-navigation__side--start{grid-column:1}.sugar-sticky-navigation:is([data-active-style=fill],[data-has-caption]) .sugar-sticky-navigation__menu{grid-column:2}.sugar-sticky-navigation:is([data-active-style=fill],[data-has-caption]) .sugar-sticky-navigation__side--end{grid-column:3}.sugar-sticky-navigation[data-active-style=fill] .sugar-sticky-navigation__item-text:after{content:none}@media screen and (max-width:749px){.sugar-sticky-navigation[data-active-style=fill] .sugar-sticky-navigation__container:before,.sugar-sticky-navigation[data-active-style=fill] .sugar-sticky-navigation__container:after{content:"";margin:auto}}.sugar-sticky-navigation__captions{display:grid;justify-items:center;align-items:center;padding:0 var(--sn-pad-h) var(--sn-pad-v);text-align:center;font-size:calc(var(--sn-title-size) * .23 + 9px);font-weight:500;line-height:1.1}.sugar-sticky-navigation__caption{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity var(--sn-anim, .3s) ease,visibility 0s linear var(--sn-anim, .3s)}.sugar-sticky-navigation__caption.is-current{opacity:1;visibility:visible;transition:opacity var(--sn-anim, .3s) ease,visibility 0s}@media screen and (max-width:749px){.sugar-sticky-navigation[data-mobile-display=drawer] .sugar-sticky-navigation__captions{display:none}}.sugar-sticky-navigation[data-menu-font=heading] :is(.sugar-sticky-navigation__item,.sugar-sticky-navigation__drawer-item,.sugar-sticky-navigation__captions){font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing)}.sugar-sticky-navigation[data-menu-font=accent] :is(.sugar-sticky-navigation__item,.sugar-sticky-navigation__drawer-item,.sugar-sticky-navigation__captions){font-family:var(--font-accent-family);font-style:var(--font-accent-style);font-weight:var(--font-accent-weight);letter-spacing:var(--font-accent-letter-spacing)}.sugar-sticky-navigation[data-pin-shrink].is-stuck .sugar-sticky-navigation__item{font-size:var(--sn-pin, var(--sn-title-size));transition:color .2s ease,font-weight .1s ease,font-size .25s ease}.sugar-sticky-navigation[data-pin-shrink][data-active-style=background].is-stuck .sugar-sticky-navigation__item{transition:background var(--sn-anim) ease,color var(--sn-anim) ease,font-size .25s ease}.sugar-sticky-navigation[data-pin-shrink][data-active-style=fill].is-stuck .sugar-sticky-navigation__item{transition:opacity var(--sn-anim) ease,font-size .25s ease}@media(prefers-reduced-motion:reduce){.sugar-sticky-navigation[data-pin-shrink].is-stuck .sugar-sticky-navigation__item{transition:none}}.sugar-sticky-navigation[data-pin-tight].is-stuck .sugar-sticky-navigation__container{padding-top:0;padding-bottom:0}.sugar-sticky-navigation__logo{display:flex;align-items:center}.sugar-sticky-navigation__logo img{display:block;height:auto;max-width:var(--sn-logo-w);transform:translateY(var(--sn-logo-offset))}.sugar-sticky-navigation__logo-text{font-size:16px;font-weight:600;white-space:nowrap}.sugar-sticky-navigation__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;cursor:pointer;font-family:inherit;text-decoration:none;transition:opacity .2s ease;white-space:nowrap;min-height:40px;padding:10px 16px;width:var(--sn-btn-width);background:var(--sn-btn-bg);color:var(--sn-btn-text);border:var(--sn-btn-border-width) solid var(--sn-btn-border-color);border-radius:var(--sn-btn-radius)}.sugar-sticky-navigation__button:hover{opacity:.9}.sugar-sticky-navigation__button:disabled{opacity:.5;cursor:not-allowed}.sugar-sticky-navigation__button.is-loading .sugar-sticky-navigation__button-content,.sugar-sticky-navigation__button.is-loading .sugar-sticky-navigation__button-icon{opacity:0}.sugar-sticky-navigation__button-content{display:inline-flex;flex-direction:column;align-items:center}.sugar-sticky-navigation__button-line-1{display:inline-flex;align-items:center;gap:6px;font-size:var(--sn-btn-l1);font-weight:var(--sn-btn-weight);--sw-bold: max(var(--sn-btn-weight), var(--font-body-weight-bold, 700));line-height:1}.sugar-sticky-navigation__button-line-2{font-size:var(--sn-btn-l2);line-height:1.2;opacity:.85;margin-top:2px}.sugar-sticky-navigation__button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%)}.sugar-sticky-navigation__button-icon--left{left:16px}.sugar-sticky-navigation__button-icon--right{right:16px}.sugar-sticky-navigation__button-icon .sugar-icon{font-size:var(--sn-btn-l1);line-height:1}.sugar-sticky-navigation__button .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;display:none}.sugar-sticky-navigation__button.is-loading .loading__spinner{display:block}@media screen and (max-width:749px){.sugar-sticky-navigation__button{width:auto;min-width:100px;padding:8px 12px}}.sugar-sticky-navigation__country-picker{display:flex;align-items:center}.sugar-sticky-navigation__country-picker .combined-localization__button{font-size:var(--sn-cp-text);color:inherit;padding:.4rem .6rem;gap:.5rem}.sugar-sticky-navigation__country-picker .combined-localization__flag{width:var(--sn-cp-flag);height:var(--sn-cp-flag)}.sugar-sticky-navigation[data-cp-border=true][data-cp-style=icon] .sugar-sticky-navigation__country-picker .combined-localization__flag,.sugar-sticky-navigation[data-cp-border=true][data-cp-style=icon] .sugar-sticky-navigation__country-picker .localization-bottom-sheet__trigger-flag{box-shadow:0 0 0 2px currentColor}.sugar-sticky-navigation__country-picker .combined-localization__label,.sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger-text{line-height:1.2;white-space:nowrap}.sugar-sticky-navigation__country-picker .combined-localization__button{white-space:nowrap}.sugar-sticky-navigation__country-picker .icon-caret{width:.8rem;height:.8rem}.sugar-sticky-navigation[data-position=top] .sugar-sticky-navigation__country-picker .combined-localization__panel,.sugar-sticky-navigation[data-position=top] .sugar-sticky-navigation__country-picker .combined-localization__panel.drop-down{bottom:auto!important;top:100%!important;margin-bottom:0!important;margin-top:.4rem!important}.sugar-sticky-navigation[data-position=bottom] .sugar-sticky-navigation__country-picker .combined-localization__panel,.sugar-sticky-navigation[data-position=bottom] .sugar-sticky-navigation__country-picker .combined-localization__panel.drop-down{bottom:100%!important;top:auto!important;margin-top:0!important;margin-bottom:.4rem!important}.sugar-sticky-navigation__country-picker .combined-localization__panel:not([hidden]){animation:animateMenuOpen .2s ease forwards}.sugar-sticky-navigation__country-picker--mobile{display:none}@media screen and (max-width:749px){.sugar-sticky-navigation__country-picker--desktop{display:none!important}.sugar-sticky-navigation__country-picker--mobile{display:block}}.sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger,.sugar-sticky-navigation__drawer-country-picker .localization-bottom-sheet__trigger{background:transparent;border:none;padding:6px 12px;width:auto;font-size:var(--sn-cp-text);color:inherit;gap:.5rem}.sugar-sticky-navigation[data-cp-border=true][data-cp-style=dropdown] .sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger,.sugar-sticky-navigation[data-cp-border=true] .sugar-sticky-navigation__drawer-country-picker .localization-bottom-sheet__trigger{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:var(--sn-btn-radius)}.sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger-flag,.sugar-sticky-navigation__drawer-country-picker .localization-bottom-sheet__trigger-flag{width:var(--sn-cp-flag);height:var(--sn-cp-flag)}.sugar-sticky-navigation[data-cp-style=icon] .sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger-text,.sugar-sticky-navigation[data-cp-style=icon] .sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger .icon-caret{display:none}.sugar-sticky-navigation[data-cp-style=icon] .sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger{padding:6px}.sugar-sticky-navigation[data-cp-style=dropdown] .sugar-sticky-navigation__country-picker--mobile .localization-bottom-sheet__trigger .icon-caret{width:.8rem;height:.8rem}.sugar-sticky-navigation__drawer-bar{display:none}@media screen and (max-width:749px){.sugar-sticky-navigation[data-mobile-display=drawer] .sugar-sticky-navigation__container{display:none!important}.sugar-sticky-navigation[data-mobile-display=drawer] .sugar-sticky-navigation__drawer-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sn-pad-v) var(--sn-pad-h)}}.sugar-sticky-navigation__drawer-bar-logo img{display:block;height:auto;max-width:var(--sn-logo-w);transform:translateY(var(--sn-logo-offset))}.sugar-sticky-navigation__drawer-toggle{background:none;border:none;color:inherit;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.sugar-sticky-navigation__drawer-toggle .sugar-icon{font-size:24px}.sugar-sticky-navigation__drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}.sugar-sticky-navigation__drawer-overlay.is-visible{opacity:1}.sugar-sticky-navigation__drawer-panel{position:fixed;height:calc(100dvh - 100%);width:var(--sn-drawer-width);max-width:var(--sn-drawer-max);display:flex;flex-direction:column;transition:transform .3s ease;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sugar-sticky-navigation[data-position=top] .sugar-sticky-navigation__drawer-panel{top:100%;bottom:auto}.sugar-sticky-navigation[data-position=bottom] .sugar-sticky-navigation__drawer-panel{bottom:100%;top:auto}.sugar-sticky-navigation[data-drawer-position=left] .sugar-sticky-navigation__drawer-panel{left:0;transform:translate(-100%)}.sugar-sticky-navigation[data-drawer-position=right] .sugar-sticky-navigation__drawer-panel{right:0;transform:translate(100%)}.sugar-sticky-navigation[data-drawer-position=left] .sugar-sticky-navigation__drawer-panel.is-open,.sugar-sticky-navigation[data-drawer-position=right] .sugar-sticky-navigation__drawer-panel.is-open{transform:translate(0)}.sugar-sticky-navigation__drawer-menu{flex:1;overflow-y:auto}.sugar-sticky-navigation__drawer-item{display:flex;align-items:center;width:100%;padding:16px 20px;background:none;border:none;border-bottom:var(--sn-drawer-divider) solid color-mix(in srgb,currentColor 12%,transparent);color:inherit;font-family:inherit;font-size:var(--sn-drawer-font);font-weight:500;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover){.sugar-sticky-navigation__drawer-item:hover{opacity:.7}}.sugar-sticky-navigation__drawer-footer{flex-shrink:0;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;border-top:var(--sn-drawer-footer-border) solid rgba(var(--color-foreground),.1)}.sugar-sticky-navigation__drawer-footer .sugar-sticky-navigation__button{width:100%}.sugar-sticky-navigation__drawer-country-picker .localization-bottom-sheet__trigger{padding:10px 16px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-sticky-navigation.css.map */