/* 
 * Caution: "global styles" get injected into every component and can cause file size bloat.
 * These should only include SASS variables and mixins that are not written out to CSS directly
 */
:root {
  --cbp-container-color-text: inherit;
  --cbp-container-color-background: transparent;
  --cbp-container-color-inner-background: var(--cbp-container-color-background);
  --cbp-container-content-padding: 0;
  --cbp-container-inner-width: auto;
}

cbp-container {
  display: block;
  color: var(--cbp-container-color-text);
  background: var(--cbp-container-color-background);
  padding: var(--cbp-container-content-padding);
  max-width: 100%;
}
cbp-container .cbp-container--inner {
  display: block;
  background: var(--cbp-container-color-inner-background);
  margin: auto;
  width: var(--cbp-container-inner-width);
}