.menu-overlay-above-content{position:relative}.menu-overlay-above-content.is-above-content{z-index:var(--z-above-above-content)}.menu-overlay-above-content.is-above-above-content{z-index:var(--z-above-above-above-content)}.menu-overlay-trigger.left{transition:padding-left var(--duration-long) var(--ease-smooth)}.menu-overlay-trigger.right{transition:padding-right var(--duration-long) var(--ease-smooth)}.menu-overlay-trigger.left.is-active{padding-left:3rem}.menu-overlay-trigger.right.is-active{padding-right:3rem}menu-overlay-component{position:relative;z-index:var(--z-above-content);pointer-events:none}menu-overlay-component.is-open{z-index:var(--z-content);pointer-events:auto}.menu-overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-background);z-index:var(--z-overlay);opacity:0;transition:opacity var(--duration-long) var(--ease-smooth);transition-delay:var(--duration-long)}.menu-overlay-container.is-open{opacity:1;transition-delay:0s}.menu-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.6rem 0}@media screen and (min-width: 1440px){.menu-overlay-header{padding:4rem 2rem 0}}.menu-overlay-header__close{width:2rem;padding:.2rem}.menu-overlay-content{position:fixed;top:0;height:100%;opacity:1;transition:var(--duration-default) var(--ease-smooth);transition-property:opacity;overflow-x:hidden}.menu-overlay-container.is-open .menu-overlay-content{opacity:1}.menu-overlay-content:before{content:"";position:absolute;z-index:var(--z-behind-content);top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-background));transition:var(--duration-long) var(--ease-smooth);transition-property:opacity,transform}.menu-overlay-body{position:relative;width:100%;height:100%}.menu-overlay-body-content{position:absolute;top:0;opacity:0;transition:var(--duration-long) var(--ease-smooth);transition-property:opacity;padding:var(--page-margin);padding-top:calc(4.1rem + var(--page-margin));z-index:var(--behind-content);pointer-events:none;width:100%;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.menu-overlay-body-content::-webkit-scrollbar{display:none}.menu-overlay-content--left .menu-overlay-body-content{left:0;padding-left:258px}.menu-overlay-content--right .menu-overlay-body-content{right:0;padding-right:258px}.menu-overlay-body-content.is-open{opacity:1;z-index:var(--above-content);pointer-events:auto;transition-delay:.25s}.menu-overlay-content--left,.menu-overlay-content--right{width:100vw}@media (min-width: 768px){.menu-overlay-content--left,.menu-overlay-content--right{width:50vw;width:calc(50 * var(--vw))}.menu-overlay-body-content{padding-top:calc(4.2rem + var(--page-margin))}}.menu-overlay-content--full{width:100vw;opacity:1}.menu-overlay-container .menu-overlay-content--right{right:0}.menu-overlay-container .menu-overlay-content--right:before{transform:translate(100%)}.menu-overlay-container.is-open .menu-overlay-content--right:before{transform:translate(0)}.menu-overlay-container .menu-overlay-content--left{left:0}.menu-overlay-container .menu-overlay-content--left:before{transform:translate(-100%)}.menu-overlay-container.is-open .menu-overlay-content--left:before{opacity:1;transform:translate(0)}.menu-overlay-close{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;height:1.6rem;width:1.6rem;display:flex;justify-content:center;align-items:center;position:absolute;top:var(--page-margin)}.menu-overlay-close:before{content:"";position:absolute;top:50%;left:50%;width:4.4rem;height:4.4rem;transform:translate3d(-50%,-50%,0)}.menu-overlay-close.left{right:calc(25% + var(--page-margin));opacity:0}.menu-overlay-container.is-open .menu-overlay-close.left{right:var(--page-margin);opacity:1;transition:opacity var(--duration-long) var(--ease-smooth) var(--duration-default)}.menu-overlay-close.right{left:calc(25% + var(--page-margin));transition:var(--duration-long) var(--ease-smooth);transition-property:left}.menu-overlay-container.is-open .menu-overlay-close.right{left:var(--page-margin)}.menu-overlay-close{opacity:0}.menu-overlay-container.is-open .menu-overlay-close{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-menu-overlay.css.map */