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

.modal-down-preview {
	&-bottom {
		&-flex {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			top: -44px;
			z-index: 1;
		}

		&-div {
			width: 49px;
			height: 52px;
			background-color: #fff;
			border-radius: 50%;
			position: absolute;
			top: 0;
			display: flex;
			align-items: end;
			justify-content: center;


			& img {
				height: 18px;
				width: 26px;
				position: relative;
				top: 2px;
			}
		}

		&-show {
			// background-color: #fff;
			// position: absolute;
			// width: 100%;
			top: 92px;
			font-size: 14px;



			&-button {
				padding: 12px 12px;
				border-top: 1px solid rgba(126, 134, 142, 0.16);
				text-align: center;
			}

			&-mark {
				display: flex;
				align-items: center;
				gap: 8px;
				margin: 8px 0;

				&-flex {
					display: flex;
					align-items: center;
					border: 1px solid rgba(0, 127, 255, 0.48);
					border-radius: 4px;
					line-height: 22px;
					padding: 2px 8px;
				}
			}
		}
	}
}