/* CSS Grid Generator */

.gr-grid{
	min-height:     240px;
	padding:        .75rem;
	border:         1px dashed rgba(255,255,255,.22);
	border-radius:  .6rem;
	background:     rgba(255,255,255,.03);
}

.gr-cell{
	display:          flex;
	align-items:      center;
	justify-content:  center;
	min-width:        2.5rem;
	min-height:       3rem;
	padding:          .5rem;
	border-radius:    .5rem;
	border:           1px solid rgba(255,255,255,.18);
	background:       rgba(34,211,238,.28);
	font-weight:      600;
}

.gr-cell.is-on{
	background:    rgba(245,158,11,.35);
	border-color:  #f59e0b;
}

.gr-track{
	display:      flex;
	align-items:  center;
	gap:          .5rem;
	flex-wrap:    wrap;
	margin-top:   .4rem;
}

.gr-track input[type=number]{ width: 5.5rem; }

.gr-num{ width: 5rem; }