div.log_header
{
	width: calc(270px * var(--size-scalar));
	margin-left: auto;
	margin-right: auto;
	padding-top: calc(var(--textSize) * var(--size-scalar));
	padding-bottom: calc(var(--textSize) * var(--size-scalar));
}

div.log_preview_container
{
	width: calc(270px * var(--size-scalar));
	margin-left: auto;
	margin-right: auto;
	margin-bottom: calc(var(--textSize) * var(--size-scalar));
}

div.log_preview_title
{
	font-family: HeaderFont;
	font-size: calc(var(--textSize) * var(--size-scalar));
	background-color: var(--headerBackgroundColor);
	padding: calc(3px * var(--size-scalar));
	padding-left: calc(7px * var(--size-scalar));
	padding-right: calc(7px * var(--size-scalar));
	border-top-left-radius: calc(3px * var(--size-scalar));
	border-top-right-radius: calc(3px * var(--size-scalar));
	color: var(--headerTextColor);
}

div.log_preview_text
{
	background-color: var(--windowBackgroundColor);
	font-size: calc(var(--smallTextSize) * var(--size-scalar));
	padding: calc(7px * var(--size-scalar));
	color: var(--textColor);
	border: solid calc(1px * var(--size-scalar)) var(--headerBackgroundColor);
}

div.log_preview_button
{
	width: calc(var(--baseWidth) * var(--size-scalar) * 0.2);
	font-family: HeaderFont;
	font-size: calc(var(--smallTextSize) * var(--size-scalar));
	background-color: var(--linkColor);
	margin-left: auto;
	margin-right: auto;
	border: calc(2px * var(--size-scalar)) var(--borderColor);
	border-radius: calc(3px * var(--size-scalar));
	text-align: center;
	padding: calc(4px * var(--size-scalar));
	color: white;
}

div.log_subheader
{
	font-family: HeaderFont;
	font-size: calc(var(--textSize) * var(--size-scalar));
	color: var(--headerTextColor)
}