.menu-drawer.myd-app-menu-drawer{--myd-app-menu-bg: #ffffff;--myd-app-menu-text: #1a1a1a;--myd-app-menu-muted: #6b6b6b;--myd-app-menu-line: #e6e1d8;background:var(--myd-app-menu-bg)}.menu-drawer.myd-app-menu-drawer .menu-drawer__navigation-container,.menu-drawer.myd-app-menu-drawer .menu-drawer__inner-submenu,.menu-drawer.myd-app-menu-drawer .menu-drawer__submenu{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.menu-mobile--open .menu-drawer-container summary.header__icon--menu:after,.menu-mobile--opening .menu-drawer-container summary.header__icon--menu:after,.menu-mobile--closing .menu-drawer-container summary.header__icon--menu:after{touch-action:none;overscroll-behavior:none}@media screen and (min-width:750px){.menu-drawer--open .menu-drawer-container>summary.header__icon--menu,.menu-drawer--opening .menu-drawer-container>summary.header__icon--menu,.menu-drawer--closing .menu-drawer-container>summary.header__icon--menu,.menu-mobile--open .menu-drawer-container>summary.header__icon--menu,.menu-mobile--opening .menu-drawer-container>summary.header__icon--menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.menu-drawer.myd-app-menu-drawer drawer-close-button.myd-app-menu__close,.menu-drawer.myd-app-menu-drawer .myd-app-menu__close{display:inline-flex!important}}.menu-drawer.myd-app-menu-drawer .menu-drawer__navigation{margin-top:0;border-top:0}.myd-app-menu__topbar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;min-height:52px;padding:8px 12px;background:var(--myd-app-menu-bg);border-bottom:1px solid var(--myd-app-menu-line)}.menu-drawer.myd-app-menu-drawer drawer-close-button.myd-app-menu__close,.menu-drawer.myd-app-menu-drawer .myd-app-menu__close{position:relative!important;top:auto!important;left:auto!important;right:auto!important;display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;margin:0;padding:0;border:1px solid #ffcc00;border-radius:50%;background:#fc0;color:#111;cursor:pointer}.menu-drawer.myd-app-menu-drawer .myd-app-menu__close:after{display:none!important;content:none!important}.menu-drawer.myd-app-menu-drawer .myd-app-menu__close .icon-close{position:static!important;top:auto!important;left:auto!important;display:block!important;opacity:1!important;transform:none!important;width:8px!important;height:8px!important;color:#111}.myd-app-menu__logo{display:flex;align-items:center;justify-content:center;min-width:0;text-decoration:none;color:inherit}.myd-app-menu__logo-img{display:block;width:auto;max-width:min(200px,100%);height:auto;max-height:32px;object-fit:contain}.myd-app-menu__logo-text{font-size:1.4rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--myd-app-menu-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myd-app-menu__topbar-spacer{width:40px;height:40px}.myd-app-menu{margin:0;padding:8px 0 24px;list-style:none}.myd-app-menu__item{margin:0}.myd-app-menu__item--banner{margin:6px 0 10px}.myd-app-menu__banner{display:block;width:100%;line-height:0;text-decoration:none;overflow:hidden;background:#eceae4}.myd-app-menu__banner-img{display:block;width:100%;height:auto;min-height:88px;object-fit:cover}.myd-app-menu__item--banner-grid{margin:6px 0 10px;padding:0 20px}.myd-app-menu__banner-grid{display:grid;gap:8px;width:100%;margin:0;padding:4px 20px 14px}.myd-app-menu__item--banner-grid>.myd-app-menu__banner-grid{padding-left:0;padding-right:0}.myd-app-menu__banner-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.myd-app-menu__banner-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.myd-app-menu__banner-grid-item{position:relative;display:block;overflow:hidden;border-radius:6px;background:#eceae4;aspect-ratio:1 / 1;text-decoration:none;color:#fff}.myd-app-menu__banner-grid-img{display:block;width:100%;height:100%;object-fit:cover}.myd-app-menu__banner-grid-label{position:absolute;left:0;right:0;bottom:0;padding:8px 6px 6px;font-size:.95rem;font-weight:700;letter-spacing:.04em;line-height:1.15;text-align:center;text-transform:uppercase;background:linear-gradient(to top,rgba(0,0,0,.55),transparent)}.myd-app-menu__link,.myd-app-menu__summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px;color:var(--myd-app-menu-text);font-size:1.6rem;font-weight:700;line-height:1.25;letter-spacing:.01em;text-decoration:none;background:transparent;border:0;cursor:pointer;list-style:none}.myd-app-menu__summary::-webkit-details-marker{display:none}.myd-app-menu__label{flex:1 1 auto;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;text-align:left;line-height:1.25}.myd-app-menu__label-text{display:inline-block;line-height:inherit}.myd-app-menu__badge{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;margin-top:0;padding:1px 7px;border-radius:999px;background:var(--myd-menu-badge-bg, #fde8e0);color:var(--myd-menu-badge-color, #e85a3c);font-size:1rem;font-weight:700;letter-spacing:.04em;line-height:1.2;height:1.6em;box-sizing:border-box;overflow:hidden;transform:translateY(1px)}.myd-app-menu__badge-text{position:relative;z-index:1;display:block;line-height:1}.myd-app-menu__badge:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.15) 65%,transparent 100%);transform:skew(-22deg);pointer-events:none;animation:myd-app-menu-badge-reflect 2.8s ease-in-out infinite}@keyframes myd-app-menu-badge-reflect{0%,28%{left:-120%}55%{left:140%}to{left:140%}}@media(prefers-reduced-motion:reduce){.myd-app-menu__badge:after{animation:none;display:none}}.myd-app-menu__caret{display:inline-flex;flex-shrink:0;color:var(--myd-app-menu-text);transition:transform .32s cubic-bezier(.4,0,.2,1)}.myd-app-menu__details:not([open])>.myd-app-menu__summary .myd-app-menu__caret{transform:rotate(180deg)}.myd-app-menu__panel{overflow:hidden;height:0;transition:height .32s cubic-bezier(.4,0,.2,1);will-change:height}.myd-app-menu__details[open]>.myd-app-menu__panel{height:auto}.myd-app-menu__panel-inner{min-height:0}.myd-app-menu__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 10px 14px}.myd-app-menu__tile{position:relative;display:block;overflow:hidden;border-radius:5px;background:#ddd;aspect-ratio:1 / 1;text-decoration:none;color:#fff}.myd-app-menu__tile:focus-visible,.myd-app-menu__tile.is-active{outline:2px solid #2f6fed;outline-offset:1px}.myd-app-menu__tile-img{width:100%;height:100%;object-fit:cover;display:block}.myd-app-menu__tile-img--empty{background:linear-gradient(135deg,#e8e4dc,#f3f0ea)}.myd-app-menu__tile-label{position:absolute;left:0;right:0;bottom:0;padding:6px 4px 5px;font-size:.85rem;font-weight:700;letter-spacing:.04em;line-height:1.15;text-transform:uppercase;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.55),transparent)}.myd-app-menu__children{margin:0;padding:0 20px 10px;list-style:none}.myd-app-menu__child{display:block;padding:10px 0;color:var(--myd-app-menu-muted);font-size:1.2rem;font-weight:600;line-height:1.3;text-decoration:none}.myd-app-menu__child:hover,.myd-app-menu__link:hover{color:#000}.menu-drawer.myd-app-menu-drawer .menu-drawer__utility-links{border-top:1px solid var(--myd-app-menu-line);margin-top:auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;background:#fffcf0}.menu-drawer.myd-app-menu-drawer .menu-drawer__account{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:var(--myd-app-menu-text);text-decoration:none}.menu-drawer.myd-app-menu-drawer .menu-drawer__account .icon{width:20px;height:20px;flex-shrink:0;color:var(--myd-app-menu-text)}.menu-drawer.myd-app-menu-drawer .menu-drawer__account .label{margin-left:0!important;font-size:1.4rem;font-weight:700;line-height:1.2;color:var(--myd-app-menu-text)}.myd-app-menu__profile{width:100%}.myd-app-menu__profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0}.myd-app-menu__profile-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:2px 2px 0;text-decoration:none;color:#222;text-align:center;-webkit-tap-highlight-color:transparent}.myd-app-menu__profile-item:hover,.myd-app-menu__profile-item:focus-visible{color:#000}.myd-app-menu__profile-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:0;background:transparent;color:inherit}.myd-app-menu__profile-icon svg{width:20px;height:20px;display:block;overflow:visible;shape-rendering:geometricPrecision}.myd-app-menu__profile-label{font-size:1.1rem;font-weight:400;line-height:1.15;letter-spacing:.01em;color:inherit}.menu-drawer.myd-app-menu-drawer .list-social{display:none}
/*# sourceMappingURL=/cdn/shop/t/124/assets/myd-app-menu.css.map */