:host {
  display: block;
  margin-inline: auto;
  max-width: var(--pine-container-max-width, none);
  width: 100%;
}

:host(.pds-container--sm) {
  --pine-container-max-width: 340px;
}

:host(.pds-container--md) {
  --pine-container-max-width: 520px;
}

:host(.pds-container--lg) {
  --pine-container-max-width: 700px;
}

:host(.pds-container--xl) {
  --pine-container-max-width: 1064px;
}

:host(.pds-container--full) {
  --pine-container-max-width: 1440px;
}