/* stylelint-disable selector-max-id */
@import '../App/layout.css';

.subscribe-page {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin: 0 auto;

    font-size: 15px;
    text-align: center;
}

.subscribe-page__image {
    width: 198px;
    height: 186px;

    background: url('../../../static/i/img-promo.svg') no-repeat;
}

.subscribe-page_success .subscribe-page__image {
    width: 237px;
    height: 194px;

    background: url('../../../static/i/img-promo-success.svg') no-repeat;
}

.subscribe-page__title {
    width: 352px;
    margin: 20px 0 16px;

    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.subscribe-page p {
    line-height: 20px;
}

.subscribe-page p.error {
    font-size: 13px;

    color: rgba(255, 0, 0, .8);
}

.subscribe-page__description {
    width: 352px;
    margin: 0 0 32px;
}

.subscribe-page_success .subscribe-page__description {
    margin-bottom: 0;
}

.subscribe-page__form-field {
    width: 328px;
    height: 32px;
}

.subscribe-page__form-field ~ .subscribe-page__form-field {
    margin-top: 12px;
}

.subscribe-page__form-field .lego-input__tip {
    white-space: nowrap;
}

.subscribe-page__button {
    width: 328px;
    margin: 40px 0 10px;
}

.subscribe-page_success .subscribe-page__button {
    margin-bottom: 6px;
}

.subscribe-page__link {
    padding: 10px 0 0;
}

.subscribe-page .form__error_standalone {
    margin: .5rem 0;
}
/* Отбивка перед последним элементом в списке селекта */
.lego-select__option:last-child {
    position: relative;

    overflow: visible;

    margin-top: 9px;
}

.lego-select__option:last-child::before {
    position: absolute;
    top: -5px;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #d8d8d8;
}
