:root{--announcement-bar-height: 48px}.menu-drawer,.drawer-menu__submenu-panel{top:var(--announcement-bar-height);height:calc(100vh - var(--announcement-bar-height))}.menu-drawer{position:fixed;top:var(--announcement-bar-height);left:0;width:400px;height:calc(100vh - var(--announcement-bar-height));background-color:#fff;z-index:99999;overflow:visible;transform:translate(0)}body.js-open{overflow:hidden}body.js-open:after{display:none!important}.menu-drawer__inner{display:flex;width:400px;height:100%;overflow:visible;position:relative;z-index:9999;background-color:#f2f2f2}.menu-drawer__close{position:absolute;top:0rem;right:2rem;z-index:99999;background:none;border:none;font-size:2rem;cursor:pointer;color:#000}.menu-drawer__menu{width:400px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#f2f2f2;z-index:2}@media screen and (min-width: 990px){.drawer-menu__submenu-panel{position:absolute;top:0;left:400px;width:400px;height:100%;background-color:#fff;transform:scale(0);transition:transform .3s ease;overflow-y:auto;display:block;z-index:1;font-size:1.4rem;font-family:Arial}.drawer-menu__submenu-panel.active{transform:translate(0)}}.drawer-menu__back{background:none;border:none;font-size:1.3rem;font-weight:600;margin-bottom:2rem;margin-left:2rem;margin-top:1rem;color:#000;cursor:pointer}.drawer-menu__item{font-size:1.5rem;padding:.5rem}.drawer-menu__item-trigger{background:none;border:none;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:400;cursor:pointer;color:#000}.drawer-menu__arrow{font-size:1.5rem;font-weight:700}.drawer-menu__submenu li{margin-bottom:0rem}.drawer-menu__submenu a{text-decoration:none;color:#000;font-weight:500}@media only screen and (min-width: 1024px){.drawer{--drawer-size: min(40vw, 400px)}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel,.drawer-menu__submenu-panel.active{all:unset}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel{position:static!important;transform:none!important;height:auto!important;display:none!important;background-color:transparent!important}.drawer-menu__submenu-panel.active{display:block!important}.menu-drawer__menu{overflow-y:auto!important;height:calc(100vh - var(--announcement-bar-height))!important}.menu-drawer__inner{width:100%!important;display:block!important;overflow:visible!important}.drawer-menu__item-trigger{display:flex!important;justify-content:space-between;align-items:center}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel{all:unset;display:none}.drawer-menu__submenu-panel.active{all:unset;display:block}.drawer-menu__back{display:none!important}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel{display:none;padding-left:1.5rem;background:#f9f9f9}.drawer-menu__submenu-panel.active{display:block}.drawer-menu__back{display:none!important}.menu-drawer__inner{display:block!important;width:100%!important}.menu-drawer__menu{overflow-y:auto!important;height:calc(100vh - var(--announcement-bar-height))!important}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel{position:fixed!important;top:var(--announcement-bar-height);left:100%;width:100%;height:calc(100vh - var(--announcement-bar-height));background:#fff;z-index:999999;transition:transform .3s ease;transform:translate(0);display:block!important}.drawer-menu__submenu-panel.mobile-slide-in{left:0}.mobile-submenu-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #ddd}.mobile-submenu-back,.mobile-submenu-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#000}}@media screen and (max-width: 989px){[data-mobile-only]{display:flex!important}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel{position:fixed!important;top:var(--announcement-bar-height);left:100%;width:100%;height:calc(100vh - var(--announcement-bar-height));background-color:#fff!important;z-index:100000;transition:left .3s ease;display:block!important;overflow-y:auto}.drawer-menu__submenu-panel.mobile-slide-in{left:0}.menu-drawer__inner{overflow:visible!important;position:relative}[data-mobile-only]{display:flex!important;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #ddd}.mobile-submenu-back,.mobile-submenu-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#000}}@media screen and (max-width: 989px){.menu-drawer__inner{position:relative!important;width:400px!important;display:block!important;overflow:hidden!important}.menu-drawer__menu{width:400px;height:100vh;overflow-y:auto;position:relative;z-index:1}.drawer-menu__submenu-panel{position:absolute!important;top:0!important;left:100%;width:400px;height:100vh!important;background-color:#f2f2f2!important;z-index:999999;transition:left .3s ease;overflow-y:auto;display:none;font-family:arial,sans-serif}.drawer-menu__submenu-panel.mobile-slide-in{left:0!important;display:block!important}.mobile-submenu-header,[data-mobile-only]{display:flex!important;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #ddd;background-color:#f2f2f2;z-index:100001}.mobile-submenu-back,.mobile-submenu-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#000}.drawer-menu__back{display:none!important}}.menu-drawer__menu{padding-top:4rem}.menu-drawer__menu li,.drawer-menu__submenu li{list-style:none;padding-right:3rem;padding-left:0;margin-left:0}.drawer-menu__back,.mobile-submenu-back{justify-content:flex-start;margin-left:1rem}.menu-drawer__close{top:1.5rem!important;right:2rem;font-size:2.2rem}.menu-drawer__inner{padding-top:2rem}@media screen and (min-width: 990px){.drawer-menu__submenu-panel{top:0!important}.drawer-menu__submenu li{padding:.3rem 2rem;font-size:1.5rem;font-weight:400}.drawer-menu__item--active>.drawer-menu__item-trigger{text-decoration:underline;font-weight:700;color:#000;font-size:1.8rem}.drawer-menu__item:not(.drawer-menu__item--active) .drawer-menu__arrow{opacity:.3}.drawer-menu__item--active .drawer-menu__arrow:before{content:\"<\";font-weight:700}.drawer-menu__submenu-panel .drawer-menu__back{display:none!important}}@media screen and (min-width: 990px){.drawer-menu__item .drawer-menu__arrow{transition:transform .3s ease}.drawer-menu__item--active .drawer-menu__arrow{transform:rotate(180deg)}.drawer-menu__item-trigger{opacity:1;transition:opacity .3s ease}.drawer-menu__submenu-panel{padding-top:4rem}.drawer-menu__submenu-panel .drawer-menu__back{display:none!important}}@media screen and (min-width: 990px){.drawer-menu__item-trigger{opacity:.4;transition:opacity .3s ease}.drawer-menu__item--active>.drawer-menu__item-trigger{opacity:1}.drawer-menu__arrow{font-size:2rem;font-weight:400;transition:transform .3s ease;text-decoration:none!important}.drawer-menu__item--active .drawer-menu__arrow{transform:rotate(180deg)}.drawer-menu__submenu-panel{padding-top:4rem!important}.drawer-menu__submenu-panel .drawer-menu__back{display:none!important}}@media screen and (min-width: 990px){.drawer-menu__arrow{transition:transform .3s ease;text-decoration:none!important}.drawer-menu__item--active .drawer-menu__arrow{transform:rotate(180deg)}.drawer-menu__item-trigger,.drawer-menu__arrow{opacity:1!important}.drawer-menu__submenu-panel{top:0!important;padding-top:8rem!important;margin-top:0!important}.drawer-menu__submenu-panel .drawer-menu__back{display:none!important}}@media screen and (min-width: 990px){.drawer-menu__arrow{text-decoration:none!important}.drawer-menu__item-trigger,.drawer-menu__arrow{opacity:1!important}.drawer-menu__item .drawer-menu__item:not(.drawer-menu__item--active)>.drawer-menu__item-trigger:not(:hover),.drawer-menu__item:not(.drawer-menu__item--active) .drawer-menu__arrow:not(:hover){opacity:.4!important}}@media screen and (min-width: 990px){.drawer-menu__item-trigger,.drawer-menu__arrow{opacity:1!important}}.drawer-menu__arrow{text-decoration:none!important;display:inline-block}@media screen and (min-width: 990px){.drawer-menu__item-trigger,.drawer-menu__arrow{opacity:1!important;text-decoration:none!important}.drawer-menu__item .drawer-menu__arrow{display:inline-block;transition:transform .3s ease;text-decoration:none!important}.drawer-menu__item--active .drawer-menu__arrow{transform:rotate(-180deg)}.drawer-menu__submenu-panel{padding-top:8rem!important;top:0!important;margin-top:0!important}.drawer-menu__submenu-panel .drawer-menu__back{display:none!important}}@media screen and (min-width: 990px){.drawer-menu__menu:not(.has-active) .drawer-menu__item-trigger,.drawer-menu__menu:not(.has-active) .drawer-menu__arrow{opacity:1!important}}@media screen and (min-width: 990px){.drawer-menu__item-trigger{color:#000!important;opacity:1!important;text-shadow:none!important}}@media screen and (min-width: 990px){.drawer-menu__item-trigger{color:#000!important}.drawer-menu__item-trigger .drawer-menu__arrow{text-decoration:none!important}}@media screen and (min-width: 990px){.drawer-menu__menu.has-active .drawer-menu__item-trigger,.drawer-menu__menu.has-active .drawer-menu__arrow{opacity:.4;transition:opacity .3s ease}.drawer-menu__menu.has-active .drawer-menu__item--active>.drawer-menu__item-trigger,.drawer-menu__menu.has-active .drawer-menu__item--active .drawer-menu__arrow{opacity:1;font-weight:600}.drawer-menu__menu.has-active .drawer-menu__item:hover>.drawer-menu__item-trigger,.drawer-menu__menu.has-active .drawer-menu__item:hover .drawer-menu__arrow{opacity:1!important;background-color:#f5f5f5;font-weight:600}}@media screen and (min-width: 990px){.drawer-menu__arrow{display:inline-block;width:2rem;height:2rem;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z'/></svg>") no-repeat center;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z'/></svg>") no-repeat center;background-color:#000;margin-left:auto;transition:transform .3s ease;vertical-align:middle;margin-right:.5rem}.drawer-menu__item--active .drawer-menu__arrow{transform:rotate(-180deg)}}@media screen and (min-width: 990px){.drawer-menu__item>a{text-decoration:none!important;color:#000!important;font-family:inherit;font-size:1.5rem;font-weight:400;display:block;padding:0rem .5rem;font-family:arial,sans-serif}.drawer-menu__item>a:hover{background-color:#f5f5f5;font-weight:600}}@media screen and (max-width: 989px){.drawer-menu__item>a{text-decoration:none!important;color:#000!important;font-family:inherit;font-size:1.5rem;font-weight:400;display:flex;align-items:center;justify-content:space-between;padding:0rem .5rem;font-family:arial,sans-serif}.drawer-menu__item>a:hover{background-color:#f5f5f5;font-weight:600}}@media screen and (max-width: 989px){.menu-drawer__menu,.drawer-menu__submenu-panel{width:100vw!important;max-width:100vw!important}.menu-drawer__inner{width:100vw!important}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel.mobile-slide-in li{padding-top:0rem;padding-bottom:.5rem}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel.mobile-slide-in li a{display:block;transition:background-color .2s ease}.drawer-menu__submenu-panel.mobile-slide-in li a:active,.drawer-menu__submenu-panel.mobile-slide-in li a:focus-visible{background-color:#f5f5f5;font-weight:600}}@media screen and (max-width: 989px){.mobile-submenu-header{border-bottom:none!important}}@media screen and (max-width: 989px){.drawer-menu__submenu-panel.mobile-slide-in li{padding-left:0rem;padding-right:1.5rem}}@media screen and (max-width: 989px){.mobile-submenu-header{justify-content:flex-end;padding:1rem 1.5rem}.mobile-submenu-back{order:2;margin-left:1rem;margin-right:3rem;font-size:2rem;padding:.2rem;font-weight:700;color:#ff4069}.mobile-submenu-close{order:1}}.hamburger-custom{display:inline-flex;flex-direction:column;justify-content:space-between;height:28px;width:40px;cursor:pointer}.hamburger-custom span{display:block;height:4px;background-color:#000;border-radius:10px;transition:all .3s ease}.hamburger-custom span:nth-child(1){width:40%}.hamburger-custom span:nth-child(2){width:55%}.hamburger-custom span:nth-child(3){width:70%}.hamburger-custom span:nth-child(4){width:85%}.floating-close-icon{position:fixed;width:32px;height:32px;background:#fff;border-radius:50%;font-size:24px;color:#000;justify-content:center;align-items:center;cursor:pointer;z-index:9999;pointer-events:none;transition:transform .15s ease;box-shadow:0 2px 6px #0000001a}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-menu-drawer.css.map */