.form-group{font-family:inherit;position:relative;--placeholder-color:var(--color-body-text---transparent-40);--placeholder-border-color:var(--color-border);display:grid}.form-group__header{margin-bottom:var(--space-size-3xs-2xs)}.form-group__body input,.form-group__body select,.form-group__body textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-border);border:1px solid transparent;border-radius:var(--space-size-xs);font-family:inherit;font-size:var(--fluid-16-16);outline:0;padding:var(--space-size-xs);width:100%}.form-group__body input,.form-group__body textarea{text-overflow:ellipsis;transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function)}.form-group__body input::-moz-placeholder,.form-group__body textarea::-moz-placeholder{color:var(--placeholder-color)}.form-group__body input::placeholder,.form-group__body textarea::placeholder{color:var(--placeholder-color)}.form-group__body input:-moz-placeholder:not(:focus),.form-group__body textarea:-moz-placeholder:not(:focus){background-color:var(--color-neutral);border-color:var(--placeholder-border-color)}.form-group__body input:placeholder-shown:not(:focus),.form-group__body textarea:placeholder-shown:not(:focus){background-color:var(--color-neutral);border-color:var(--placeholder-border-color)}.form-group__body input:-moz-read-only,.form-group__body textarea:-moz-read-only{background-color:var(--color-component-background);border-color:var(--placeholder-border-color);color:var(--color-body-text---transparent-40);cursor:default}.form-group__body input:read-only,.form-group__body textarea:read-only{background-color:var(--color-component-background);border-color:var(--placeholder-border-color);color:var(--color-body-text---transparent-40);cursor:default}.form-group__body select:has(option:checked[value=""]){background-color:var(--color-neutral);border-color:var(--placeholder-border-color);color:var(--placeholder-color)}.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(--color-body-text)}.form-group__errors{display:grid;gap:var(--space-size-2xs)}.form-group__footer{margin-top:var(--space-size-2xs)}.form-group__header--headings-small{margin-bottom:var(--space-size-s)}
