[data-component-id="befora:container"] {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
  box-sizing: border-box;

  &.befora-container--sunk {
    background: var(--bef-canvas-sunk);
  }

  &.befora-container--plate {
    background: var(--bef-canvas);
  }

  @media (width <= 960px) {
    padding-inline: var(--s-5, 24px);
  }
}