.wrap-exercise.wrap-exercise-bag {
    background-image: url("/application/templates/images/common/games/bg-bag.png");
}

.bag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33%;

    z-index: 99;
}

.bag img {
    width: 100%;
}

.wrap-exercise.wrap-exercise-bag .ex-title {
    width: 30%;
    padding: 1rem;
}

.wrap-exercise.wrap-exercise-bag .ex-title {
    background-image: url("/application/templates/images/common/games/bag-title.png");
}

.wrap-exercise.wrap-exercise-bag .ex-restart {
    background-image: url("/application/templates/images/common/games/ex-restart-random.png");
}

.wrap-exercise.wrap-exercise-bag .exercise-play {
    position: relative;
}

.wrap-exercise.wrap-exercise-bag .item-game {
    cursor: move;
}

.phrases.phrases-bag {
    width: 45%;
    background-image: url(/application/templates/images/common/games/bag-word.png);
    background-size: 100% 100%;

    position: absolute;

    left: -1%;
    top: 18%;
}

.phrases.phrases-bag .item-phrase {
    background: none;
    font-size: 26px;
    font-family: 'Stag Sans LC';
    font-weight: 600;

    line-height: 50px;
}

.wrap-exercise .phrases.phrases-bag .item-phrase.active.error,
.wrap-exercise .phrases.phrases-bag .item-phrase.active.correct {
    border: none;
}