.duke-media-embed--responsive {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.duke-media-embed--ratio-16-9 {
	aspect-ratio: 16 / 9;
}

.duke-media-embed--ratio-4-3 {
	aspect-ratio: 4 / 3;
}

.duke-media-embed--ratio-1-1 {
	aspect-ratio: 1;
}

.duke-media-embed--ratio-21-9 {
	aspect-ratio: 21 / 9;
}

.duke-media-embed__frame {
	display: block;
	border: 0;
}

.duke-media-embed--responsive .duke-media-embed__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.duke-media-embed-error {
	padding: 15px;
	border-left: 4px solid #ffc107;
	background: #fff3cd;
	color: #856404;
}