.badge {display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {.badge {transition: none;} } a.badge:hover, a.badge:focus {text-decoration: none; } .badge:empty {display: none; } .btn .badge {position: relative;top: -1px; } .badge-pill {padding-right: 0.6em;padding-left: 0.6em;border-radius: 10rem; } .badge-white {background-color: var(--white); } a.badge-white:focus, a.badge-white.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--white), 0.5); } .badge-gray-100 {background-color: var(--gray-100); } a.badge-gray-100:focus, a.badge-gray-100.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-100), 0.5); } .badge-gray-200 {background-color: var(--gray-200); } a.badge-gray-200:focus, a.badge-gray-200.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-200), 0.5); } .badge-gray-300 {background-color: var(--gray-300); } a.badge-gray-300:focus, a.badge-gray-300.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-300), 0.5); } .badge-gray-400 {background-color: var(--gray-400); } a.badge-gray-400:focus, a.badge-gray-400.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-400), 0.5); } .badge-gray-500 {background-color: var(--gray-500); } a.badge-gray-500:focus, a.badge-gray-500.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-500), 0.5); } .badge-gray-600 {background-color: var(--gray-600); } a.badge-gray-600:focus, a.badge-gray-600.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-600), 0.5); } .badge-gray-700 {background-color: var(--gray-700); } a.badge-gray-700:focus, a.badge-gray-700.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-700), 0.5); } .badge-gray-800 {background-color: var(--gray-800); } a.badge-gray-800:focus, a.badge-gray-800.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-800), 0.5); } .badge-gray-900 {background-color: var(--gray-900); } a.badge-gray-900:focus, a.badge-gray-900.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--gray-900), 0.5); } .badge-black {background-color: var(--black); } a.badge-black:focus, a.badge-black.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--black), 0.5); } .badge-blue {background-color: var(--blue); } a.badge-blue:focus, a.badge-blue.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--blue), 0.5); } .badge-indigo {background-color: var(--indigo); } a.badge-indigo:focus, a.badge-indigo.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--indigo), 0.5); } .badge-purple {background-color: var(--purple); } a.badge-purple:focus, a.badge-purple.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--purple), 0.5); } .badge-pink {background-color: var(--pink); } a.badge-pink:focus, a.badge-pink.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--pink), 0.5); } .badge-red {background-color: var(--red); } a.badge-red:focus, a.badge-red.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--red), 0.5); } .badge-orange {background-color: var(--orange); } a.badge-orange:focus, a.badge-orange.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--orange), 0.5); } .badge-yellow {background-color: var(--yellow); } a.badge-yellow:focus, a.badge-yellow.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--yellow), 0.5); } .badge-green {background-color: var(--green); } a.badge-green:focus, a.badge-green.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--green), 0.5); } .badge-teal {background-color: var(--teal); } a.badge-teal:focus, a.badge-teal.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--teal), 0.5); } .badge-cyan {background-color: var(--cyan); } a.badge-cyan:focus, a.badge-cyan.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--cyan), 0.5); } .badge-primary {background-color: var(--primary); } a.badge-primary:focus, a.badge-primary.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--primary), 0.5); } .badge-secondary {background-color: var(--secondary); } a.badge-secondary:focus, a.badge-secondary.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--secondary), 0.5); } .badge-success {background-color: var(--success); } a.badge-success:focus, a.badge-success.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--success), 0.5); } .badge-info {background-color: var(--info); } a.badge-info:focus, a.badge-info.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--info), 0.5); } .badge-warning {background-color: var(--warning); } a.badge-warning:focus, a.badge-warning.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--warning), 0.5); } .badge-danger {background-color: var(--danger); } a.badge-danger:focus, a.badge-danger.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--danger), 0.5); } .badge-light {background-color: var(--light); } a.badge-light:focus, a.badge-light.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--light), 0.5); } .badge-dark {background-color: var(--dark); } a.badge-dark:focus, a.badge-dark.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--dark), 0.5); } .badge-color1 {background-color: var(--color1); } a.badge-color1:focus, a.badge-color1.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color1), 0.5); } .badge-color2 {background-color: var(--color2); } a.badge-color2:focus, a.badge-color2.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color2), 0.5); } .badge-color3 {background-color: var(--color3); } a.badge-color3:focus, a.badge-color3.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color3), 0.5); } .badge-color4 {background-color: var(--color4); } a.badge-color4:focus, a.badge-color4.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color4), 0.5); } .badge-color5 {background-color: var(--color5); } a.badge-color5:focus, a.badge-color5.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color5), 0.5); } .badge-color6 {background-color: var(--color6); } a.badge-color6:focus, a.badge-color6.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color6), 0.5); } .badge-color7 {background-color: var(--color7); } a.badge-color7:focus, a.badge-color7.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color7), 0.5); } .badge-color8 {background-color: var(--color8); } a.badge-color8:focus, a.badge-color8.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color8), 0.5); } .badge-color9 {background-color: var(--color9); } a.badge-color9:focus, a.badge-color9.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color9), 0.5); } .badge-color10 {background-color: var(--color10); } a.badge-color10:focus, a.badge-color10.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color10), 0.5); } .badge-color11 {background-color: var(--color11); } a.badge-color11:focus, a.badge-color11.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color11), 0.5); } .badge-color12 {background-color: var(--color12); } a.badge-color12:focus, a.badge-color12.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color12), 0.5); } .badge-color13 {background-color: var(--color13); } a.badge-color13:focus, a.badge-color13.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color13), 0.5); } .badge-color14 {background-color: var(--color14); } a.badge-color14:focus, a.badge-color14.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color14), 0.5); } .badge-color15 {background-color: var(--color15); } a.badge-color15:focus, a.badge-color15.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color15), 0.5); } .badge-color16 {background-color: var(--color16); } a.badge-color16:focus, a.badge-color16.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color16), 0.5); } .badge-color17 {background-color: var(--color17); } a.badge-color17:focus, a.badge-color17.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color17), 0.5); } .badge-color18 {background-color: var(--color18); } a.badge-color18:focus, a.badge-color18.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color18), 0.5); } .badge-color19 {background-color: var(--color19); } a.badge-color19:focus, a.badge-color19.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color19), 0.5); } .badge-color20 {background-color: var(--color20); } a.badge-color20:focus, a.badge-color20.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(var(--color20), 0.5); }