:root{--badge-color:var(--color-primary)}.badge{color:var(--badge-color);flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.badge__content{background-color:var(--background-primary);white-space:nowrap;border:1px solid var(--badge-color);align-items:center;padding:.25rem .5rem;font-size:.9rem;font-weight:300;display:inline-flex}.badge__content:has(>*){padding:0}.badge__content>*{padding:.25rem .5rem}.badge__content a{color:var(--badge-color);outline-offset:.25rem;font-size:.9rem;text-decoration:none}.badge__content a:visited{color:var(--badge-color)}.badge__content:hover{background-color:var(--badge-color);color:var(--font-reverse)}.badge__content:hover a{color:var(--font-reverse);text-decoration:none}.badge__icon{justify-content:center;align-items:center;font-size:.8em;display:flex}.badge__icon svg{width:1em;height:1em}[data-theme=dark] .badge__icon svg path{fill:none;stroke:currentColor;stroke-width:60px;stroke-linejoin:round;stroke-linecap:round}[data-theme=light] .badge a{color:var(--badge-font-color,var(--font-reverse))}[data-theme=light] .badge a:visited,[data-theme=light] .badge a:hover{color:var(--badge-font-color,var(--font-reverse))}[data-theme=light] .badge__content{background-color:var(--badge-color);color:var(--badge-font-color,var(--font-reverse));border-color:var(--badge-color)}[data-theme=light] .badge__content:hover{background-color:var(--background-primary);border:1px solid var(--badge-color)}[data-theme=light] .badge__content:hover a{color:var(--font-primary)}[data-theme=light] .badge__icon{color:var(--badge-color)}.badge--icon-right{flex-direction:row}.badge--icon-left{flex-direction:row-reverse}.badge--icon-top{flex-direction:column-reverse}.badge--icon-bottom{flex-direction:column}.badge--icon-top .badge__icon{transform:rotate(-90deg)}.badge--icon-bottom .badge__icon{transform:rotate(90deg)}.badge--icon-left .badge__icon{transform:rotate(180deg)}.badge--rounded .badge__content{border-radius:999px}