section.video-playlist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background-color: #1a1a1a; }

	section.video-playlist .col.main {
		grid-column-end: span 2;
		padding: 0; }
	section.video-playlist .col.main iframe {
		display: block;
		line-height: 0; }

	section.video-playlist .col.side {
		display: flex;
		flex-direction: column;
		padding: 10px;
		overflow-y: scroll; }

	section.video-playlist .col.side .item {
		display: grid;
		grid-template-columns: 40% 1fr;
		grid-gap: 10px;
		border-bottom: 1px solid rgba(255 255 255 / 10%);
		margin-bottom: 10px;
		cursor: pointer; }
		section.video-playlist .col.side .item.active { display: none; }

		section.video-playlist .col.side .item .image {
			width: 100%;
			background-position: center;
			background-size: cover; }
		section.video-playlist .col.side .item .title {
			color: white;
			font-weight: bold;
			line-height: 1.3;
			margin-bottom: 8px; }
		section.video-playlist .col.side .item .description {
			color: white;
			font-size: 10px; }

@media(max-width: 425px) {
	section.video-playlist { grid-template-columns: 1fr; }
	section.video-playlist .col.main { grid-column-end: span 1; }
}