Template:Infobox NaviCust part/grid/styles.css

.navicust-grid {
  display: grid;
  grid-template-columns: repeat(7, 28px);
  grid-template-rows: repeat(7, 28px);
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  margin: 1rem auto;
  background: #000;
  border: 3px solid #000;
}

.navicust-grid__cell {
	position: relative;
	background-color: #202020;
	color: transparent;
	text-align: center;
}

.navicust-grid__cell--filled {
	background: var(--part-fill);
}

.navicust-grid--plus .navicust-grid__cell--filled::before {
	position: absolute;
	left: calc(50% - 1.5px);
	top: 0;
	width: 3px;
	height: 100%;
	background-color: var(--part-stroke);
	content: " ";
}

.navicust-grid--plus .navicust-grid__cell--filled::after {
	position: absolute;
	left: 0;
	top: calc(50% - 1.5px);
	width: 100%;
	height: 3px;
	background-color: var(--part-stroke);
	content: " ";
}