<style>

	.chat-sidebar-minimal-container .ui.placeholder {
		margin: 2px 10px;
	}

	.chat-sidebar-minimal-container .ui.placeholder .image:not(.header):not(.ui):not(.icon) {
		width: 30px;
		height: 30px;
		margin-bottom: 9px;
	}

	.chat-sidebar-minimal-container .ui.placeholder .image:not(.header):not(.ui):not(.icon):first-child {
		margin-bottom: 0;
	}

	.chat-sidebar-minimal-container .ui.placeholder .image:not(:first-child):before {
		height: 10px;
		top: -30px;
		position: relative;
	}

	.chat-sidebar-minimal-container .ui.placeholder,
	.chat-sidebar-minimal-container .ui.placeholder .image.header:after,
	.chat-sidebar-minimal-container .ui.placeholder .line,
	.chat-sidebar-minimal-container .ui.placeholder .line:after,
	.chat-sidebar-minimal-container .ui.placeholder > :before {
		background-color: #f7f8f9;
	}

</style>

<div class="chat-sidebar-minimal-container js-chat-sidebar">

	<div class="chat-sidebar-minimal-wrapper">

		<div class="chat-sidebar-users-list">

			<div class="ui placeholder">

				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>
				<div class="square image"></div>

			</div>

		</div>

	</div>

</div>
