.ui-unread-badge{--s:var(--padding-small);--p:calc(var(--padding-mini));top:var(--p);right:var(--p);min-height:var(--s);min-width:var(--s);font-size:var(--font-size-micro);color:#fff;background-color:#ff005d;border-radius:999px;position:absolute}.ui-unread-badge.with-count{--ss:calc(var(--s) + var(--padding-small));--p:calc(var(--padding-mini)*-.25);min-width:var(--ss);height:var(--ss);justify-content:center;align-items:center;padding:0 3px;line-height:0;display:flex}