@import ../../../../styles/helpers

.section
    position: relative
    z-index: 305
    text-align: center
    padding: 0 0 294px 0

.container
    text-align: left
    padding: 0 calc(80px + 136px)
    
.form
    text-align: left
    margin: 0 auto
    height: 100%
    width: 528px
    padding: 64px 64px 54px 64px
    background: $neutrals2
    border-radius: 24px
    transition: all .2s
    +d
        padding: 60px 48px
    +m
        padding: 96px 64px

.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


.header
    margin-bottom: 57px
    +form-header

.error
    margin-bottom: 22px
    +form-error

.row
    display: flex
    +a
        flex-direction: column
    & > :not(:last-child)
        margin-right: 1.81em
        +a
            margin: 0

.field
    flex: 1

.label
    +input-label

.input
    width: 100%
    height: 48px
    padding: 0 48px 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

.inputStripe
    display: flex
    align-items: center
    overflow: hidden
    width: 100%
    height: 48px
    padding: 0 12px 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
    & > div
        overflow: hidden
        width: 100%

.inputFocus
    border-color: $neutrals4

.button
    width: 100%
    height: 40px
    margin: 12px 0 40px 0
    background-color: $purple
    &:hover
        background-color: darken($purple, 10)

.footnote
    margin: -14px 0 60px 0
    +footnote

.footlink
    background: transparent
    +footlink