@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.msgModal {
	padding: 12px 16px;

	&-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 16px;

		&-title {
			font-weight: 600;
		}

		&-icon {
			color: @common_level2_base_color;
		}
	}

	&-title {
		display: flex;
		align-items: center;
		margin-bottom: 16px;

		&-img {
			height: 44px;
			width: 44px;
		}

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

			&-title {
				font-weight: 600;
			}

			&-subtitle {
				font-size: 12px;
				line-height: 20px;
				color: @common_level2_base_color;
			}
		}
	}

	&-contentTitle {
		font-weight: 600;
		margin-bottom: 4px;
	}

	&-content {
		max-height: 300px;
		overflow-y: auto;
	}

	&-action {
		margin-top: 48px;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			top: -24px;
			left: 0;
			right: 0;
			height: 1px;
			background-color: @common_line_light_color;
		}
	}
}

.dtm-drawer-sidebar {
  height: auto !important; 
}