.InfoBarContainer {
    /*.footer-bottom-labels*/
    padding: 3px 29px;
    background-color: #191919;
    display: flex;
}

.Balance {
    /*.bottom-labels-left*/
    display: flex;
    flex: 1;
    align-items: center;
}

.BalanceIconContainer {
    /*.balance-icon*/
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.BalanceIconContainer>img {
    /*.balance-icon>img*/
    height: 20px;
}

.BalanceText {
    /*footer-balance-container*/
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.BalanceAmount {
    font-size: 0.8em;
    color: #e1e1e1;
}

.BalanceCurrency {
    font-size: 0.4em;
    margin-left: 3px;
    color: #ffffff;
}

@media (max-width: 669px) {
    .BalanceAmount {
        font-size: 0.5em;
        color: #ffffff;
    }
}

@media (max-width: 870px) {
    .InfoBarContainer {
        /*.footer-bottom-labels*/
        padding: 1px 20px;
    }
}

.Profile {
    /*.bottom-labels-right*/
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    max-width: 200px;
}

.ProfileIconContainer {
    /*.profile-icon*/
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.ProfileIconContainer>img {
    /*.profile-icon>img*/
    height: 20px;
}

.ProfileName {
    /*.profile-name*/
    font-size: 0.5em;
    color: #cbcbcb;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}