@layer components{.app-count-badge{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:var(--ds-space-5);height:var(--ds-space-5);padding-inline:var(--ds-space-1);border-radius:999px;background:var(--secondary);color:var(--secondary-foreground);box-shadow:none;font-size:var(--ds-type-caption-size);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--ds-type-caption-leading);letter-spacing:var(--ds-type-caption-tracking);white-space:nowrap;vertical-align:middle}.app-count-badge:not(.app-count-badge-accent):not(.app-attention-count){padding-block-start:var(--ds-space-optical);background:var(--app-neutral-badge-surface);color:var(--app-neutral-badge-ink);border:1px solid var(--app-neutral-badge-border);box-shadow:var(--app-label-shadow);font-weight:var(--ds-weight-medium)}.app-count-badge-accent{background:var(--app-accent-fill-bg);color:var(--app-accent-fill-fg)}}