/* 
 * 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-icon-color: currentColor;
* @prop --cbp-icon-size: 1rem;
*/
:root {
  --cbp-icon-color: currentColor;
  --cbp-icon-size: 1rem;
}

cbp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: text-top;
}
cbp-icon svg {
  width: var(--cbp-icon-size);
  height: var(--cbp-icon-size);
  fill: var(--cbp-icon-color);
  vertical-align: top;
}