@layer m3-components{.m3-badge-wrap{vertical-align:middle;flex:none;display:inline-flex;position:relative}.m3-badge{--_bg:var(--md-sys-color-error);--_fg:var(--md-sys-color-on-error);--_h:16px;--_dot:6px;box-sizing:border-box;min-width:var(--_h);height:var(--_h);padding-inline:var(--md-sys-space-1);border-radius:var(--md-sys-shape-corner-full);background:var(--_bg);color:var(--_fg);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.m3-badge[data-tone=primary]{--_bg:var(--md-sys-color-primary);--_fg:var(--md-sys-color-on-primary)}.m3-badge[data-dot]{min-width:var(--_dot);width:var(--_dot);height:var(--_dot);padding:0}.m3-badge-wrap:not([data-standalone])>.m3-badge{z-index:var(--md-sys-z-raised);position:absolute;inset-block-start:-4px;inset-inline-start:calc(100% - 10px)}.m3-badge-wrap:not([data-standalone])>.m3-badge[data-dot]{inset-block-start:1px;inset-inline-start:calc(100% - 7px)}.m3-badge-enter-active{transition:scale var(--md-sys-motion-dur-micro) var(--md-sys-motion-enter),opacity var(--md-sys-motion-fx-micro) var(--md-sys-motion-effects)}.m3-badge-leave-active{transition:scale var(--md-sys-motion-t-micro-out),opacity var(--md-sys-motion-t-micro-out)}.m3-badge-enter-from,.m3-badge-leave-to{opacity:0;scale:calc(1 - .5 * var(--md-sys-motion-travel))}@media (forced-colors:active){.m3-badge{border:var(--md-sys-border-thin) solid CanvasText}}}