.MobileMenu{position:fixed;top:0;left:0;width:calc(100% - 1rem);height:100%;display:none;transform:translate(-101%);transition:transform .5s var(--gygi-curve);background-color:var(--white);pointer-events:none;z-index:1100;padding:1rem 1rem 4rem;flex-direction:column;gap:2rem}.MobileMenu .MobileMenu--close-button{width:1rem;height:1rem;cursor:pointer}.MobileMenu .MobileMenu--bottom{position:absolute;width:100%;bottom:0;left:0;padding:1rem}.MobileMenu .MobileMenu--bottom a{display:flex;align-items:center}.MobileMenu .MobileMenu--bottom .Icon{width:1.5rem;height:1.5rem;display:block;margin-right:.5rem}.MobileMenu .MobileMenu--socials{display:flex;gap:.5rem;align-items:center}.MobileMenu .MobileMenu--social-link{width:1.5rem;height:1.5rem;display:block}.MobileMenu .MobileMenu--content{position:relative;overflow-y:auto;flex-grow:1}.MobileMenu .MobileMenu--list{opacity:1;transition:opacity .5s var(--gygi-curve) .5s;pointer-events:all}.MobileMenu:has(.MobileMenu--sublist.Open) .MobileMenu--list{pointer-events:none;opacity:0;transition:opacity .5s var(--gygi-curve)}.MobileMenu .MobileMenu--sublist{position:absolute;width:100%;top:0;left:0;opacity:0;overflow-x:hidden;pointer-events:none;transition:opacity .5s var(--gygi-curve)}.MobileMenu .MobileMenu--sublist.Open{pointer-events:all;opacity:1;transition:opacity .5s var(--gygi-curve) .5s}.MobileMenu .MobileMenu--list-link{padding:.75rem 0;display:block;width:100%;font-family:var(--text-font);font-weight:400;border-bottom:1px solid #837f7e80}.MobileMenu .MobileMenu--has-sublist{position:relative}.MobileMenu .MobileMenu--has-sublist:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23333333" viewBox="0 0 256 256"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>');position:absolute;right:0;top:50%;transform:translateY(-50%)}.MobileMenu .MobileMenu--sublist-close{padding-left:2rem;position:relative;font-weight:400!important}.MobileMenu .MobileMenu--sublist-close:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23333333" viewBox="0 0 256 256"><path d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"></path></svg>');position:absolute;left:0;top:50%;transform:translateY(-50%)}.MobileMenu .MobileMenu--has-lastlist{position:relative}.MobileMenu .MobileMenu--has-lastlist:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23333333" viewBox="0 0 256 256"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg>');position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg);opacity:0;transition:opacity .5s var(--gygi-curve),transform .5s var(--gygi-curve)}.MobileMenu .MobileMenu--has-lastlist:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23333333" viewBox="0 0 256 256"><path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"></path></svg>');position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:1;transition:opacity .5s var(--gygi-curve),transform .5s var(--gygi-curve)}.MobileMenu .MobileMenu--has-lastlist.Open:after{opacity:0;transform:translateY(-50%) rotate(90deg)}.MobileMenu .MobileMenu--has-lastlist.Open:before{opacity:1;transform:translateY(-50%)}.MobileMenu .MobileMenu--sublist .MobileMenu--list-link{font-weight:500;border-bottom:none;border-top:1px solid #837f7e80}.MobileMenu .MobileMenu--lastlist{max-height:0;overflow:hidden;transition:max-height .5s var(--gygi-curve);padding-left:.8rem;margin-left:.2rem;position:relative}.MobileMenu .MobileMenu--lastlist:after{width:2px;background-color:#837f7e40;content:"";position:absolute;left:0;top:.5rem;height:calc(100% - 1rem)}.MobileMenu .MobileMenu--lastlist.Open{max-height:var(--lastlist-height, 1000px)}.MobileMenu .MobileMenu--lastlist .MobileMenu--list-link{border-top:none}.MobileMenu.Open{transform:none;pointer-events:all}.MobileMenu ul{list-style:none;padding:0;margin:0}@media screen and (max-width: 768px){.MobileMenu{display:flex}}body:has(.MobileMenu.Open) .Cart_Drawer_Overlay{pointer-events:all;position:fixed;top:0;right:0;width:100%;height:100%;z-index:-1;transition:all .5s var(--gygi-curve);background-color:#00000059}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-menu.css.map */
