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

.partyCheck {
	&-header {
		padding: 0 0 20px;
		text-align: center;

		&-avatar {
			width: 66px;
			height: 66px;
			border-radius: 50%;
			margin: 0 auto;
			margin-bottom: 8px;
			font-size: 30px;
			text-align: center;
			line-height: 66px;
			color: #ffffff;

			&-blue {
				background: linear-gradient(138deg, #1890ff 0%, rgba(24, 144, 255, 0.75) 100%);
			}

			&-orange {
				background: linear-gradient(135deg, #ff5500, rgba(255, 85, 0, 0.65) 100%);
			}
		}

		&-name {
			font-size: 24px;
			line-height: 32px;
			font-weight: 600;
		}

		&-type {
			color: @text-color-secondary;
		}
	}

	&-item {
		padding: 8px 8px 4px;
		display: flex;

		&-tag {
			width: 24px;
			height: 24px;
			border-radius: 50%;
			color: @main-color;
			text-align: center;
			border: 0.5px solid @main-color;
		}

		&-content {
			flex: 1;
			padding-top: 1px;
			padding-left: 8px;
		}
	}

	&-agentItem {
		margin-bottom: 8px;
		display: flex;
	}
}