.badge{background-color:var(--color-danger-dark);background-color:var(--badge-background-color,var(--color-danger-dark));border-radius:var(--border-radius-2xs);border-radius:var(--badge-border-radius,var(--border-radius-2xs));color:var(--color-white);color:var(--badge-color,var(--color-white));display:inline-block;padding:var(--badge-spacer-vertical,var(--spacer-5xs)) var(--spacer-3xs);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:var(--z-1)}.badge--brown{--badge-background-color:#cab89c}.badge--grey-dark{--badge-background-color:var(--color-neutral-500)}.badge--grey-light{--badge-background-color:var(--color-neutral-300);--badge-color:var(--color-text-light)}.badge--green{--badge-background-color:var(--color-success-dark)}.badge--green-light{--badge-color:var(--color-success-dark);--badge-background-color:var(--color-green-50)}.badge--blue{--badge-background-color:var(--color-info-middle)}.badge--orange{--badge-background-color:var(--color-warning-dark)}.badge--orange-light{--badge-color:var(--color-yellow-900);--badge-background-color:var(--color-yellow-50)}.badge--lg{--badge-corner-position:var(--spacer-3xs);font-size:1.5rem;font-weight:700;line-height:1.75rem}.badge--sm{font-size:.875rem;font-weight:700;line-height:1.25rem}.badge--sm,.badge--xs{--badge-spacer-vertical:0}.badge--xs.badge{font-size:.75rem;font-weight:700;line-height:1rem}.badge--border-xs{--badge-border-radius:var(--border-radius-xs)}.badge--corner-left-top:not(.badge--border-xs):after,.badge--corner-right-bottom:not(.badge--border-xs):after{background-color:var(--color-danger-dark);background-color:var(--badge-background-color,var(--color-danger-dark));content:"";display:block;height:100%;position:absolute;top:0;transform:skew(-13deg);width:var(--spacer-xs);z-index:var(--z-min-1)}.badge--corner-right-bottom:not(.badge--border-xs){margin-right:var(--spacer-3xs);padding-right:var(--spacer-4xs)}.badge--corner-right-bottom:not(.badge--border-xs):after{border-radius:0 var(--border-radius-2xs) var(--border-radius-2xs) 0;padding-right:var(--spacer-4xs);right:calc(var(--spacer-2xs)*-.5);right:calc(var(--badge-corner-position, var(--spacer-2xs))*-.5)}.badge--corner-left-top:not(.badge--border-xs){margin-left:var(--spacer-3xs);padding-left:var(--spacer-4xs)}.badge--corner-left-top:not(.badge--border-xs):after{border-radius:var(--border-radius-2xs) 0 0 var(--border-radius-2xs);left:calc(var(--spacer-2xs)*-.5);left:calc(var(--badge-corner-position, var(--spacer-2xs))*-.5);padding-left:var(--spacer-4xs)}.badge{font-size:.875rem;font-weight:700;line-height:1.25rem}