.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; } }