<commit_before>.mv-bar.mv-ui {
	all: initial;
	visibility: inherit;
	display: flex;
	align-items: center;
	color: white;
	padding: 0 .5em;
	background: hsla(0,0%,10%,.7);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	position: sticky;

	@supports (position: sticky) {
		z-index: 2;
		top: 5px;
	}

	a {
		text-decoration: none;
	}

	&.mv-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000; // this is wrong, but must override other wrong things :(
	}

	&:not(.mv-fixed) {
		border-radius: .3em;
		margin-bottom: 1em;
	}

	button, .mv-button {
		all: unset;
		font-weight: bold;
		cursor: pointer;
		background: transparent;
		color: inherit;

		&:focus {
			background: hsla(0,0%,100%,.1);
			outline: 1px dotted hsla(0,0%,100%,.25);
			outline-offset: -5px;
			-moz-outline-radius: 1px;
		}

		&:not(:disabled):hover {
			background: hsla(0,0%,100%,.2);
		}

		&::-moz-focus-inner {
			border: 0;
		}

		&:disabled {
			opacity: .6;
			cursor: not-allowed;
		}
	}

	& > button,
	& > .mv-button {
		padding: .35em .6em;
		border: 0;
		text-align: center;

		&:first-child {
			margin-left: auto;
		}

		&::before {
			display: inline-block;
			vertical-align: -.1em;
			margin-right: .3em;
			color: white;
			opacity: .5;
			font-weight: normal;
		}

		&:enabled:hover::before {
			opacity: .8;
		}
	}

	.mv-avatar {
		all: unset;
		display: inline-block;
		vertical-align: -.1em;
		max-height: 1em;
	}

	.mv-login {
		&::before {
			content: "🔑 ";
			filter: brightness(160%) grayscale(100%);
		}
	}

	.mv-edit {
		&::before {
			content: "✎";
		}

		[mv-app][mv-mode="edit"] & {
			background: rgba(0,0,0,.6);
			box-shadow: .2em 0 .1em -.1em black inset, -.2em 0 .1em -.1em black inset;

			&:focus {
				background: rgba(0,0,0,.4);
			}

			&::after {
				content: "ing";
			}
		}
	}

	.mv-save {
		position: relative;

		&::before {
			content: "✓";
		}

		[mv-app][mv-progress="Saving"] & {
			color: hsla(0,0%,100%,.2);

			&::before {
				opacity: .2;
			}

			&::after {
				content: $loader;
				position: absolute;
				top: .5em;
				right: .5em;
				bottom: .5em;
				left: .5em;
			}
		}

		[mv-app].mv-unsaved-changes &,
		[mv-app].mv-unsaved-changes &::before {
			text-shadow: 0 0 .2em hsl(200, 100%, 70%), 0 0 .3em hsl(200, 100%, 70%);
		}

		&:hover {
			background: hsl(180, 50%, 50%);
		}
	}

	.mv-export {
		&::before {
			content: "⬇";
		}
	}

	.mv-import {
		&::before {
			content: "⬆";
		}
	}

	.mv-logout {
		&::before {
			content: "↪";
		}
	}

	.mv-status {
		flex: 1;
		line-height: 2.4;
		padding: 0 .4em;
		margin-top: auto;
		margin-bottom: auto;
	}

	// Displaying mv-bar in small spaces
	&.mv-compact {
		padding: 0 .5em 0 2.5em;
		background-image: url("https://mavo.io/favicon.svg");

		.mv-status > span {<commit_msg>Oops, forgot compact version of the toolbar!<commit_after>.mv-bar.mv-ui {
	all: initial;
	visibility: inherit;
	display: flex;
	align-items: center;
	color: white;
	padding: 0 .5em;
	background: hsla(0,0%,10%,.7);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	position: sticky;

	@supports (position: sticky) {
		z-index: 2;
		top: 5px;
	}

	a {
		text-decoration: none;
	}

	&.mv-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000; // this is wrong, but must override other wrong things :(
	}

	&:not(.mv-fixed) {
		border-radius: .3em;
		margin-bottom: 1em;
	}

	button, .mv-button {
		all: unset;
		font-weight: bold;
		cursor: pointer;
		background: transparent;
		color: inherit;

		&:focus {
			background: hsla(0,0%,100%,.1);
			outline: 1px dotted hsla(0,0%,100%,.25);
			outline-offset: -5px;
			-moz-outline-radius: 1px;
		}

		&:not(:disabled):hover {
			background: hsla(0,0%,100%,.2);
		}

		&::-moz-focus-inner {
			border: 0;
		}

		&:disabled {
			opacity: .6;
			cursor: not-allowed;
		}
	}

	& > button,
	& > .mv-button {
		padding: .35em .6em;
		border: 0;
		text-align: center;

		&:first-child {
			margin-left: auto;
		}

		&::before {
			display: inline-block;
			vertical-align: -.1em;
			margin-right: .3em;
			color: white;
			opacity: .5;
			font-weight: normal;
		}

		&:enabled:hover::before {
			opacity: .8;
		}
	}

	.mv-avatar {
		all: unset;
		display: inline-block;
		vertical-align: -.1em;
		max-height: 1em;
	}

	.mv-login {
		&::before {
			content: "🔑 ";
			filter: brightness(160%) grayscale(100%);
		}
	}

	.mv-edit {
		&::before {
			content: "✎";
		}

		[mv-app][mv-mode="edit"] & {
			background: rgba(0,0,0,.6);
			box-shadow: .2em 0 .1em -.1em black inset, -.2em 0 .1em -.1em black inset;

			&:focus {
				background: rgba(0,0,0,.4);
			}

			&::after {
				content: "ing";
			}
		}
	}

	.mv-save {
		position: relative;

		&::before {
			content: "✓";
		}

		[mv-app][mv-progress="Saving"] & {
			color: hsla(0,0%,100%,.2);

			&::before {
				opacity: .2;
			}

			&::after {
				content: $loader;
				position: absolute;
				top: .5em;
				right: .5em;
				bottom: .5em;
				left: .5em;
			}
		}

		[mv-app].mv-unsaved-changes &,
		[mv-app].mv-unsaved-changes &::before {
			text-shadow: 0 0 .2em hsl(200, 100%, 70%), 0 0 .3em hsl(200, 100%, 70%);
		}

		&:hover {
			background: hsl(180, 50%, 50%);
		}
	}

	.mv-export {
		&::before {
			content: "⬇";
		}
	}

	.mv-import {
		&::before {
			content: "⬆";
		}
	}

	.mv-logout {
		&::before {
			content: "↪";
		}
	}

	.mv-status {
		flex: 1;
		line-height: 2.4;
		padding: 0 .4em;
		margin-top: auto;
		margin-bottom: auto;
	}

	// Displaying mv-bar in small spaces
	&.mv-compact {
		.mv-status > span {
{'fraction_non_alphanumeric': 0.1984112655714028, 'fraction_numerical': 0.0453150388156707, 'mean_word_length': 2.4431323803604723, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 1, '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': '1630972', 'n_tokens_mistral': 2976, 'n_tokens_neox': 2405, 'n_words': 495}