.onboard-form form{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.onboard-form form>div{-webkit-margin-after:.75rem;margin-block-end:.75rem;scroll-margin-top:1.25rem}.onboard-form input:not([type=checkbox]):not([type=radio]),.onboard-form textarea{border-radius:4px;border:.5px solid var(--text-lightest-color);box-sizing:border-box;padding:.75rem 1rem;width:100%;font-family:var(--body-font)}.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);font-size:.875rem;font-weight:500;text-transform:uppercase}.onboard-form label:first-child{display:block;-webkit-margin-after:.5rem;margin-block-end:.5rem}.onboard-form .input-note p{color:var(--text-lightest-color);font-size:.875rem;-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:unset;margin-block-end:unset}.onboard-form label[class^=select-input]{color:var(--text-color);font-size:.875rem;font-weight:400;text-transform:none}.onboard-form .select-input__options{display:flex;flex-direction:column;gap:.5rem}.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{display:flex;flex-direction:row;gap:.75rem;align-items:center}@keyframes validation-pulse{0%{background-color:#ffe6e6}50%{background-color:#ffa0a0}to{background-color:#ffe6e6}}.validation-ping{background-color:#ffe6e6;border:3px solid #ff5858;padding:10px 5px;border-radius:10px;animation-duration:1.5s;animation-name:validation-pulse}.width--full,.width--half{flex-basis:100%;flex-grow:1}.width--half{max-width:100%}@media screen and (min-width:48rem){.width--half{max-width:50%;flex-basis:45%}}.width--thirds{flex-basis:100%;max-width:100%;flex-grow:1}@media screen and (min-width:26.563rem){.width--thirds{max-width:50%;flex-basis:45%}}@media screen and (min-width:48rem){.width--thirds{max-width:33.33%;flex-basis:30%}}.width--quarters{max-width:100%;flex-grow:1}@media screen and (min-width:26.563rem){.width--quarters{max-width:50%;flex-basis:45%}}@media screen and (min-width:48rem){.width--quarters{flex-basis:20%;max-width:25%}}