Как применить css если чекбокс нажат?

например так https://jsfiddle.net/owg60r9v/3/

Прописываешь правило для класса margin, в котором будет левый отступ, при нажатии добавляется этот класс к элементу, при снятии галочки - убирается.

var input = document.getElementById('start');
var video = document.getElementById('video');

input.onclick = function() {
  if (this.checked) {
    video.classList.add('margin');
  } else {
    video.classList.remove('margin')
  }
}

не знаю,какие там у тебя "полевые условия",но,возможно,подойдет такое https://codepen.io/pesockiy/pen/bKYadR решение твоей проблемы,которой ты меня озадачил.
эксперименты с селекторами,без js.
единственный (пока) момент - чекбокс должен быть выше по дереву и сзади элемента,к которому необходимо прописать правила