@layer components{.mobile-nav-item{display:block;border-bottom:var(--border-width) solid var(--color-borders)}.mobile-nav-item__link{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit-xs);transition:color var(--transition-speed);padding:var(--spacing-unit-s);width:100%;color:var(--color-text);text-decoration:none;text-transform:capitalize}.mobile-nav-item--back .mobile-nav-item__link{justify-content:flex-start}.mobile-nav-item--all .mobile-nav-item__link{font-weight:700;text-transform:uppercase}.mobile-nav-item__children{display:none;position:absolute;top:0;right:0;left:0;visibility:hidden;opacity:0;transition:opacity var(--transition-speed);background:transparent;overflow:hidden}.mobile-nav-item__children[expanded=true]{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--spacing-unit-xs);transform:translate(calc(100% + var(--spacing-unit-s)));visibility:visible;opacity:1}.mobile-nav-item__children .mobile-nav-item:not(.mobile-nav-item--back){border-bottom:0;font-weight:700}.mobile-nav-item__children .mobile-nav-item__link{justify-content:flex-start}.mobile-nav-item__thumbnail{width:56px}.mobile-nav-item--back{grid-column:span 2;margin-bottom:var(--spacing-unit-s)}.mobile-nav-item--heading{grid-column:span 2;border-bottom:0;padding:var(--spacing-unit-s)}.mobile-nav-item--all{grid-column:span 2;margin-top:var(--spacing-unit-s);border-top:var(--border-width) solid var(--color-borders)}.mobile-nav-item--content{grid-column:span 2;border-radius:var(--border-radius);background-color:var(--color-utility-01)}.mobile-nav-item__content{display:flex;grid-column:span 2;align-items:center;gap:var(--spacing-unit-xs);color:var(--color-text);text-decoration:none;text-transform:none}.mobile-nav-item__content-body{display:flex;flex-grow:1;flex-direction:column;border-right:var(--border-width) solid var(--color-borders);padding:var(--spacing-unit-s)}.mobile-nav-item__content-icon{padding-right:var(--spacing-unit-m);padding-left:var(--spacing-unit-s)}.mobile-nav-item__content-icon svg{width:16px;height:16px}.mobile-nav-item__content-title{font-weight:700}.mobile-nav-item__content-text{font:var(--font-paragraph-xs);font-weight:400}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-nav-item.css.map */