@import '@/assets/scss/theme.less';

@drawer-prefix-cls: ~'dc-drawer-detail';

.@{drawer-prefix-cls}-text {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	display: flex;

	.@{drawer-prefix-cls}-label {
		display: inline-block;
		min-width: 100px;
	}

	.@{drawer-prefix-cls}-value {
		color: rgba(0, 0, 0, 0.65);
		white-space: pre-wrap;
	}
}

.@{drawer-prefix-cls}-title {
	font-weight: 500;
	color: @primary-color;
	margin-top: 20px;

	grid-column: span 2;

	&:first-child {
		margin-top: 0;
	}
}

.@{drawer-prefix-cls}-divider {
	grid-column: span 2;
	height: 1px;
	background: #eeeeee;
}

.@{drawer-prefix-cls}-images {
	display: grid;
	grid-column: span 2;
	grid-gap: 20px;
}