button.badge{cursor:pointer}button.badge.active,button.badge:focus{background-image:linear-gradient(#ffffff40,#ffffff40)}@media (pointer:fine){button.badge:hover{background-image:linear-gradient(#ffffff40,#ffffff40)}}a.badge{color:inherit;text-decoration:none}a.badge:hover,a.badge:focus{text-decoration:underline}.badge{border-radius:var(--border-radius-xs);vertical-align:middle;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);align-items:center;gap:var(--margin-xxs);border:none;padding:4px 12px;line-height:1.2em;display:inline-flex}.badge.small{vertical-align:middle;border-radius:2px;font-size:10px;padding:4px 8px!important;line-height:1.2em!important;display:inline-flex!important}.badge.lg{font-size:var(--font-size-md);padding:var(--margin-xxs) var(--margin-md)}.badge.sm{padding:5px var(--margin-sm)}.badge.xs{padding:3px var(--margin-xs)}.badge.xxs{padding:0 var(--margin-xxxs)}.badge a,.badge a:hover,.badge a:focus{color:inherit}.badge.success{background-color:var(--color-good);color:var(--color-bright)}.badge.notice{background-color:var(--color-neutral);color:var(--color-bright)}.badge.notice>.sign{color:var(--color-neutral);background-color:var(--color-bright)}.badge.important{background-color:var(--color-bad);color:var(--color-bright)}.badge.bright{background-color:var(--background-color);color:var(--color)}.badge.tag{color:#707070;background-color:#64646426;margin-bottom:6px;margin-right:6px;padding:4px 10px 3px;font-size:11px}.badge.contrast{background-color:var(--color);color:var(--background-color)}.badge.onimage{z-index:1;background-color:var(--background-color);color:var(--color);text-transform:uppercase;margin:7px;position:absolute;box-shadow:0 0 1px #00000040;font-size:var(--font-size-xs)!important;padding:10px 5px 7px!important}
