.menu-drawer .mobile-nav{display:block;position:relative;height:100%;overflow:hidden}.menu-drawer .mobile-nav__view{display:flex;flex-direction:column;height:100%}.menu-drawer .mobile-nav__view[hidden]{display:none}.menu-drawer .mobile-nav__main{flex:1;overflow-y:auto;padding:.8rem 0}.menu-drawer .mobile-nav__item{display:flex;align-items:center;gap:1.6rem;min-height:4.4rem;padding:1rem 2rem;color:rgb(var(--color-foreground));font-size:1.5rem;line-height:1.3;text-decoration:none;word-break:break-word}.menu-drawer .mobile-nav__item--active{font-weight:700}.menu-drawer .mobile-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:4rem;height:4rem}.menu-drawer .mobile-nav__icon-image{width:100%;height:100%;object-fit:contain}.menu-drawer .mobile-nav__icon-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:rgba(var(--color-foreground),.06);font-size:1.6rem;font-weight:600}.menu-drawer .mobile-nav__item-text{display:inline-flex;align-items:flex-start}.menu-drawer .mobile-nav__badge{display:inline-block;margin-left:.4rem;padding:.3rem .7rem;border-radius:.4rem;background-color:var(--badge-background, rgba(var(--color-foreground), .75));color:var(--badge-color, rgb(var(--color-background)));font-size:1rem;font-weight:600;letter-spacing:.04em;line-height:1;white-space:nowrap;transform:translateY(-.8em)}.menu-drawer .mobile-nav__item-caret{display:flex;margin-left:auto;flex-shrink:0}.menu-drawer .mobile-nav__item-caret svg{width:1.2rem;height:1.2rem;transform:rotate(-90deg)}.menu-drawer .mobile-nav__view--sub{flex-direction:row}.menu-drawer .mobile-nav__rail-container{display:flex;flex-direction:column;flex-shrink:0;width:9rem;height:100%;background-color:rgba(var(--color-foreground),.05)}.menu-drawer .mobile-nav__back{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:4.4rem;padding:1rem;border:none;background:none;color:rgb(var(--color-foreground));cursor:pointer}.menu-drawer .mobile-nav__back svg{width:1.6rem;height:1.6rem;transform:rotate(180deg)}.menu-drawer .mobile-nav__rail{flex:1;overflow-y:auto;padding-bottom:2rem;scrollbar-width:none}.menu-drawer .mobile-nav__rail::-webkit-scrollbar{display:none}.menu-drawer .mobile-nav__rail-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-height:4.4rem;padding:1.2rem .6rem;margin-left:.6rem;border-radius:1.2rem 0 0 1.2rem;color:rgb(var(--color-foreground));font-size:1.1rem;line-height:1.25;text-align:center;text-decoration:none;word-break:break-word}.menu-drawer .mobile-nav__rail-item .mobile-nav__icon{width:3.4rem;height:3.4rem}.menu-drawer .mobile-nav__rail-item[aria-current=true]{background-color:rgb(var(--color-background));font-weight:700}.menu-drawer .mobile-nav__panels{flex:1;min-width:0;overflow-y:auto;padding:1.6rem 1.6rem 3rem}.menu-drawer .mobile-nav__panel[hidden]{display:none}.menu-drawer .mobile-nav__panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem;margin-bottom:2rem;padding:1rem 1.8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:3rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:600;text-decoration:none}.menu-drawer .mobile-nav__panel-heading svg{width:1.6rem;height:1.6rem;flex-shrink:0}.menu-drawer .mobile-nav__grid{display:grid;grid-template-columns:repeat(var(--mobile-nav-columns, 3),minmax(0,1fr));gap:2.4rem 1.2rem}.menu-drawer .mobile-nav__tile{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.3;text-align:center;text-decoration:none;word-break:break-word}.menu-drawer .mobile-nav__tile-image,.menu-drawer .mobile-nav__tile-placeholder{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.menu-drawer .mobile-nav__tile-placeholder{display:flex;align-items:center;justify-content:center;border-radius:.8rem;background-color:rgba(var(--color-foreground),.06);font-size:2.4rem;font-weight:600}.menu-drawer .mobile-nav__tile[aria-current=page] .mobile-nav__tile-title{font-weight:700}.menu-drawer .mobile-nav__view-all{display:flex;align-items:center;justify-content:center;min-height:4.4rem;margin-top:2.8rem;padding:1rem 1.8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:3rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:600;text-align:center;text-decoration:none}.menu-drawer .mobile-nav__view-all:hover{background-color:rgba(var(--color-foreground),.04)}@media(prefers-reduced-motion:no-preference){.menu-drawer .mobile-nav__view--sub:not([hidden]){animation:mobile-nav-slide-in .25s ease}.menu-drawer .mobile-nav__view--main:not([hidden]){animation:mobile-nav-fade-in .2s ease}}@keyframes mobile-nav-slide-in{0%{transform:translate(3rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes mobile-nav-fade-in{0%{opacity:0}to{opacity:1}}.menu-drawer .mobile-nav__view--sub:has(.mobile-nav__rail-item:only-child){flex-direction:column}.menu-drawer .mobile-nav__view--sub:has(.mobile-nav__rail-item:only-child) .mobile-nav__rail-container{flex-direction:row;width:100%;height:auto;background-color:transparent}.menu-drawer .mobile-nav__view--sub:has(.mobile-nav__rail-item:only-child) .mobile-nav__back{justify-content:flex-start;padding:1.2rem 2rem .4rem}.menu-drawer .mobile-nav__view--sub:has(.mobile-nav__rail-item:only-child) .mobile-nav__rail{display:none}.menu-drawer .mobile-nav__view--sub:has(.mobile-nav__rail-item:only-child) .mobile-nav__panels{padding:.8rem 2rem 3rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-mobile-nav.css.map */