.menu-drawer{--menu-drawer-padding-inline: 16px;display:none}.menu-drawer::part(overlay){content:"";background:rgb(var(--page-overlay));-webkit-backdrop-filter:blur(var(--dialog-backdrop-blur));backdrop-filter:blur(var(--dialog-backdrop-blur));z-index:999;pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0}.menu-drawer::part(content){width:100%;max-width:calc(100% - 55px);height:100dvh;background:inherit;color:inherit;grid-auto-rows:minmax(0,1fr);display:grid;position:fixed;inset-block-start:0;inset-inline-start:0;z-index:100000}@media screen and (min-width: 750px){.menu-drawer::part(content){max-width:500px}}.menu-drawer__panel{visibility:hidden;flex-direction:column;grid-area:1 / -1;height:100%;display:none;position:relative;background:inherit}.menu-drawer__panel.is-visible{visibility:visible;display:flex}.menu-drawer__panel[data-main-panel]{z-index:1}.menu-drawer__panel:not([data-main-panel]){z-index:2}.menu-drawer__close{width:38px;height:38px;padding:0;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;position:fixed;top:8px;right:calc(100% - 100vw + 8px);box-shadow:0 2px 8px #00000026;z-index:100002;opacity:1!important;transition:opacity 0s ease}.menu-drawer__close:hover{opacity:.8!important}.menu-drawer__close:active{opacity:1!important}.menu-drawer__close svg{width:20px;height:20px}.menu-drawer__panel-body{padding:var(--menu-drawer-padding-inline);flex-grow:1;overflow-y:auto}.menu-drawer__panel-body>ul{padding-right:20px}.menu-drawer__nav-button{position:relative;max-width:100%!important;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:500;line-height:normal;border-bottom:1px solid #F2F2F2;padding:20px 0}.menu-drawer__nav-button:after{display:inline-block;content:"";width:8px;height:14px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.menu-drawer__separator{margin-block:2rem}.menu-drawer__panel-footer{padding:0 var(--menu-drawer-padding-inline) var(--menu-drawer-padding-inline)}.menu-drawer__footer-item{padding:20px;border-block-start-width:1px}.menu-drawer__footer-item .social-media{--icon-max-width: 1.125rem}.menu-drawer__footer-item .social-media:has(>:nth-child(3)){justify-content:space-between}.menu-drawer .menu-promo{margin-inline:calc(-1 * var(--menu-drawer-padding-inline));margin-block-end:8px}.menu-drawer .menu-promo__carousel{padding-inline:var(--menu-drawer-padding-inline);scroll-padding-inline:var(--menu-drawer-padding-inline)}.menu-drawer .menu-promo__item{width:100%;max-width:none;aspect-ratio:288 / 181}.menu-drawer .menu-promo__item img{width:100%;height:100%;object-fit:cover}.menu-drawer .menu-promo--without-spacing .content-box{border-radius:24px}.menu-drawer__bestsellers-title{display:block;margin-block-end:1.25rem}.menu-drawer__products{display:flex;flex-direction:column;gap:0}.menu-drawer__product-item{display:flex;align-items:center;gap:16px;padding-block:8px;border-bottom:1px solid #F2F2F2;text-decoration:none;color:inherit}.menu-drawer__product-item:first-child{padding-top:0}.menu-drawer__product-item:hover{opacity:.8}.menu-drawer__product-image{flex-shrink:0;width:65px;aspect-ratio:65 / 70;object-fit:cover;border-radius:var(--border-radius-sm);background:#f2f2f2;border-radius:12px}.menu-drawer__product-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.menu-drawer__product-title{font-size:14px;line-height:normal;font-weight:400}.menu-drawer__panel-body .back-button{align-items:center;column-gap:8px;padding:12px 0;display:inline-flex;font-size:16px}.menu-drawer__panel-body .back-button svg{width:6px;height:12px}@media screen and (pointer: fine){.back-button:hover svg{animation:.5s backButtonBounce}}.menu-drawer--dropdown-sidebar::part(content){border:none;inset-block-start:0}.menu-drawer__dropdown-sidebar-level{display:none}.menu-drawer__dropdown-sidebar-level.is-visible{display:block}.menu-drawer__navigation-title{font-size:16px;font-weight:500;line-height:normal;margin-block-start:10px}.menu-drawer__navigation-list{gap:20px;font-size:14px;font-weight:400;line-height:normal}
/*# sourceMappingURL=/cdn/shop/t/5/assets/menu-drawer.css.map */
