/* VidPlay UI isolation */
.vidple, .vidple * { box-sizing: border-box; }
.vidple :is(button,[type="button"],[type="submit"],[type="reset"]) {
  all: revert; display:inline-flex; align-items:center; justify-content:center;
  font: inherit; line-height:1.2; border:none; border-radius:8px; padding:.5rem 1rem;
  cursor:pointer; background: var(--vidpl-btn-bg, var(--vidpl-accent, #0ea5e9)); color:#fff; white-space:nowrap;
}
.vidple .play {
  all:revert; display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:999px; border:none; background:#fff; color:var(--vidpl-accent,#0ea5e9);
}
.vidple input[type="checkbox"].vp-step-done {
  accent-color: var(--vidpl-accent,#0ea5e9); width:16px; height:16px; vertical-align: middle;
}
.vidple .vp-step.is-done .mini-progress i { width:100% !important; }
.vidple .vp-step .mini-progress i { display:block; height:7px; background: var(--vidpl-accent,#0ea5e9); }
.vidple .vp-step .pct { font-weight:600; }
.vidple .vp-btn, .vidple :is(button,[type="button"]).vp-btn {
  background: var(--vidpl-accent,#0ea5e9) !important; color:#fff !important;
  border:none !important; border-radius:8px !important; padding:.5rem 1rem !important; font-weight:600 !important;
}
.vidple { text-transform:none; letter-spacing:normal; }