.hp-snav-wrap{display:block;width:100%}.hp-snav__sentinel{display:block;width:100%;height:1px;margin:0}.hp-snav{position:relative;z-index:30;max-width:100%;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.hp-snav-wrap--left .hp-snav{margin-left:0;margin-right:auto}.hp-snav-wrap--right .hp-snav{margin-left:auto;margin-right:0}.hp-snav.is-fixed{position:fixed;top:var(--hp-snav-top, 90px);left:0;right:0;width:auto;margin:0;display:flex;justify-content:center;z-index:40;pointer-events:none}.hp-snav.is-fixed .hp-snav__inner{pointer-events:auto}.hp-snav-wrap--left .hp-snav.is-fixed{justify-content:flex-start;padding-left:5vw}.hp-snav-wrap--right .hp-snav.is-fixed{justify-content:flex-end;padding-right:5vw}.hp-snav__spacer{display:block;width:100%;height:0}.hp-snav__inner{display:inline-flex;align-items:center;max-width:100%}.hp-snav__track{display:flex;align-items:center;gap:2px;background:linear-gradient(90deg,var(--hp-snav-grad-a, #03594D) 0%,var(--hp-snav-grad-b, #17705F) 100%);border-radius:14px;padding:6px;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 6px 20px #0000;transition:box-shadow .25s ease}.hp-snav__track::-webkit-scrollbar{display:none}.hp-snav.is-fixed .hp-snav__track{box-shadow:0 10px 28px #00000029}.hp-snav__item{flex:0 0 auto;border:0;background:transparent;cursor:pointer;color:var(--hp-snav-inactive, #EAF3E4);font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:13px 30px;border-radius:10px;white-space:nowrap;line-height:1;transition:background .2s ease,color .2s ease}.hp-snav__item:hover{color:#fff}.hp-snav__item.is-active{background:var(--hp-snav-active-bg, #D1FEA4);color:var(--hp-snav-active-text, #03594D);font-weight:800}.hp-snav__top{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-left:2px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--hp-snav-inactive, #EAF3E4);transition:background .2s ease,color .2s ease}.hp-snav__top:hover{background:#ffffff2e;color:#fff}.hp-snav__top svg{width:20px;height:20px}@media(max-width:767px){.hp-snav__item{font-size:13px;padding:12px 20px}.hp-snav__top{width:42px;height:42px}.hp-snav__inner{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-sticky-nav.css.map */