@import '~heading.less';

.Tooltip {
	border: 0 !important;
	background: @black !important;
	box-shadow: @shadow;
	color: @white !important;

	&:global(:before) {
		background: @black !important;
		box-shadow: -1px -1px 0px 0px @black !important;
	}

	&:global(.top.left),
	&:global(.bottom.left) {
		margin-left: -14px !important;
	}

	&:global(.top.right),
	&:global(.bottom.right) {
		margin-right: -14px !important;
	}

	:global(.header) {
		font-weight: 400 !important;
		font-size: 13px !important;
		line-height: 17px !important;
		color: @white !important;
	}

	:global(.content) {
		font-weight: 400 !important;
		font-size: 13px !important;
		line-height: 17px !important;
		color: @white !important;

		a {
			color: @primary !important;
			font-weight: 500 !important;
			cursor: pointer;
		}
	}
}