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

.tc-tree-branch-icon {
	display: flex;
	margin-right: $padding-smaller;

	&-caret {
		height: $svg-sm-size;
		width: $svg-sm-size;

		&-right {
			transform: rotate(180deg);
		}
	}

	:global(.tc-svg-anchor) {
		background: transparent;
		border: none;
		padding: 0;
		color: tokens.$coral-color-accent-text;
		display: flex;

		&:focus,
		&:hover {
			color: tokens.$coral-color-accent-text-hover;
		}
	}
}