@layer components.badge{._M5ipq_badge{box-sizing:border-box;gap:var(--spacing-xs);inline-size:max-content;font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);vertical-align:middle;white-space:nowrap;transition:all var(--duration-quick)var(--easing-interactive);justify-content:center;align-items:center;line-height:1;display:inline-flex}._M5ipq_badge *,._M5ipq_badge :before,._M5ipq_badge :after{box-sizing:border-box}._M5ipq_badge[data-variant=default]{color:var(--color-text-primary);background:var(--color-surface-tertiary)}._M5ipq_badge[data-variant=secondary]{color:var(--color-text-secondary);background:var(--color-border-secondary)}._M5ipq_badge[data-variant=success]{color:var(--color-success);background:var(--color-success-surface);border:var(--border-width-thin)solid var(--color-success)}._M5ipq_badge[data-variant=warning]{color:var(--color-warning);background:var(--color-warning-surface);border:var(--border-width-thin)solid var(--color-warning)}._M5ipq_badge[data-variant=error]{color:var(--color-danger);background:var(--color-danger-surface);border:var(--border-width-thin)solid var(--color-danger)}._M5ipq_badge[data-variant=brand]{color:var(--color-badge-brand-default-text);background:var(--color-badge-brand-default-bg)}:where([data-background=accent],[data-background=accent-emphasis]) ._M5ipq_badge[data-variant=brand]{color:var(--color-badge-brand-on-accent-text);background:var(--color-badge-brand-on-accent-bg)}:where([data-background=primary]) ._M5ipq_badge[data-variant=brand]{color:var(--color-badge-brand-default-text);background:var(--color-badge-brand-default-bg)}._M5ipq_badge[data-variant=danger]{color:var(--color-white);background:var(--color-danger);box-shadow:var(--elevation-2);animation:2s infinite _M5ipq_pulse}._M5ipq_badge[data-variant=accent]{color:var(--color-badge-accent-default-text);background:var(--color-badge-accent-default-bg);box-shadow:var(--elevation-1)}:where([data-background=accent],[data-background=accent-emphasis]) ._M5ipq_badge[data-variant=accent]{color:var(--color-badge-accent-on-accent-text);background:var(--color-badge-accent-on-accent-bg)}:where([data-background=primary]) ._M5ipq_badge[data-variant=accent]{color:var(--color-badge-accent-default-text);background:var(--color-badge-accent-default-bg)}._M5ipq_badge[data-size=sm]{padding:var(--spacing-2xs)var(--spacing-xs);font-size:var(--font-size-xs)}._M5ipq_badge[data-size=md]{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs)}._M5ipq_badge[data-size=lg]{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm)}._M5ipq_badge[data-shape=rounded]{border-radius:var(--radii-sm)}._M5ipq_badge[data-shape=pill]{border-radius:var(--radii-full)}._M5ipq_badge[data-shape=square]{border-radius:0}._M5ipq_badge[data-closable]{padding-inline-end:var(--spacing-xs)}._M5ipq_badge[data-position=top-left]{position:absolute;inset-block-start:var(--spacing-sm);inset-inline-start:var(--spacing-sm)}._M5ipq_badge[data-position=top-right]{position:absolute;inset-block-start:var(--spacing-sm);inset-inline-end:var(--spacing-sm)}._M5ipq_badge[data-position=bottom-left]{position:absolute;inset-block-end:var(--spacing-sm);inset-inline-start:var(--spacing-sm)}._M5ipq_badge[data-position=bottom-right]{position:absolute;inset-block-end:var(--spacing-sm);inset-inline-end:var(--spacing-sm)}._M5ipq_badge__content{align-items:center;display:inline-flex}._M5ipq_badge__close{color:currentColor;cursor:pointer;opacity:.7;transition:opacity var(--duration-quick)var(--easing-interactive);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}._M5ipq_badge__close:hover{opacity:1}._M5ipq_badge__close:focus-visible{outline:var(--border-width-thin)solid currentcolor;outline-offset:var(--spacing-xs);opacity:1}._M5ipq_badge__close:disabled{cursor:not-allowed;opacity:.4}._M5ipq_badge__closeIcon{inline-size:var(--spacing-md);block-size:var(--spacing-md)}}@layer animations{@keyframes _M5ipq_pulse{0%,to{opacity:1}50%{opacity:.7}}}@media (prefers-reduced-motion:reduce){@layer components.badge{._M5ipq_badge{transition:none}._M5ipq_badge[data-variant=danger]{animation:none}}}@media (prefers-contrast:high){@layer components.badge{._M5ipq_badge[data-variant=default]{color:var(--color-text-primary);background:var(--color-surface-primary);border:var(--border-width-thin)solid var(--color-text-primary)}._M5ipq_badge[data-variant=secondary]{color:var(--color-text-secondary);background:var(--color-surface-primary);border:var(--border-width-thin)solid var(--color-text-secondary)}._M5ipq_badge[data-variant=success]{color:var(--color-success);background:var(--color-surface-primary);border:var(--border-width-regular)solid var(--color-success)}._M5ipq_badge[data-variant=warning]{color:var(--color-warning);background:var(--color-surface-primary);border:var(--border-width-regular)solid var(--color-warning)}._M5ipq_badge[data-variant=error],._M5ipq_badge[data-variant=danger]{color:var(--color-danger);background:var(--color-surface-primary);border:var(--border-width-regular)solid var(--color-danger)}._M5ipq_badge[data-variant=brand],._M5ipq_badge[data-variant=accent]{color:var(--color-primary);background:var(--color-surface-primary);border:var(--border-width-regular)solid var(--color-primary)}}}