input:focus, textarea:focus {outline: 1px solid var(--primary);}input.invalid, textarea.invalid {outline: 1px solid red;}.input-error-message {color: red;font-size: 0.875rem;margin-top: 4px;display: none;}.required {display: contents;color: red;}@media only screen and (min-width: 0rem) {.checkboxes {display: flex;flex-direction: column;margin-bottom: 0.75rem;width: 100%;}.checkbox {display: inline-flex;align-items: center;cursor: pointer;font-size: 16px;margin-right: 20px;margin-bottom: 0.75rem;}.checkbox input {display: none;}.checkbox input:checked + .checkmark {background-color: var(--primary);border-color: var(--primary);}.checkbox input:checked + .checkmark::after {content: "";position: absolute;top: 1px;left: 6px;width: 10px;height: 15px;border: solid #fff;border-width: 0 3px 3px 0;transform: rotate(45deg);}.checkbox .checkmark {width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;margin-right: 8px;position: relative;transition: background-color 0.2s, border-color 0.2s;}.checkbox .checkmark:hover {border-color: #999;}}@media only screen and (min-width: 48rem) {.checkboxes {flex-direction: row;flex-wrap: wrap;}.checkbox {flex-basis: 45%;}}@media only screen and (min-width: 64rem) {.checkbox {flex-basis: 43%;}}