:root{--badge__font-family:var(--sans-serif);--badge__background:var(--black);--badge__text:var(--white);--badge__font-size:var(--fs-1);--badge__font-weight:var(--fw-semibold);--badge__height:var(--s3);--badge__padding:var(--s1);--badge__radius:calc(var(--badge__height) / 2)}.badge{font-family:var(--badge__font-family);background:var(--badge__background);text-align:center;color:var(--badge__text);font-weight:var(--badge__font-weight);font-size:var(--badge__font-size);min-width:var(--badge__height);height:var(--badge__height);padding:var(--badge__padding);top:calc(0rem - var(--s1));left:100%;margin-left:-44%;transform:none;border-radius:var(--badge__radius);display:flex;align-items:center;justify-content:center;pointer-events:none;position:absolute}