CashDisplay {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: Poppins;
    pointer-events: none;

    // Top-right, clear of SWB's health/ammo (bottom-left and bottom-right)
    // and of the mission objective banner (top-centre).
    .wrapper {
        position: absolute;
        top: 24px;
        right: 32px;
        flex-direction: column;
        align-items: flex-end;
    }

    .cash {
        font-size: 30px;
        font-weight: bold;
        color: #7ed957;
        text-shadow: 0px 0px 12px rgba( black, 0.9 );
    }

    .change {
        font-size: 20px;
        font-weight: bold;
        text-shadow: 0px 0px 10px rgba( black, 0.9 );
        opacity: 0;
        transition: opacity 0.2s ease-out;

        &.show {
            opacity: 1;
        }

        &.gain {
            color: #7ed957;
        }

        &.loss {
            color: #e53935;
        }
    }
}