<commit_before>#mui, #tree { width: 100%; }
#mui { margin-top: 230px; }
#tree { border-collapse: collapse; }
#tree > div, #tree a { cursor: pointer; }

#tree.mosaic { width: 100%; }
#tree.mosaic > tbody { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
#tree.mosaic, #tree.mosaic > tbody {
	display: flex; display: -ms-flexbox;
	flex-wrap: wrap; -ms-flex-wrap: wrap;
	flex-direction: column; -ms-flex-direction: column;
	justify-content: flex-start; -ms-flex-pack: start;
}

#tree.mosaic #tree_head {
	width: 100%; height: 24px;
	flex-basis: auto; -ms-flex-preferred-size: auto;
	display: block;
	margin: 50px 15px;
	box-shadow: none; border-radius: 0;
	text-align: left;
	background-color: transparent;
}

#tree th {
	text-align: left;
	font-family: RobotoMono; font-size: 12px; font-weight: bold;
	text-transform: uppercase;
}
#tree.mosaic th { display: none; }
#tree.mosaic th:first-child, #tree.mosaic th:nth-child(3) { display: inline-block; }

#tree tr {
	height: 54px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	position: relative;
}
#tree.mosaic tr {
	display: block;
	margin: 0 15px 25px 15px;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	height: auto;
}

#tree td { font-size: 15px; font-family: Roboto; }
#tree td:nth-child(4), #tree td:nth-child(5) { font-size: 12px; }

#tree:not(.mosaic) th:nth-child(4), #tree:not(.mosaic) td:nth-child(4),
#tree:not(.mosaic) th:nth-child(5), #tree:not(.mosaic) td:nth-child(5) { display: none; }

#tree.mosaic td { display: block; padding: 8px 11px; overflow: hidden; text-overflow: ellipsis; }
#tree.mosaic td:first-child { position: absolute; top: 8px; left: 8px; padding: 0; }
#tree.mosaic td:last-child { position: absolute; top: 8px; right: 8px; padding: 0; }
#tree.mosaic td:nth-child(2) { margin-top: 45px; }
#tree.mosaic td:nth-child(4), #tree.mosaic td:nth-child(5) { display: none; }

#tree .icon { width: 18px; vertical-align: text-bottom; }
#tree.mosaic .icon { display: block; width: 50%; margin: 0 auto 43px auto; }

#tree .btn-actions {
	height: 30px; width: 45px;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(22, 193, 243, 0.1); border: 2px solid #16c1f3;
	color: #16c1f3;
}
#tree.mosaic .btn-actions {
	height: 18px; width: 39px;
	border-radius: 2px;
}

a[id^="parent-"] { cursor: pointer; }
a[id^="parent-"] .fa-caret-up { font-size: 24px; padding-left: 10px; }

#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
	margin-left: -15px; margin-right: -15px;
	width: calc(100% + 30px);
}
#tree:not(.mosaic) tr > td:first-child, #tree:not(.mosaic) tr > th:first-child { padding-left: 15px; }
#tree:not(.mosaic) tr > td:last-child, #tree:not(.mosaic) tr > th:last-child { padding-right: 15px; width: 45px; }

@media screen and (min-width: 400px) {
    #tree.mosaic, #tree.mosaic > tbody {
		flex-direction: row; -ms-flex-direction: row;
	}
    #tree.mosaic tr {
		flex-basis: 184px; -ms-flex-preferred-size: 184px;
		height: 229px;
	}
	#tree:not(.mosaic) th:nth-child(4), #tree:not(.mosaic) td:nth-child(4) { display: table-cell; }
}

@media screen and (min-width: 500px) {
	#tree:not(.mosaic) th:nth-child(5), #tree:not(.mosaic) td:nth-child(5) { display: table-cell; }
}

@media screen and (min-width: 600px) {
	#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
		margin-left: -25px; margin-right: -25px;
		width: calc(100% + 50px);
	}
	#tree:not(.mosaic) tr > td:first-child, #tree:not(.mosaic) tr > th:first-child { padding-left: 25px; }
	#tree:not(.mosaic) tr > td:last-child, #tree:not(.mosaic) tr > th:last-child { padding-right: 25px; }
}

@media screen and (min-width: 800px) {
	#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
		margin-left: -15px; margin-right: -15px;
		width: calc(100% + 30px);
	}
	#tree:not(.mosaic) tr > td:first-child, #tree:not(.mosaic) tr > th:first-child { padding-left: 15px; }
	#tree:not(.mosaic) tr > td:last-child, #tree:not(.mosaic) tr > th:last-child { padding-right: 15px; }

	#mui { margin-top: 30px; }
	#tree input[type="radio"] + label, #tree input[type="checkbox"] + label { padding-left: 34px; }
}

@media screen and (min-width: 1000px) {
	#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
		margin-left: -50px; margin-right: -50px;<commit_msg>Corrections responsive<commit_after>#mui, #tree { width: 100%; }
#mui { margin-top: 230px; }
#tree { border-collapse: collapse; }
#tree > div, #tree a { cursor: pointer; }

#tree.mosaic { width: 100%; }
#tree.mosaic > tbody { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
#tree.mosaic, #tree.mosaic > tbody {
	display: flex; display: -ms-flexbox;
	flex-wrap: wrap; -ms-flex-wrap: wrap;
	flex-direction: column; -ms-flex-direction: column;
	justify-content: flex-start; -ms-flex-pack: start;
}

