.attachment {
	.attachment-block {
		padding-left: 15px;
		margin: 5px 0;
		position: relative;

		.attachment-block-border {
			width: 4px;
			position: absolute;
			border-radius: 8px;
			left: 0;
			top: 0;
			bottom: 0;
		}

		html.rtl & {
			padding-left: 0;
			padding-right: 15px;

			.attachment-block-border {
				left: auto;
				right: 0;
			}
		}
	}

	.attachment-author {
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.2rem;

		> a {
			font-weight: 600;
		}

		img {
			max-height: 16px;
			max-width: 16px;
			margin-right: 2px;
			margin-bottom: -2px;
		}

		.time {
			font-weight: normal;
			font-size: 0.8em;
		}
	}

	.attachment-title {
		font-size: 1.02rem;
		font-weight: 500;
		line-height: 1.5rem;

		> a {
			font-weight: 500;
		}
	}

	.attachment-text {
		line-height: 1rem;
		padding: 3px 0;
	}

	.attachment-image {
		margin-top: 4px;
		line-height: 0;
	}

	.attachment-fields {
		margin-top: 4px;

		.attachment-field {
			&.attachment-field-short {
				margin-right: 12px;
				display: inline-block;
			}

			.attachment-field-title {
				font-weight: 600;
				line-height: 1rem;
			}
		}
	}

	.attachment-field ~ .attachment-field {
		margin-top: 8px;
	}

	.attachment-thumb {
		padding-right: 10px;
		padding-top: 5px;
		line-height: 0;

		html.rtl & {
			padding-right: 5px;
			padding-top: 10px;
		}

		img {
			max-width: 100px;
		}
	}

	.attachment-flex {
		display: flex;
		align-items: flex-start;

		.attachment-flex-column-grow {
			flex-grow: 1;
		}
	}

	.attachment-small-content {
		max-width: 700px;
	}

	.attachment-download-icon {
		padding: 2px 5px;
		border-width: 1px;
		border-radius: 5px;
		margin-left: 5px;

		html.rtl & {
			margin-right: 5px;
			margin-left: auto;
		}
	}
}
