.drawer__icon-account svg{opacity:var(--opacity-icons)}details[open] .drawer__outer-background{transition:visibility var(--duration-medium) ease,opacity var(--duration-medium) ease}.menu-drawer__close-icon{justify-content:end}.menu-drawer{display:flex;flex-direction:column;position:fixed;left:0;bottom:0;background:var(--color-body-background);z-index:9999;overflow-x:hidden;transform:translate(-100%);width:100%;max-width:100%;top:0rem}.menu-drawer a{text-decoration:none}.drawer__header-sticky{padding:2rem 1rem .5rem}.drawer__header{padding-bottom:1rem;display:grid;justify-content:space-between;align-items:center;grid-template-columns:auto auto auto}.drawer__container{position:relative;height:100%;overflow-x:hidden}.drawer__content{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-x:hidden;overflow-y:auto;height:100%}.drawer__content-pad{overflow:auto;padding:var(--padding2);overflow-x:hidden}.drawer__content-pad>*:not(:first-child){margin-top:var(--padding4)}.drawer__content-pad>.menu-drawer__navigation+*{margin-top:calc(var(--padding4) - 13px)}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}details[open].menu-opening>.menu-drawer,.no-js details[open]>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu,.no-js details[open]>.menu-drawer__submenu{transform:translate(0);visibility:visible}details[open]>.menu-drawer,details[open]>.menu-drawer__submenu{transition:transform var(--duration-medium) ease,visibility var(--duration-medium) ease}.menu-drawer__submenu{display:flex;flex-direction:column;position:absolute;width:100%;top:0;left:0;bottom:0;background:var(--color-body-background);z-index:1;transform:translate(100%);visibility:hidden}.no-js .menu-drawer__submenu{position:inherit}.no-js .menu-drawer__submenu .menu-drawer__submenu-content>*:first-child{display:none}.menu-drawer__navigation ul{--gap: .5rem;margin-top:-13px;display:flex;flex-wrap:wrap;gap:var(--gap)}.menu-drawer__navigation li{width:100%}.menu-drawer__navigation li.card-style{width:calc(50% - var(--gap))}.card-style .menu-drawer__menu-item{padding:1rem;border:1px solid rgb(0 0 0 / 30%);width:100%;height:13rem;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between}.card-style .menu-drawer__menu-item .menu-item__image{width:100%;object-fit:contain;height:9rem}.menu-item__title{display:flex;align-items:baseline}.card-style .menu-drawer__menu-item>div,.card-style .menu-drawer__menu-item>span{margin-top:1rem;max-width:100%;min-height:fit-content;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}li:not(.card-style) .menu-drawer__menu-item{border-top:1px solid rgb(0 0 0 / 30%);padding:7px 0 0}.menu-drawer__menu-item span{font-size:.8rem;font-weight:800}.menu-drawer__menu-item{display:block;align-items:center;padding:13px 0;width:100%;color:var(--color-base)}.menu-drawer__menu-item svg:first-child{max-width:20px;max-height:20px;margin-right:10px}.menu-drawer__menu-item svg:last-child:not(:first-child){position:relative;margin-left:auto;top:1px}.menu-drawer__menu-item svg{flex:0 0 auto;opacity:var(--opacity-icons);transition:opacity var(--duration-medium) ease}.menu-drawer__back-button{font-family:var(--font-body-family);font-size:var(--font-body-size);line-height:var(--font-body-line-height);font-weight:var(--font-body-bold-weight)}.menu-drawer__back-button svg{opacity:1}.menu-drawer__submenu-content{padding:var(--padding2)}.menu-drawer .menu-icon-image{flex:0 0 auto;width:auto;max-height:20px;margin-right:10px}.menu-drawer__menu-item.h5 .badge__menu{top:unset}.menu-drawer__close-button{justify-content:end;padding:5px 0}@media (min-width:577px) and (max-width: 992px){.drawer__header,.drawer__content-pad,.menu-drawer__submenu-content{padding-left:30px;padding-right:30px}.menu-drawer__submenu-content li.card-style{width:calc(33% - var(--gap))}}@media (max-width: 992px){.drawer__icon-menu:hover{background:var(--mobile-focus-color)}.menu-drawer__close-button:hover,.drawer__icon-account:hover,.menu-drawer__menu-item:hover{position:relative}.drawer__icon-account:hover:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 60px);height:44px;background:var(--mobile-focus-color);z-index:-1}.menu-drawer__close-button:hover:before{content:"";position:absolute;top:50%;right:-2px;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--mobile-focus-color);z-index:-1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-menu-drawer.css.map */