.cell-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cell-progress progress {
  opacity: 0.35;
}
.cell-progress progress[value] {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cell-progress progress[value]::-webkit-progress-bar {
  background-color: white;
}
.cell-progress progress[value]::-webkit-progress-value {
  background-color: var(--c-footer-bar);
}

.cell-progress > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 0.5rem;
}

.cell-boolean {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin-left: -0.5rem;
}
.cell-boolean pragma-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.cell-boolean pragma-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}
.cell-boolean pragma-icon[value=true] svg {
  fill: var(--c-sc-selected);
}
.cell-boolean pragma-icon[value=false] svg {
  fill: var(--c-sc-unselected);
}