<commit_before>deja-select {
	// position: relative;
	// min-height: 3.5rem;
	width: 100%;
	white-space: initial;
	display: flex;
	align-items: center;
	min-height: 1rem;

	>input {
		flex: 1 1 100%;
	}

	deja-chips {
		width: 100%;

		.insert-item {
			display: flex;
			align-items: center;
			height: 1.2rem;
		}
	}

	.actions-suffix {
		flex: 0 0 auto;
		text-align: right;
		overflow: visible;
		display: flex;
		align-items: center;
		height: 0;

		#clear-button,
		#drop-down-button {
			font-size: 1.2rem;
			opacity: 0.35;

			&:hover {
				opacity: 1;
				cursor: pointer;
			}
		}
	}

	@keyframes load {
		0% {
			left: -35%;
			right: 100%;
		}

		60% {
			left: 100%;
			right: -90%;
		}

		100% {
			left: 100%;
			right: -90%;
		}
	}

	@keyframes load-short {
		0% {
			left: -200%;
			right: 100%;
		}

		60% {
			left: 107%;
			right: -8%;
		}

		100% {
			left: 107%;
			right: -8%;
		}
	}
}

.deja-overlay-container {
	.deja-listcontainer {
		width: 100%;
		text-align: left;
		overflow-y: auto;

		div.listitem {
			white-space: nowrap;

			>deja-bold-query {
				flex: 1 1 100%;
				overflow: hidden;

				div {
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					position: relative;
					width: 100%;
				}
			}
		}

		&[valign="bottom"] {
			border-top: none;
		}

		[current="true"] {
			box-shadow: none;
		}

		&[keynav="false"] {
			div.listitem:not(.unselectable):hover {<commit_msg>fix(DejaSelect): Fix regression due to the embeded SVG implementation<commit_after>deja-select {
	// position: relative;
	// min-height: 3.5rem;
	width: 100%;
	white-space: initial;
	display: flex;
	align-items: center;
	min-height: 1rem;

	>input {
		flex: 1 1 100%;
	}

	deja-chips {
		width: 100%;

		.insert-item {
			display: flex;
			align-items: center;
			height: 1.2rem;
		}
	}

	.actions-suffix {
		flex: 0 0 auto;
		text-align: right;
		overflow: visible;
		display: flex;
		align-items: center;
		height: 0;

		#clear-button,
		#drop-down-button {
			font-size: 1.2rem;
			opacity: 0.35;

			&:hover {
				opacity: 1;
				cursor: pointer;
			}
		}
	}

	@keyframes load {
		0% {
			left: -35%;
			right: 100%;
		}

		60% {
			left: 100%;
			right: -90%;
		}

		100% {
			left: 100%;
			right: -90%;
		}
	}

	@keyframes load-short {
		0% {
			left: -200%;
			right: 100%;
		}

		60% {
			left: 107%;
			right: -8%;
		}

		100% {
			left: 107%;
			right: -8%;
		}
	}
}

.deja-overlay-container {
	.deja-listcontainer {
		width: 100%;
		text-align: left;
		overflow-y: auto;

		div.listitem {
			white-space: nowrap;

			>deja-bold-query {
				flex: 1 1 100%;
				overflow: hidden;

				div {
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					position: relative;
					width: 100%;
				}
			}
		}

		#expandbtn {
			min-width: 24px;
		}

		&[valign="bottom"] {
			border-top: none;
		}

		[current="true"] {
			box-shadow: none;
		}

		&[keynav="false"] {
			div.listitem:not(.unselectable):hover {
{'fraction_non_alphanumeric': 0.16666666666666666, 'fraction_numerical': 0.052313883299798795, 'mean_word_length': 2.2179072276159655, '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': '6949125', 'n_tokens_mistral': 1636, 'n_tokens_neox': 1219, 'n_words': 265}