.c-bubble{display:inline-flex;flex-shrink:0;position:relative;white-space:nowrap}.c-bubble svg{flex-shrink:0}.c-bubble path{fill:var(--color-background)}.c-bubble__text{background:var(--color-background);color:var(--color-text);height:40px;font-size:17px;font-weight:var(--font-weight-heavy);display:flex;align-items:center;padding:0 8px;position:relative}.c-bubble--light{--color-text: var(--color-primary);--color-background: var(--color-light)}.c-bubble--primary{--color-background: var(--color-primary);--color-text: var(--color-light)}.c-bubble--secondary{--color-background: var(--color-secondary);--color-text: var(--color-light)}.c-bubble--tail-bottom-left .c-bubble__text,.c-bubble--tail-top-left .c-bubble__text{padding-right:16px;border-top-right-radius:40px;border-bottom-right-radius:40px;left:-1px}.c-bubble--tail-bottom-right .c-bubble__text,.c-bubble--tail-top-right .c-bubble__text{padding-left:16px;border-top-left-radius:40px;border-bottom-left-radius:40px;right:-1px}.c-bubble--tail-top-right{align-items:flex-end;flex-direction:row-reverse}.c-bubble--tail-top-right svg{transform:rotate(180deg)}.c-bubble--tail-bottom-right{flex-direction:row-reverse}.c-bubble--tail-bottom-right svg{transform:scaleX(-1)}