.multi-level-navigation__main{position:relative;display:flex;height:100%;overflow:hidden;flex-direction:column;--back-button-height: 3.4rem}multi-level-navigation .nav_link{width:100%;justify-content:space-between;padding:.4rem var(--padding);--icon-size: .6rem;--transition: .23s ease-out;font-size:.95rem;transition:background var(--transition),opacity var(--transition);height:auto}multi-level-navigation .nav_link span{max-width:100%;white-space:initial;padding-right:.3rem}multi-level-navigation .nav_link .icon{height:.7rem;transition:transform var(--transition)}multi-level-navigation button.nav_link:hover .icon{transform:translate(.2rem)}multi-level-navigation .nav_link.top_link{font-size:1.4rem;padding:.5rem var(--padding) 1rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}multi-level-navigation .nav_link.level-1{font-size:1rem;height:auto;padding:.4rem var(--padding);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}multi-level-navigation .items-container{position:absolute;top:var(--back-button-height);left:100%;width:100%;z-index:1;--transition: var(--transition-duration) cubic-bezier(.39, .51, .82, 1.01);transition:transform var(--transition);background:var(--color-background)}multi-level-navigation li{max-width:100%}multi-level-navigation .panel-back{--icon-size: 2.5rem;--gutter: 1rem;display:flex;align-items:center;justify-content:flex-start;gap:.3rem;height:var(--back-button-height);width:4rem;color:var(--color-foreground);transition:opacity .2s ease-out;pointer-events:none;cursor:auto;z-index:2;opacity:0;padding-left:calc(var(--padding) - .7rem)}multi-level-navigation .panel-back .icon{--size: v;width:var(--size);min-width:var(--size);max-width:var(--size);height:var(--size);min-height:var(--size);transition:background-color .2s ease-out;justify-content:flex-end;background-color:var(--color-background);border-radius:var(--bradius);justify-content:center}.multi-level-navigation__main .panel-back.show{cursor:pointer;pointer-events:auto;opacity:1}multi-level-navigation .panel-back:hover .icon{opacity:.6}multi-level-navigation .items-container.open:not(.hold){transform:translate(-100%);position:relative;top:0;opacity:1;z-index:2}multi-level-navigation .items-container.hold{transform:translate(-200%)}@media screen and (min-width: 500px){multi-level-navigation .nav_link.level-1{padding:.3rem var(--padding);font-size:1.4rem}}@media screen and (min-width: 750px){multi-level-navigation .nav_link.level-1{font-size:1.4rem}}@media screen and (min-width: 1200px){multi-level-navigation .nav_link.level-1{padding:.4rem var(--padding);font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/multi-level-navigation.css.map */