body, html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color: #000;
	color: #fefefe;
	font-family: sans-serif;
}

.cast-wrapper {
	position:fixed;
	top:0; left:0; right:0; bottom:0;
}

video {
	width: 100%;
	height: 100%;
	position:absolute;
}

video#video::cue {
	background: none;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	white-space: pre-line;
}

video::-webkit-media-text-track-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    max-height: 685px;
}

.font-preloads {
	opacity: 0.1;
	position: fixed;
	bottom: -100px;
}


/* View defaults */
.splash-view, .audio-view, .image-view, .video-view {
	display:none;
	position: absolute;
	top:0; left:0; bottom:0; right:0;
}


.splash-view.visible, .audio-view.visible, .image-view.visible, .video-view.visible, .next-episode-view.visible {
	display:block;
}

.splash-view.visible{
	background-color:#0e0e0e;
}

.splash-view{
	overflow: hidden;
}

/* Splash View */
.splash-view img {	
	margin:0;
	display: none;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}

.image-container{
	/*opacity:0;*/
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}


.splash-view .show-1 img:nth-of-type(1) {
	display:block;
}

.splash-view .show-2 img:nth-of-type(2) {
	display:block;
}

.splash-view .show-3 img:nth-of-type(3) {
	display:block;
}

.splash-view .show-4 img:nth-of-type(4) {
	display:block;
}

.splash-view .show-5 img:nth-of-type(5) {
	display:block;
}

.splash-view .show-6 img:nth-of-type(6) {
	display:block;
}

.splash-view .show-7 img:nth-of-type(7) {
	display:block;
}

.splash-view .show-8 img:nth-of-type(8) {
	display:block;
}

.splash-view .show-9 img:nth-of-type(9) {
	display:block;
}


.loading-chip-wrapper {
	position:fixed;
	z-index:100;

	display: flex;
	align-items:center;
	justify-content:center;
	top:0; left:0; right:0; bottom:0;
}

.loading-chip {
	padding: 0.7em;
	background-color: rgba(24, 24, 24, 1);
	color: #fefefe;
	border-radius: 0.3em;
	font-size: 1.3em;
	margin-top: 1em;
	line-height:1em;
	text-align: center;
}

.loading-chip-square {
	padding: 0.8em;
	line-height: 1em;
	background-color: rgba(24, 24, 24, 1);
	border-radius: 0.3em;
	font-size: 1em;
	margin-top: 1em;
}

.loading-chip span {
	/*visibility: hidden;*/
	display: inline-block;
	padding: 0 0.5em 0.5em 0.5em;
	font-size: 1em;
	line-height: 1.5em;
	color:#424242;
}

.loading-chip.show-1 span:nth-of-type(1) {
	color:#303f9f;
}
.loading-chip.show-2 span:nth-of-type(1) {
	color:#303f9f;
}
.loading-chip.show-2 span:nth-of-type(2) {
	color:#303f9f;
}
.loading-chip.show-3 span:nth-of-type(1) {
	color:#303f9f;
}
.loading-chip.show-3 span:nth-of-type(2) {
	color:#303f9f;
}
.loading-chip.show-3 span:nth-of-type(3) {
	color:#303f9f;
}
.loading-chip.show-4 span:nth-of-type(1) {
	color:#303f9f;
}
.loading-chip.show-4 span:nth-of-type(2) {
	color:#303f9f;
}
.loading-chip.show-4 span:nth-of-type(3) {
	color:#303f9f;
}
.loading-chip.show-4 span:nth-of-type(4) {
	color:#303f9f;
}

.splash-view-old img {
	position:absolute;
	right: calc(50% - 375px);
	opacity:0;
	display:none;
	z-index: -1;

	-webkit-animation-name: splash;
    -webkit-animation-duration: 60s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
}
.invisible{
	display: none;
}