body > div.logger {
	z-index: 99999;
	position: fixed;
	right: 0px;
	margin-right: 0.5em;
	top: 20px;
	width: 320px;
	height: 100%;
	pointer-events: none;
}

body > div.logger > div.logger-wrap {
	position: relative;
	height: 100%;
}

body > div.logger > div.logger-wrap > ul {
	position: absolute;
	white-space: normal;
	top: 0;
	right: 0;
	width: 320px;
}

body > div.logger > div.logger-wrap > ul.legacyq {
	pointer-events: initial;
}

body > div.logger > div.logger-wrap > ul.legacyq:empty {
	background: var(--bg-color-info);
	color: var(--tt-color);
	border-radius: 4px;
	padding: 4px;
	max-width: 300px;
}

body > div.logger > div.logger-wrap > ul > li {
	display: inline-block;
	width: 100%;
	overflow-y: hidden;
	list-style: none;
	padding: 4px;
	max-width: 300px;
	margin-bottom: 5px;
	background: var(--bg-color-info);
	color: var(--tt-color);
	position: relative;
	border-radius: 4px;
	word-wrap: break-word;
}

body > div.logger > div.logger-wrap > ul > li.error {
	background-color: var(--red);
	color: white;
}

body > div.logger > div.logger-wrap > ul > li > a {
	font-weight: bold;
}

body > div.logger > div.logger-wrap > ul > li > span.log-msg-close {
	cursor: pointer;
	position: absolute;
	right: 2;
	top: 2;
}

body > div.logger > div.logger-wrap > ul > li > ul.legacyq {
	margin: 0;
}

body > div.logger > div.logger-wrap > ul > li > ul.legacyq:empty {
	display: none;
}