textarea
  padding-bottom: .6rem
  padding-top: .6rem
  min-height: 6.5rem

label
  display: flex
  text-transform: uppercase
  font-size: 0.875em
  font-weight: weight-regular
  width: 100%

legend
  display: flex
  font-size: 0.875em
  font-weight: wegiht-regular

fieldset
  border-width: 0
  padding: 0
  margin: 0

input,
textarea,
select,
fieldset
  margin-bottom: 0

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select
  background-color: transparent
  border: 0
  border-bottom: 2px solid color-gray-light
  box-shadow: none
  box-sizing: border-box
  margin: 0 0 1rem 0
  padding: 0.5rem 0
  transition: border 125ms cubic-bezier(0.2, 0, 0.8, 1.0)
  width: 100%
  font-size: 0.875em
  font-weight: weight-regular
  outline: 0
  &:focus,
  &:active
    border-bottom: 0.1rem solid color-preventis-orange
    transition: border 125ms cubic-bezier(0,0,1,1)
    border-color: color-orange-light

input[type='radio']
  display: none
  visibility: hidden
  width: 0
  & + label
    text-transform: none
    font-size: 0.875rem
    &:last-child
      margin-left: 2rem
    &:hover
      cursor: pointer
      color: color-preventis-orange
    &:before
      text-transform: lowercase
      margin-right: 0.25rem
      color: color-preventis-orange
      font-family: quanton-icons
      content: ' '
      border: 1px solid color-gray-dark
      border-radius: 100%
      width: 17.5px
      height: 17.5px
      text-align: center

input[type='radio']:checked
  display: none
  visibility: hidden
  width: 0
  & + label
    &:before
      text-transform: lowercase
      font-family: font-icons
      content: 'c'
      color: color-orange-dark
      text-align: center
      font-size: 0.8125em

input[type="checkbox"]
  display: none
  visibility: hidden
  width: 0
  & + label
    cursor: pointer
    &:before
      border: 1px solid color-gray-dark
      content: ' '
      display: inline-flex
      font-size: 1.6rem
      height: 20px
      line-height: 0.4
      margin-right: 0.5rem
      padding: 0
      text-transform: lowercase
      visibility: visible
      width: 20px

input[type="checkbox"]:checked
  display: none
  visibility: hidden
  width: 0
  & + label
    &:before
      color: color-orange-light
      content: 't'
      font-family: font-icons
      text-transform: lowercase
      text-transform: none