/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/shop/account/components/AccountMobileNav.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.AccountMobileNav_nav__KI78Q {
  display: flex;
  flex-direction: column;
  padding: var(--s-2);
  background: var(--c-surface);
}
.AccountMobileNav_list___2CUE {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.AccountMobileNav_row__eYqdy {
  display: grid;
  grid-template-columns: 22px 1fr auto 16px;
  gap: var(--s-3);
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 12px var(--s-3);
  border: none;
  background: var(--c-surface);
  color: var(--c-ink-900);
  font-size: var(--fz-md);
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid var(--c-rule);
  text-decoration: none;
}
.AccountMobileNav_row__eYqdy:hover { background: var(--c-surface-3); }
.AccountMobileNav_label__pWuSp { min-width: 0; }
.AccountMobileNav_badge__7t2x8 {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #147a3a;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}
.AccountMobileNav_icon__WNUoT { width: 22px; height: 22px; flex: 0 0 22px; color: var(--c-ink-700); }
.AccountMobileNav_iconSmall__McrC3 { width: 16px; height: 16px; }
.AccountMobileNav_chevronEnd__8_9nF {
  grid-column: 4;
  width: 16px;
  height: 16px;
  color: var(--c-ink-500);
  justify-self: end;
}
.AccountMobileNav_back__g1xpB {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-2) var(--s-3);
  background: transparent;
  border: none;
  color: var(--c-ink-700);
  cursor: pointer;
  font-size: var(--fz-sm);
}
.AccountMobileNav_back__g1xpB:hover { color: var(--c-ink-900); }
.AccountMobileNav_divider__joEp1 { border: none; border-top: 1px solid var(--c-rule); margin: var(--s-2) 0; }
.AccountMobileNav_signOut__COW9W { color: var(--c-ink-500); }