:where(*[z-badge],*[z-theme=light] *[z-badge],*[z-badge][z-theme=light]){--_size: 1.375rem;--_icon-size: var(--zs-100)}*[z-badge]{position:relative;display:inline-block;order:3}*[z-badge]:after,*[z-badge]:before{color:var(--z-badge--color, var(--z-ct-on-status));box-sizing:border-box;position:absolute;top:var(--z-badge--top, calc(var(--_size) / -2));right:var(--z-badge--right, 0);width:var(--_size);height:var(--_size);min-width:var(--_size);z-index:1;transform-origin:center center}*[z-badge]:before{content:"";display:grid;place-items:center;background-color:var(--z-badge--bg, var(--z-bg-brand));font:var(--zf-capt-12--500);border-radius:100px;order:2}*[z-badge]:after{-webkit-mask:var(--zi);mask:var(--zi);background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--z-badge--icon-size, var(--_icon-size));mask-size:var(--z-badge--icon-size, var(--_icon-size));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;order:3}*[z-badge][icon]:after{content:""}*[z-badge][fill=bold]:before{background-color:var(--z-bg-brand--bold)}*[z-badge][fill=blue-sky]:before{background-color:var(--z-bg-info)}*[z-badge][fill=moss]:before{background-color:var(--z-bg-positive)}*[z-badge][fill=peach]:before{background-color:var(--z-bg-negative)}*[z-badge][fill=lemon]:before{background-color:var(--z-bg-alert)}*[z-badge][fill=lemon]:after,*[z-badge][fill=lemon]:before{color:var(--z-ct-on-status--eq)}*[z-badge][fill=dove]:before{background-color:var(--zc-dove)}*[z-badge][fill=dove]:after,*[z-badge][fill=dove]:before{color:var(--z-ct-on-status--eq)}*[z-badge][fill=dove]:after,*[z-badge][fill=dove]:before{color:var(--zg-4)}*[z-badge][fill=mint]:before{background-color:var(--z-bg-mint)}*[z-badge][fill=mint]:after,*[z-badge][fill=mint]:before{color:var(--z-ct-on-status--eq)}*[z-badge][z-badge^=text]:before{width:-moz-max-content;width:max-content;line-height:var(--_size);text-align:center;padding:0 calc(var(--_size) / 3);white-space:nowrap;content:attr(text)}*[z-badge]:is([z-badge*=":outline"],[z-badge^=outline]):before{outline:2px solid var(--z-badge--border-color, var(--z-br-placeholder))}*[z-badge]:is([z-badge^=l],[z-badge$=":l"]){--_size: 1.75rem;--_icon-size: var(--zs-150)}*[z-badge]:is([z-badge^=l],[z-badge$=":l"]):before{font:var(--zf-capt-14--500)}*[z-badge]:is([z-badge^=s],[z-badge$=":s"]){--_size: 1.125rem;--_icon-size: var(--zs-75)}*[z-badge]:is([z-badge^=s],[z-badge$=":s"]):before{font:var(--zf-capt-12--500)}*[z-badge]:is([z-badge^=xs],[z-badge$=":xs"]){--_size: .875rem;--_icon-size: var(--zs-75)}*[z-badge]:is([z-badge^=xs],[z-badge$=":xs"]):before{font:var(--zf-capt-10--500)}