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

cbp-flex:not([hidden]) {
  display: flex;
}
cbp-flex:not([hidden])[display=inline-flex] {
  display: inline-flex;
}
cbp-flex:not([hidden]).cbp-flex-linearized {
  display: block !important;
}
cbp-flex:not([hidden]).cbp-flex-linearized > * {
  margin-block-end: var(--cbp-flex-linearized-margin);
}