<commit_before>%title {
	display: flex;
	align-items: center;
	padding: 0 $pad 0 $pad;
	flex: 0 $title-height;
	
	h1 {
		flex: 1;
	}
}

%link {
	transition: color $transition-t;
	color: $lighter;

	&:not(.inactive) {
		cursor: pointer;
	
		&:hover {
			color: $lightest;
			
			svg.icon {
				color: currentColor;
			}
		}
	}
	
	svg.icon {
		transition: fill $transition-t;
	}
}

%ellipsis {
	background: $dark;
	color: $white;
	font-weight: normal;
	padding: 0 0.25em;
	margin-left: 0.25em;
}

%selected-token {
	outline: $selected-stroke;
	z-index: 10;
}

%related-token {
	outline: $related-stroke;
	z-index: 9;
}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	min-height: 540px;
	min-width: 500px;
	font-family: $font-family;
	font-size: $font-size;
	color: $white;
	user-select: none;
	cursor: default;

	// This shouldn't be necessary if everything is working correctly
	// overflow: hidden;
	
	> .container {
		/* wraps all content, since flex layouts don't work reliably on body */
		height: 100%;
		display: flex;
		flex-flow: column;
		
		> .app {
			/* wraps the sidebar and doc */
			flex: 1;
			display: flex;
			align-items: stretch;
		}
	}
}

.app .sidebar, .container .header, .tooltip  {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

code, pre {
	font-family: $monospace;
}

pre {
	margin: 0;
}

a {
	@extend %link;
	color: $theme-color;
	text-decoration: none;
}

h1, h2 {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}

.list {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;<commit_msg>Style scrollbars.<commit_after>%title {
	display: flex;
	align-items: center;
	padding: 0 $pad 0 $pad;
	flex: 0 $title-height;
	
	h1 {
		flex: 1;
	}
}

%link {
	transition: color $transition-t;
	color: $lighter;

	&:not(.inactive) {
		cursor: pointer;
	
		&:hover {
			color: $lightest;
			
			svg.icon {
				color: currentColor;
			}
		}
	}
	
	svg.icon {
		transition: fill $transition-t;
	}
}

%ellipsis {
	background: $dark;
	color: $white;
	font-weight: normal;
	padding: 0 0.25em;
	margin-left: 0.25em;
}

%selected-token {
	outline: $selected-stroke;
	z-index: 10;
}

%related-token {
	outline: $related-stroke;
	z-index: 9;
}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	min-height: 540px;
	min-width: 500px;
	font-family: $font-family;
	font-size: $font-size;
	color: $white;
	user-select: none;
	cursor: default;

	// This shouldn't be necessary if everything is working correctly
	// overflow: hidden;
	
	> .container {
		/* wraps all content, since flex layouts don't work reliably on body */
		height: 100%;
		display: flex;
		flex-flow: column;
		
		> .app {
			/* wraps the sidebar and doc */
			flex: 1;
			display: flex;
			align-items: stretch;
		}
	}
}

// TODO: revisit for support in browsers other than Chrome & Safari:
*::-webkit-scrollbar {
	width: 0.5em;
	height: 0.5em;
}
*::-webkit-scrollbar-track {
	background: rgba($mid, 0.25);
}

*::-webkit-scrollbar-thumb {
	background-color: $mid;
	border-radius: 0.5em;
}

.app .sidebar, .container .header, .tooltip  {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

code, pre {
	font-family: $monospace;
}

pre {
	margin: 0;
}

a {
	@extend %link;
	color: $theme-color;
	text-decoration: none;
}

h1, h2 {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}

.list {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
{'fraction_non_alphanumeric': 0.15650644783118406, 'fraction_numerical': 0.025498241500586168, 'mean_word_length': 3.1319612590799033, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '2316581', 'n_tokens_mistral': 1562, 'n_tokens_neox': 1367, 'n_words': 344}