.media {
	display: flex;
	align-items: flex-start;
}

.media-body {
	flex: 1;
}

* + .media {
	margin-top: 15px;
}

.media-cloud .media-heading {
	position: relative;
	padding-left: 0.9em;
}

.media-cloud .media-heading:before {
	content: '';
	position: absolute;
	top: 0.25rem;
	left: 0;
	width: 0.55em;
	height: 0.55em;
	border-radius: 50%;
	background-color: #a988c4;
}

.media-cloud .media-heading.online:before {
	background-color: #2e9e83;
}

.media-cloud .media-heading.offline:before {
	background-color: #c65b6d;
}

.media-cloud .media-body {
	position: relative;
	padding: 0.9375rem;
	background-color: #071218;
}

.media-cloud .media-body:before {
	position: absolute;
	content: '';
	left: -5px;
	top: 13px;
	width: 12px;
	height: 12px;
	background: #071218;
	transform: rotate(45deg);
}

.media-cloud .media-body-right-caret:before {
	right: -5px;
	left: auto;
}

.media-cloud * + .media-text {
	margin-top: 0.3125rem;
}
/*# sourceMappingURL=media.css.map */