.flex-1 {
  flex: 1;
}

.vector,
.vector.row {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.vector,
.vector.row {
  flex-direction: row;
}

.vector.column {
  flex-direction: column;
}

.vector.forced {
  flex-wrap: nowrap;
}

/* gaps 20px default */
.gaps {
  margin: -10px;
}

.gaps>.xi,
.gaps>li {
  position: relative;
  margin: 10px;
}

/* gaps 30px */

.gaps30 {
  margin: -15px;
}

.gaps30>.xi,
.gaps30>li {
  margin: 15px;
}

/* EXPERIMENTAL */
.antigaps {
  padding: 15px;
}


/* GAP STANDALON */
.gap-standalone {
  width: 20px;
  height: 20px;
}

.gap-standalone-4px {
  width: 4px;
  height: 4px;
}