@layer components{.mobile-nav-item{display:block;border-bottom:var(--border-width) solid var(--color-borders)}.mobile-nav-item__children .mobile-nav-item:last-child{border-bottom:none}.mobile-nav-item--back{margin:0 calc(var(--spacing-unit-s) * -1)}.mobile-nav-item--all{margin-top:var(--spacing-unit-s)}.mobile-nav-item--content{padding:var(--spacing-unit-s) 0}.mobile-nav-item--children{padding:var(--spacing-unit-s) 0}.mobile-nav-item--children:has(.mobile-nav-item__grandchildren){padding-bottom:0}.mobile-nav-item__link{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit-xxs);transition:color var(--transition-speed);padding:var(--spacing-unit-s) 0;width:100%;color:var(--color-text);text-decoration:none}.mobile-nav-item__link--back{display:grid;grid-template-columns:24px auto 24px;background-color:var(--color-background);padding:var(--spacing-unit-s)}.mobile-nav-item__back-text{justify-self:center}.mobile-nav-item__icon{width:1.6rem;height:1.6rem}.mobile-nav-item__content-wrapper{display:flex;gap:var(--spacing-unit-s);margin:0 calc(var(--spacing-unit-s) * -1);padding:0 var(--spacing-unit-s)}.mobile-nav-item__children{position:absolute;top:0;right:0;left:0;transform:translateY(calc(var(--spacing-unit-l) * -1));visibility:hidden;opacity:0;transition:transform var(--transition-speed),visibility var(--transition-speed),opacity var(--transition-speed);background:var(--color-brand-05);padding:0 var(--spacing-unit-s);height:0;min-height:100%;overflow:hidden}.mobile-nav-item__children[expanded=true]{transform:translate(0);visibility:visible;opacity:1;height:auto;min-height:calc(100dvh - 56px)}.mobile-nav-item__child+.mobile-nav-item__child{border-top:var(--border-width) solid var(--color-borders);padding-top:var(--spacing-unit-s)}.mobile-nav-item__child.mobile-nav-item__child--no-grandchildren+.mobile-nav-item__child--has-grandchildren{margin-top:var(--spacing-unit-s)}.mobile-nav-item__child.mobile-nav-item__child--no-grandchildren+.mobile-nav-item__child--no-grandchildren{border:none;padding-top:0}.mobile-nav-item__child-link{text-decoration:none}.mobile-nav-item__child--no-grandchildren .mobile-nav-item__child-link{display:inline-block;padding:var(--spacing-unit-xxs) 0}.mobile-nav-item__grandchildren{margin:var(--spacing-unit-xs) 0 var(--spacing-unit-s)}.mobile-nav-item__grandchild-link{display:inline-block;padding:var(--spacing-unit-xxs) 0;text-decoration:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mobile-nav-item.css.map */