.autocomplete {
	position: relative;
}

	.autocomplete input[type='text'] {
		width: 100%;
		box-sizing: border-box;
	}

.autocomplete-items {
	position: absolute;
	border: 1px solid var(--border-color);
	border-bottom: none;
	border-top: none;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	border-radius: 10px;
}

	.autocomplete-items div {
		padding: 10px;
		cursor: pointer;
		box-sizing: border-box;
		background-color: var(--color-lightest);
		border-bottom: 1px solid var(--border-color);
		font-size: .9rem;
		line-height: .9rem;
	}

		.autocomplete-items div:first-child {
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		.autocomplete-items div:last-child {
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}

		.autocomplete-items div:hover,
		.autocomplete-active {
			background-color: var(--color-2) !important;
			color: var(--color-2-reverse);
		}