@import "../../../../../styles/alain/_antd-style/themes/default.less";

:host {
    display: block;
}

:host ::ng-deep {
	.legend {
		margin-top: 16px;
		.legend-item {
			position: relative;
			text-align: center;
			cursor: pointer;
			color: @text-color-secondary;
			line-height: 22px;
			p {
				margin: 0;
			}
			h6 {
				color: @heading-color;
				padding-left: 16px;
				font-size: 24px;
				line-height: 32px;
				margin-top: 4px;
				margin-bottom: 0;
			}
			&:after {
				background-color: @border-color-split;
				position: absolute;
				top: 8px;
				right: 0;
				height: 40px;
				width: 1px;
				content: "";
			}
		}
		> :last-child .legend-item:after {
			display: none;
		}
		.dot {
			border-radius: 6px;
			display: inline-block;
			margin-right: 6px;
			position: relative;
			top: -1px;
			height: 6px;
			width: 6px;
		}
	}
}