.wds-container {
  --wds-container-padding-inline: 16px;
  --wds-container-width-fluid: 100%;
  --wds-container-width-standard: 1160px;
  --wds-container-width-narrow: 840px;
  --wds-container-width-compact: 600px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 16px;
  padding-inline: var(--wds-container-padding-inline);
}
@media (min-width: 600px) {
  .wds-container {
    --wds-container-padding-inline: var(--size-16);
  }
}
@media (min-width: 840px) {
  .wds-container {
    --wds-container-padding-inline: var(--size-32);
  }
}
@media (min-width: 1160px) {
  .wds-container {
    --wds-container-padding-inline: var(--size-40);
  }
}
.wds-container--standard {
  max-width: var(--wds-container-width-standard);
}
.wds-container--narrow {
  max-width: var(--wds-container-width-narrow);
}
.wds-container--compact {
  max-width: var(--wds-container-width-compact);
}
.wds-container--fluid {
  max-width: var(--wds-container-width-fluid);
}
