.p-badge { display: inline-flex; border-radius: var(--p-badge-border-radius); align-items: center; justify-content: center; padding: var(--p-badge-padding); background: var(--p-badge-primary-background); color: var(--p-badge-primary-color); font-size: var(--p-badge-font-size); font-weight: var(--p-badge-font-weight); min-width: var(--p-badge-min-width); height: var(--p-badge-height); }
.p-badge-dot { width: var(--p-badge-dot-size); min-width: var(--p-badge-dot-size); height: var(--p-badge-dot-size); border-radius: 50%; padding: 0px; }
.p-badge-circle { padding: 0px; border-radius: 50%; }
.p-badge-secondary { background: var(--p-badge-secondary-background); color: var(--p-badge-secondary-color); }
.p-badge-success { background: var(--p-badge-success-background); color: var(--p-badge-success-color); }
.p-badge-info { background: var(--p-badge-info-background); color: var(--p-badge-info-color); }
.p-badge-warn { background: var(--p-badge-warn-background); color: var(--p-badge-warn-color); }
.p-badge-danger { background: var(--p-badge-danger-background); color: var(--p-badge-danger-color); }
.p-badge-contrast { background: var(--p-badge-contrast-background); color: var(--p-badge-contrast-color); }
.p-badge-sm { font-size: var(--p-badge-sm-font-size); min-width: var(--p-badge-sm-min-width); height: var(--p-badge-sm-height); }
.p-badge-lg { font-size: var(--p-badge-lg-font-size); min-width: var(--p-badge-lg-min-width); height: var(--p-badge-lg-height); }
.p-badge-xl { font-size: var(--p-badge-xl-font-size); min-width: var(--p-badge-xl-min-width); height: var(--p-badge-xl-height); }
.p-overlay-badge { position: relative; }
.p-overlay-badge > .p-badge { position: absolute; top: 0px; inset-inline-end: 0px; transform: translate(50%, -50%); transform-origin: 100% 0px; margin: 0px; }