#main-menu .menu-overlay{background-color:#0000004d;position:fixed;width:100%;opacity:0;transition:opacity ease-in-out 1s;left:-110%;top:-110%}#main-menu.active .menu-overlay{opacity:1;top:0;left:0;right:0;bottom:0}#main-menu ul,#main-menu li{list-style:none;margin:0;padding:0}#main-menu a{color:var(--text-color-base);font-family:var(--font-family-sub-heading);font-weight:400;text-decoration:none;display:block;line-height:24px;font-size:16px;padding:3px 0}#main-menu a svg{float:right;height:20px;margin:2px 0 0}#main-menu .blank-row{height:30px;display:block}#main-menu .active-sub-menu li:not(.active-sub-menu-item) a{color:#b3b3b3}@media screen and (max-width: 768px){#main-menu #main-menu-wrapper{background-color:#fff;position:fixed;top:0;left:-110%;bottom:0;width:80%;max-width:340px;transition:left ease-in-out .8s;padding:22px 16px;z-index:10}#main-menu.active #main-menu-wrapper{left:0}#main-menu #menu-header{display:flex;justify-content:space-between;align-items:center}#main-menu #menu-header #menu-close{padding:6px;cursor:pointer}#main-menu #menu-header #menu-back{display:flex;align-items:center;cursor:pointer}#main-menu #menu-header #menu-back svg{height:16px;width:16px;margin:-4px 3px 0 0}#main-menu #menu-header #menu-back span{font-family:var(--font-family-sub-heading);font-weight:400;text-decoration:none;line-height:24px;font-size:24px}#main-menu .container{padding:0;overflow:auto;height:100%}#main-menu .shop-sub-items{background-color:#fff;position:fixed;top:58px;left:-110%;bottom:0;width:80%;max-width:340px;overflow:auto;opacity:0;padding:0 16px;transition:opacity ease-in-out .8s;z-index:-10}#main-menu.active .shop-sub-items.active-menu{left:0;z-index:9;opacity:1;transition:opacity ease .8s}#menu-back{pointer-events:none;opacity:0;z-index:-10;transition:opacity ease .8s}#menu-back.active{pointer-events:all;opacity:1;z-index:9}}@media screen and (min-width: 769px){#main-menu button#menu-back{display:none}#main-menu #main-menu-wrapper{background-color:#fff;position:fixed;z-index:-1;top:-110%;left:0;right:0;transition:top ease-in-out .8s;padding:122px 0 40px;box-shadow:0 4px 4px #00000014}#main-menu.active #main-menu-wrapper{top:0}#main-menu #menu-header{display:none}#main-menu .menu-overlay{z-index:-1}#main-menu .container{display:flex;width:100%}#main-menu .shop-sub-items{display:none}#main-menu.active .shop-sub-items.active-menu{display:block}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/main-menu.css.map */