.preview-console {
	position: fixed;
	width:100%;
	height:60px;
	right:0px;
	bottom: 0px;
	background:$dark-background-color;
	z-index:1000;

	& > {
		position:relative;
		text-align:left;
	}

	// assign styles to different types of console messages
	.preview-console__log {
		color: $dark-secondary-text-color;
	}

	.preview-console__error {
		color: $console-error-color;
	}

	.preview-console__warn {
		color: $console-warn-color;
	}
}