@import "/UI/Styles/Theme.scss";
.RTVVote {
    align-self: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;

    height: 200px;
    width: 400px;

    color: white;
    background-color: $widget-color;
    backdrop-filter: $widget-backdrop-filter;

    .VoteRatio {
        .RatioBar {
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .Winning {
            background-color: green;
        }
        .Losing {
            background-color: red;
        }
    }


    .VoteType {
        padding-left: 10px;
        height: 60px;
        border-radius: 12px 12px 0px 0px;
        width: 100%;
        background-color: $widget-color-dark;
    }

    .VoteInfo {
        padding-left: 10px;
        height: 52.5px;
        background-color: $widget-color-dark;
        width: 100%;
        span.green {
            color: green;
        }
        span.red {
            color: red;
        }
    }

    .Timeleft {
        border-radius: 0px 0px 12px 12px;
        height: 15px;
        background-color: blue;
    }

}