#tree.mosaic #tree_head {
	width: 100%; height: 24px;
	flex-basis: auto; -ms-flex-preferred-size: auto;
	display: block;
	margin: 25px 15px;
	box-shadow: none; border-radius: 0;
	text-align: left;
	background-color: transparent;
}

#tree th {
	text-align: left;
	font-family: RobotoMono; font-size: 12px; font-weight: bold;
	text-transform: uppercase;
}
#tree.mosaic th { display: none; }
#tree.mosaic th:first-child, #tree.mosaic th:nth-child(3) { display: inline-block; }

#tree tr {
	height: 54px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	position: relative;
}
#tree.mosaic tr {
	display: block;
	margin: 0 15px 25px 15px;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	height: auto;
	padding-bottom: 15px;
}

#tree td { font-size: 15px; font-family: Roboto; }
#tree td:nth-child(4), #tree td:nth-child(5) { font-size: 12px; }

#tree:not(.mosaic) th:nth-child(4), #tree:not(.mosaic) td:nth-child(4),
#tree:not(.mosaic) th:nth-child(5), #tree:not(.mosaic) td:nth-child(5) { display: none; }

#tree.mosaic td { display: block; padding: 8px 11px; overflow: hidden; text-overflow: ellipsis; }
#tree.mosaic td:first-child { position: absolute; top: 8px; left: 8px; padding: 0; }
#tree.mosaic td:last-child { position: absolute; top: 8px; right: 8px; padding: 0; }
#tree.mosaic td:nth-child(2) { margin-top: 45px; }
#tree.mosaic td:nth-child(4), #tree.mosaic td:nth-child(5) { display: none; }

#tree .icon { width: 18px; vertical-align: text-bottom; }
#tree.mosaic .icon {
	display: block;
	max-height: 80px; width: 50%;
	margin: 0 auto;
}

#tree .btn-actions {
	height: 30px; width: 45px;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(22, 193, 243, 0.1); border: 2px solid #16c1f3;
	color: #16c1f3;
}
#tree.mosaic .btn-actions {
	height: 18px; width: 39px;
	border-radius: 2px;
}

a[id^="parent-"] { cursor: pointer; }
a[id^="parent-"] .fa-caret-up { font-size: 24px; padding-left: 10px; }

#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
	margin-left: -15px; margin-right: -15px;
	width: calc(100% + 30px);
}
#tree:not(.mosaic) tr > td:first-child, #tree:not(.mosaic) tr > th:first-child { padding-left: 15px; }
#tree:not(.mosaic) tr > td:last-child, #tree:not(.mosaic) tr > th:last-child { padding-right: 15px; width: 45px; }

@media screen and (min-width: 400px) {
	#tree:not(.mosaic) th:nth-child(4), #tree:not(.mosaic) td:nth-child(4) { display: table-cell; }
}

@media screen and (min-width: 450px) {
	#tree.mosaic, #tree.mosaic > tbody {
		flex-direction: row; -ms-flex-direction: row;
	}
	#tree.mosaic tr {
		flex-basis: 184px; -ms-flex-preferred-size: 184px;
		height: 229px;
		padding-bottom: 0;
	}
	#tree.mosaic .icon { margin: 0 auto 43px auto; }
}

@media screen and (min-width: 500px) {
	#tree:not(.mosaic) th:nth-child(5), #tree:not(.mosaic) td:nth-child(5) { display: table-cell; }
}

@media screen and (min-width: 600px) {
	#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
		margin-left: -25px; margin-right: -25px;
		width: calc(100% + 50px);
	}
	#tree:not(.mosaic) tr > td:first-child, #tree:not(.mosaic) tr > th:first-child { padding-left: 25px; }
	#tree:not(.mosaic) tr > td:last-child, #tree:not(.mosaic) tr > th:last-child { padding-right: 25px; }
}

@media screen and (min-width: 800px) {
	#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
		margin-left: -15px; margin-right: -15px;
		width: calc(100% + 30px);
	}
	#tree:not(.mosaic) tr > td:first-child, #tree:not(.mosaic) tr > th:first-child { padding-left: 15px; }
	#tree:not(.mosaic) tr > td:last-child, #tree:not(.mosaic) tr > th:last-child { padding-right: 15px; }

	#mui { margin-top: 30px; }
	#tree.mosaic #tree_head { margin: 50px 15px; }
	#tree input[type="radio"] + label, #tree input[type="checkbox"] + label { padding-left: 34px; }
}

@media screen and (min-width: 1000px) {
	#tree:not(.mosaic) { /* Negative margin in order to have full width selected row background */
		margin-left: -50px; margin-right: -50px;
{'fraction_non_alphanumeric': 0.18113540976364037, 'fraction_numerical': 0.04495250717914734, 'mean_word_length': 4.323339212228101, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 35, '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': '2939424', 'n_tokens_mistral': 4101, 'n_tokens_neox': 3589, 'n_words': 889}