/* =========================================================
   VISIBILITY
========================================================= */

.hidden {
  display: none;
}

/* =========================================================
   FLEX UTILITIES
========================================================= */

.flex {
  display: flex;
}

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

/* =========================================================
   TEXT ALIGNMENT
========================================================= */

.text-center {
  text-align: center;
}

/* =========================================================
   WIDTH HELPERS
========================================================= */

.w-full {
  width: 100%;
}

/* =========================================================
   SPACING UTILITIES
========================================================= */

.mt-1 {
  margin-top: 4px;
}

.mt-2 {
  margin-top: 8px;
}