.sticky-navigation{position:relative;width:100%;background:var(--bg-color, #ffffff);border-bottom:1px solid var(--border-color, #e5e5e5);z-index:50;transition:all .3s ease;margin-bottom:0}.sticky-navigation--sticky{position:fixed;top:50px;left:0;right:0;box-shadow:0 2px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;z-index:50;animation:slideDown .3s ease-out}.sticky-navigation--at-top,.sticky-navigation[style*="position: relative"]{position:relative!important;top:auto!important;left:auto!important;right:auto!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-color, #ffffff);z-index:auto;transition:all .3s ease}@media screen and (max-width: 1350px){.sticky-navigation--sticky{top:88px}}@media screen and (max-width: 1200px) and (min-width: 1033px){.sticky-navigation--sticky{top:75px}}@media screen and (width: 1024px) and (height: 1366px){.sticky-navigation--sticky{top:110px!important}}@media screen and (max-width: 1032px){.sticky-navigation--sticky{top:50px}}.sticky-navigation{--sticky-nav-loaded: true}.sticky-navigation__container{max-width:1300px;margin:0 auto;padding:0 2rem}.sticky-navigation__nav{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 0;transition:all .3s ease;opacity:1;visibility:visible;transform:scale(1)}.sticky-navigation__link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;color:var(--text-color, #302d33);text-decoration:none;font-family:Work Sans,sans-serif;font-weight:500;font-size:1rem;border-radius:50px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent}.sticky-navigation__link:hover{background:#42783b1a;color:var(--active-color, #42783b);transform:translateY(-1px);border-color:#42783b4d}.sticky-navigation__link--active{background:var(--active-color, #42783b);color:#fff!important;box-shadow:0 4px 12px #42783b66;border-color:var(--active-color, #42783b);transform:translateY(-2px);font-weight:600}.sticky-navigation__link--active:hover{background:var(--active-color, #42783b);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #42783b80}.sticky-navigation__dot{width:8px;height:8px;border-radius:50%;background:currentColor;transition:all .3s ease}.sticky-navigation__link--active .sticky-navigation__dot{background:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}body.sticky-nav-active{padding-top:140px}@media screen and (width: 1024px) and (height: 1366px){body.sticky-nav-active{padding-top:145px}}@media screen and (max-width: 1032px){body.sticky-nav-active{padding-top:120px}}@media screen and (min-width: 1033px) and (max-width: 1200px){body.sticky-nav-active{padding-top:135px}}@media screen and (min-width: 1201px) and (max-width: 1350px){body.sticky-nav-active{padding-top:148px}}[data-nav-section]{scroll-margin-top:240px}@media screen and (width: 1024px) and (height: 1366px){[data-nav-section]{scroll-margin-top:245px}}@media screen and (max-width: 1032px){[data-nav-section]{scroll-margin-top:220px}}@media screen and (min-width: 1033px) and (max-width: 1200px){[data-nav-section]{scroll-margin-top:235px}}@media screen and (min-width: 1201px) and (max-width: 1350px){[data-nav-section]{scroll-margin-top:248px}}.header,header,.site-header{z-index:100!important;position:relative}@media screen and (max-width: 768px){.sticky-navigation__container{padding:0 1rem}.sticky-navigation__nav{gap:1rem;flex-wrap:wrap;justify-content:center}.sticky-navigation__link{padding:.5rem 1rem;font-size:.9rem}[data-nav-section]{scroll-margin-top:220px}body.sticky-nav-active{padding-top:120px}}@media screen and (max-width: 480px){.sticky-navigation__nav{gap:.5rem}.sticky-navigation__link{padding:.5rem .75rem;font-size:.85rem}.sticky-navigation__dot{width:6px;height:6px}.sticky-navigation__spinner{width:24px;height:24px;border-width:2px}.sticky-navigation__loading{padding:10px}}.sticky-navigation__link:focus{outline:2px solid var(--active-color, #42783b);outline-offset:2px}.sticky-navigation__link:focus:not(:focus-visible){outline:none}.sticky-navigation,.sticky-navigation--sticky{transform:translateZ(0);will-change:transform}@keyframes pulse{0%{box-shadow:0 4px 12px #42783b66}50%{box-shadow:0 6px 16px #42783b99}to{box-shadow:0 4px 12px #42783b66}}.sticky-navigation__link--active{animation:pulse 2s infinite}.sticky-navigation__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:15;background:#fffffffa;border-radius:50%;padding:15px;box-shadow:0 6px 20px #00000026;border:2px solid rgba(66,120,59,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.4,0,.2,1)}.sticky-navigation__loading--visible{display:block}.sticky-navigation__spinner{width:32px;height:32px;border:3px solid rgba(66,120,59,.15);border-top:3px solid var(--active-color, #42783b);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sticky-navigation--loading{position:relative;overflow:hidden}.sticky-navigation--loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;animation:fadeIn .2s ease}.sticky-navigation--loading .sticky-navigation__nav{opacity:.3;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:visible;transform:scale(.98);filter:blur(1px)}.sticky-navigation--loading .sticky-navigation__loading{display:block;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1)}.sticky-navigation--ready .sticky-navigation__nav{opacity:1;pointer-events:auto;transform:scale(1);filter:blur(0);transition:all .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 480px){.sticky-navigation__loading{padding:12px}.sticky-navigation__spinner{width:28px;height:28px;border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/sticky-navigation.css.map */