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

:global(.tc-collapsible-row) {
	:global(.panel[class*='collapsible-panel']) {
		margin-bottom: $padding-small;
	}

	:global(.panel-collapse) {
		transition-duration: 0s;
	}

	:global(.tc-collapsible-panel) {
		margin-bottom: $padding-small;
		margin-top: $padding-small;
	}

	.loading-collapsible-panel {
		height: 2.5rem;
		background-color: tokens.$coral-color-neutral-background-medium;
		border-radius: $border-radius-base;
		margin-bottom: $padding-small;

		display: flex;
		align-items: center;

		> * {
			display: inline-block;
			flex: 1;
		}

		:first-child {
			flex: 2;
			margin: 0 $padding-small;
		}
	}
}