@keyframes pantoken-badge-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.instui-badge-wrapper{display:inline-flex;position:relative}@scope(.instui-badge){:scope{--pantoken-badge-accent:var(--instui-component-badge-color-primary);--pantoken-badge-text:light-dark(var(--instui-component-badge-color),var(--instui-component-badge-color-inverse));min-width:var(--instui-component-badge-size);height:var(--instui-component-badge-size);padding:0 var(--instui-component-badge-padding);font-family:var(--instui-component-badge-font-family);font-size:var(--instui-component-badge-font-size);font-weight:var(--instui-component-badge-font-weight);border-radius:var(--instui-component-badge-border-radius);background:var(--pantoken-badge-accent);color:var(--pantoken-badge-text);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;&.-color-success{--pantoken-badge-accent:var(--instui-component-badge-color-success);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-danger{--pantoken-badge-accent:var(--instui-component-badge-color-danger);--pantoken-badge-text:var(--instui-component-badge-color)}&.-color-inverse{--pantoken-badge-accent:var(--instui-component-badge-color);--pantoken-badge-text:var(--instui-component-badge-color-inverse)}&.-type-notification{min-width:0;width:var(--instui-spacing-space-sm);height:var(--instui-spacing-space-sm);padding:0;font-size:0}&.-pulse:before{content:"";border:var(--instui-border-width-md) solid var(--pantoken-badge-accent);border-radius:inherit;animation:1.2s ease-out infinite pantoken-badge-pulse;position:absolute;inset:0}&.-placement-top-end,&.-placement-top-start,&.-placement-bottom-end,&.-placement-bottom-start,&.-placement-start-center,&.-placement-end-center{position:absolute}&.-placement-top-end{top:-.5rem;inset-inline-end:-.5rem}&.-placement-top-start{top:-.5rem;inset-inline-start:-.5rem}&.-placement-bottom-end{bottom:-.5rem;inset-inline-end:-.5rem}&.-placement-bottom-start{bottom:-.5rem;inset-inline-start:-.5rem}&.-placement-end-center{top:50%;inset-inline-end:-.5rem;transform:translateY(-50%)}&.-placement-start-center{top:50%;inset-inline-start:-.5rem;transform:translateY(-50%)}&.-standalone{position:relative;inset:auto;transform:none}}}