<commit_before>.pretty-spinner {
	position: relative;
	height: calc(~"5 * 30px");
	width: 50px;
	z-index: 25;
	// overflow: hidden;
	box-shadow: 2px 3px 18px 3px fade(black, 20%);

	.pretty-spinner-inner {
		background: linear-gradient(to bottom,
									fade(black, 30%) 0%,
									transparent 25%,
									transparent 75%,
									fade(black, 30%) 100%);

		overflow: hidden;
		width: 100%;
		height: 100%;

		.pretty-spinner-wheel {
			-webkit-transition: margin-top linear 0.1s;
			// Mozilla does not spin the wheel at all when animating the values
			// -moz-transition: margin-top linear 0.1s;

			width: 100%;
			height: 30px;
			background: fade(white, 70%);
			border: 1px solid fade(grey, 20%);
			padding: 5px;
			text-align: center;
			vertical-align: middle;
			pointer-events: none;

			font-weight: bold;

			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
	}
}

// All arrows
.arrow_box:after, .arrow_box:before {
	top: 50%;
	border-color: rgba(0, 0, 0, 0);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-width: 12px;
	margin-top: -12px;
}
.arrow_box:before {
	border-width: 14px;
	margin-top: -14px;
}

//
.arrow_box.right:after, .arrow_box.right:before {
	right: 100%;
}
.arrow_box.right:after {
	border-right-color: fade(white, 70%);
}
.arrow_box.right:before {
	border-right-color: fade(grey, 20%);
}

.arrow_box.left:after {
	border-left-color: fade(white, 70%);
}
.arrow_box.left:before {
	border-left-color: fade(grey, 20%);
}

.arrow_box.left:after, .arrow_box.left:before {
	left: 100%;
}<commit_msg>Correcting some odd positioning for the spin-wheel.<commit_after>.pretty-spinner {
	position: relative;
	height: calc(~"5 * 30px");
	width: 50px;
	z-index: 25;
	// overflow: hidden;
	box-shadow: 2px 3px 18px 3px fade(black, 20%);

	.pretty-spinner-inner {
		background: linear-gradient(to bottom,
									fade(black, 30%) 0%,
									transparent 25%,
									transparent 75%,
									fade(black, 30%) 100%);

		overflow: hidden;
		width: 100%;
		height: 100%;

		.pretty-spinner-wheel {
			-webkit-transition: margin-top linear 0.1s;
			// Mozilla does not spin the wheel at all when animating the values
			// -moz-transition: margin-top linear 0.1s;

			width: 100%;
			height: 30px;
			background: fade(white, 70%);
			border: 1px solid fade(grey, 20%);
			padding: 5px;
			text-align: center;
			vertical-align: middle;
			pointer-events: none;

			font-weight: bold;

			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
	}
}

// All arrows
.arrow_box:after, .arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-width: 12px;
}
.arrow_box:before {
	border-width: 14px;
}

// Right ones
.arrow_box.right:after, .arrow_box.right:before {
	top: 50%;
	right: 100%;
}
.arrow_box.right:after {
	border-right-color: fade(white, 70%);
	margin-top: -12px;
}
.arrow_box.right:before {
	border-right-color: fade(grey, 20%);
	margin-top: -14px;
}

// Left ones
.arrow_box.left:after {
	border-left-color: fade(white, 70%);
	margin-top: -12px;
}
.arrow_box.left:before {
	border-left-color: fade(grey, 20%);
	margin-top: -14px;
}

.arrow_box.left:after, .arrow_box.left:before {
	top: 50%;
	left: 100%;
}

// Top
.arrow_box.top:after, .arrow_box.top:before {
	top: 100%;
	left: 50%;
}
.arrow_box.top:after {
	border-top-color: fade(white, 70%);
	margin-left: -12px;
}
.arrow_box.top:before {
	border-top-color: fade(grey, 20%);
	margin-left: -14px;
}

// Bottom
.arrow_box.bottom:after, .arrow_box.bottom:before {
	bottom: 100%;
	left: 50%;
}
.arrow_box.bottom:after {
	border-bottom-color: fade(white, 70%);
	margin-left: -12px;
}
.arrow_box.bottom:before {
	border-bottom-color: fade(grey, 20%);
	margin-left: -14px;
}
{'fraction_non_alphanumeric': 0.16542703257245447, 'fraction_numerical': 0.04770453962554501, 'mean_word_length': 3.4267877412031784, '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': '3706954', 'n_tokens_mistral': 1857, 'n_tokens_neox': 1490, 'n_words': 340}