@import '../../../../_common/scss/main';

.RegisterModal {
	&.Modal__wrapper {
		max-width: 404px;
		&--fullScreen {
			max-width: 100%;
		}
	}

	&__Title {
		margin: 0;
	}

	&__Subtitle {
		margin-top: $gutter-small;
		color: $action-color;

		&__Callout {
			font-weight: bold;
		}
	}

	&__Logo {
		font-size: 45px;
		color: $primary-color;
		display: block;
		padding-bottom: $gutter;
	}

	.SignUpForm {
		&__SubmitButton {
			width: 100%;
		}

		&__RememberMe__Label {
			justify-content: center;
		}

		&__Login {
			margin: 0 0 $gutter-large;
		}
	}

	&__Separator {
		&__Content {
			padding: 0 $gutter-large;
		}
	}

	&__Buttons {
		&__Button {
			width: 100%;
			margin-bottom: $gutter;
		}
	}

	&__Legal {
		text-align: center;
		margin-top: $gutter;
	}
}