.challenges-player-container {
    width: 100%;
    height: 120px;
    max-height: 120px;
    background: linear-gradient(180deg, #3f3f3f 46%, #1b1b1b 46%);
    border-radius: 5px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2), 0 4px 14px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.challenges-player-total-container {
    font-size: 18px;
    color: #ffffff7d;
    width: 100%;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    display: inline-block;
}

.challenge-outer {
    opacity: 1;
}

.challenge-outer.incomplete {
    opacity: .5;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

.challenge-outer.incomplete:hover {
    opacity: .9;
}

.challenges-player-container.collapsed {
    height: 55px;
    max-height: 55px;
    background: #3f3f3f;
    background-color: #3f3f3f;
    cursor: pointer;

    /* animation-name: brightnesschange;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out; */
}

.challenges-player-container hr {
    height: 3px;
    background-color: #5f5f5f;
    border: none;
    margin-bottom: 0;
}