.floating.suggestions
{
	max-height: ~"min(90vh, 18em)";
	padding: 0.5em 0;

	overflow-y: auto;

	.suggestion
	{
		transition: background 0.2s ease;

		position: relative;

		display: block;
		padding: 0.5em 1em;

		background: transparent;
		color: var(--foreground);

		cursor: pointer;

		&.preselected
		{
			background: var(--background);
		}

		&:hover
		{
			background: var(--background-darker);
		}

		> .selected
		{
			position: absolute;
			top: 0;
			right: 0.5em;
			bottom: 0;

			display: flex;
			align-items: center;
			justify-content: center;
			margin: auto;
			width: 1.4em;
			height: 1.4em;
			border-radius: 1.4em;

			color: var(--green);
		}
		&:not(.selected) > .selected
		{
			display: none;
		}
	}
}