.badge { display: inline-block; padding: 0 0.375rem; font-size: 0.675rem; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; 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, .dual-listbox .dual-listbox__button .badge { position: relative; top: -1px; }

.badge-pill { padding-right: 0.5rem; padding-left: 0.5rem; border-radius: 10rem; }

.badge-primary { color: #fff; background-color: #6576ff; }

a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #3249ff; }

a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(101, 118, 255, 0.5); }

.badge-secondary { color: #fff; background-color: #364a63; }

a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #243142; }

a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5); }

.badge-success { color: #fff; background-color: #1ee0ac; }

a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #18b389; }

a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.5); }

.badge-info { color: #fff; background-color: #09c2de; }

a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0797ad; }

a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(9, 194, 222, 0.5); }

.badge-warning { color: #fff; background-color: #f4bd0e; }

a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #c69909; }

a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5); }

.badge-danger { color: #fff; background-color: #e85347; }

a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #e02b1c; }

a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5); }

.badge-dark { color: #fff; background-color: #1c2b46; }

a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #0d1522; }

a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(28, 43, 70, 0.5); }

.badge-gray { color: #fff; background-color: #8091a7; }

a.badge-gray:hover, a.badge-gray:focus { color: #fff; background-color: #647790; }

a.badge-gray:focus, a.badge-gray.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 145, 167, 0.5); }

.badge-light { color: #101924; background-color: #e5e9f2; }

a.badge-light:hover, a.badge-light:focus { color: #101924; background-color: #c3cce1; }

a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5); }

