.bbcode {
	line-height: 1.5;
	word-wrap: break-word !important;
	word-break: break-all !important;
	overflow-wrap: break-word !important;
	text-overflow: ellipsis !important;

	code {
		font-family: "monospace" !important;
	}

	img {
		max-width: min(calc(1000px - 100px), calc((100vw - 100px), calc(100%)));
	}

	.description img {
		max-width: 100%;
	}

	.imagemap {
		max-width: max-content;
		position: relative;
		width: max-content;
	}

	.imagemap__link:hover::after {
		content: attr(title);
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgba(0, 0, 0, 0.8);
		color: #fff;
		padding: 5px;
		border-radius: 5px;
		font-size: 0.8rem;
		white-space: nowrap;
		z-index: 100;
	}

	a[class=""] {
		text-decoration: underline;
	}

	h2,
	h4 {
		font-style: normal;
		font-weight: 700;
	}

	h2 {
		font-size: 1.5em;
	}

	blockquote {
		padding: 0;
		border: none;
		position: relative;
		border-radius: 5px;
		font-size: 1em;
	}

	blockquote::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 2px;
		height: 100%;
		border-radius: 10000px;
	}

	pre {
		white-space: pre-wrap;
		color: inherit;
		padding: 10px;
		border: none;
		font-size: inherit;
	}

	.unordered {
		list-style-type: disc;
		padding-left: 20px;
	}

	.spoiler {
		background-color: #000 !important;
		color: #000 !important;
	}

	.well {
		margin: 0;
		background-color: rgba(0, 0, 0, 0.2);
		border: 2px solid;
		border-radius: 4px;
		padding: 10px;
	}

	.bbcode__video-box {
		max-width: 425px;
	}

	.bbcode-spoilerbox__body {
		display: none;
		padding: 15px;
		transition: 0.5s ease-out;
	}

	.bbcode-spoilerbox__link:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	.bbcode-spoilerbox__link-icon {
		text-decoration: none !important;
	}

	.bbcode-spoilerbox__link-icon::before {
		content: ">";
		margin-right: 10px;
		text-decoration: none !important;
	}
}