.menu-drawer-wrapper .backdrop{position:fixed;top:0;right:0;width:100vw;height:100dvh;background-color:#000000b3;z-index:9;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.menu-drawer-wrapper .backdrop.active{pointer-events:auto;visibility:visible;opacity:1}.menu-drawer{position:fixed;top:0;left:-100vw;width:calc(100vw - 50px);height:100dvh;background-color:var(--white);z-index:10;transition:left .3s ease;display:flex;flex-direction:column;max-width:400px;overflow:hidden}.menu-drawer.open{left:0}.menu-drawer-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:var(--background-surface);transition:transform .3s ease;transform:translate(0);overflow-y:auto}.menu-drawer-panel.slide-out{transform:translate(-100%)}.menu-drawer-subpanel{transform:translate(100%)}.menu-drawer-subpanel.slide-in{transform:translate(0)}.menu-drawer .menu-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-colour);height:60px;flex-shrink:0}.menu-drawer .menu-drawer-header .title{font-size:15px;line-height:1;font-weight:400;text-transform:uppercase;flex:1;text-align:left;letter-spacing:.4px;padding:20px}.menu-drawer .menu-drawer-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:15px;text-transform:uppercase;color:var(--navy-primary-700);padding:0;white-space:nowrap}.menu-drawer .menu-drawer-back .icon-back{padding:20px 4px 16px 20px}.menu-drawer .menu-drawer-back .icon-back svg{width:8px;margin-top:-3px}.menu-drawer .icon-cross{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--navy-primary-700);font-size:20px;padding:20px}.menu-drawer .nav{display:flex;flex-direction:column;padding:20px 20px 0}.menu-drawer .nav-item{width:100%;padding:13px 0;font-size:13px;letter-spacing:.78px;text-transform:uppercase;text-decoration:none;color:var(--navy-primary-700);font-weight:400;display:flex;align-items:center;justify-content:space-between}.menu-drawer .nav-item-parent{background:none;border:none;cursor:pointer;text-align:left}.menu-drawer .icon-chevron-right,.menu-drawer .icon-chevron-left{font-size:12px;opacity:.5}.menu-drawer .nav-category-title{margin:12px 0;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.4px;color:var(--navy-primary-700)}.menu-drawer .nav-category-links{display:flex;flex-direction:column}.menu-drawer .nav-item-child{font-weight:400;padding:8px 0;font-size:13px;opacity:.85;text-transform:none}.menu-drawer .nav-item-child:hover{opacity:1}.menu-drawer .menu-drawer-footer{margin-top:auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:0;flex-shrink:0}.menu-drawer .menu-drawer-footer-item{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:13px;font-weight:400;letter-spacing:.6px;text-transform:uppercase;color:var(--navy-primary-700);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-primary);width:100%;text-align:left}.menu-drawer-country-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.menu-drawer-country-toggle img{border-radius:50%;width:20px;height:20px;object-fit:cover}.menu-drawer .menu-drawer-footer-item .icon{font-size:16px;min-width:16px;flex-shrink:0;order:-1}.menu-drawer .menu-drawer-footer-item svg{width:14px;height:14px;flex-shrink:0}.menu-drawer .menu-drawer-footer .country-switcher{padding:11px 0;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--navy-primary-700)}@media screen and (min-width:1000px){.desktop.menu-drawer-country-toggle{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/menu-drawer.css.map */
