kbox&quot;]:focus + .topcoat-checkbox__checkmark:before {
  border: 1px solid #0036ff;
  -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
  box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
}

input[type=&quot;checkbox&quot;]:active + .topcoat-checkbox__checkmark:before {
  border: 1px solid #9daca9;
  background-color: #d2d6d6;
  -webkit-box-shadow: inset 0 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px rgba(0,0,0,0.1);
}

input[type=&quot;checkbox&quot;]:disabled