html, body, article, .container, .inner-container {
	width: 100%;
	height: 100%;
	overflow: none;
}
body {
	background-color: #222;
	color: #fff;
	font: 13px sans-serif;
}
article {
	position: relative;
}
.container {
  position: absolute;
	left: 0;
	top: 0;
}
.inner-container {
	display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
video, canvas {
	margin: 0;
	padding: 0;
}
canvas {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.state-preview canvas {
	opacity: 1;
}
.state-preview video {
	opacity: 0;
}
.state-preview #action-snapshot {
	display: none;
}