.ltxe-vp {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ltxe-vp--left,
.ltxe-vp--right {
	flex-direction: row;
	align-items: flex-start;
}

.ltxe-vp--right .ltxe-vp__list {
	order: -1;
}

.ltxe-vp__player {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #111;
}

.ltxe-vp__player iframe,
.ltxe-vp__player video {
	width: 100%;
	height: 100%;
	border: 0;
}

.ltxe-vp__list {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 220px;
}

.ltxe-vp__item {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-height: 44px;
	width: 100%;
	text-align: left;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	padding: 0.4rem;
}

.ltxe-vp__item.is-active {
	border-color: #2271b1;
	background: #f0f6fb;
}

.ltxe-vp__thumb {
	width: 72px;
	height: 40px;
	object-fit: cover;
}

@media (max-width: 767px) {
	.ltxe-vp--left,
	.ltxe-vp--right {
		flex-direction: column;
	}
}