.custom-header-navigation-header{display:grid;grid-template-columns:auto 1fr auto;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.custom-header-navigation-header .align-end{justify-self:flex-end}.custom-header-navigation-header .logo-container{display:flex;justify-content:center;align-items:center}.custom-header-navigation-header .logo-container svg{width:var(--custom-header-big-logo-width-mobile);height:var(--custom-header-big-logo-height-mobile)}.custom-header-navigation-container{visibility:hidden;opacity:0;width:100vw;max-width:100%;height:100vh;position:fixed;top:0;left:0;z-index:calc(var(--layer-sticky) + 1);background-color:#0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s ease-in-out}.custom-header-navigation-container.open{visibility:visible;opacity:1}.custom-header-navigation-container .custom-header-navigation-content{position:relative;width:100%;height:100%;background-color:#fff;display:grid;grid-template-rows:auto 1fr}.custom-header-navigation-main{position:relative;width:100%;height:100%}.custom-header-navigation-main ul{margin:0;padding:0}.custom-header-navigation-main li>*,.custom-header-navigation-main li{line-height:1}.custom-header-navigation-main li::marker{content:none}.custom-header-navigation-main .menu-level-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s ease-in-out;overflow:scroll}.custom-header-navigation-main.indentation-one #menu-level-one{transform:translate(0)}.custom-header-navigation-main.indentation-one #menu-level-two{transform:translate(100%)}.custom-header-navigation-main.indentation-one #menu-level-three{transform:translate(200%)}.custom-header-navigation-main.indentation-two #menu-level-one{transform:translate(-100%)}.custom-header-navigation-main.indentation-two #menu-level-two{transform:translate(0)}.custom-header-navigation-main.indentation-two #menu-level-three{transform:translate(100%)}.custom-header-navigation-main.indentation-three #menu-level-one{transform:translate(-200%)}.custom-header-navigation-main.indentation-three #menu-level-two{transform:translate(-100%)}.custom-header-navigation-main.indentation-three #menu-level-three{transform:translate(0)}.custom-header-navigation-main .submenu-content:not(.show){display:none}.custom-header-navigation-main .menu-level-container .go-back-container{background-color:#fff;position:sticky;top:0}.custom-header-navigation-main .menu-level-container .toggler-submenu,.custom-header-navigation-main .menu-level-container .go-back-container .custom-button{display:flex;justify-content:space-between;align-items:center;width:100%}.custom-header-navigation-main .menu-level-container .go-back-container .custom-button{padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.custom-header-navigation-main .menu-level-container .go-back-container .custom-button svg{width:8px;height:8px}.custom-header-navigation-main .menu-level-container .toggler-submenu svg{width:15px;height:15px;display:none}.custom-header-navigation-main .menu-level-container ul{display:flex;flex-direction:column;gap:24px;padding:16px}.custom-header-navigation-main .menu-level-container ul li *{transition:all .25s ease-in-out}.custom-header-navigation-main .menu-level-container ul.has-focus li:not(.heading) *{color:#00000080}.custom-header-navigation-main .menu-level-container ul.has-focus li:not(.heading).focus *{color:#000}.custom-header-navigation-main #menu-level-two ul{gap:10px}.custom-header-navigation-main #menu-level-two ul{padding-top:32px}.custom-header-navigation-main .menu-level-container .separator{margin:10px 0;border-top:1px solid rgba(0,0,0,.1)}.custom-header-navigation-main .menu-level-container .heading{margin-bottom:14px}.custom-header-navigation-main .menu-level-container .heading p{font-family:var(--font-heading--family);font-size:13px;letter-spacing:0}.custom-header-navigation-main .menu-level-container ul .custom-body-m{line-height:1}.custom-header-navigation-main .menu-level-container .card-menu-container{display:grid;grid-template-columns:1fr;margin-top:1px}.custom-header-navigation-main .menu-level-container .card-menu-container.two-columns{grid-template-columns:1fr 1fr;column-gap:1px}.custom-header-navigation-main .menu-level-container .card-menu-container .image-container{width:100%;height:auto;aspect-ratio:394/249}.custom-header-navigation-main .menu-level-container .card-menu-container.two-columns .image-container{aspect-ratio:196.5/249}.custom-header-navigation-main .menu-level-container .card-menu-container .text-container{padding:16px;margin:1px 0}@media(min-width:1024px){.custom-header-navigation-container .custom-header-navigation-content{max-width:73.54%;margin-right:auto;grid-template-rows:1fr;background-color:transparent}.custom-header-navigation-main{display:grid;grid-template-columns:1fr 1fr 1fr}.custom-header-navigation-main .closer-desktop{padding:24px;width:100%;text-align:left;text-decoration:underline;text-underline-offset:4px}.toggler-submenu{cursor:pointer}.custom-header-navigation-main .menu-level-container{overflow:hidden;position:relative;transform:translate(0)!important}.custom-header-navigation-main #menu-level-one{background-color:#fff;border-right:1px solid rgba(0,0,0,.1)}.custom-header-navigation-main .menu-level-container ul{margin-left:24px;padding:24px 0;gap:12px;max-width:237px;margin-right:auto}.custom-header-navigation-main .submenu-container{height:100%;max-height:100vh}.custom-header-navigation-main .submenu-content{position:absolute;top:0;left:0;height:100%;max-height:100vh;width:100%;background:#fff;border-right:1px solid rgba(0,0,0,.1);overflow-y:scroll;scrollbar-width:none;transform:translate(-101%);transition:all .5s ease-in-out;visibility:hidden;opacity:0}.custom-header-navigation-main .submenu-content ::-webkit-scrollbar{display:none}.custom-header-navigation-main .submenu-content:not(.show){display:block}.custom-header-navigation-main .submenu-content.show{transform:translate(0);visibility:visible;opacity:1}.custom-header-navigation-main #menu-level-two ul{gap:7px}.custom-header-navigation-main .menu-level-container .heading{margin-bottom:18px}.custom-header-navigation-main .menu-level-container .separator{border:none;margin:22px 0}.custom-header-navigation-main .menu-level-container .active-hover:hover p{text-decoration:underline}.custom-header-navigation-main .menu-level-container ul.has-focus li:not(.heading):hover *{color:#000}.custom-header-navigation-main .menu-level-container .go-back-container.only-desktop:not(.active-hover) .custom-button{cursor:initial}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-header-navigation.css.map */