<commit_before>$prefix: 'cb-';

$border: #ccc;

.choosebumps{
	font-family: 'Raleway';
	font-size: 18px;
	line-height: 1.58;

	border:1px solid $border;

	width: 100%;
	outline: none;

	position:relative;

	box-sizing: border-box;

	*,
	*:before,
	*:after{
		box-sizing: border-box;
	}
}

.#{$prefix}main-item{
	padding: 1em 3em 1em 1em;
	cursor: default;

	&.#{$prefix}placeholder:before{
		content: attr(placeholder);
		opacity: .4;
	}
}

.#{$prefix}caret{
	height: 1em;
	width: 1em;

	position:absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

.#{$prefix}items{
	display:none;
	position: absolute;
	width: calc(100% + 2px);
	max-height: 300px;
	overflow-y: auto;
	top:100%;
	left: -1px;
	border-left: 1px solid $border;
	border-top: 1px solid transparent;
	border-right: 1px solid $border;
	border-bottom: 1px solid $border;

	& > div{
		padding: 1em;
		cursor: default;

		& + div{
			border-top: 1px solid #f9f9f9;
		}

		&:hover{
			background-color: $border;
		}
	}
}

.#{$prefix}selected-item{
	
	display:inline;
}

.#{$prefix}selected{
	background-color: #eaeaea;
}

.#{$prefix}tag{
	display:inline-block;
	background-color: $border;
	padding: 0 .5em;
    border-radius: .25em;
	margin: .25em;

	svg{
		cursor: pointer;
		width: 10px;
		height: 10px;<commit_msg>fix(styling): adding background color to dropdown item, adding z-index to dropdown item<commit_after>$prefix: 'cb-';

$border: #ccc;

.choosebumps{
	font-family: 'Raleway';
	font-size: 18px;
	line-height: 1.58;

	border:1px solid $border;

	width: 100%;
	outline: none;

	position:relative;

	box-sizing: border-box;

	*,
	*:before,
	*:after{
		box-sizing: border-box;
	}
}

.#{$prefix}main-item{
	padding: 1em 3em 1em 1em;
	cursor: default;

	&.#{$prefix}placeholder:before{
		content: attr(placeholder);
		opacity: .4;
	}
}

.#{$prefix}caret{
	height: 1em;
	width: 1em;

	position:absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

.#{$prefix}items{
	display:none;
	position: absolute;
	width: calc(100% + 2px);
	max-height: 300px;
	overflow-y: auto;
	top:100%;
	left: -1px;
	z-index: 1;
	background: white;
	border-left: 1px solid $border;
	border-top: 1px solid transparent;
	border-right: 1px solid $border;
	border-bottom: 1px solid $border;

	& > div{
		padding: 1em;
		cursor: default;

		& + div{
			border-top: 1px solid lighten($border,15%);
		}

		&:hover{
			background-color: $border;
		}
	}
}

.#{$prefix}selected-item{
	
	display:inline;
}

.#{$prefix}selected{
	background-color: #eaeaea;
}

.#{$prefix}tag{
	display:inline-block;
	background-color: $border;
	padding: 0 .5em;
    border-radius: .25em;
	margin: .25em;

	svg{
		cursor: pointer;
		width: 10px;
		height: 10px;
{'fraction_non_alphanumeric': 0.1728486646884273, 'fraction_numerical': 0.037833827893175076, 'mean_word_length': 3.885869565217391, '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': '6688837', 'n_tokens_mistral': 1263, 'n_tokens_neox': 1101, 'n_words': 246}