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

$icon-alignment-offset-m: -0.1875rem;
$icon-alignment-offset-s: 0.0625rem;

.linkable {
	cursor: pointer;
}

.link__icon {
	position: relative;
	bottom: $icon-alignment-offset-m;
	margin-right: tokens.$coral-spacing-xxs;
	flex-shrink: 0;
}

.link__iconExternal {
	position: relative;
	top: $icon-alignment-offset-s;
	height: tokens.$coral-sizing-minimal;
	width: tokens.$coral-sizing-minimal;
	margin-left: tokens.$coral-spacing-xxs;
	flex-shrink: 0;
	display: inline-flex;
}

.naturally_aligned {
	// stylelint-disable-next-line selector-no-qualifying-type
	svg.link__icon,
	svg.link__iconExternal {
		margin-bottom: 0;
	}
}

.with_ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}