.section__container {
  inline-size: 100%;
  margin-inline: auto;
  padding-inline: var(--si-space-40);
}
.section__container.section__container--full {
  max-inline-size: calc(100vw + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--full {
    max-inline-size: calc(100vw + 80px);
  }
}
.section__container.section__container--wide {
  max-inline-size: calc(var(--si-width-xxlarge) + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--wide {
    max-inline-size: calc(var(--si-width-xxlarge) + 80px);
  }
}
.section__container.section__container--content {
  max-inline-size: calc(var(--si-width-xlarge) + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--content {
    max-inline-size: calc(var(--si-width-xlarge) + 80px);
  }
}
.section__container.section__container--narrow {
  max-inline-size: calc(var(--si-width-medium) + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--narrow {
    max-inline-size: calc(var(--si-width-medium) + 80px);
  }
}
.section__container .section__container:not(.section__container--narrow) {
  padding-inline: 0;
}
.section__container.section__container--full .section__container, .section__container.section__container--wide .section__container {
  padding-inline: var(--si-space-40);
}
.section__container.section__container--full .section__container .section__container, .section__container.section__container--wide .section__container .section__container {
  padding-inline: 0;
}