@import ../../styles/helpers

.navfade
  z-index: 100

.core
  position: relative
  z-index: 105

.section
  text-align: center
  padding: 16px 0 128px 0

.stage
  margin-bottom: 16px

.title
  max-width: 650px
  margin: 0 auto 32px
  +t
      max-width: 550px

.text
  max-width: 440px
  margin: 0 auto 48px
  color: $neutrals4

.search
  max-width: 312px
  margin: 0 auto


.form
  text-align: left
  margin: 0 auto
  height: 100%
  min-width: 320px
  width: 100%
  padding: 64px 64px 54px 64px
  background: $neutrals2
  border-radius: 24px
  transition: all .2s
  +d
    padding: 60px 48px
  +a
    width: 80%
    padding: 48px 36px

.button
  width: 100%
  height: 40px
  margin: 12px 0 40px 0

.header
  margin-bottom: 24px
  +form-header

.error
  color: $pink
  font-size: 16px
  line-height: 24px
  font-weight: 500

.infotext
    min-height: 100%
    height: auto
    font-size: 12px
    +s
        font-size: 9px

.label
    +input-label

.input
  width: 100%
  height: 48px
  padding: 0 14px 0 14px
  margin-bottom: 22px
  border-radius: 12px
  background: none
  border: 2px solid $neutrals6
  +poppins
  +caption-1
  border-color: $neutrals6
  color: $neutrals8
  transition: border-color .2s
  &:focus
    border-color: $neutrals4
  +placeholder
    color: $neutrals4
    font-weight: 500