.form-group{font-family:inherit;position:relative;--input-color:var(--color-brand-secondary);--placeholder-color:color-mix(in srgb,var(--color-brand-secondary) 60%,#0000);--placeholder-border-color:color-mix(in srgb,var(--color-brand-secondary) 20%,#0000);display:grid}.form-group__body{margin-top:var(--space-size-3xs-2xs)}.form-group__body input,.form-group__body select,.form-group__body textarea{appearance:none;background-color:initial;border:1px solid var(--input-color);border-radius:4px;font-family:inherit;outline:0;padding:var(--space-size-xs);transition:border-color var(--transition-default-duration) var(--transition-default-timing-function);width:100%}.form-group__body input,.form-group__body textarea{color:var(--input-color)}.form-group__body input::placeholder,.form-group__body textarea::placeholder{color:var(--placeholder-color)}.form-group__body input:empty:not(:focus),.form-group__body input:placeholder-shown:not(:focus),.form-group__body textarea:empty:not(:focus),.form-group__body textarea:placeholder-shown:not(:focus){border-color:var(--placeholder-border-color)}.form-group--error .form-group__body input:empty:not(:focus),.form-group--error .form-group__body input:placeholder-shown:not(:focus),.form-group--error .form-group__body textarea:empty:not(:focus),.form-group--error .form-group__body textarea:placeholder-shown:not(:focus){border-color:var(--color-error)}.form-group__body select:has(option:checked[value=""]){border-color:var(--placeholder-border-color);color:var(--placeholder-color)}.form-group--error .form-group__body select:has(option:checked[value=""]){border-color:var(--color-error)}.form-group__body select:has(option:checked[value=""]):focus{border-color:var(--color-body-text)}.form-group__body select:has(option:checked[value=""]) optgroup,.form-group__body select:has(option:checked[value=""]) option{color:var(--input-color)}