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

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

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

.zea-param-widget-vec3 input:last-child {
  margin-bottom: 0;
}

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

.vector-input-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}

.vector-input-wrap label {
  font-size: 0.7em;
  padding: 0.3em 1em 0.3em 0.3em;
  opacity: 0.5;
}

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