:where(.coss-badge)[data-variant=fact]{grid-template-columns:var(--pp-icon-small) minmax(0, 1fr);align-items:start;gap:var(--pp-s1);min-width:0;max-width:100%;color:var(--pp-text-main);font-size:var(--badge-text,var(--pp-type-small));white-space:var(--badge-wrap,normal);font-weight:var(--pp-weight-regular);line-height:var(--pp-leading-ui);padding:0;display:grid}:where(.coss-badge)[data-variant=fact] .icon{color:var(--pp-text-main);margin-block-start:calc((1lh - var(--pp-icon-small)) / 2);display:block}:where(.coss-badge)[data-variant=fact]>span{overflow-wrap:anywhere;min-width:0}:where(.coss-badge)[data-variant=vessel]{align-items:center;gap:var(--pp-s1);padding:0 var(--pp-s2);border:calc(var(--pp-border) * 2) solid var(--vessel,var(--pp-line));background:var(--pp-surface);color:var(--pp-text-main);font-size:var(--pp-type-small);font-weight:var(--pp-weight-semibold);white-space:normal;overflow-wrap:anywhere;display:inline-flex}:where(.coss-badge)[data-variant=vessel] [aria-hidden]{color:var(--vessel)}.coss-badge__hint{color:var(--pp-text-main);font-weight:var(--pp-weight-regular)}:where(.coss-badge)[data-variant=status]{overflow-wrap:anywhere;min-width:0;max-width:100%;padding:0 var(--pp-s2);border:var(--pp-border) solid var(--pp-line);background:var(--pp-surface);color:var(--pp-text-main);font-size:var(--pp-type-small);font-weight:var(--pp-weight-semibold);line-height:var(--pp-leading-body);flex:0 auto}:where(.coss-badge)[data-variant=count]{min-width:var(--pp-s6);padding:var(--pp-s1) var(--pp-s2);border-radius:var(--pp-radius);background:var(--pp-surface);color:var(--pp-text-main);font-size:var(--pp-type-small);font-variant-numeric:tabular-nums;text-align:center;flex:none}