.connect-badge-wrapper{position:relative;display:inline-block;justify-self:center;width:fit-content}.connect-badge{box-sizing:content-box;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;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)}.connect-help-text{display:flex;align-items:flex-start;gap:var(--ds-layout-spacing-50);flex:1 0 0}.connect-help-text-icon-wrapper{display:flex;justify-content:center;width:var(--ds-layout-size-300);height:var(--ds-layout-size-300);align-items:center;flex-shrink:0}.connect-help-text--large .connect-help-text-icon-wrapper{width:var(--ds-layout-size-350);height:var(--ds-layout-size-350)}.connect-help-text-icon-wrapper>.connect-help-text__icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250);flex-shrink:0}.connect-help-text--large .connect-help-text-icon-wrapper>.connect-help-text__icon{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300);flex-shrink:0}.connect-help-text--neutral{color:var(--ds-color-content-subtle)}.connect-help-text--neutral>.connect-help-text-icon-wrapper{color:var(--ds-color-content-subtle)}.connect-help-text--warning{color:var(--ds-color-content-muted)}.connect-help-text--warning>.connect-help-text-icon-wrapper{color:var(--ds-color-support-warning-default)}.connect-help-text--negative{color:var(--ds-color-content-muted)}.connect-help-text--negative>.connect-help-text-icon-wrapper{color:var(--ds-color-support-negative-default)}.connect-help-text--small .connect-help-text__content{padding-top:var(--ds-layout-spacing-10)}.connect-char-count{color:var(--ds-color-content-subtle)}