:root {
    --coll0: #7abd45;
    --coll00: #f210cc;
    --coll: white;
    --coll1: white;
}

.answers .circle {
    border: 2px solid var(--coll0) !important;
}

.answers .circle .circle-inner {
    background-color: var(--coll0) !important;
}

.answers .circle.disabled {
    border: 2px solid transparent !important;
}

.answers .circle.disabled .circle-inner {
    background-color: var(--coll) !important;
}


.answers li {
    border: 1px solid var(--coll0) !important;
}

.answers li .answer-inner {
    background-color: var(--coll0) !important;

    &.lazyUser {
        background-color: red !important;
    }
}

li .answer-inner.disabled {
    background-color: transparent !important;
}

li.disabled {
    border: 1px solid transparent !important;
}

li.disabled .answer-inner {
    background-color: var(--coll) !important;
}


@media (max-width: 767px) {
    #screenUrl {
        display: none;
    }

    .copy {
        right: auto !important;
        top: auto !important;
        left: 10px;
        background-color: #222;
        padding: 0.7rem;
        border-radius: 4px;

    }

    .game-slide-show .title {
        display: none;
    }

    .game-results,.game-duration {
        margin-top: 30px!important;
    }

    .game-results .title {
        display: none;
    }

    .game-results .options .option {
        font-size: 3rem !important;
    }

    .game-duration .options .option .value {
        /*font-size: 20px!important;*/

    }

    .game-duration .options .option .unit {
        font-size: 8px !important;
    }
}