<commit_before>.VAR_DUMP-DEADBEEF { //to avoid accidental styling collisions
  	font-family: monospace;
  	font-size:18px;
  	color: black; //add default color in case the page being dumped provides one.

	#var_dump { //the var dump output
		font-size: 16px;
		white-space: pre-wrap;
	  	padding-left:20px; //offsets the negative left of the +/-
		
		//elements default colors
		.prop {
			font-weight: bold;
		}

		.null {
			color: red;
		}

		.bool {
			color: purple;
		}

		.int {
			color: blue;
		}
		
		.float {
			color: orange;
		}

		.string {
			color: green;
			white-space: pre-wrap;
		}

	  	.key {
		  	float:left; //so that values appear next to their keys
			font-weight: bold;
		}

		#root{
			margin: 0 0 0 0;
		}
		
		ul {
		  	margin-left:40px;
		  	list-style: none;
			padding: 0;
		}

		//utility
		.openClose {
		  	position:relative; //relative, so the the absolutely positioned before element can position based off it

		  	.openCloseIcon { //the span with the carrot
				position: absolute;
				top: 0;
				left: -20px;
			  	display: inline-block;
			  	cursor: pointer;
			  	transition: transform 0.3s ease;

				&.closed {
					transform: rotate(180deg);
				}
		  	}
		}

		.hide {
			display:none;
		}

		.clear {
			clear:both;
		}

		.all {
			background-color:rgba(146,116,51,.1);
			width:250px;
		}

		.closeall{
			float:right; 
		}

		.closeall:hover {
			text-decoration:underline;
			cursor:pointer
		}

		.openall:hover {
			text-decoration:underline;
			cursor:pointer;
		}
	}

	.var_dump_modal {
		max-height:80%;
		width:80%;
		position:fixed;
		box-shadow: 0 0 10px #888;
		top:10%;
		left:10%;
		padding:5%;
		background-color:white;
		opacity:.95;
		border-radius: 2px;
		box-sizing:border-box;
		overflow:scroll;
		z-index: 50;

	  	#header {
			height: 25px;
		  	width:100%;
		  	border-bottom: 2px solid #BC2D09;
		  	margin-bottom:10px;

		  	#expandAll,
			#collapseAll {
			  	cursor: pointer;
				padding-right:20px;
				float:left;
			}

			.closeModal  {
			  	cursor: pointer;
			  	float:right;
			}
		}

		.failedMessage {
			padding: 5px;
			background-color: #BC2D09;
			border-radius: 2px;
			color: white;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	}

	//utility
	.svgIcon img,
	img.svgIcon {
		height: 15px
	}

	.rotate180 {
		transform: rotate(180deg);
	}
}<commit_msg>Apply CSS reset to all elements<commit_after>.VAR_DUMP-DEADBEEF { 
	//A basic CSS reset to avoid any styling collisions
	font-family: monospace;
	font-size:18px;
	color: black; 
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height: 1;
	
	* { //Apply the CSS Reset to all elements to give this stylesheet more wieght than any existing stylesheets
		@extend .VAR_DUMP-DEADBEEF;
	}
  		

	#var_dump { //the var dump output
		font-size: 16px;
		white-space: pre-wrap;
	  	padding-left:20px; //offsets the negative left of the +/-
		
		//elements default colors
		.prop {
			font-weight: bold;
		}

		.null {
			color: red;
		}

		.bool {
			color: purple;
		}

		.int {
			color: blue;
		}
		
		.float {
			color: orange;
		}

		.string {
			color: green;
			white-space: pre-wrap;
		}

	  	.key {
		  	float:left; //so that values appear next to their keys
			font-weight: bold;
		}

		#root{
			margin: 0 0 0 0;
		}
		
		ul {
		  	margin-left:40px;
		  	list-style: none;
			padding: 0;
		}

		//utility
		.openClose {
		  	position:relative; //relative, so the the absolutely positioned before element can position based off it

		  	.openCloseIcon { //the span with the carrot
				position: absolute;
				top: 0;
				left: -20px;
			  	display: inline-block;
			  	cursor: pointer;
			  	transition: transform 0.3s ease;

				&.closed {
					transform: rotate(180deg);
				}
		  	}
		}

		.hide {
			display:none;
		}

		.clear {
			clear:both;
		}

		.all {
			background-color:rgba(146,116,51,.1);
			width:250px;
		}

		.closeall{
			float:right; 
		}

		.closeall:hover {
			text-decoration:underline;
			cursor:pointer
		}

		.openall:hover {
			text-decoration:underline;
			cursor:pointer;
		}
	}

	.var_dump_modal {
		max-height:80%;
		width:80%;
		position:fixed;
		box-shadow: 0 0 10px #888;
		top:10%;
		left:10%;
		padding:5%;
		background-color:white;
		opacity:.95;
		border-radius: 2px;
		box-sizing:border-box;
		overflow:scroll;
		z-index: 50;

	  	#header {
			height: 25px;
		  	width:100%;
		  	border-bottom: 2px solid #BC2D09;
		  	margin-bottom:10px;

		  	#expandAll,
			#collapseAll {
			  	cursor: pointer;
				padding-right:20px;
				float:left;
			}

			.closeModal  {
			  	cursor: pointer;
			  	float:right;
			}
		}

		.failedMessage {
			padding: 5px;
			background-color: #BC2D09;
			border-radius: 2px;
			color: white;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	}

	//utility
	.svgIcon img,
	img.svgIcon {
		height: 15px;
	}

	.rotate180 {
		transform: rotate(180deg);
	}
}
{'fraction_non_alphanumeric': 0.1264414323285454, 'fraction_numerical': 0.033785150718187336, 'mean_word_length': 2.351864406779661, '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': '6976715', 'n_tokens_mistral': 2418, 'n_tokens_neox': 1851, 'n_words': 433}