/* Form Elements & Typography */
label{display:block; font-size:13px; color:var(--muted); margin:8px 0 6px}

input[type="text"], textarea, select, input[type="number"]{
  width:100%;
  padding:8px 4px;
  border-radius:0;
  background:transparent;
  border:none;
  border-bottom:2px solid var(--border);
  color:var(--text);
  outline:none;
  transition:border .15s ease;
}

select, select option, select optgroup{
  color:var(--text);
  background:var(--panel);
}

input[type="password"]{
  width:100%;
  padding:8px 4px;
  border-radius:0;
  background:transparent;
  border:none;
  border-bottom:2px solid var(--border);
  color:var(--text);
  outline:none;
  transition:border .15s ease;
}

textarea{min-height:90px; resize:vertical}

input:focus, textarea:focus, select:focus{border-bottom-color:var(--brand)}

/* Autofill styling */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--text);
  box-shadow: 0 0 0 1000px var(--bg) inset;
  transition: background-color 9999s ease-in-out 0s;
}