@import '../../styles/theme.less';

.nameCard {
	.ant-popover-inner {
		min-width: 250px;
		background-color: rgba(0, 0, 0, 0.75);
		border-radius: 5px;
	}

	.ant-popover-arrow-content {
		background-color: rgba(0, 0, 0, 0.75);

		&::before {
			background: linear-gradient(to left, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.75) 50%) no-repeat -10px -10px;
		}
	}

	.ant-popover-inner-content {
		color: #ffffff;
	}

	&-name {
		display: inline-block;
		cursor: pointer;
		border-bottom: 1px dashed #000000;
		padding-bottom: 2px;

		&:hover,
		&-active {
			color: @main-color !important;
			border-color: @main-color;
		}
	}

	&-content {
		position: relative;
		min-width: 150px;
	}

	.public-rightBorder {
		&::before {
			border-color: #ffffff;
		}
	}
}