.categories {
	list-style-type: none;
	padding: 0;

	> li {
		margin-bottom: 20px;

		.content {
			margin-top: 4px;

			.icon {
				font-size: 17px;
				line-height: 17px;
				padding: 13px;
				border-radius: 50%;
				margin-right: 15px;
				min-width: 46px;
				min-height: 46px;
				margin-top: 2px;
			}

			h1 {
				font-size: 22px;
				margin: 0;
			}
		}

		.stats {
			font-size: 20px;
			text-align: center;
			margin-top: 5px;
			line-height: 22px;

			small {
				text-transform: uppercase;
				color: @gray-light;
				font-weight: 300;
				font-size: 12px;
			}
		}

		.card {
			border-left: 4px solid #ccc;
			text-align: left;
			height: 53px;
			margin-top: 2px;
			overflow: hidden;

			> * {
				padding-left: 20px;
			}

			img {
				border-radius: 50%;
				width: 30px;
				height: 30px;
			}

			p {
				font-size: 12px;
				margin: 0;

				.emoji {
					max-width: 12px;
					max-height: 12px;
				}
			}

			small {
				color: @gray-light;
			}

			.post-content p {
				display: none;
				&:first-child {
					display: inline-block;
				}
			}
		}
	}
}