._currency-info-box_12c9u_30 {
    --currency-info-box-border-radius: .2rem;
    --currency-info-box-border-color: var(--skin__border);
    --currency-info-box-height: .4rem;
    --currency-info-box-background-color: transparent;
    --currency-info-box-padding: 0 0 0 .02rem;
    --currency-info-currency-count-size: .24rem;
    --currency-info-currency-count-margin: 0 0 0 .08rem;
    --currency-info-currency-count-color: var(--skin__accent_3);
    --currency-info-currency-count-max-width: 1.64rem;
    --currency-info-currency-count-border-color: var(--skin__accent_3);
    --currency-info-currency-font-weight: normal;
    --currency-info-refresh-icon-color: var(--skin__alt_primary);
    --currency-info-refresh-icon-size: .22rem;
    --currency-info-refresh-icon-width: .22rem;
    --currency-info-gaming-color: var(--skin__neutral_2);
    --currency-info-gaming-size: .18rem;
    --currency-info-refresh-icon-margin: 0 .08rem;
    --currency-info-popover-icon-margin: 0 .15rem;
    --currency-info-popover-icon-color: var(--skin__alt_primary);
    --currency-info-popover-icon-active-color: var(--currency-info-popover-icon-color);
    --currency-info-popover-icon-size: .22rem;
    --currency-info-currency-box-width: .34rem;
    --currency-info-currency-box-height: .34rem;
    --currency-info-icon-currency-width: .3rem;
    --currency-info-icon-currency-height: .3rem;
    --currency-info-right-icon-image-bg-width: .4rem;
    --currency-info-right-icon-image-bg-height: .4rem;
    border: solid thin var(--currency-info-box-border-color);
    border-radius: var(--currency-info-box-border-radius);
    height: var(--currency-info-box-height);
    padding: var(--currency-info-box-padding);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    background-color: var(--currency-info-box-background-color);
}

.balance-container {
    --currency-info-refresh-icon-size: .3rem;
    --currency-info-currency-count-max-width: 1.61rem;
    --currency-info-popover-icon-color: var(--skin__alt_neutral_2);
}

span#headerBalance {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: max-content;
    font-size: .75rem;
    color: var(--skin__accent_3);
    font-weight: normal;
    text-align: center;
    display: flex;
    width: fit-content;
}

/*.balance-container.flex.items-center {
    border: 1px solid var(--skin__alt_neutral_2);
    border-radius: 15px;
    width: 100%;
    padding: .1rem .15rem;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    background: linear-gradient(45deg, #555 40%, #757575 50%, #555 60%);
}*/

.balance-container.flex.items-center {
    border: 1px solid var(--skin__alt_neutral_2);
    border-radius: 15px;
    width: 100%;
    padding: .1rem .15rem;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    background: linear-gradient(45deg, transparent 40%, #757575 50%, transparent 60%);
    background-size: 280% 100%; 
    animation: slideBackground 2s linear infinite;
}

@keyframes slideBackground {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}

@keyframes shineCoin {
    0% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.08);
    }
    100% {
        filter: brightness(1);
    }
}


img.coin_balance {
    width: 1.12rem;
    height: auto;
    aspect-ratio: 1 / 1;
    animation: shineCoin 1s linear infinite;
}

.username-container {
    width: 100%;
    text-align: end;
    justify-content: flex-end;
    padding-right: .25rem;
}