.badge-lighter { color: #101924; background-color: #f5f6fa; }

a.badge-lighter:hover, a.badge-lighter:focus { color: #101924; background-color: #d3d7e9; }

a.badge-lighter:focus, a.badge-lighter.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(245, 246, 250, 0.5); }

.badge { position: relative; border: 1px solid currentColor; line-height: 1.125rem; font-family: Roboto, sans-serif; letter-spacing: 0.01em; vertical-align: middle; display: inline-flex; }

.badge .icon + span, .badge span + .icon { padding-left: 4px; }

.badge-sm { padding: 0.3125rem 0.75rem; font-size: 0.75rem; }

.badge-sm.badge-pill { padding: 0.3125rem 0.875rem; }

.badge-md { padding: 0.47rem 1rem; font-size: 0.8125rem !important; }

.badge-lg { padding: 0.75rem 1.25rem; font-size: 0.93rem !important; }

.badge-xl { padding: 0.875rem 1.5rem; font-size: 1.125rem !important; }

.badge-light { color: #364a63; }

.badge-lighter { color: #526484; }

.badge .icon { font-size: 1rem; }

.badge-primary { border-color: #6576ff; }

.badge-secondary { border-color: #364a63; }

.badge-success { border-color: #1ee0ac; }

.badge-info { border-color: #09c2de; }

.badge-warning { border-color: #f4bd0e; }

.badge-danger { border-color: #e85347; }

.badge-dark { border-color: #1c2b46; }

.badge-gray { border-color: #8091a7; }

.badge-light { border-color: #e5e9f2; }

.badge-lighter { border-color: #f5f6fa; }

.badge-outline-primary { color: #6576ff; border-color: #a3adff; }

.badge-outline-secondary { color: #364a63; border-color: #8692a1; }

.badge-outline-success { color: #1ee0ac; border-color: #78eccd; }

.badge-outline-info { color: #09c2de; border-color: #6bdaeb; }

.badge-outline-warning { color: #f4bd0e; border-color: #f8d76e; }

.badge-outline-danger { color: #e85347; border-color: #f19891; }

.badge-outline-dark { color: #1c2b46; border-color: #778090; }

.badge-outline-gray { color: #8091a7; border-color: #b3bdca; }

.badge-outline-light { color: #b7c2d0; border-color: #d4dae3; }

.badge-outline-lighter { color: #e5e9f2; border-color: #eff2f7; }

.badge-dim.badge-primary { color: #6576ff; background-color: #eef0ff; border-color: #eef0ff; }

.badge-dim.badge-outline-primary { color: #6576ff; background-color: #eef0ff; border-color: #c1c8ff; }

.badge-dim.badge-secondary { color: #364a63; background-color: #e9ebee; border-color: #e9ebee; }

.badge-dim.badge-outline-secondary { color: #364a63; background-color: #e9ebee; border-color: #afb7c1; }

.badge-dim.badge-success { color: #1ee0ac; background-color: #e6fcf6; border-color: #e6fcf6; }

.badge-dim.badge-outline-success { color: #1ee0ac; background-color: #e6fcf6; border-color: #a5f3de; }

.badge-dim.badge-info { color: #09c2de; background-color: #e4f8fb; border-color: #e4f8fb; }

.badge-dim.badge-outline-info { color: #09c2de; background-color: #e4f8fb; border-color: #9de7f2; }

.badge-dim.badge-warning { color: #f4bd0e; background-color: #fef8e4; border-color: #fef8e4; }

.badge-dim.badge-outline-warning { color: #f4bd0e; background-color: #fef8e4; border-color: #fbe59f; }

.badge-dim.badge-danger { color: #e85347; background-color: #fceceb; border-color: #fceceb; }

.badge-dim.badge-outline-danger { color: #e85347; background-color: #fceceb; border-color: #f6bab5; }

.badge-dim.badge-dark { color: #1c2b46; background-color: #e6e8eb; border-color: #e6e8eb; }

.badge-dim.badge-outline-dark { color: #1c2b46; background-color: #e6e8eb; border-color: #a4aab5; }

.badge-dim.badge-gray { color: #8091a7; background-color: #f1f3f5; border-color: #f1f3f5; }

.badge-dim.badge-outline-gray { color: #8091a7; background-color: #f1f3f5; border-color: #ccd3dc; }

.badge-dim.badge-light { color: #b7c2d0; background-color: #f7f8fa; border-color: #f7f8fa; }

.badge-dim.badge-outline-light { color: #b7c2d0; background-color: #f7f8fa; border-color: #e2e7ec; }

.badge-dim.badge-lighter { color: #e5e9f2; background-color: #fcfdfe; border-color: #fcfdfe; }

.badge-dim.badge-outline-lighter { color: #e5e9f2; background-color: #fcfdfe; border-color: #f5f6fa; }

.badge-dot { display: inline-flex; align-items: center; background-color: transparent; border: none; padding-left: 12px; padding-right: 0; font-size: 12px; }

.badge-dot:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; height: 6px; width: 6px; margin-top: -1px; border-radius: 50%; background: currentColor; }

.badge-dot.badge-sm, .badge-dot.badge-md { padding-left: 16px; }

.badge-dot.badge-sm:before, .badge-dot.badge-md:before { height: 8px; width: 8px; margin-top: 0; }

.badge-dot.badge-lg, .badge-dot.badge-xl { padding-left: 24px; }

.badge-dot.badge-lg:before, .badge-dot.badge-xl:before { height: 12px; width: 12px; margin-top: 0; }

.badge-dot.badge-primary { color: #6576ff; }

.badge-dot.badge-secondary { color: #364a63; }

.badge-dot.badge-success { color: #1ee0ac; }

.badge-dot.badge-info { color: #09c2de; }

.badge-dot.badge-warning { color: #f4bd0e; }

.badge-dot.badge-danger { color: #e85347; }

.badge-dot.badge-dark { color: #1c2b46; }

.badge-dot.badge-gray { color: #8091a7; }

.badge-dot.badge-light { color: #b7c2d0; }

.badge-dot.badge-lighter { color: #e5e9f2; }

.dark-mode .badge-dim.badge-primary { color: #6576ff; background-color: #202a47; border-color: #202a47; }

.dark-mode .badge-dim.badge-outline-primary { color: #6576ff; background-color: #202a47; border-color: #35407d; }

.dark-mode .badge-dim.badge-secondary { color: #8ca3c0; background-color: #26303d; border-color: #26303d; }

.dark-mode .badge-dim.badge-outline-secondary { color: #8ca3c0; background-color: #26303d; border-color: #445264; }

.dark-mode .badge-dim.badge-success { color: #1ee0ac; background-color: #163a3a; border-color: #163a3a; }

.dark-mode .badge-dim.badge-outline-success { color: #1ee0ac; background-color: #163a3a; border-color: #186b5c; }

.dark-mode .badge-dim.badge-info { color: #09c2de; background-color: #133542; border-color: #133542; }

.dark-mode .badge-dim.badge-outline-info { color: #09c2de; background-color: #133542; border-color: #105f70; }

.dark-mode .badge-dim.badge-warning { color: #f4bd0e; background-color: #363422; border-color: #363422; }

.dark-mode .badge-dim.badge-outline-warning { color: #f4bd0e; background-color: #363422; border-color: #6e5d1c; }

.dark-mode .badge-dim.badge-danger { color: #e85347; background-color: #34242b; border-color: #34242b; }

.dark-mode .badge-dim.badge-outline-danger { color: #e85347; background-color: #34242b; border-color: #693233; }

.dark-mode .badge-dim.badge-dark { color: #ebeef2; background-color: #353c45; border-color: #353c45; }

.dark-mode .badge-dim.badge-outline-dark { color: #ebeef2; background-color: #353c45; border-color: #6a7078; }

.dark-mode .badge-dim.badge-gray { color: #8091a7; background-color: #242e39; border-color: #242e39; }

.dark-mode .badge-dim.badge-outline-gray { color: #8091a7; background-color: #242e39; border-color: #3f4b5a; }

.dark-mode .badge-dim.badge-light { color: #b7c2d0; background-color: #2d3540; border-color: #2d3540; }

.dark-mode .badge-dim.badge-outline-light { color: #b7c2d0; background-color: #2d3540; border-color: #555f6a; }

.dark-mode .badge-dim.badge-lighter { color: #8091a7; background-color: #242e39; border-color: #242e39; }

.dark-mode .badge-dim.badge-outline-lighter { color: #8091a7; background-color: #242e39; border-color: #3f4b5a; }

.dark-mode .badge-outline-secondary, .dark-mode .badge-dot.badge-dark, .dark-mode .badge-dot.badge-secondary { color: #b7c2d0; }

.dark-mode .badge-outline-dark { color: #ebeef2; border-color: #ebeef2; }

.dark-mode .badge-outline-light { color: #b7c2d0; border-color: #344357; }

.dark-mode .badge-dot.badge-dark, .dark-mode .badge-dot.badge-light { background-color: transparent; }

.dark-mode .badge-dot.badge-light { color: #8091a7; }

.dark-mode .badge-light, .dark-mode .code-block .btn, .dark-mode .code-block .dual-listbox .dual-listbox__button, .dual-listbox .dark-mode .code-block .dual-listbox__button { color: #ebeef2; background: #344357; border-color: #344357; }

.dark-mode .badge-dark { color: #1f2b3a; background: #e5e9f2; border-color: #e5e9f2; }