.container-lg,
.container-md,
.container-sm {
  width: 100%;
  margin: 0 auto;
  padding-inline: var(--space-desktop);
}

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

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

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

.full-bleed {
  width: 100%;
  max-width: 100%;
}

/* Tablet — 1024px and below */
@media (max-width: 1023px) {
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100%;
    padding-inline: var(--space-tablet);
  }
}

/* Mobile — 768px and below */
@media (max-width: 767px) {
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100%;
    padding-inline: var(--space-mobile);
  }
}