@layer components {span[pi-badge],div[pi-badge]{display:inline-flex;box-sizing:border-box;justify-content:center;align-items:center;height:var(--pi-badge-height);color:var(--pi-badge-color);background-color:var(--pi-badge-bg-color);border-radius:32px;font-weight:var(--pi-badge-font-weight, var(--pi-font-weight-bold));font-size:var(--pi-badge-font-size);font-family:var(--pi-font-family);padding:var(--pi-badge-padding);line-height:1;gap:4px;--pi-badge-height: 32px;--pi-badge-font-size: var(--pi-size-font-single-line-13-text);--pi-badge-padding: 0 10px;--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-accent-1-500);--pi-badge-border-color: transparent;--pi-badge-icon-color: currentColor}span[pi-badge] *[pi-icon],div[pi-badge] *[pi-icon]{--pi-icon-size: 20px;color:var(--pi-badge-icon-color, currentColor)}span[pi-badge]:not([pi-lowercase]),div[pi-badge]:not([pi-lowercase]){--pi-badge-font-size: var(--pi-size-font-single-line-10-text);text-transform:uppercase;letter-spacing:var(--pi-size-font-uppercase-11-spacing)}span[pi-badge][pi-size=large],div[pi-badge][pi-size=large]{--pi-badge-height: 36px;--pi-badge-padding: 0 12px}span[pi-badge][pi-size=large] *[pi-icon],div[pi-badge][pi-size=large] *[pi-icon]{--pi-icon-size: 20px}span[pi-badge][pi-size=medium],div[pi-badge][pi-size=medium]{--pi-badge-height: 32px;--pi-badge-padding: 0 10px}span[pi-badge][pi-size=medium] *[pi-icon],div[pi-badge][pi-size=medium] *[pi-icon]{--pi-icon-size: 20px}span[pi-badge][pi-size=small],div[pi-badge][pi-size=small]{--pi-badge-height: 24px;--pi-badge-padding: 0 8px}span[pi-badge][pi-size=small] *[pi-icon],div[pi-badge][pi-size=small] *[pi-icon]{--pi-icon-size: 16px}span[pi-badge][pi-size=extra-small],div[pi-badge][pi-size=extra-small]{--pi-badge-height: 20px;--pi-badge-padding: 0 6px;--pi-badge-font-size: var(--pi-size-font-single-line-11-text)}span[pi-badge][pi-size=extra-small] *[pi-icon],div[pi-badge][pi-size=extra-small] *[pi-icon]{--pi-icon-size: 16px}span[pi-badge][pi-badge*=outline],span[pi-badge][pi-badge*=neutral],span[pi-badge][pi-badge*=status],div[pi-badge][pi-badge*=outline],div[pi-badge][pi-badge*=neutral],div[pi-badge][pi-badge*=status]{border:1px solid var(--pi-badge-border-color)}span[pi-badge][pi-badge*=glass],div[pi-badge][pi-badge*=glass]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-alpha-neutral);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-color-white));backdrop-filter:var(--pi-filter-blur-50)}span[pi-badge][pi-color=accent-1][pi-badge*=primary],div[pi-badge][pi-color=accent-1][pi-badge*=primary]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-white));--pi-badge-bg-color: var(--pi-color-accent-1-500)}span[pi-badge][pi-color=accent-1][pi-badge*=secondary],div[pi-badge][pi-color=accent-1][pi-badge*=secondary]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-accent-1-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-1-500)))}span[pi-badge][pi-color=accent-1][pi-badge*=status],div[pi-badge][pi-color=accent-1][pi-badge*=status]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-accent-1-600));--pi-badge-bg-color: var(--pi-color-accent-1-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-1-500)));--pi-badge-border-color: var(--pi-color-accent-1-300)}span[pi-badge][pi-color=accent-1][pi-badge*=outline],div[pi-badge][pi-color=accent-1][pi-badge*=outline]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-1-500)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-1][pi-badge*=white],div[pi-badge][pi-color=accent-1][pi-badge*=white]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-1-500)))}span[pi-badge][pi-color=accent-1][pi-badge*=neutral],div[pi-badge][pi-color=accent-1][pi-badge*=neutral]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-2][pi-badge*=primary],div[pi-badge][pi-color=accent-2][pi-badge*=primary]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-white));--pi-badge-bg-color: var(--pi-color-accent-2-500)}span[pi-badge][pi-color=accent-2][pi-badge*=secondary],div[pi-badge][pi-color=accent-2][pi-badge*=secondary]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-accent-2-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-2-500)))}span[pi-badge][pi-color=accent-2][pi-badge*=status],div[pi-badge][pi-color=accent-2][pi-badge*=status]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-accent-2-600));--pi-badge-bg-color: var(--pi-color-accent-2-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-2-500)));--pi-badge-border-color: var(--pi-color-accent-2-300)}span[pi-badge][pi-color=accent-2][pi-badge*=outline],div[pi-badge][pi-color=accent-2][pi-badge*=outline]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-2-500)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-2][pi-badge*=white],div[pi-badge][pi-color=accent-2][pi-badge*=white]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-2-500)))}span[pi-badge][pi-color=accent-2][pi-badge*=neutral],div[pi-badge][pi-color=accent-2][pi-badge*=neutral]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-neutral-500));--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-3][pi-badge*=primary],div[pi-badge][pi-color=accent-3][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-accent-3-700)}span[pi-badge][pi-color=accent-3][pi-badge*=secondary],div[pi-badge][pi-color=accent-3][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-accent-3-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-3-600)))}span[pi-badge][pi-color=accent-3][pi-badge*=status],div[pi-badge][pi-color=accent-3][pi-badge*=status]{--pi-badge-color: var(--pi-color-accent-3-700);--pi-badge-bg-color: var(--pi-color-accent-3-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-3-600)));--pi-badge-border-color: var(--pi-color-accent-3-300)}span[pi-badge][pi-color=accent-3][pi-badge*=outline],div[pi-badge][pi-color=accent-3][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-3-600)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-3][pi-badge*=white],div[pi-badge][pi-color=accent-3][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-3-600)))}span[pi-badge][pi-color=accent-3][pi-badge*=neutral],div[pi-badge][pi-color=accent-3][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-4][pi-badge*=primary],div[pi-badge][pi-color=accent-4][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-badge-bg-color-override, var(--pi-color-accent-4-600))}span[pi-badge][pi-color=accent-4][pi-badge*=secondary],div[pi-badge][pi-color=accent-4][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-badge-bg-color-override, var(--pi-color-accent-4-100));--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-4-600)))}span[pi-badge][pi-color=accent-4][pi-badge*=status],div[pi-badge][pi-color=accent-4][pi-badge*=status]{--pi-badge-color: var(--pi-badge-color-override, var(--pi-color-accent-4-600));--pi-badge-bg-color: var(--pi-badge-bg-color-override, var(--pi-color-accent-4-100));--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-4-600)));--pi-badge-border-color: var(--pi-badge-border-color-override, var(--pi-color-accent-4-300))}span[pi-badge][pi-color=accent-4][pi-badge*=outline],div[pi-badge][pi-color=accent-4][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-4-600)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=accent-4][pi-badge*=white],div[pi-badge][pi-color=accent-4][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-accent-4-600)))}span[pi-badge][pi-color=accent-4][pi-badge*=neutral],div[pi-badge][pi-color=accent-4][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=success][pi-badge*=primary],div[pi-badge][pi-color=success][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-success-600)}span[pi-badge][pi-color=success][pi-badge*=secondary],div[pi-badge][pi-color=success][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-success-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-success-600)))}span[pi-badge][pi-color=success][pi-badge*=status],div[pi-badge][pi-color=success][pi-badge*=status]{--pi-badge-color: var(--pi-color-success-600);--pi-badge-bg-color: var(--pi-color-success-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-success-600)));--pi-badge-border-color: var(--pi-color-success-300)}span[pi-badge][pi-color=success][pi-badge*=outline],div[pi-badge][pi-color=success][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-success-600)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=success][pi-badge*=white],div[pi-badge][pi-color=success][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-success-600)))}span[pi-badge][pi-color=success][pi-badge*=neutral],div[pi-badge][pi-color=success][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=warning][pi-badge*=primary],div[pi-badge][pi-color=warning][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-warning-600)}span[pi-badge][pi-color=warning][pi-badge*=secondary],div[pi-badge][pi-color=warning][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-warning-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-warning-600)))}span[pi-badge][pi-color=warning][pi-badge*=status],div[pi-badge][pi-color=warning][pi-badge*=status]{--pi-badge-color: var(--pi-color-warning-700);--pi-badge-bg-color: var(--pi-color-warning-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-warning-500)));--pi-badge-border-color: var(--pi-color-warning-300)}span[pi-badge][pi-color=warning][pi-badge*=outline],div[pi-badge][pi-color=warning][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-warning-600)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=warning][pi-badge*=white],div[pi-badge][pi-color=warning][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-warning-600)))}span[pi-badge][pi-color=warning][pi-badge*=neutral],div[pi-badge][pi-color=warning][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=danger][pi-badge*=primary],div[pi-badge][pi-color=danger][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-danger-500)}span[pi-badge][pi-color=danger][pi-badge*=secondary],div[pi-badge][pi-color=danger][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-danger-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-danger-600)))}span[pi-badge][pi-color=danger][pi-badge*=status],div[pi-badge][pi-color=danger][pi-badge*=status]{--pi-badge-color: var(--pi-color-danger-600);--pi-badge-bg-color: var(--pi-color-danger-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-danger-600)));--pi-badge-border-color: var(--pi-color-danger-300)}span[pi-badge][pi-color=danger][pi-badge*=outline],div[pi-badge][pi-color=danger][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-danger-600)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=danger][pi-badge*=white],div[pi-badge][pi-color=danger][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-danger-600)))}span[pi-badge][pi-color=danger][pi-badge*=neutral],div[pi-badge][pi-color=danger][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=neutral][pi-badge*=primary],div[pi-badge][pi-color=neutral][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-neutral-500)}span[pi-badge][pi-color=neutral][pi-badge*=secondary],div[pi-badge][pi-color=neutral][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-neutral-500)))}span[pi-badge][pi-color=neutral][pi-badge*=status],div[pi-badge][pi-color=neutral][pi-badge*=status]{--pi-badge-color: var(--pi-color-neutral-600);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-neutral-500)));--pi-badge-border-color: var(--pi-color-neutral-300)}span[pi-badge][pi-color=neutral][pi-badge*=outline],div[pi-badge][pi-color=neutral][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-neutral-500)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=neutral][pi-badge*=white],div[pi-badge][pi-color=neutral][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-neutral-500)))}span[pi-badge][pi-color=neutral][pi-badge*=neutral],div[pi-badge][pi-color=neutral][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=hint][pi-badge*=primary],div[pi-badge][pi-color=hint][pi-badge*=primary]{--pi-badge-color: var(--pi-color-white);--pi-badge-bg-color: var(--pi-color-hint-500)}span[pi-badge][pi-color=hint][pi-badge*=secondary],div[pi-badge][pi-color=hint][pi-badge*=secondary]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-hint-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-hint-500)))}span[pi-badge][pi-color=hint][pi-badge*=status],div[pi-badge][pi-color=hint][pi-badge*=status]{--pi-badge-color: var(--pi-color-hint-600);--pi-badge-bg-color: var(--pi-color-hint-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-hint-500)));--pi-badge-border-color: var(--pi-color-hint-300)}span[pi-badge][pi-color=hint][pi-badge*=outline],div[pi-badge][pi-color=hint][pi-badge*=outline]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-hint-500)));--pi-badge-border-color: var(--pi-color-neutral-200)}span[pi-badge][pi-color=hint][pi-badge*=white],div[pi-badge][pi-color=hint][pi-badge*=white]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-white);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-hint-500)))}span[pi-badge][pi-color=hint][pi-badge*=neutral],div[pi-badge][pi-color=hint][pi-badge*=neutral]{--pi-badge-color: var(--pi-color-neutral-500);--pi-badge-bg-color: var(--pi-color-neutral-100);--pi-badge-icon-color: var(--pi-badge-icon-color-override, var(--pi-badge-color-override, var(--pi-color-black)));--pi-badge-border-color: var(--pi-color-neutral-200)}}