.badge{font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:var(--line-height-base);padding:1px var(--spacing-sm);cursor:pointer;min-width:var(--space-10);color:var(--button-primary-brand-color);background-color:var(--button-primary-brand-background);border-radius:var(--badge-radius);border:var(--badge-border);box-shadow:var(--badge-shadow);-webkit-user-select:none;user-select:none;text-align:center;text-indent:0;white-space:nowrap;margin-right:.1rem;display:inline-block}.badge,.badge--small{font-size:var(--font-size-xs)}.badge--small{min-width:unset;margin-right:1px;padding:1px 2px;line-height:1rem}.badge--block{text-align:center;width:auto;max-width:100%;padding-left:unset;padding-right:unset;white-space:nowrap}.badge:hover{color:var(--badge-color-hover);background:var(--badge-background-hover)}.badge--info{color:var(--color-text-info-inverse);background-color:var(--background-info)}.badge--warning{color:var(--color-text-warning-inverse);background-color:var(--background-warning)}.badge--danger{color:var(--color-text-danger-inverse);background-color:var(--background-danger)}.badge--brand{color:var(--color-brand);background-color:var(--background-brand)}.badge--active{color:var(--badge-color-active)!important;background:var(--badge-background-active)!important}.badge-relative{float:left;top:var(--spacing-xs);position:relative;left:0}