:root{--nav-main-color: #059669;--nav-secondary-color: #047857;--nav-carbon-black: #0a0a0a;--nav-container-gradient: linear-gradient(135deg, var(--nav-carbon-black) 0%, var(--nav-main-color) 50%, var(--nav-secondary-color) 100%);--nav-container-hover: linear-gradient(135deg, var(--nav-carbon-black) 0%, var(--nav-main-color) 40%, var(--nav-secondary-color) 90%);--nav-container-active: linear-gradient(135deg, var(--nav-secondary-color) 0%, var(--nav-main-color) 50%, var(--nav-carbon-black) 100%);--container-height: 50px;--container-width: auto;--container-min-width: 600px;--container-border-radius: 25px;--menu-item-padding: 0 27px;--menu-text-color: white;--menu-transition: all .3s cubic-bezier(.25, .46, .45, .94);--container-border: rgba(5, 150, 105, .5);--container-glow: rgba(5, 150, 105, .3);--separator-color: rgba(255, 255, 255, .2)}.nav-wrapper{position:relative;display:inline-block;margin:0 auto;overflow:visible;z-index:100}.nav-wrapper #main-nav{position:relative;list-style:none;background:var(--nav-container-gradient);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--container-border);border-radius:var(--container-border-radius);box-shadow:0 8px 32px var(--container-glow),0 4px 16px #0003,inset 0 1px #ffffff1a;font-weight:400;font-size:0;text-transform:none;display:flex;align-items:center;justify-content:space-evenly;padding:8px 16px;margin:0;height:var(--container-height);min-width:var(--container-min-width);width:var(--container-width);overflow:visible;z-index:100}.nav-wrapper #main-nav>li{font-size:.875rem;display:flex;align-items:center;position:relative;margin:0;flex:1;min-width:77px;z-index:5}.nav-wrapper #main-nav>li>a,.nav-wrapper #main-nav>li>details>summary{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--menu-item-padding);width:100%;background:transparent;border:none;color:var(--menu-text-color);text-decoration:none;font-weight:600;letter-spacing:.025em;transition:var(--menu-transition);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative}.nav-wrapper #main-nav>li>a:hover,.nav-wrapper #main-nav>li>details>summary:hover{background:#05966933;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);filter:brightness(1.2);transition:var(--menu-transition)}.nav-wrapper #main-nav>li:has(.header__active-menu-item)>a,.nav-wrapper #main-nav>li:has(.header__active-menu-item)>details>summary,.nav-wrapper .header__active-menu-item{background:#05966966!important;color:#fff!important;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9);filter:brightness(1.3) drop-shadow(0 0 8px rgba(5,150,105,.6))}.nav-wrapper #main-nav>li{animation:pillFadeIn .4s ease-out forwards;opacity:0;transform:translateY(10px)}.nav-wrapper #main-nav>li:nth-child(1){animation-delay:0ms}.nav-wrapper #main-nav>li:nth-child(2){animation-delay:50ms}.nav-wrapper #main-nav>li:nth-child(3){animation-delay:.1s}.nav-wrapper #main-nav>li:nth-child(4){animation-delay:.15s}.nav-wrapper #main-nav>li:nth-child(5){animation-delay:.2s}.nav-wrapper #main-nav>li:nth-child(6){animation-delay:.25s}@keyframes pillFadeIn{to{opacity:1;transform:translateY(0)}}.nav-wrapper .header__submenu,.nav-wrapper .mega-menu__content{overflow:visible;list-style:none;position:absolute;padding:8px;width:max-content;min-width:200px;left:50%;top:100%;transform:translate(-50%) translateY(-10px);margin-top:8px;background:linear-gradient(145deg,#0a0a0af2,#059669f2,#047857f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(5,150,105,.5);border-radius:16px;box-shadow:0 12px 40px #05966940,0 6px 20px #0000004d,inset 0 1px #ffffff1a;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.nav-wrapper .header__submenu:before,.nav-wrapper .mega-menu__content:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:linear-gradient(135deg,var(--nav-carbon-black) 0%,var(--nav-main-color) 50%,var(--nav-secondary-color) 100%);border-left:1px solid rgba(5,150,105,.5);border-top:1px solid rgba(5,150,105,.5);border-radius:2px 0 0;rotate:45deg}.nav-wrapper .dropdown-wrapper{position:relative;overflow:visible}.nav-wrapper #main-nav>li:hover .header__submenu,.nav-wrapper #main-nav>li:hover .mega-menu__content,.nav-wrapper #main-nav>li:has(details[open]) .header__submenu,.nav-wrapper #main-nav>li:has(details[open]) .mega-menu__content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-wrapper .header__submenu li,.nav-wrapper .mega-menu__content li{display:block;padding:2px;width:100%;background:transparent}.nav-wrapper .header__submenu a,.nav-wrapper .mega-menu__content a{color:#fff;padding:10px 16px;display:block;transition:all .2s ease;text-decoration:none;border-radius:8px;font-weight:500;font-size:1.225rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nav-wrapper .header__submenu a:hover,.nav-wrapper .mega-menu__content a:hover{background:linear-gradient(135deg,#0596694d,#0478574d);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 2px 8px #05966933}.nav-wrapper #main-nav>li>a:focus,.nav-wrapper #main-nav>li>details>summary:focus{outline:2px solid var(--nav-main-color);outline-offset:2px;background:var(--pill-hover-bg);border-color:var(--pill-hover-border);color:var(--pill-hover-text);text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 0 0 4px #05966933,0 6px 20px #0596694d}.nav-wrapper .list-menu--inline{display:flex!important;flex-wrap:nowrap!important;gap:var(--pill-gap)}.nav-wrapper summary.list-menu__item{padding-right:0!important}.nav-wrapper .header__menu-item{padding:0!important}.nav-wrapper .header__menu-item svg{display:inline-block;margin-left:6px;width:8px;height:8px;fill:currentColor;transition:transform .2s ease}.nav-wrapper details[open] .header__menu-item svg{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.nav-wrapper #main-nav>li{animation:none;opacity:1;transform:none}.nav-wrapper #main-nav>li>a,.nav-wrapper #main-nav>li>details>summary{transition:background .1s ease,color .1s ease}.nav-wrapper #main-nav>li>a:hover,.nav-wrapper #main-nav>li>details>summary:hover{transform:none}.nav-wrapper .header__submenu,.nav-wrapper .mega-menu__content{transition:opacity .1s ease}}.nav-wrapper details[open]{z-index:1001}.nav-wrapper details{overflow:visible;position:static}.nav-wrapper details[open] .header__submenu,.nav-wrapper details[open] .mega-menu__content{z-index:1002}.nav-wrapper #main-nav>li:hover details .header__submenu,.nav-wrapper #main-nav>li:hover details .mega-menu__content{opacity:1;visibility:visible;transform:translateY(0)}@media screen and (max-width: 989px){.nav-wrapper{display:none}}.nav-wrapper .header__active-menu-item{font-weight:600;position:relative}.nav-wrapper #main-nav>li:has(.header__active-menu-item)~#nav-marker{background:var(--nav-secondary-color)}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-nav-wrapper.css.map */