@layer components{.notification-badge{border-radius:var(--radius-capsule);font-size:var(--typography-body-tight-font-size-b4);font-weight:var(--typography-body-tight-weight-sm);height:calc(var(--spacing) * 16);line-height:var(--typography-body-tight-line-height-b4);min-width:calc(var(--spacing) * 16);padding:0 calc(var(--spacing) * 4);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.notification-badge--color-accent{background-color:var(--color-background-accent-primary);color:var(--color-content-main-content-white)}.notification-badge--color-danger{background-color:var(--color-feedback-bright-danger-secondary);color:var(--color-content-main-content-white)}.notification-badge--dot{height:calc(var(--spacing) * 6);min-width:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);padding:0}.notification-badge--disabled{background-color:var(--color-background-disabled-secondary);color:var(--color-content-disabled-primary)}}