:root{--nav-link-gap: 40px;--nav-logo-spacing: 160px;--nav-logo-spacing-large: 190px;--nav-logo-width: 150px;--nav-actions-width: 230px}@media screen and (min-width: 1024px){.header--centered_nav{justify-content:space-between;position:relative;max-width:100%;overflow:visible;z-index:9999}.header--centered_nav .logo{order:1;position:static;left:auto;transform:none;width:var(--nav-logo-width);min-width:137px;max-width:var(--nav-logo-width);text-align:left;margin-right:var(--nav-logo-spacing)}html[dir=rtl] .header--centered_nav .logo{text-align:right;margin-right:0;margin-left:var(--nav-logo-spacing)}.header--centered_nav .header__nav-center{order:2;display:flex;align-items:center;gap:var(--nav-link-gap);flex:1;justify-content:center;z-index:10000;white-space:nowrap}.header--centered_nav .nav-item,.header--centered_nav .nav-link{position:relative;flex-shrink:0}.header--centered_nav .nav-link{font-family:tenon,sans-serif;font-size:20px;font-weight:500;letter-spacing:.5px;color:var(--color-text);text-decoration:none;white-space:nowrap;line-height:1;padding:8px 0;display:inline-flex;align-items:center;gap:6px}.header--centered_nav .nav-link:hover,.header--centered_nav .nav-link--active{color:var(--color-accent)}.header--centered_nav .nav-link--active{font-weight:600}.header--centered_nav .nav-title{font-family:tenon,sans-serif;font-size:20px;font-weight:500;letter-spacing:.5px;color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 0;line-height:1;white-space:nowrap;position:relative;background:none;border:none}.header--centered_nav .nav-title:hover,.header--centered_nav .nav-title.nav-link--active{color:var(--color-accent)}.header--centered_nav .nav-title.nav-link--active{font-weight:600}.header--centered_nav .dropdown-toggle{display:inline-flex;align-items:center;margin-left:4px}.header--centered_nav .dropdown-toggle svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s ease}.header--centered_nav .dropdown-toggle svg path{fill:currentColor}.header--centered_nav .has-submenu:hover .dropdown-toggle svg,.header--centered_nav .has-submenu.submenu-active .dropdown-toggle svg{transform:rotate(-90deg)}.header--centered_nav .nav-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--color-background);border:1px solid rgba(var(--color-text-rgb),.12);border-radius:4px;box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,margin-top .2s ease;z-index:10001;min-width:200px;list-style:none;padding:8px 0;margin-left:0}.header--centered_nav .has-submenu:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;pointer-events:none;z-index:10000}.header--centered_nav .has-submenu:hover:after,.header--centered_nav .has-submenu.submenu-active:after{pointer-events:all}.header--centered_nav .has-submenu:hover .nav-submenu,.header--centered_nav .has-submenu.submenu-active .nav-submenu{opacity:1;visibility:visible;pointer-events:all;margin-top:8px}.header--centered_nav .nav-submenu li{margin:0}.header--centered_nav .nav-submenu a{display:block;padding:12px 24px;color:var(--color-text);text-decoration:none;font-size:16px;font-weight:400;transition:background-color .2s ease,color .2s ease;white-space:nowrap;position:relative;z-index:1;cursor:pointer}.header--centered_nav .nav-submenu a:hover,.header--centered_nav .nav-submenu a.selected{background-color:rgba(var(--color-accent-rgb),.1);color:var(--color-accent)}.header--centered_nav .nav-submenu a:focus{outline:2px solid var(--color-accent);outline-offset:-2px;background-color:rgba(var(--color-accent-rgb),.05)}.header--centered_nav .menu-opener{display:none}.header--centered_nav .menu-meta{order:3;display:flex;align-items:center;justify-content:flex-end;margin-left:var(--nav-logo-spacing);flex-shrink:0;font-size:calc(16px / 18 * var(--base-body-size) + 0px);line-height:1}.header--centered_nav .menu-meta>div{display:flex;align-items:center;list-style:none;margin:0;gap:10px;white-space:nowrap;flex-wrap:nowrap}html[dir=rtl] .header--centered_nav .menu-meta{margin-left:0;margin-right:var(--nav-logo-spacing)}.header--centered_nav .menu-meta__link{display:flex;cursor:pointer;align-items:center}.header--centered_nav .menu-meta__icon{margin-inline-end:15px;display:inline-block;position:relative}.header--centered_nav .menu-meta__icon svg{width:40px}.header--centered_nav .button--border{margin-left:60px;height:50px;min-width:fit-content;flex-shrink:0!important}}@media screen and (min-width: 1400px){.header--centered_nav .logo{margin-right:var(--nav-logo-spacing-large)}html[dir=rtl] .header--centered_nav .logo{margin-right:0;margin-left:var(--nav-logo-spacing-large)}.header--centered_nav .menu-meta{margin-left:var(--nav-logo-spacing-large)}html[dir=rtl] .header--centered_nav .menu-meta{margin-left:0;margin-right:var(--nav-logo-spacing-large)}}@media screen and (min-width: 1024px) and (max-width: 1279px){:root{--nav-link-gap: 30px;--nav-logo-spacing: 100px;--nav-logo-width: 130px}.header--centered_nav .nav-link,.header--centered_nav .nav-title{font-size:18px}.header--centered_nav .button--border{margin-left:40px;min-width:fit-content;flex-shrink:0!important}}@media screen and (max-width: 1023px){.header--centered_nav .header__nav-center{display:none!important}.header--centered_nav .menu-opener{display:flex!important;order:1}.header--centered_nav .logo{order:2;position:absolute!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;min-width:auto!important;max-width:25vw!important;text-align:center!important;margin:0!important}.header--centered_nav .menu-meta{order:3;min-width:auto;max-width:none;width:auto;margin:0}}@media screen and (max-width: 800px){.header--centered_nav .button--border{display:none!important}}.header--centered_nav .nav-link:focus,.header--centered_nav .nav-title:focus{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.header--centered_nav .nav-link:focus:not(:focus-visible),.header--centered_nav .nav-title:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.header--centered_nav .nav-link,.header--centered_nav .nav-title{text-decoration:underline}}@media (prefers-reduced-motion: reduce){.header--centered_nav .dropdown-toggle svg,.header--centered_nav .nav-submenu,.header--centered_nav .nav-submenu a{transition:none}}@media print{.header--centered_nav .header__nav-center{position:static}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/header-centered-nav.css.map */