/* LXC-4528: Borlabs YouTube placeholder inside the video lightbox (fancybox makes the wrapper its .fancybox-content).
   A separate file because style.css leaves an @media block open, which would limit these rules to ≤999px. */
.salient-child-youtube-consent {
	width: min(90vw, 960px);

	&.fancybox-content {
		padding: 0;
		background: #000;
	}

	.brlbs-cmpnt-container,
	iframe {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
		border: 0;
	}

	/* Borlabs' text and buttons need more height than 16:9 gives on phones */
	.brlbs-cmpnt-container {
		min-height: 360px;
	}

	&.is-short {
		width: min(90vw, calc(85vh * 9 / 16));

		.brlbs-cmpnt-container,
		iframe {
			aspect-ratio: 9 / 16;
		}
	}
}