._toggle_odyd6_1 {
  position: relative;
}
._selected_odyd6_5:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--color-border-upnext-active);
}
._bgGradient_glj9x_1 {
  background: linear-gradient(95deg, var(--surface-contrast) 37.78%, var(--ui-brand-100) 96.67%);
}
._quickMenuBalanceVisible_1kxdt_1 {
  display: grid;
  grid: "balance balance account" "tokens  tokens  account";
  align-items: center;
}
@media (min-width: 48rem) {
  ._quickMenuBalanceVisible_1kxdt_1 {
    grid: "tokens balance account";
  }
}
._tokens_1kxdt_15 {
  grid-area: tokens;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
._depositMatch_1kxdt_22,
._bonusBack_1kxdt_26,
._boost_1kxdt_30,
._bonus_1kxdt_26,
._compact_1kxdt_38 {
  display: flex;
}
@media (min-width: 40rem) {
  ._compact_1kxdt_38 {
    display: none;
  }
}
._compactBonus_1kxdt_48 {
  display: flex;
}
@media (min-width: 40rem) {
  ._compactBonus_1kxdt_48 {
    display: none;
  }
}
._compactQuickMenuBalanceVisible_1kxdt_58 {
  display: grid;
  grid: "balance balance account" "tokens  tokens  account";
  align-items: center;
}
._compactQuickMenuBalanceVisible_1kxdt_58 ._bonus_1kxdt_26,
._compactQuickMenuBalanceVisible_1kxdt_58 ._boost_1kxdt_30,
._compactQuickMenuBalanceVisible_1kxdt_58 ._depositMatch_1kxdt_22,
._compactQuickMenuBalanceVisible_1kxdt_58 ._bonusBack_1kxdt_26 {
  display: none;
}
@media (min-width: 40rem) {
  ._compactQuickMenuBalanceVisible_1kxdt_58 {
    display: grid;
    grid: "tokens balance account";
    align-items: center;
  }
  ._compactQuickMenuBalanceVisible_1kxdt_58 ._bonus_1kxdt_26,
  ._compactQuickMenuBalanceVisible_1kxdt_58 ._boost_1kxdt_30,
  ._compactQuickMenuBalanceVisible_1kxdt_58 ._depositMatch_1kxdt_22,
  ._compactQuickMenuBalanceVisible_1kxdt_58 ._bonusBack_1kxdt_26 {
    display: flex;
  }
}
._balance_1kxdt_90 {
  grid-area: balance;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 40rem) {
  ._balance_1kxdt_90 {
    justify-content: center;
  }
}
._balanceContent_1kxdt_102 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._account_1kxdt_108 {
  grid-area: account;
}
._depositBadge_1kxdt_114 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  background-color: var(--color-ui-green-normal);
}
._balanceHighlight_1kxdt_128 {
  border-radius: 9999px;
  padding: 0 0.25rem;
  background-color: color-mix(in srgb, var(--color-ui-green-normal) 35%, transparent);
}