:host,
input,
button,
select,
textarea {
  font-family: 'Roboto', sans-serif;
}

.zea-param-widget-number {
  color: var(--color-foreground-1);
  background-color: var(--color-background-2);
  max-width: 400px;
}

.user-edited {
  box-shadow: 0 0 8px var(--color-success-1);
  margin: 0px;
}

.zea-param-widget-number input {
  width: 100%;
  box-sizing: border-box;
  color: var(--color-foreground-1);
  background-color: var(--color-background-3);
}

input[type='number'] {
  padding: 0.3em;
  font-size: 0.9em;
  border: 1px solid var(--color-grey-3);
  text-align: right;
}