/* CSS Flexbox Generator */

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

.fx-item{
	display:          flex;
	align-items:      center;
	justify-content:  center;
	min-width:        3.25rem;
	min-height:       3.25rem;
	padding:          .5rem .75rem;
	border-radius:    .5rem;
	border:           1px solid rgba(255,255,255,.18);
	background:       rgba(124,58,237,.35);
	cursor:           pointer;
	font-weight:      600;
	user-select:      none;
}

.fx-item.is-on{
	border-color:  #22d3ee;
	background:    rgba(34,211,238,.35);
}

.fx-num{ width: 5rem; }