.u-flex { display: flex; }

.u-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.u-text-center { text-align: center; }
.u-text-right { text-align: right; }
.u-text-muted { opacity: 0.65; }

.u-mt-sm { margin-top: var(--space-sm); }
.u-mt-md { margin-top: var(--space-md); }
.u-mt-lg { margin-top: var(--space-lg); }

.u-mb-sm { margin-bottom: var(--space-sm); }
.u-mb-md { margin-bottom: var(--space-md); }
.u-mb-lg { margin-bottom: var(--space-lg); }

.u-pt-sm { padding-top: var(--space-sm); }
.u-pt-md { padding-top: var(--space-md); }
.u-pt-lg { padding-top: var(--space-lg); }

.u-pb-sm { padding-bottom: var(--space-sm); }
.u-pb-md { padding-bottom: var(--space-md); }
.u-pb-lg { padding-bottom: var(--space-lg); }

.u-hidden { display: none !important; }

@media (max-width: 48rem) {
  .u-hidden-mobile { display: none !important; }
}

@media (min-width: 48.001rem) {
  .u-hidden-desktop { display: none !important; }
}

.u-clickable { cursor: pointer; }
.u-no-select { user-select: none; }