form.module.scss

.checkBox {
    border-color: black;

    &:focus {
        border-color: black;
    }

    &:checked {
        border-color: crimson;
        background-color: crimson;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
}

.textInput {
    border: none;
    border-bottom: 1px solid #000;

    &:focus {
        border-color: crimson;
    }
}

.dateInput {
    font-size: 0.75rem;

    &:focus {
        border-color: crimson;
    }
}

.selectInput {
    &:focus {
        box-shadow: none;
        border-color: crimson;
    }
}

.textArea {
    resize: none;
    border: 1px solid #000;
    border-radius: 0;

    &:focus {
        border-color: crimson;
    }
}

.list {
    height: 60vh;
    overflow-y: auto;
    padding-bottom: 4em;
}