.elements {
	display: none;
	border: 3px solid var(--border-color);
	border-radius: 1rem;
	padding: 0.5rem 0rem;
	z-index: 1;
	background: white;
	position: absolute;
	top: 4.25rem;
	max-height: 9.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	&::-webkit-scrollbar {
		width: 0.75rem;
	}
	&::-webkit-scrollbar-thumb {
		background: var(--main-color);
		border-radius: 5rem;
	}
}

.elements ul {
	list-style: none;
}

.elements .element[value]:hover {
	cursor: pointer;
	border-radius: 1rem;
	background: var(--secondary-background-color);
	color: var(--secondary-color);
}

.elements .element {
	margin: 0.1rem;
	padding: 0.25rem;
}

.elements .element.selected {
	border: 1px solid var(--shadow-color);
	border-radius: 1rem;
	background: var(--secondary-background-color);
}