.menu__mobile .Svg--close{display:none}.menu__mobile--overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:#0006;z-index:9;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.menu__mobile--overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.menu__mobile{background:var(--secondary_background);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:7px;width:30px;height:30px}.menu__mobile svg{width:16px;transition:all .3s ease-in}.menu__mobile svg path{fill:var(--secondary_text)}menu-mobile.is-open .Svg--hamburger{display:none}menu-mobile.is-open .Svg--close{display:block}.menu__mobile--drawer{position:fixed;top:var(--header-height);left:0;width:100%;border-radius:0 0 16px 16px;background:var(--secondary_background);color:var(--secondary_text);z-index:10;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .45s ease,transform .35s ease,opacity .25s ease}.menu__mobile--drawer a{color:var(--secondary_text)}menu-mobile.is-open .menu__mobile--drawer{max-height:80vh;opacity:1;transform:translateY(0);padding:30px 16px}body:has(menu-mobile.is-open) header-element.header--scrolled.header__transparent,body:has(menu-mobile.is-open) header-element{background:var(--secondary_background)}body:has(menu-mobile.is-open) header-element .header__logo img{filter:invert(1)}body:has(menu-mobile.is-open) .button{background:var(--secondary_button);border-color:var(--secondary_button);color:var(--primary_text)}body:has(menu-mobile.is-open) .menu__mobile{background:var(--secondary_button)}body:has(menu-mobile.is-open) .menu__mobile svg path{fill:var(--primary_text)}.menu__mobile--link{padding:16px 0;border-bottom:1px solid var(--secondary_button);display:flex;align-items:center;justify-content:space-between}.menu__mobile--link svg{width:100%;max-width:20px}.menu__mobile--link svg path{stroke:var(--secondary_button)}.menu__mobile--drawer .icon__group{margin-top:30px}.header__menu a{position:relative}.header__menu a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-foreground);transition:width .3s ease-in}.header__menu a:hover:after{width:100%}@media screen and (max-width:768px){.header__menu{display:none!important}}@media screen and (min-width:769px){menu-mobile{display:none}.header__content{padding-left:40px;padding-right:40px;max-width:var(--page-width);margin:auto}.header__menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/menu_mobile.css.map */