<commit_before>
$font-family-body					   					   : 'Neue Helvetica W01';
$gray-border                                               : #D8D8D8;
$gray-border-hover                                         : #9F9F9F;
$modal-background-color									   : rgba(#8A9993, .65);


.modal-fullscreen-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: $modal-background-color;
	z-index: 999;
	visibility: hidden;
	@include perspective(1000);
	overflow-y: scroll;

	&.is-active {
		visibility: visible;
		@include animation(fadeIn .230s ease-out);

		.modal-fullscreen-container {
			@include opacity(1);
			@include animation(fadeInDownBig .3s ease-out);
		}
	}

	&.is-inactive {
		@include animation(fadeOut .3s ease-in);
		overflow-y: hidden;
		.modal-fullscreen-container {
			@include opacity(0);
			@include animation(fadeOutUpBig .3s ease-in);
		}
	}

	input {
		border-radius: 4px;
		margin: 5px 0 5px 0;
		border-color: $gray-border;
		height: 45px;
		box-shadow: none;

		&:hover {
				border-color: $gray-border-hover;
		}

		&:focus {
				border: 1px solid $gray-border-hover;
				@include single-box-shadow($gray-border, 0, 0, 0, 2px, false);
		}
	}

.questionmark {
	position: absolute;
	vertical-align: middle;
	display: inline-block;
	top: 30%;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: image-url("img/icons/icon-form-question.svg") transparent no-repeat 0 0;
	background-size: 20px;
	@include hide-text();
}

	.password {
		position: relative;
		text-align: center;
		
		input {
			padding-right: 63px;
		}

		&.is-incorrect {
			@include animation(shake .8s ease-in-out)
		}

		.password-strength {
			position: absolute;
			top: 16px;
			right: 10px;
			width: 50px;
			border-radius: 2px;
			font-size: 12px;
			color: #fff;
			padding: 0 2px;

			&.weak {
				background: rgb(232, 42, 28);
			}

			&.fair {
				background: rgb(254, 180, 28);
			}

			&.strong {
				background: rgb(24, 184, 64);
			}

			&.loader {
				background-image: image-url("modal-loader.gif");
				background-color: white;
				background-repeat: no-repeat;
				background-position: 7px;
				width: 30px;
				height: 30px;
			}
		}
	}

	small, small a {
		color: $gray-border-hover;
	}
}

