.BL-currency {
    background-image: url(../images/game/template/BL-currencies-sprite.20240119.png);
    background-size: 100% auto;
    width: 24px;
    display: inline-block;
}

.BL-currency.large {
    background-image: url(../images/game/template/BL-currencies-sprite-large.20240119.png);
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

    .BL-currency {
        background-image: url(../images/game/template/BL-currencies-sprite@2x.20240119.png);
    }

    .BL-currency.large {
        background-image: url(../images/game/template/BL-currencies-sprite-large@2x.20240119.png);
    }

}

.BL-currency > div {
    padding-bottom: 75%;
}

.BL-currency-label {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-family: Verdana;
    font-size: 1em;
    position: relative;
}

.BL-currency-label:not(.vertical) .BL-currency.experience + p {
    margin-left: -.3em;
    position: relative;
}

.BL-currency-label.vertical {
    flex-direction: column;
}

.BL-currency-label.vertical > p {
    margin-top: -.4em;
    margin-left: 0;
}

.BL-currency.gold {
    background-position: 0 -100%;
}

.BL-currency.bullets {
    background-position: 0 -200%;
}

.BL-currency.experience {
    background-position: 0 -300%;
}

.BL-currency.time {
    background-position: 0 -400%;
}

.BL-currency.freeplay,
.BL-currency.chips {
    background-position: 0 -500%;
}

.BL-currency.loot-box {
    background-position: 0 -600%;
}

.BL-currency.bottles {
    background-position: 0 -900%;
}

.BL-currency.halloween-candy {
    background-position: 0 -1000%;
}

.BL-currency.emeralds {
    background-position: 0 -1200%;
}

.BL-currency.dumdum-bullets {
    background-position: 0 -1300%;
}

.BL-currency.coconuts {
    background-position: 0 -1400%;
}

.BL-currency.peridot {
    background-position: 0 -1500%;
}

.BL-currency.blessed-bullets {
    background-position: 0 -1600%;
}

.BL-currency.ornaments {
    background-position: 0 -1700%;
}

.BL-currency.rejuvenation-points {
    background-position: 0 -1800%;
}

.BL-currency.clover {
    background-position: 0 -1900%;
}

.BL-currency.nickels,
.BL-currency.currency-nickels {
    background-position: 0 -2000%;
}

.BL-currency.notoriety-points {
    background-position: 0 -2100%;
}

.BL-currency.diamonds {
    background-position: 0 -2200%;
}

.BL-currency.prize-tickets {
    background-position: 0 -2300%;
}

.BL-currency.emerald-fragments {
    background-position: 0 -2400%;
}

.BL-currency.safe-tickets {
    background-position: 0 -2500%;
}

.BL-currency.collector-points {
    background-position: 0 -2600%;
    margin-right: -.5em;
}

.BL-currency.rank-experience {
    background-position: 0 -300%;
}

.BL-currency + p {
    margin: 0 0 0 .3em;
    color: inherit;
    position: relative;
}

.BL-currency.closer {
    margin-right: -.5em;
}

.BL-currency.emoji {
    position: relative;
    top: 2px;
    margin: 0 -4px;
}

.BL-currency.emoji.safe-tickets {
    margin: 0 -2px;
    top: 4px;
}

.BL-currency.shadowed {
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.3));
}

.sideBar .BL-currency-label {
    display: flex;
    margin: 5px 4px;
}

.sideBar [data-player-bar] {
    font-size: 1.1em;
    margin: .2em auto;
    display: block;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}


/**
rejuvenation abilities
 */

.rejuvenation-abilities {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .22);
    z-index: 1500;
    backdrop-filter: blur(2px);
    display: none;
    align-items: center;
    justify-content: center;
}

.rejuvenation-abilities.show {
    display: flex;
}

.rejuvenation-abilities .container {
    width: 97%;
    position: relative;
    max-width: 240px;
    text-align: center;
}

.rejuvenation-abilities .abilities {
    position: relative;
    margin: .5rem 0;
}

.rejuvenation-abilities .ability {
    position: relative;
    margin: .5em;
    border-radius: .5rem;
    padding: .5rem;
}

.rejuvenation-abilities .ability .BL-currency-label {
    margin: .8em 0;
}

.rejuvenation-abilities .your-points {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
}

.rejuvenation-abilities .icon-close {
    background-image: url(../images/game/misc/icon-close.png);
    background-size: 100% auto;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .5;
    z-index: 5;
}