.answer-item {
    border-radius: 4px;
    min-height: 4rem;
    padding: .5rem 1rem;
    display: grid;
    grid-template-columns: min-content auto min-content;
    margin: auto 0;
    gap: .5rem;
}

.answer-item > * {
    align-self: center;
}

.fill-in-answer {
    border: 1px solid #888;
    padding: 1px 2px;
    border-radius: 2px;
}

.answer-icon {
    font-size: 32px;
    padding: 0;
    margin: 0;
}

.answer-icon.correct {
    color: var(--primary-green);
}

.answer-icon.incorrect {
    color: var(--primary-red);
}

.answer-icon-container {
    margin-left: 1rem;
}

.bool-input {
    width: 20px;
    height: 20px;
}