fieldset {

background-color: transparent;
border: 0;
margin: 0;
padding: 0;

}

legend {

font-weight: $bold-font-weight;
margin: 0;
padding: 0;

}

label {

display: block;
font-weight: $light-font-weight;
margin: 0;
font-size: 12px;

}

input, select {

display: block;
font-family: $base-font-family;
font-size: $base-font-size;

}

input, select, textarea {

display: block;
font-family: $base-font-family;
font-size: 16px;

}

[type=“color”], [type=“date”], [type=“datetime-local”], [type=“email”], [type=“month”], [type=“number”], [type=“password”], [type=“search”], [type=“tel”], [type=“text”], [type=“time”], [type=“url”], [type=“week”], input:not(), textarea {

appearance: none;
background-color: $white;
border: $base-border;
border-radius: $base-border-radius;
padding: 0.5em;
transition: border-color $base-duration $base-timing;
width: 100%;

&:hover {
  border-color: mix($black, $base-border-color, 20%);
}

&:focus {
  border-color: $action-color-focus;
  outline: none;
}

&:disabled {
  background-color: mix($black, $white, 5%);
  cursor: not-allowed;

  &:hover {
    border: $base-border;
  }
}

&::placeholder {
  font-style: italic;
}

}

textarea {

resize: vertical;

}

[type=“checkbox”],

type=“radio”

{

display: inline;
margin-right: $small-spacing / 2;

}

type=“file”

{

width: 100%;

}

select {

width: 100%;

}

[type=“checkbox”], [type=“radio”], [type=“file”], select {

&:focus {
  outline: $focus-outline;
  outline-offset: $focus-outline-offset;
}

}