._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: .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: .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 .25rem;
    background-color: color-mix(in srgb,var(--color-ui-green-normal) 35%,transparent)
}