/* ==========================================================================
   Containers
   ========================================================================== */

.orly-container {
  width: 100%;
  max-width: calc(
    var(--container-contained) + (var(--container-gutter) * 2)
  );
  margin-inline: auto;
  padding-inline: var(--container-gutter);
}

.orly-container--wide {
  max-width: calc(
    var(--container-wide) + (var(--container-gutter) * 2)
  );
}

.orly-container--full {
  max-width: none;
  padding-inline: 0;
}