#player.skeleton {
	position: relative;
	z-index: 1;
	margin: 80px auto 0
}
@media (min-width:882px) {
	#player.skeleton.theater {
		margin-top: 56px;
		margin-bottom: 16px
	}
}
#player.skeleton embed {
	width: 100%;
	height: 100%
}
#player.skeleton.theater.full-window-mode {
	height: 100vh;
	width: 100vw;
	max-height: none;
	margin: 0
}
#player.skeleton.theater.full-window-mode .player-api {
	height: 100vh;
	width: 100vw
}
@media (max-width:999px) {
	#player.skeleton {
		width: 854px
	}

	#player.skeleton .player-api {
		width: 854px;
		height: 480px
	}
}

@media (max-width:856px) {
	#player.skeleton {
		width: 640px
	}

	#player.skeleton .player-api {
		width: 640px;
		height: 360px
	}
}

@media (max-width:656px) {
	#player.skeleton {
		width: 426px
	}

	#player.skeleton .player-api {
		width: 426px;
		height: 240px
	}
}

@media (min-width:1000px) {
	#player.skeleton {
		width: 1066px
	}

	#player.skeleton .player-api {
		width: 640px;
		height: 360px
	}
}

@media (min-width:1294px) and (min-height:630px) {
	#player.skeleton {
		width: 1280px
	}

	#player.skeleton .player-api {
		width: 854px;
		height: 480px
	}
}
@media (min-width:1720px) and (min-height:980px) {
	#player.skeleton {
		width: 1706px
	}
	#player.skeleton .player-api {
		width: 1280px;
		height: 720px
	}
}
@media (min-width:882px) {
	#player.skeleton.theater {
		width: 100%;
		height: calc((9/16)*100vw);
		max-height: calc(100vh - 185px);
		min-height: 480px
	}
	#player.skeleton.theater .player-api {
		width: 100%;
		height: 100%
	}
}
#player.skeleton.theater.theater-all-widths {
	margin-top: 56px;
	width: 100%;
	height: calc((9/16)*100vw);
	max-height: calc(100vh - 185px);
	margin-bottom: 16px;
	min-height: 480px
}
#player.skeleton.theater.theater-all-widths .player-api {
	width: 100%;
	height: 100%
}
#player.skeleton.flexy.theater {
	max-height: calc(100vh - 169px);
	margin-bottom: 0
}
#player.skeleton.flexy {
	margin: 56px auto 0;
	width: 100%;
	max-width: 1754px;
	padding: 24px;
	box-sizing: border-box;
	background-color: transparent
}
#player.skeleton.flexy #player-wrap {
	width: calc(100vw - 474px)
}
#player.skeleton.flexy #player-api {
	margin: 0 auto;
	height: calc((100vw - 474px)*(9/16))
}
#player.skeleton #player-api:empty {
	display: none
}
