/* 
 * 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
 */
/**
*  @prop --cbp-grid-linearized-margin: 0;
*/
:root {
  --cbp-grid-linearized-margin: 0;
}

cbp-grid:not([hidden]) {
  display: grid;
  max-width: 100%;
}
cbp-grid:not([hidden]).cbp-grid-linearized {
  display: block !important;
}
cbp-grid:not([hidden]).cbp-grid-linearized > * {
  margin-block-end: var(--cbp-grid-linearized-margin);
}