/* etch-a-sketch grid */
.layer--background {
  display: grid;
  grid-template-columns: repeat(auto-fill, var(--cell-size));
  grid-template-rows: repeat(auto-fill, var(--cell-size));
  overflow: hidden;
}

.bg-cell {
  width: var(--cell-size);
  height: var(--cell-size);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: transparent;
}

/* colored cell classes — kept for reference
.bg-cell--c0 { background-color: var(--color-cell-0); }
.bg-cell--c1 { background-color: var(--color-cell-1); }
.bg-cell--c2 { background-color: var(--color-cell-2); }
.bg-cell--c3 { background-color: var(--color-cell-3); }
*/