.cm-tooltip-autocomplete:after {
	padding: var(--spacing-2xs) var(--spacing-s);
	border-top: 1px solid var(--color-foreground-dark);
}

.code-node-editor .cm-tooltip-autocomplete:after {
	display: block;
	content: 'n8n supports all JavaScript functions, including those not listed.';
}

.ͼ2 .cm-tooltip-autocomplete {
	background-color: var(--color-background-xlight) !important;
	box-shadow: var(--box-shadow-light);
	border: none;

	.cm-tooltip {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	> ul[role='listbox'] {
		font-family: var(--font-family-monospace);
		max-height: min(220px, 50vh);
		width: min(260px, 50vw);
		min-width: 100%;
		max-width: none;
		border: var(--border-base);
		border-radius: var(--border-radius-base);

		li[role='option'] {
			color: var(--color-text-base);
			display: flex;
			line-height: var(--font-line-height-xloose);
			justify-content: space-between;
			align-items: center;
			padding: var(--spacing-5xs) var(--spacing-2xs);
			gap: var(--spacing-2xs);
			scroll-padding: 40px;
			scroll-margin: 40px;
		}

		li .cm-completionLabel {
			font-size: var(--font-size-2xs);
			overflow: hidden;
			text-overflow: ellipsis;
		}

		li .cm-completionDetail {
			color: var(--color-text-light);
			font-size: var(--font-size-3xs);
			margin-left: 0;
			font-style: normal;
		}

		li[aria-selected] {
			background-color: var(--color-background-base);
			color: var(--color-autocomplete-item-selected);
		}

		> .cm-section-header {
			padding: var(--spacing-4xs) var(--spacing-3xs);
			border-bottom: 1px solid var(--color-autocomplete-section-header-border);
			background-color: var(--color-background-xlight);
			position: sticky;
			top: 0;
		}

		> .cm-section-header:not(:first-child) {
			margin-top: var(--spacing-2xs);
		}

		.cm-section-title {
			color: var(--color-text-dark);
			font-family: var(--font-family);
			font-weight: var(--font-weight-bold);
			font-size: var(--font-size-3xs);
			text-transform: uppercase;
			padding: var(--spacing-5xs) var(--spacing-4xs);
		}
	}
}

.autocomplete-info-container {
	display: flex;
	flex-direction: column;
	padding: var(--spacing-4xs) 0;
}

.ͼ2 .cm-completionInfo {
	background-color: var(--color-background-xlight);
	border: var(--border-base);
	margin-left: var(--spacing-5xs);
	border-radius: var(--border-radius-base);
	line-height: var(--font-line-height-loose);

	.autocomplete-info-header {
		color: var(--color-text-base);
		font-size: var(--font-size-2xs);
		font-family: var(--font-family-monospace);
		line-height: var(--font-line-height-compact);
		margin-bottom: var(--spacing-2xs);
	}

	.autocomplete-info-name {
		color: var(--color-autocomplete-item-selected);
	}

	.autocomplete-info-description {
		code {
			background-color: var(--color-background-base);
			padding: 0 2px;
		}
		p {
			line-height: var(--font-line-height-compact);
			margin-top: 0;
			margin-bottom: var(--spacing-4xs);
		}
	}
}
