.Base__0LYAL {
  background-color: var(--surface);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.content__Z3c5d {
  --content-color: var(--content-on-inverse, #ffffff);

  color: var(--content-color);
}

.info__aOG2Y {
  --surface: var(--static-support-info-primary, #3252de);
}

.success__EquLp {
  --surface: var(--static-support-success-primary, #0a8673);
}

.warning__5dwXf {
  --surface: var(--static-support-warning-primary, #bc8b01);
}

.danger__4GW3D {
  --surface: var(--static-support-danger-primary, #d83950);
}

.brand__Lki0h {
  --surface: var(--static-surface-brand, #00aa13);
}

.neutral__PuryG {
  --surface: var(--static-surface-inverse, #383942);
}

.muted__xDlcG {
  --surface: var(--static-surface-tertiary, #e8ebef);
  --content-color: var(--content-muted, #8e919b);
}

.uppercase__tvhmm {
  text-transform: uppercase;
}

.Badge__fxYwh {
  border-radius: var(--roundness-full, 62rem);
}

.nudge__pRKDr {
  padding: 3px;
  /* add a new token in system for the border color */
  border: 1px solid #ffffff;
}

.matter__LDbrd {
  --font: var(
    --text-bold-XS,
    600 0.75rem/1.5 Rupa Sans App,
    Helvetica,
    Open Sans,
    sans-serif
  );

  font: var(--font);
  padding: 0.125rem 0.25rem;
  line-height: 1;
  min-width: 1rem;
}

.Ribbon__4Es5Y {
  --border-top-left-radius: 8px;
  --border-top-right-radius: 16px;
  --border-bottom-right-radius: 16px;
  --border-bottom-left-radius: 0;
  --triangle: polygon(100% 0, 100% 100%, 0 0);
  --left: 0;

  position: relative;
  border-top-left-radius: var(--border-top-left-radius);
  border-top-right-radius: var(--border-top-right-radius);
  border-bottom-right-radius: var(--border-bottom-right-radius);
  border-bottom-left-radius: var(--border-bottom-left-radius);
  height: var(--height);

  font: var(--font);
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  white-space: nowrap;
}

.tail__QbuFB {
  position: absolute;
  top: 100%;
  left: var(--left);
  width: 4px;
  height: 4px;
  background: var(--surface);
  filter: brightness(0.5) contrast(1.5);
  clip-path: var(--triangle);
}

.tailRight__138-G {
  --triangle: polygon(0 0, 0 100%, 100% 0);
  --left: auto;

  right: 0;
}

.radiusTailRight__iGhj7 {
  --border-top-left-radius: 16px;
  --border-top-right-radius: 8px;
  --border-bottom-right-radius: 0;
  --border-bottom-left-radius: 16px;
}

.xs__cOYwJ {
  --font: var(
    --text-bold-XS,
    600 0.75rem/1.5 Rupa Sans App,
    Helvetica,
    Open Sans,
    sans-serif
  );
  --padding-left: 0.25rem;
  --padding-right: 0.25rem;
  --padding-top: 0.125rem;
  --padding-bottom: 0.125rem;
  --height: 1rem;
}

.s__JS3z6 {
  --font: var(
    --text-bold-S,
    600 0.875rem/1.5 Rupa Sans App,
    Helvetica,
    Open Sans,
    sans-serif
  );
  --padding-left: 0.375rem;
  --padding-right: 0.375rem;
  --padding-top: 0.25rem;
  --padding-bottom: 0.25rem;
  --height: 1.375rem;
}

.m__ClEhC {
  --font: var(
    --text-bold-M,
    600 1rem/1.5 Rupa Sans App,
    Helvetica,
    Open Sans,
    sans-serif
  );
  --padding-left: 0.5rem;
  --padding-right: 0.5rem;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --height: 1.75rem;
}

.l__200Dx {
  --font: var(
    --text-bold-L,
    600 1.125rem/1.5 Rupa Sans App,
    Helvetica,
    Open Sans,
    sans-serif
  );
  --padding-left: 0.5rem;
  --padding-right: 0.5rem;
  --padding-top: 0.375rem;
  --padding-bottom: 0.375rem;
  --height: 1.875rem;
}