.toolbar-checkbox {
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
}

.toolbar-checkbox label {
  display: block;
  height: 100%;
  line-height: var(--toolbar-height);
}

.toolbar-checkbox input {
  margin: 0;
}

/*
  if first item in toolbar, create extra clickable space
*/
.toolbar-checkbox:first-child {
  margin-left: 0;
}

.toolbar-checkbox:first-child label {
  margin-left: 0;
  padding-left: 8px;
}