.root {
  color: rgb(var(--venia-global-color-text));
  display: grid;
  align-content: start;
}

.label {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  min-height: 2rem;
  color: var(--primary-text-color);
  margin: 0;
}

.input {
  background: var(--primary-light-color);
  border: 1px solid var(--primary-border-color);
  border-radius: 3px;
  color: var(--primary-dark-color);
  display: inline-flex;
  flex: 0 0 100%;
  font-size: 14px;
  height: 2.5rem;
  margin: 0;
  max-width: 100%;
  padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
  width: 100%;
  -webkit-appearance: none;
}
.input:focus {
  outline: none;
}

.optional {
  color: rgb(var(--venia-global-color-gray-700));
  font-size: var(--venia-global-fontSize-100);
  font-weight: var(--venia-global-fontWeight-normal);
}
.root_error,
.root {
  color: var(--primary-error-color);
  font-size: 14px;
}