@use '@talend/bootstrap-theme/src/theme/guidelines' as *;
@use '@talend/design-tokens/lib/tokens' as tokens;

$tc-enumeration-height: 40vh !default;

.tc-enumeration-items {
	padding-left: 0;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
	box-shadow: inset 0 21px 3px -20px $shadow, inset 0 -21px 3px -20px $shadow;
	height: $tc-enumeration-height;
	max-height: $tc-enumeration-height;

	[role='row']:first-child {
		&:hover,
		&:focus-within {
			box-shadow: inset 0 21px 3px -20px $shadow;
		}
	}
}