code-editor {
    display: block;
    min-width: min(90cqw, 30em);
    max-width: calc(100cqw - 2 * var(--spacing));
    overflow: auto;
    border: 1px solid;
    border-color: var(--border-color);
    margin-block: var(--half-space);
}

.student-answer.has-warnings .ace_editor {
    border-top-style: dashed;
    border-left-style: dashed;
    border-right-style: dashed;
    border-color: hsl(30,20%,50%);
    background: hsl(30,20%,95%);
}
.part:not(.dirty) > .student-answer.answered[feedback-state='correct'] .ace_editor {
    border-color: hsl(120, 50%, 50%);
    background: hsl(120, 50%, 95%);
}
.part:not(.dirty) > .student-answer.answered[feedback-state='wrong'] .ace_editor {
    border-color: hsl(0, 50%, 50%);
    background: hsl(0, 50%, 95%);
}
.part:not(.dirty) > .student-answer.answered[feedback-state='partial'] .ace_editor {
    background: white;
}
