:host {
  display: flex;
  flex-wrap: wrap;
  width: 100%;

  /*@doc Define o tamanho mínimo dos itens do formulário.*/
  --ez-form-view__item--min-width: 220px;

  /*@doc Define o tamanho máximo dos itens do formulário.*/
  --ez-form-view__item--max-width: 440px;

  /*@doc Define o espaçamento entre itens do formulário.*/
  --ez-form-view__item--width: var(--space--small);
  /*@doc Define o padding do formulário.*/
  --ez-form-view__item--padding: var(--space--small);
}

.form-view__content{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--ez-form-view__item--min-width), 1fr));
  gap: var(--ez-form-view__item--width);
  padding-inline: var(--ez-form-view__item--padding);
  width: 100%;
}

.form-view__content--single-column {
  grid-template-columns:repeat(1, minmax(var(--ez-form-view__item--min-width), var(--ez-form-view__item--max-width)));
}

.input-full_width {
  grid-column: 1 / -1;
  width: 100%;
}