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

$tc-resource-list-margin-top: 1.25rem !default;
$tc-resource-list-height: 15.625rem !default;

.tc-resource-list {
	:global(.tc-list-list) {
		padding: 0;
		padding-left: 0;
		padding-right: 0;
	}

	:global(.tc-resource-list-toolbar) form {
		margin-top: $padding-small;
	}

	&-items {
		height: calc(#{$tc-resource-list-height} - #{$tc-resource-list-margin-top});
		margin-top: $tc-resource-list-margin-top;

		&.filtered {
			:global(.flags-container) {
				opacity: 1;
			}
		}
	}

	&--no-results {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;

		&-text {
			display: inline-flex;
			align-items: center;
			font-style: italic;
			color: tokens.$coral-color-neutral-text;
		}

		&-icon {
			margin: 0 $padding-small;
		}
	}
}