.modal-fullscreen-container {
	position: relative;
	margin: 50px auto;
	padding-bottom: 100px;
	//height: 100%;
	@include perspective(800px);
	@include opacity(0);
	
	.modal-fullscreen-item {
		background-color: #F5F4F6;
		border-radius: 8px;
		font-family: $font-family-body;
		padding: 5px;
		text-align: center;
		@include transform-style(preserve-3d);
		@include single-box-shadow(rgba(138,153,147,0.60), 0, 0, 15px, 10px, false);

		&.is-shake {
			@include animation(shakeModal .4s ease-in-out);
		}

		.modal-fullscreen-header {
			position: relative;
			border-radius: 4px 4px 0 0;
			border: solid 1px #ccc;
			padding: 10px;
			background: white;

			h4 {
				font-size: 22px;
				font-family: $font-family-body;
				text-transform: inherit;
				font-weight: 700;
				margin-bottom: 15px;
			}
		}

		.modal-fullscreen-content {
			position: relative;
			width: 100%;
			height: 100%;
			background: white;
			border-radius: 4px;
			border: solid 1px #ccc;
			padding: 20px 20px 20px 20px;

			h4 {
				font-size: 22px;
				font-family: $font-family-body;
				text-transform: inherit;
				font-weight: 700;
				margin-bottom: 15px;
			}
			.modal-flash-message {
				box-model: content-box;
				text-align: center;
				margin: 15px -21px 0 -21px;
				padding: 10px 20px;
				font-size: 13px;
				line-height: 17px;
				color: #fff;
				display: block;
<commit_msg>more space modal flash message<commit_after>
$font-family-body					   					   : 'Neue Helvetica W01';
$gray-border                                               : #D8D8D8;
$gray-border-hover                                         : #9F9F9F;
$modal-background-color									   : rgba(#8A9993, .65);


.modal-fullscreen-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: $modal-background-color;
	z-index: 999;
	visibility: hidden;
	@include perspective(1000);
	overflow-y: scroll;

	&.is-active {
		visibility: visible;
		@include animation(fadeIn .230s ease-out);

		.modal-fullscreen-container {
			@include opacity(1);
			@include animation(fadeInDownBig .3s ease-out);
		}
	}

	&.is-inactive {
		@include animation(fadeOut .3s ease-in);
		overflow-y: hidden;
		.modal-fullscreen-container {
			@include opacity(0);
			@include animation(fadeOutUpBig .3s ease-in);
		}
	}

	input {
		border-radius: 4px;
		margin: 5px 0 5px 0;
		border-color: $gray-border;
		height: 45px;
		box-shadow: none;

		&:hover {
				border-color: $gray-border-hover;
		}

		&:focus {
				border: 1px solid $gray-border-hover;
				@include single-box-shadow($gray-border, 0, 0, 0, 2px, false);
		}
	}

.questionmark {
	position: absolute;
	vertical-align: middle;
	display: inline-block;
	top: 30%;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: image-url("img/icons/icon-form-question.svg") transparent no-repeat 0 0;
	background-size: 20px;
	@include hide-text();
}

	.password {
		position: relative;
		text-align: center;
		
		input {
			padding-right: 63px;
		}

		&.is-incorrect {
			@include animation(shake .8s ease-in-out)
		}

		.password-strength {
			position: absolute;
			top: 16px;
			right: 10px;
			width: 50px;
			border-radius: 2px;
			font-size: 12px;
			color: #fff;
			padding: 0 2px;

			&.weak {
				background: rgb(232, 42, 28);
			}

			&.fair {
				background: rgb(254, 180, 28);
			}

			&.strong {
				background: rgb(24, 184, 64);
			}

			&.loader {
				background-image: image-url("modal-loader.gif");
				background-color: white;
				background-repeat: no-repeat;
				background-position: 7px;
				width: 30px;
				height: 30px;
			}
		}
	}

	small, small a {
		color: $gray-border-hover;
	}
}

.modal-fullscreen-container {
	position: relative;
	margin: 50px auto;
	padding-bottom: 100px;
	//height: 100%;
	@include perspective(800px);
	@include opacity(0);
	
	.modal-fullscreen-item {
		background-color: #F5F4F6;
		border-radius: 8px;
		font-family: $font-family-body;
		padding: 5px;
		text-align: center;
		@include transform-style(preserve-3d);
		@include single-box-shadow(rgba(138,153,147,0.60), 0, 0, 15px, 10px, false);

		&.is-shake {
			@include animation(shakeModal .4s ease-in-out);
		}

		.modal-fullscreen-header {
			position: relative;
			border-radius: 4px 4px 0 0;
			border: solid 1px #ccc;
			padding: 10px;
			background: white;

			h4 {
				font-size: 22px;
				font-family: $font-family-body;
				text-transform: inherit;
				font-weight: 700;
				margin-bottom: 15px;
			}
		}

		.modal-fullscreen-content {
			position: relative;
			width: 100%;
			height: 100%;
			background: white;
			border-radius: 4px;
			border: solid 1px #ccc;
			padding: 20px 20px 20px 20px;

			h4 {
				font-size: 22px;
				font-family: $font-family-body;
				text-transform: inherit;
				font-weight: 700;
				margin-bottom: 15px;
			}
			.modal-flash-message {
				box-model: content-box;
				text-align: center;
				margin: 15px -21px 0 -21px;
				padding: 10px 20px;
				font-size: 13px;
				line-height: 17px;
				color: #fff;
				display: block;

				&:first-of-type {
					margin-bottom: 10px;
				}

{'fraction_non_alphanumeric': 0.14178082191780822, 'fraction_numerical': 0.05232876712328767, 'mean_word_length': 2.6523261630815407, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4036285', 'n_tokens_mistral': 3534, 'n_tokens_neox': 2686, 'n_words': 605}