.onboard-form form{flex-flow:wrap;gap:1rem;display:flex}.onboard-form form>div{margin-bottom:.75rem;scroll-margin-top:1.25rem}.onboard-form textarea{border:.5px solid var(--text-lightest-color);box-sizing:border-box;width:100%;font-family:var(--body-font);border-radius:4px;padding:.75rem 1rem}.onboard-form input:not([type=checkbox]):not([type=radio]){border:.5px solid var(--text-lightest-color);box-sizing:border-box;width:100%;font-family:var(--body-font);border-radius:4px;padding:.75rem 1rem}.onboard-form label.is-required:after{content:"*";color:red;margin-left:.125rem}.onboard-form label{color:var(--text-light-color);font-family:var(--body-font);text-transform:uppercase;font-size:.875rem;font-weight:500}.onboard-form label:first-child{margin-bottom:.5rem;display:block}.onboard-form .input-note p{color:var(--text-lightest-color);margin-top:.5rem;margin-bottom:unset;font-size:.875rem}.onboard-form label[class^=select-input]{color:var(--text-color);text-transform:none;font-size:.875rem;font-weight:400}.onboard-form .select-input__options{flex-direction:column;gap:.5rem;display:flex}.onboard-form .select-input__options label{margin:unset}.onboard-form .button--secondary{border:unset;background-color:var(--accent-color);color:#fff}.onboard-form .button--disabled,.onboard-form .button--disabled:hover{background-color:var(--text-color);color:var(--text-light-color);cursor:not-allowed}.onboard-form .submit-area{flex-direction:row;align-items:center;gap:.75rem;display:flex}@keyframes validation-pulse{0%{background-color:#ffe6e6}50%{background-color:#ffa0a0}to{background-color:#ffe6e6}}.validation-ping{background-color:#ffe6e6;border:3px solid #ff5858;border-radius:10px;padding:10px 5px;animation-name:validation-pulse;animation-duration:1.5s}.width--full{flex-grow:1;flex-basis:100%}.width--half{flex-grow:1;flex-basis:100%;max-width:100%}@media screen and (min-width:48rem){.width--half{flex-basis:45%;max-width:50%}}.width--thirds{flex-grow:1;flex-basis:100%;max-width:100%}@media screen and (min-width:26.563rem){.width--thirds{flex-basis:45%;max-width:50%}}@media screen and (min-width:48rem){.width--thirds{flex-basis:30%;max-width:33.33%}}.width--quarters{flex-grow:1;max-width:100%}@media screen and (min-width:26.563rem){.width--quarters{flex-basis:45%;max-width:50%}}@media screen and (min-width:48rem){.width--quarters{flex-basis:20%;max-width:25%}}.error-report-box{box-sizing:border-box;border:1px solid var(--text-lightest-color);width:100%;font-family:var(--body-font);resize:vertical;padding:.75rem 1rem}
