<commit_before>@import "compass/css3";

$color-1: #fefefe;
$color-2: #4d4d4d;
$color-3: #ccc;
$box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);

html, body {
	direction: rtl;
	padding: 10px;
	overflow-x: hidden;
	color: $color-2;
	background: #F9F9F9;

	a.active {
		text-decoration: none;
		color: #444;
		cursor: default; 
	}

	img {
		max-width: 100%;
		max-height: 100%;
	}

	.member {
		@include display-flex;
		@include flex-direction(column);
		@include user-select(none);
		position: relative;
		text-align: center;
		border: 1px solid $color-1;
		cursor: pointer;
		z-index: 1;
		background-color: #fff;

		&.flipped .member-inner {
			transform: rotateY(180deg);
		}

		.member-container {
			@include perspective(1000px);

			.member-inner {
				@include transition(0.4s);
				@include transform-style(preserve-3d);
				position: relative;
			}

			.front, .back {
				@include backface-visibility(hidden);
				@include border-radius(4px);
				position: absolute;
				top: 0;
				left: 0;
				background-color: #fff;
			}

			.front {
				@include display-flex;
				@include align-items(center);
				@include justify-content(center);
				@include flex-direction(column);
				@include transform(rotateY(0deg));
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50%;
				border: 1px solid $color-3;
				color: $color-1;
				position: relative;
				height: 150px;
				position: relative;
				z-index: 2;	

				.party-logo {
					position: absolute;
					right: 10px;
					top: 10px;
					max-width: 25%;
					max-height: 40%;
				}

				.name {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					position: absolute;
					width: 100%;
					text-align: right;
					bottom: 0;
					padding: 3px 0;
					background: rgba(0,0,0,0.7);
					box-shadow: $box-shadow;
					padding: 10px;
					overflow: visible;
				}

			}

			.back {
				width: 100%;
				height: 100%;
				position: absolute;<commit_msg>Fix name bar position in firefox<commit_after>@import "compass/css3";

$color-1: #fefefe;
$color-2: #4d4d4d;
$color-3: #ccc;
$box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);

html, body {
	direction: rtl;
	padding: 10px;
	overflow-x: hidden;
	color: $color-2;
	background: #F9F9F9;

	a.active {
		text-decoration: none;
		color: #444;
		cursor: default; 
	}

	img {
		max-width: 100%;
		max-height: 100%;
	}

	.member {
		@include display-flex;
		@include flex-direction(column);
		@include user-select(none);
		position: relative;
		text-align: center;
		border: 1px solid $color-1;
		cursor: pointer;
		z-index: 1;
		background-color: #fff;

		&.flipped .member-inner {
			transform: rotateY(180deg);
		}

		.member-container {
			@include perspective(1000px);

			.member-inner {
				@include transition(0.4s);
				@include transform-style(preserve-3d);
				position: relative;
			}

			.front, .back {
				@include backface-visibility(hidden);
				@include border-radius(4px);
				position: absolute;
				top: 0;
				left: 0;
				background-color: #fff;
			}

			.front {
				@include display-flex;
				@include align-items(center);
				@include justify-content(center);
				@include flex-direction(column);
				@include transform(rotateY(0deg));
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50%;
				border: 1px solid $color-3;
				color: $color-1;
				position: relative;
				height: 150px;
				position: relative;
				z-index: 2;	

				.party-logo {
					position: absolute;
					right: 10px;
					top: 10px;
					max-width: 25%;
					max-height: 40%;
				}

				.name {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					position: absolute;
					width: 100%;
					text-align: right;
					bottom: 0;
					right: 0;
					padding: 3px 0;
					background: rgba(0,0,0,0.7);
					box-shadow: $box-shadow;
					padding: 10px;
					overflow: visible;
				}

			}

			.back {
				width: 100%;
				height: 100%;
				position: absolute;
{'fraction_non_alphanumeric': 0.14415322580645162, 'fraction_numerical': 0.04259072580645161, 'mean_word_length': 2.6852367688022283, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6480179', 'n_tokens_mistral': 1964, 'n_tokens_neox': 1422, 'n_words': 330}