:host {
  /*private*/
  display: flex;
  height: 100%;
  padding: var(--space--large, 24px);

  /*@doc Define a largura do container.*/
  --snk-personalized-filter--width: 100%;
  /*@doc Define a altura do container.*/
  --snk-personalized-filter--height: 100%;
  /*@doc Define a cor da linha de separação.*/
  --snk-personalized-filter--background-color-line: var(--color--disable-secondary);
  /*@doc Define a margem da linha de separação.*/
  --snk-personalized-filter--margin-line: var(--border--radius-medium, 12px);
}

.snk-personalized-filter{
  height: var(--snk-personalized-filter--width);
  width: var(--snk-personalized-filter--height);
}

.snk-personalized-filter__header-actions {
  display: flex;
  gap: var(--space--medium);
}

.snk-personalized-filter__group{
  flex: 1;
}

.snk-personalized-filter__expression-input--line {
  width: 100%;
  height: 2px; 
  background-color: var(--snk-personalized-filter--background-color-line);
  margin-top: var(--snk-personalized-filter--margin-line);
  margin-bottom: var(--snk-personalized-filter--margin-line);
}

.ez-box__main {
  height: 90%;
}

.snk-personalized-filter__button-mode{
  height: 35px;
}
