@import ../../../styles/helpers

.section
    text-align: center

.container
    +m
        margin: 3em 0
        &.confirmation
            margin: 9em 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%
    width: 528px
    padding: 64px 64px 54px 64px
    background: $neutrals2
    border-radius: 24px
    transition: all .2s
    +d
        padding: 60px 48px
    +a
        width: 100%
        padding: 48px 36px

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

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

.error
    margin-bottom: 22px
    +form-error

.label
    margin-bottom: 10px
    +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

.footnote
    margin: -14px 0 60px 0
    +footnote