/* =========================================================
   10. Utility classes
   ========================================================= */
.muted {
  color: var(--muted);
}

.text-success {
  color: var(--success);
}

.text-danger {
  color: var(--danger);
}

.hidden {
  display: none !important;
}

.stack {
  display: grid;
  gap: 16px;
}

@media (max-width: 640px) {
  .stack {
    gap: 12px;
  }
}

.row {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 640px) {
  .row {
    gap: 10px;
  }
}

.row-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 640px) {
  .row-between {
    gap: 12px;
    flex-wrap: wrap;
  }
}

.wrap {
  flex-wrap: wrap;
}