<commit_before>html {
	background: var(--colorBg);
}
body {
	color: var(--colorFg);
	margin: 0 80px 50px;
}
h1,
h2,
h3,
p,
span {
	cursor: default;
}
h1 {
	margin-left: -20px;
	border-bottom: 1px solid var(--colorBorder);
	padding-bottom: .2em;
}
body,
h2,
.by {
	font-size: 13px;
}
.by {
	margin-left: .5em;
}
.logo {
	vertical-align: bottom;
	height: 35px;
	margin-right: 7px;
}
.github {
	display: inline-block;
	float: right;
	height: 35px;
	margin-top: 5px;
}
.github img {
	height: 60%;
	margin-left: 5px;
}
input[type=radio] {
	background-color: var(--colorBgIntense);
	border: 1px solid var(--colorBorder);
	border-radius: var(--radiusRound);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	position: relative;
	margin: 0 10px 4px 0;
	outline: none;
	height: 16px;
	width: 16px;
	-webkit-appearance: none;
	vertical-align: middle;
}
input[type=radio]:focus {
	border-color: var(--colorBorderHighlight);
	box-shadow: 0 0 0 1px var(--colorBorderHighlight);
}
input[type=radio]:checked::before {
	content: "";
	position: absolute;
	background-color: var(--colorHighlightBg);
	border-radius: var(--radiusRound);
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
}
.flex {
	display: flex;
}
.half {
	flex: 1;
	margin-right: 20px;
}
.rule-box {
	background: var(--colorBgDark);
	border: 1px solid var(--colorBorder);
	border-radius: var(--radius);
	padding: 0;
	height: 350px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.pointer {
	cursor: pointer;
}
ul.scripts {
	background: var(--colorAccentBgLight);
	outline: 1px solid var(--colorAccentBg);
	border-radius: var(--radius);
}
ul.subrules {
	background: var(--colorSecondaryLight);
	outline: 1px solid var(--colorSecondary);
	border-radius: var(--radius);
}
li {
	list-style-type: none;
}
li.show::after {
	content: "";
	height: 5px;
	display: block;
}
li div {
	padding: 5px 10px;
}
ul li:nth-child(even) {
	background-color: var(--colorBgAlpha);
}
li ul {
	display: none;
	margin: 5px 0 0 20px;
	padding: 0;
}
.show > ul {
	display: block;
}
.rule {
	cursor: pointer;
	margin-right: 10px;
	vertical-align: middle;
	width: 22px;
	transition: transform 200ms ease;
}
.rule:hover,
#dropdown label:hover .rule,
.rule:focus {
	transform: scale(1.3);
	outline-color: var(--colorAccentBg);
}
#dropdown {
	background: #fff;
	border: 1px solid var(--colorBorder);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	margin-top: -1px; /* Compensate top border */
	margin-left: -11px; /* Compensate left border + div padding */
	position: absolute;
	top: 0;
	left: -200px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms ease-out;
}
#dropdown input {
	display: none;<commit_msg>Improve focus style in settings<commit_after>html {
	background: var(--colorBg);
}
body {
	color: var(--colorFg);
	margin: 0 80px 50px;
}
h1,
h2,
h3,
p,
span {
	cursor: default;
}
h1 {
	margin-left: -20px;
	border-bottom: 1px solid var(--colorBorder);
	padding-bottom: .2em;
}
body,
h2,
.by {
	font-size: 13px;
}
.by {
	margin-left: .5em;
}
.logo {
	vertical-align: bottom;
	height: 35px;
	margin-right: 7px;
}
.github {
	display: inline-block;
	float: right;
	height: 35px;
	margin-top: 5px;
}
.github img {
	height: 60%;
	margin-left: 5px;
}
input[type=radio] {
	background-color: var(--colorBgIntense);
	border: 1px solid var(--colorBorder);
	border-radius: var(--radiusRound);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	position: relative;
	margin: 0 10px 4px 0;
	outline: none;
	height: 16px;
	width: 16px;
	-webkit-appearance: none;
	vertical-align: middle;
}
input[type=radio]:focus {
	border-color: var(--colorBorderHighlight);
	box-shadow: 0 0 0 1px var(--colorBorderHighlight);
}
input[type=radio]:checked::before {
	content: "";
	position: absolute;
	background-color: var(--colorHighlightBg);
	border-radius: var(--radiusRound);
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
}
.flex {
	display: flex;
}
.half {
	flex: 1;
	margin-right: 20px;
}
.rule-box {
	background: var(--colorBgDark);
	border: 1px solid var(--colorBorder);
	border-radius: var(--radius);
	padding: 0;
	height: 350px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.pointer {
	cursor: pointer;
}
ul.scripts {
	background: var(--colorAccentBgLight);
	outline: 1px solid var(--colorAccentBg);
	border-radius: var(--radius);
}
ul.subrules {
	background: var(--colorSecondaryLight);
	outline: 1px solid var(--colorSecondary);
	border-radius: var(--radius);
}
li {
	list-style-type: none;
}
li.show::after {
	content: "";
	height: 5px;
	display: block;
}
li div {
	padding: 5px 10px;
}
ul li:nth-child(even) {
	background-color: var(--colorBgAlpha);
}
li ul {
	display: none;
	margin: 5px 0 0 20px;
	padding: 0;
}
.show > ul {
	display: block;
}
.rule {
	cursor: pointer;
	margin-right: 10px;
	vertical-align: middle;
	width: 22px;
	transition: transform 200ms ease;
}
a:focus,
ul:focus,
button:focus,
textarea:focus,
[tabIndex]:focus,
input[type=checkbox]:focus {
	outline-color: var(--colorAccentBg);
}
.rule:hover,
.rule:focus,
#dropdown label:hover .rule {
	transform: scale(1.3);
}
#dropdown {
	background: #fff;
	border: 1px solid var(--colorBorder);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	margin-top: -1px; /* Compensate top border */
	margin-left: -11px; /* Compensate left border + div padding */
	position: absolute;
	top: 0;
	left: -200px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms ease-out;
}
#dropdown input {
	display: none;
{'fraction_non_alphanumeric': 0.16778025241276912, 'fraction_numerical': 0.03823311061618411, 'mean_word_length': 4.137273593898952, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3243116', 'n_tokens_mistral': 2368, 'n_tokens_neox': 2162, 'n_words': 525}