.connect-badge-wrapper{position:relative;display:inline-block;justify-self:center;width:-moz-fit-content;width:fit-content}.connect-badge{position:absolute;display:flex;align-items:flex-start;justify-content:center;border-radius:var(--ds-layout-radius-round);border:var(--ds-layout-stroke-width-25) solid;z-index:1;gap:10px;flex-direction:column}.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{line-height:1;z-index:2}.connect-badge--icon{display:flex;align-items:center;justify-content:center}.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)}