:root{
	--plyr-hls-pad: 56.25%; /* 16:9 default */
}
.plyr-hls-wrap{
	position: relative;
	width: 100%;
	max-width: 100%;
}
.plyr-hls-wrap .plyr-hls-embed{
	position: relative;
	height: 0;
	padding-top: var(--plyr-hls-pad);
}
.plyr-hls-wrap .plyr-hls-embed > video,
.plyr-hls-wrap .plyr__video-wrapper{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.plyr-hls-wrap.is-offline{
	background: #0b0f14;
	color: #e8eef6;
	border-radius: 12px;
	padding: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 8px 20px rgba(0,0,0,.25);
	min-height: 200px;
}
.plyr-hls-offline .badge{
	display: inline-block;
	background: #ef4444;
	color: #fff;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	letter-spacing: .08em;
	margin-bottom: 10px;
}
.plyr-hls-offline strong{
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}
.plyr-hls-offline .btn{
	display: inline-block;
	background: #2563eb;
	color: #fff;
	text-decoration: none;
	padding: 8px 14px;
	border-radius: 10px;
	font-weight: 600;
}
.plyr-hls-offline .btn:hover{
	opacity: .9;
}