.connect-badge-wrapper{justify-self:center;width:fit-content;display:inline-block;position:relative}.connect-badge{box-sizing:content-box;border-radius:var(--ds-layout-radius-round);border:var(--ds-layout-stroke-width-25) solid;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;display:flex;position:absolute}.connect-badge--top-right{top:0;right:0;transform:translate(40%,-40%)}.connect-badge--top-right.connect-badge--inline{transform:translate(0)}.connect-badge--bottom-right{bottom:0;right:0;transform:translate(40%,40%)}.connect-badge--bottom-right.connect-badge--inline{transform:translate(0)}.connect-badge--inline{position:relative}.connect-badge--small{height:var(--ds-layout-size-200);width:var(--ds-layout-size-200);align-items:center}.connect-badge--medium{height:var(--ds-layout-size-250);width:var(--ds-layout-size-250);align-items:center}.connect-badge--dot.connect-badge--small{height:var(--ds-layout-size-100);width:var(--ds-layout-size-100)}.connect-badge--dot.connect-badge--medium{height:var(--ds-layout-size-150);width:var(--ds-layout-size-150)}.connect-badge--multi-character.connect-badge--medium{padding:0 var(--ds-layout-spacing-50)}.connect-badge--number{z-index:2;line-height:1}.connect-badge--icon{justify-content:center;align-items:center;display:flex}.connect-badge .connect-badge__icon{width:var(--ds-layout-size-200);height:var(--ds-layout-size-200);flex-shrink:0}.connect-badge--default{background-color:var(--ds-color-support-primary-default);color:var(--ds-color-content-on-primary)}.connect-badge--neutral{background-color:var(--ds-color-support-neutral-inverse);color:var(--ds-color-content-default)}.connect-badge--positive{background-color:var(--ds-color-support-positive-default);color:var(--ds-color-content-inverse)}.connect-badge--warning{background-color:var(--ds-color-support-warning-default);color:var(--ds-color-content-dark)}.connect-badge--negative{background-color:var(--ds-color-support-negative-default);color:var(--ds-color-content-inverse)}