fieldset {
  margin-left: 0;
  margin-right: 0;
  border: 1px solid var(--color-base-500);
}

textarea {
  min-height: 10rem;
}

select,
input[type=submit],
input[type=date],
input[type=time] {
  /*-webkit-appearance: none;
  min-height: calc(
    var(--line-height) * var(--font-size) +
    var(--padding-y) * 2 +
    var(--border-width) * 2
  );*/
}

input,
select,
textarea {
  padding: .25rem;
  background-color: var(--color-base-900);
  color: var(--color-base-50);
  border: 1px solid var(--color-base-900);
}
input:not([type=submit]),
select,
textarea {
  width: 100%;
}

input[disabled],
select[disabled],
textarea[disabled] {
  color: var(--color-muted);
}

select:not([multiple]) {
  overflow: hidden;
  text-overflow: ellipsis;
}

input[type=checkbox],
input[type=radio] {
  width: initial;
  margin-right: auto;
}

/* validation */

.is-invalid {
  border-color: var(--color-red-500);
}