.dvdkhvp { width: 100%; margin: 1rem 0; }
.dvdkhvp-heading { font-size: 1.15rem; font-weight: 700; margin-bottom: .65rem; }
.dvdkhvp-stage { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; overflow: hidden; }
.dvdkhvp-video, .dvdkhvp-frame { display: block; width: 100%; height: 100%; min-height: 220px; border: 0; background: #000; }
.dvdkhvp-stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; }
.dvdkhvp-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .75rem 0; }
.dvdkhvp-controls button { cursor: pointer; }
.dvdkhvp-controls label { display: inline-flex; align-items: center; gap: .35rem; }
.dvdkhvp-volume { width: 90px; }
.dvdkhvp-status { margin-left: auto; }
.dvdkhvp-list { margin: .75rem 0; padding-left: 1.5rem; }
.dvdkhvp-list li { margin: .25rem 0; }
.dvdkhvp-item { width: 100%; text-align: left; padding: .55rem .75rem; cursor: pointer; }
.dvdkhvp-item.is-active { font-weight: 700; outline: 2px solid currentColor; }
@media (max-width: 600px) { .dvdkhvp-status { width: 100%; margin-left: 0; } .dvdkhvp-controls button { padding: .45rem .55rem; } }
/* Limit playlist height and show a vertical scrollbar */
.dvdkhvp-list {
    height: 250px !important;
    max-height: 250px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding-right: 10px;
    box-sizing: border-box;
}