.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu .backdrop{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.mobile-menu .menu-wrapper{display:flex;flex-direction:column;position:absolute;top:0;right:-100%;background-color:var(--white);width:100%;max-width:35rem;height:100%;overflow-y:auto}.mobile-menu.open .menu-wrapper{right:0;transition:right .2s ease}.mobile-menu .top-wrapper{position:sticky;top:0;z-index:2;display:flex;justify-content:end;padding:1.6rem;background-color:var(--white)}.mobile-menu .top-wrapper button{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--green-900);width:3.2rem;height:3.2rem;border-radius:.8rem;color:var(--white)}.mobile-menu .top-wrapper button svg{width:auto;height:2.4rem;flex-shrink:0}.mobile-menu .menu-wrapper .menu-list{flex:1;display:flex;flex-direction:column;gap:1.6rem;padding-inline:1.6rem;margin-top:2.4rem}.mobile-menu .menu-wrapper .menu-list details summary,.mobile-menu .menu-wrapper .menu-list>a{font-size:2rem;font-weight:600;line-height:2.8rem;letter-spacing:1px;color:var(--black);transition:color .2s ease}.mobile-menu .menu-wrapper .menu-list>a:hover{color:var(--green-400)}.mobile-menu .menu-wrapper .menu-list details[open]{padding-bottom:3.2rem}.mobile-menu .menu-wrapper .menu-list details summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.mobile-menu .menu-wrapper .menu-list details summary a{transition:color .2s ease}.mobile-menu .menu-wrapper .menu-list details summary a:hover{color:var(--green-400)}.mobile-menu .menu-wrapper .menu-list details[open] summary>a:not(:hover){color:var(--pink-400)}.mobile-menu .menu-wrapper .menu-list details summary svg{transition:all .2s ease}.mobile-menu .menu-wrapper .menu-list details[open] summary svg{transform:rotate(-180deg)}.mobile-menu .menu-wrapper .menu-list details[open] svg,.mobile-menu .menu-wrapper .menu-list details summary:hover svg{color:var(--pink-400)}.mobile-menu .menu-wrapper .menu-list details .links-wrapper{display:grid;grid-template-columns:1fr;gap:3.2rem;margin-top:2rem;padding-left:1.6rem}.mobile-menu .menu-wrapper .menu-list details .links-wrapper.small-gap{gap:1.6rem}.mobile-menu .menu-wrapper .menu-list details .links-wrapper .submenu{display:flex;flex-direction:column;gap:1.4rem}.mobile-menu .menu-wrapper .menu-list details .links-wrapper .submenu .title{font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:1px;color:var(--black);text-decoration:none;margin:0;transition:color .2s ease}.mobile-menu .menu-wrapper .menu-list details .links-wrapper .submenu .title:hover{color:var(--green-900)}.mobile-menu .menu-wrapper .menu-list details .links-wrapper .submenu .submenu-links{display:flex;flex-direction:column;gap:.6rem;padding-left:1rem}.mobile-menu .menu-wrapper .menu-list details .links-wrapper .submenu .submenu-links>a{font-size:1.5rem;font-weight:500;line-height:1.8rem;letter-spacing:.2px;color:var(--black);transition:color .2s ease}.mobile-menu .menu-wrapper .menu-list details .links-wrapper .submenu .submenu-links>a:hover{color:var(--green-900)}.mobile-menu .menu-wrapper .bottom-wrapper{position:sticky;bottom:0;padding:3.2rem 1.6rem;z-index:2;background-color:var(--white)}.mobile-menu .menu-wrapper .bottom-wrapper .socials-list{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-top:2.4rem;color:var(--black)}.mobile-menu .menu-wrapper .bottom-wrapper .socials-list a{display:inline-flex;align-items:center;transition:transform .125s ease}.mobile-menu .menu-wrapper .bottom-wrapper .socials-list a:hover{transform:translateY(-2px)}.mobile-menu .menu-wrapper .bottom-wrapper .socials-list a svg{width:auto;height:3.2rem;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-mobile-menu.css.map */