/* ==========================================================================
   Objects: Container
   ========================================================================== */

/*
 * Container object for constraining content width.
 * Uses the o- prefix for object classes.
 */

.o-container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-xl);
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  width: 100%;
}

/* Container variants */
.o-container--sm {
  max-width: var(--max-width-sm);
}

.o-container--md {
  max-width: var(--max-width-md);
}

.o-container--lg {
  max-width: var(--max-width-lg);
}

.o-container--xl {
  max-width: var(--max-width-xl);
}

.o-container--2xl {
  max-width: var(--max-width-2xl);
}

.o-container--fluid {
  max-width: var(--max-width-full);
}