.dev-menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:stretch;justify-content:flex-start;padding:var(--drawer-inset);font-family:var(--font-body);color:var(--color);visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition) ease,visibility var(--transition) ease}.dev-menu-drawer[data-open=true]{visibility:visible;opacity:1;pointer-events:auto}body[data-menu-drawer-open=true]{overflow:hidden}.dev-menu-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--backdrop);opacity:var(--backdrop-opacity)}.dev-menu-drawer__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:var(--container-max);background-color:var(--bg);border-radius:var(--radius);padding-top:var(--pt);padding-bottom:var(--pb);padding-left:var(--section-px);padding-right:var(--section-px);overflow-y:auto;transform:translate(calc(-100% - var(--drawer-inset)));transition:transform var(--transition) ease}.dev-menu-drawer[data-open=true] .dev-menu-drawer__panel{transform:translate(0)}.dev-menu-drawer__header{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);min-height:var(--header-row-h);padding-bottom:var(--spacing-md);flex:0 0 auto}.dev-menu-drawer__content{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-height:0}.dev-menu-drawer__stack{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-lg);flex:1 1 auto;min-height:0}.dev-menu-drawer__nav-list,.dev-menu-drawer__footer-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.dev-menu-drawer__promo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;flex:0 0 auto;border-top:1px solid var(--border-color);padding-top:var(--spacing-sm);padding-bottom:0}.dev-menu-drawer__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.dev-menu-drawer__promo-rating{margin:0;flex-shrink:0;font-size:0;line-height:var(--font-body-lh);color:var(--color)}.dev-menu-drawer__promo-value{font-size:var(--promo-rating-size);font-weight:var(--promo-rating-weight);line-height:var(--font-body-lh);margin-left:var(--space-advance)}.dev-menu-drawer__promo-separator{font-size:var(--promo-rating-size);font-weight:var(--promo-sep-weight);line-height:var(--font-body-lh);margin-inline:calc(var(--space-advance) * var(--sep-spaces))}.dev-menu-drawer__promo-label{font-size:var(--promo-rating-size);font-weight:var(--promo-label-weight);line-height:var(--font-body-lh)}.dev-menu-drawer__close{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--icon-size);height:var(--icon-size);padding:0;border:0;background:none;color:inherit;cursor:pointer}.dev-menu-drawer__close:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.dev-menu-drawer__close-icon{display:block;width:var(--icon-size);height:var(--icon-size)}.dev-menu-drawer__nav-link{display:block;font-family:var(--font-heading);font-size:var(--font-heading-size);font-weight:var(--font-heading-weight);line-height:var(--font-heading-lh);color:var(--color);text-decoration:none}.dev-menu-drawer__footer-link{position:relative;display:flex;align-items:center;min-height:var(--link-row-h);font-family:var(--font-body);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-lh);color:var(--color);text-decoration:none}.dev-menu-drawer__nav-link:hover,.dev-menu-drawer__footer-link:hover{text-decoration:underline}@media(max-width:768px){.dev-menu-drawer{padding:0}.dev-menu-drawer__panel{max-width:none;border-radius:0;padding-left:var(--section-px-mobile);padding-right:var(--section-px-mobile);padding-bottom:var(--pb-mobile);justify-content:space-between;transform:translate(-100%)}.dev-menu-drawer[data-open=true] .dev-menu-drawer__panel{transform:translate(0)}.dev-menu-drawer__content,.dev-menu-drawer__stack{display:contents}.dev-menu-drawer__header{padding-bottom:0}.dev-menu-drawer__nav-list{gap:var(--spacing-sm)}.dev-menu-drawer__nav-link{font-size:var(--font-heading-size-mobile)}.dev-menu-drawer__footer-link{min-height:0}.dev-menu-drawer__footer-link:after{content:"";position:absolute;top:-11px;right:0;bottom:-11px;left:0}.dev-menu-drawer__promo{padding-bottom:var(--spacing-sm)}.dev-menu-drawer__promo-value,.dev-menu-drawer__promo-separator,.dev-menu-drawer__promo-label{font-size:var(--promo-rating-size-mobile)}}.dev-menu-drawer__close:focus-visible,.dev-menu-drawer__nav-link:focus-visible,.dev-menu-drawer__footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dev-menu-drawer__close:focus:not(:focus-visible),.dev-menu-drawer__nav-link:focus:not(:focus-visible),.dev-menu-drawer__footer-link:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.dev-menu-drawer,.dev-menu-drawer *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/dev-menu-drawer.css.map */