.form-group{--field-background-color:transparent;--field-border-color:var(--color-seperator-dark---20);--field-active-border-color:var(--color-seperator-dark---40);--field-placeholder-color:var(--color-body-text---60);display:grid;gap:var(--space-size-2xs)}.form-group__body input,.form-group__body select,.form-group__body textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;width:100%;background-color:var(--field-background-color);border:0;border-bottom:1px solid var(--field-border-color);padding:var(--space-size-xs-s) 0}.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),color var(--transition-default-duration) var(--transition-default-timing-function)}.form-group__body input::-moz-placeholder,.form-group__body textarea::-moz-placeholder{color:var(--field-placeholder-color);opacity:1;text-transform:uppercase}.form-group__body input::placeholder,.form-group__body textarea::placeholder{color:var(--field-placeholder-color);opacity:1;text-transform:uppercase}.form-group__body input:-moz-read-only,.form-group__body textarea:-moz-read-only{color:var(--field-placeholder-color);cursor:default}.form-group__body input:read-only,.form-group__body textarea:read-only{color:var(--field-placeholder-color);cursor:default}.form-group--error .form-group__body input,.form-group--error .form-group__body textarea{color:var(--color-error)}.form-group__body select:has(option:checked[value=""]){color:var(--field-placeholder-color)}.form-group__body select:has(option:checked[value=""]):focus{border-color:var(--field-active-border-color)}.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:focus-within{--field-border-color:var(--field-active-border-color)}.form-group--error{--field-border-color:var(--color-error)}.form-group__label{text-transform:uppercase}.form-group__errors{display:grid;gap:var(--space-size-2xs)}.form-group__error{display:inline-flex;align-items:center;gap:var(--space-size-3xs);color:var(--color-error)}.form-group__error-icon{flex-shrink:0}