@import "mixin";

html:root {
	--server-log-text: #6e6e6e;
	--server-log-error: #e62222;
	--server-log-tree-entry: #d8d8d8;
}

.container-log {
	display: block;
	overflow-y: auto;

	height: 100%;
	width: 100%;

	@include chat-scrollbar-vertical();
	@include chat-scrollbar-horizontal();

	.container-messages {
		width: 100%;
		line-height: 16px;
	}

	.log-message {
		flex-shrink: 0;
		flex-grow: 0;

		color: var(--server-log-text);

		overflow-x: hidden;
		overflow-y: hidden;

		display: block;

		&, > * {
			overflow-wrap: break-word;
			word-wrap: break-word;

			max-width: 100%;
		}

		> * {
			display: inline-block;

			font-family: sans-serif;
			font-size: 13px;
			line-height: initial;
		}

		> .timestamp {
			padding-right: 5px;
		}


		.log-error {
			color: var(--server-log-error);
		}

		.htmltag-client, .htmltag-channel {
			color: var(--server-log-tree-entry);
		}
	}
}