#windowport {
	width: 100%;
	height: 100%;
}

#errorpane {
	position: absolute;
	top: 0px;
	width: 100%;
	background: #FFA0A0;
	border-bottom: 3px solid #FF4040;
}

#errorpane.WarningPane {
	background: #B0B0FF;
	border-bottom: 3px solid #6060FF;
}

#errorpane:hover {
	background: rgba(255, 160, 160, 0.5);
	border-bottom: 3px solid rgba(255, 64, 64, 0.3);
}

#errorpane.WarningPane:hover {
	background: rgba(176, 176, 255, 0.5);
	border-bottom: 3px solid rgba(96, 96, 255, 0.3);
}

#errorcontent {
	font-size: 1.1em;
	padding: 1em;
	text-align: center;
}

#loadingpane {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 20%;
}

.WindowFrame {
	/* This class provides the default background color of windows. You
	 can change that, but don't touch the position or margin. */
	position: absolute;
	margin: 0px;
	background: var(--body-bg);
	transition: color 1s ease, background-color 1s ease;
}

.BufferWindow {
	overflow: scroll;   /* vertical scrollbar is mandatory */
	overflow-x: hidden; /* but horizontal scrollbar is forbidden */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 1.4;
	padding: 6px 10px 6px 10px;
}

.BufferLine {
	white-space: pre-wrap; /* required for spaces to work right */
}

.GridWindow {
	background: #D0D0C0;
	color: #000;
	overflow: hidden;
	font-family: monaco, andale mono, lucidatypewriter, courier, courier new, monospace; /* necessary! */
	font-size: 14px;
	padding: 6px 10px 6px 10px;
}

.GridLine {
	white-space: pre; /* required for spaces to work right */
}

.InvisibleCursor {
	/* This is a relic. It used to provide the padding below the last line
	 of text, but now it has no effect. It will go away at some point. */
	position: relative;
}

.BufferLine:last-child {
	/* This provides the margin below the last line of text (and the input
	 prompt). Without this, they'd be flush against the bottom of the
	 window, which would be ugly. Do not modify this CSS class.
	 "I'm modifying it anyway" - Yrahcaz7 */
	margin-bottom: 19.6px;
	background: #DDD;
	color: #000;
}

.HasNoInputField .BufferLine:last-child .BlankLineSpan {
	/* If the last line in a buffer window is blank, and there is no
	 char/line input occurring, we suppress the blank line in the DOM.
	 (The div still exists, but it has no visible contents, so it
	 collapses.) This aids fixed-height buffer wins which contained
	 exactly the right number of lines. */
	display: none;
}

.MorePrompt {
	/* This describes the "More" prompt that flashes in the bottom right corner
	 of a window when it needs paging. */
	font-weight: bold;
	position: absolute;
	background: #603010;
	color: #FFFFCC;
	opacity: 0.5;
	padding: 2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.PreviousMark {
	/* This describes the small horizontal mark that appears in a window
	 when it needs paging. */
	position: absolute;
	background: #B09888;
	height: 2px;
	width: 12px;
	top: 0px;
	right: 0px;
}

.Input {
	/* This class mimicks the Style_input class. It also eliminates the 
	 usual decoration of an <input> field, as much as possible. */
	border: none;
	margin: 0px;
	padding: 0px;
	outline-width: 0px;
	outline-style: none;
	background: none;
	font-weight: bold;
}

.BufferWindow .Input {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
}

.GridWindow .Input {
	font-family: monaco, andale mono, lucidatypewriter, courier, courier new, monospace; /* necessary! */
	font-size: 14px;
}

/* The following are used for image alignment (in buffer windows). */

.ImageMarginLeft {
	float: left;
	margin-right: 0.5em;
}

.ImageMarginRight {
	float: right;
	margin-left: 0.5em;
}

.ImageInlineDown {
	vertical-align: text-top;
}

.ImageInlineUp {
	vertical-align: text-bottom;
}

.ImageInlineCenter {
	vertical-align: middle;
}

.FlowBreak {
	clear: both;
}

.GraphicsWindow canvas {
	display: block;
}

/* The following are the standard Glk styles. */

.Style_emphasized {
	font-style: italic;
}

.Style_preformatted {
	font-family: monaco, andale mono, lucidatypewriter, courier, courier new, monospace;
}

.Style_header {
	font-weight: bold;
}

.BufferWindow .Style_header {
	font-size: 17px;
}

.Style_subheader {
	font-weight: bold;
}

.Style_alert {
	font-weight: bold;
}

.Style_note {
	font-style: italic;
}

.Style_blockquote {
	background: #FFF0C0;
}

.Style_input {
	font-weight: bold;
}

.Style_user1 {
	color: var(--user-1);
}