.counter-container {
    display: flex;
    background: url('/sprites-bubble/machine/ui/new_scoreboard2.png') no-repeat center center;
    background-size: 100%;
    image-rendering: pixelated;
    flex-direction: column;
    width: 430px;
    height: 230px;
    font-size: 70px;
    margin: 15px 90px;

    p {
        margin: 0;
    }

    .day-bar {
        display: flex;
        height: 45px;
        width: 96%;
        position: relative;
        overflow: hidden;
        padding: 10px;

        .progress {
            height: 100%;
            background-color: #aa6d6280;
            border-right: 10px solid #aa6d62;
            width: 0%; /* Dynamic width updated from TS */
            transition: width 0.5s ease;
        }
    }

    .day-and-time {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 0 0 8px 48px;
        color: #6B5459;
        height: 85px;
        width: 95%;
    }

    .money {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 0 3px 10px;
        color: #6B5459;
        height: 80px;
        width: 100%;
    }
}