.container {
  --hs-container-padding-block: var(--hs-spacing-large);

  width: 100%;
  box-sizing: border-box;
}

.container > * {
  margin: 0 auto;
  max-width: var(--hs-container-width);
  box-sizing: border-box;
}

.container--width-sm > * {
  --hs-container-width: var(--hs-breakpoints-values-sm);
}

.container--width-md > * {
  --hs-container-width: var(--hs-breakpoints-values-md);
}

.container--width-lg > * {
  --hs-container-width: var(--hs-breakpoints-values-lg);
}

.container--width-xl > * {
  --hs-container-width: var(--hs-breakpoints-values-xl);
}

.container--width-xxl > * {
  --hs-container-width: var(--hs-breakpoints-values-xxl);
}

.container--pad-block-start {
  padding-block-start: var(--hs-container-padding-block);
}

.container--pad-block-end {
  padding-block-end: var(--hs-container-padding-block);
}

.container--pad-primary {
  padding-block-start: calc(var(--hs-spacing-large) * 1.25);
}