@import '../../../../frontend-standard-library/_common/scss/main';

.SignUpForm {
    &__Title {
        text-align: center;
        margin-bottom: $gutter-large;
    }

    &__FieldWrap {
        margin: 0 0 $gutter;

        &__Field {
            width: 100%;
        }
    }

    &__RememberMe {
        margin: $gutter-large 0;

        &__Label {
            display: flex;
            align-items: center;
            cursor: pointer;
            user-select: none;

            &:hover {
                text-decoration: underline;
            }

            &__Input {
                margin-right: $gutter-small;
            }
        }
    }

    &__Login {
        text-align: center;

        &__Button {
            cursor: pointer;
            background: none;
            border: none;
            padding: 0;
            color: $primary-color;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    &__Terms {
        max-width: 300px;
        text-align: center;
        margin: 0 auto $gutter-large;
        color: $primary-text-color;
    }

    &__recaptcha {
        >div>div {
            display: flex;
	        justify-content: flex-start;

	        @include tablet {
		        justify-content: center;
	        }
        }
    }
}