.dialog.mobile-nav{max-height:100%;overflow-y:auto}.mobile-nav__header{z-index:var(--z-mobile-nav-header);padding:var(--spacing-4);transition:box-shadow var(--transition);background-color:red;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 0 #0000}.mobile-nav__header.scrolled{box-shadow:var(--shadow-md)}.mobile-nav__logo{width:4.75rem;height:auto}.mobile-nav__levels{z-index:var(--z-mobile-nav-levels);flex:auto;transition:transform .15s ease-in-out;display:flex}.mobile-nav__level{flex-direction:column;flex:0 0 100%;align-items:stretch;height:100%;display:flex}.mobile_nav__level__header{padding:0 var(--spacing-4) var(--spacing-3)}.mobile-nav__primary li:last-child .mobile-nav-btn,.mobile-nav__secondary li:last-child .mobile-nav-btn{border-bottom:0}.mobile-nav__primary,.mobile-nav__secondary,.mobile-nav__tertiary{margin:0;list-style:none}.mobile-nav__secondary,.mobile-nav__tertiary{background-color:var(--color-primary-dark)}.mobile-nav__primary{height:100%;padding:var(--spacing-1) var(--spacing-4) var(--spacing-1);flex-shrink:1;overflow-y:auto}.mobile-nav__secondary{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3);margin-top:auto}.mobile-nav__tertiary{padding:0 var(--spacing-4) var(--spacing-6)}
.mobile-nav-btn{box-sizing:border-box;width:100%;max-width:100%;padding:var(--spacing-3) 0;color:var(--color-neutral-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:space-between;align-items:center;gap:var(--spacing-3);text-align:left;background-color:#0000;border:none;text-decoration:none;display:flex;position:relative}.mobile-nav-btn .icon{width:var(--spacing-5);height:var(--spacing-5)}.mobile-nav-btn .shopping-cart__count{position:static}.mobile-nav-btn--primary{border-bottom:var(--spacing-px) solid var(--color-neutral-white-a20)}.mobile-nav-btn--primary .icon{color:var(--color-neutral-white-a40)}.mobile-nav__level:not(.mobile-nav__level--main) .mobile-nav-btn--primary{max-width:calc(100% - var(--spacing-4));padding-right:var(--spacing-4);margin-left:var(--spacing-4)}.mobile-nav__level:not(.mobile-nav__level--main) .mobile-nav-btn--primary:not(:has(.icon)){max-width:calc(100% - var(--spacing-8));margin-right:var(--spacing-4)}.mobile-nav-btn--secondary,.mobile-nav-btn--tertiary{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--spacing-1);margin-top:var(--spacing-half)}.mobile-nav-btn--secondary .icon,.mobile-nav-btn--tertiary .icon{color:var(--color-neutral-white-a60)}.mobile-nav-btn--secondary{background-color:var(--color-primary-dark)}.mobile-nav-btn--tertiary{background-color:var(--color-primary)}.mobile-nav-btn__label{flex:auto}.mobile-nav-btn__count{width:calc(var(--spacing-2)*var(--shopping-cart-count) + var(--spacing-3));height:var(--spacing-5);border-radius:var(--border-radius-max);background-color:var(--color-primary-promo);color:var(--color-off-white-dark);font-size:var(--font-size-xs);justify-content:center;align-items:center;display:flex}
.submenu{background-color:var(--color-neutral-white);box-shadow:var(--shadow-xl);align-items:stretch;display:flex}@media not (min-height:60rem){.submenu{height:75vh}}.submenu__nav{max-width:17.5rem;padding:var(--spacing-10);border-right:var(--spacing-px) solid var(--color-purple-a25);background-color:var(--color-purple-a10);flex:0 0 17.5rem}@media not (min-height:60rem){.submenu__nav{max-height:100%;overflow:auto}}.submenu__nav--highlight{gap:var(--spacing-6);flex-direction:column;display:flex}.submenu__nav__content{height:100%}.submenu__nav__title{color:var(--color-purple-dark)}.submenu__nav__items{margin:var(--spacing-5) 0 0;gap:var(--spacing-1);flex-direction:column;padding:0;list-style:none;display:flex}.submenu__nav__items li:last-child{padding-top:var(--spacing-1);border-top:1px solid var(--color-neutral-a20)}.submenu__nav__chevron{color:var(--color-purple)}.submenu__nav__indicator{right:var(--spacing-3);align-items:center;display:flex}