.sf-media-attachment {
	padding-top: 12px;
	margin-bottom: 14px;
	position: relative;
	max-width: 250px;

	&.loading {
		&:after {
			content: '';
			display: inline-block;
			border: 2px solid #a7a2d0;
			border-right-color: transparent;
			width: 14px;
			height: 14px;
			border-radius: 50%;
			vertical-align: middle;
			margin-top: -3px;
			margin-left: 10px;

			-o-animation: cssload-rotate 800ms linear infinite;
		       animation: cssload-rotate 800ms linear infinite;
		}
	}
	
	.sf-image-container {
		margin-bottom: 12px;

		img {
			max-width: 100%;
			height: auto;
			display: block;
		}
	}
}