@use '@talend/design-tokens/lib/tokens' as tokens;

.container {
	padding: tokens.$coral-spacing-xxs tokens.$coral-spacing-xs;
	max-width: tokens.$coral-sizing-maximal;
	font: tokens.$coral-paragraph-s;
	color: tokens.$coral-color-assistive-text;
	background: tokens.$coral-color-assistive-background;
	border-radius: tokens.$coral-radius-s;
	transition: opacity tokens.$coral-transition-fast;
	opacity: 1;
}

.arrow {
	fill: tokens.$coral-color-assistive-background;

	:global(.stroke) {
		display: none;
	}
}