/* Start:/local/components/astash/form/templates/card/style.css?17871345111697*/
.form-card {

}

.form-card .form__field {
    /*flex: 1;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    position: relative;
}

.form-card .form__field-input[type=text],
.form-card .form__field-input[type=tel],
.form-card .form__field-textarea {
    border-radius: 6px;
    border: 0;
    background: #313440;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    color: #F7F9FC;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    transition: border-color .3s ease-in-out;
    padding: 0 16px;
    width: 100%;
    position: relative;
}

.form-card .form__field-input:active,
.form-card .form__field-input:focus,
.form-card .form__field-textarea:active,
.form-card .form__field-textarea:focus {
    border-color: #8BBFE2;
    z-index: 1;
}

.form-card .form__field-input[type=text].error,
.form-card .form__field-input[type=tel].error,
.form-card .form__field-textarea.error {
    box-shadow: 0 0 0 1px #FF2B2B
}

.form-card .error-text {
    display: none;
    position: absolute;
    color: #FF2B2B;
    font-size: 10px;
    bottom: 0;
    margin-bottom: -15px;
}

.form-card input.error ~ .error-text {
    display: block;
}

/**/

.form-card .form__fields--error {
    position: absolute;
    margin-top: -16px;
    font-size: 10px;
    color: #FF2B2B;
}

.form-card__success {
    display: none;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 52px;
    padding: 0 16px;
    white-space: nowrap;
    color: #a3eb9c;
    margin: 0 auto;
}

.form-card__success.active {
    display: block;
}

@media (max-width: 400px) {
    .form-card__success {
        line-height: 100%;
        white-space: initial;
    }
}
/* End */
/* /local/components/astash/form/templates/card/style.css?17871345111697 */