.debug-class {
    background-color: white;
    display: block;
}

.answer-correct-highlight {
    background-color: #efef22;
    color: #1b1b1b;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.answer-wrong-indicator::after {
    content: url('/site/images/question-failed.png');
}

.answer-correct-indicator::after {
    content: url('/site/images/question-passed.png');
}

[id='toggle-heart'] {
    position: absolute;
    left: -100vw;

    &:checked + label {
        color: #e2264d;
    }
}

[for='toggle-heart'] {
    color: #aab8c2;
    font-size: 1em;
    cursor: pointer;
}

.pl-15 { padding-left: 15px; }

.pr-15 { padding-right: 15px; }

.word-wrap-column-max-200 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 200px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}
.word-wrap-column-max-300 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 300px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}
.word-wrap-column-max-400 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 400px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}
.word-wrap-column-max-500 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 500px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}
.word-wrap-column-max-600 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 600px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}
.word-wrap-column-max-700 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 700px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}
.word-wrap-column-max-800 {
    /* display: -webkit-box; */
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
    max-width: 800px;
    text-overflow: unset;
    white-space: unset;
    word-wrap: break-word;
}