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

// List styles

.list {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	overflow: hidden;

	.display-mode-large {
		padding-top: 2px;
	}

	:global(.tc-list-toolbar) {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
	}

	:global(.tc-list-display-virtualized) {
		display: flex;
		flex-grow: 1;
		flex-shrink: 1;
		box-shadow: $shadow-default;
		background-color: tokens.$coral-color-neutral-background;
	}
}