.form-group{font-family:var(--font-family-body);flex-direction:column}.form-group,.form-group__header{gap:var(--space-size-2xs);display:flex}.form-group__header{align-items:center}.form-group__label{font-weight:700;font-size:var(--font-size-step-0);color:var(--color-body-text);transition:opacity var(--transition-default-duration) var(--transition-default-timing-function);line-height:1.5}.form-group:has(input:disabled,textarea:disabled,select:disabled) .form-group__label{opacity:.6}.form-group__body{flex-direction:column;display:flex}.form-group__body :is(input,select,textarea){appearance:none;font-family:inherit;font-size:var(--font-size-step-0);background-color:var(--color-body-background);border:1px solid var(--color-body-text);border-radius:var(--space-size-2xs);width:100%;padding:var(--space-size-xs);transition:border-width .15s ease,border-color .15s ease-out,opacity var(--transition-default-duration) var(--transition-default-timing-function);outline:0;line-height:1.5}.form-group__body input::placeholder,.form-group__body select::placeholder,.form-group__body textarea::placeholder{color:var(--color-body-text-transparent-60)}.form-group__body :is(input:focus,select:focus,textarea:focus){outline:var(--color-complementary-teal) solid 2px}.form-group__body input:disabled,.form-group__body select:disabled,.form-group__body textarea:disabled{opacity:.6;cursor:not-allowed}.form-group__body select:has(option:checked[value=""]){color:var(--color-body-text-transparent-60)}.form-group__body select:has(option:checked[value=""]) :is(optgroup,option){color:var(--color-body-text)}.form-group__body select:has(option:checked[value=""]):focus{color:var(--color-body-text)}.field-length-counter{margin-left:auto}.field-length-counter--limit{color:var(--color-error)}