/**
*  Header Variables
*/
/*
$font-family-sans-serif: 'Open Sans', Roboto,
'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol' !default;
*/
/*
$display1-size: 6rem !default;
$display2-size: 5.5rem !default;
$display3-size: 4.5rem !default;
$display4-size: 3.5rem !default;

$display1-weight: 300 !default;
$display2-weight: 300 !default;
$display3-weight: 300 !default;
$display4-weight: 300 !default;
$display-line-height: $headings-line-height !default;

$lead-font-size: ($font-size-base * 1.25) !default;
$lead-font-weight: 300 !default;



$text-muted: $gray-700 !default;

$blockquote-small-color: $gray-600 !default;
$blockquote-font-size: ($font-size-base * 1.25) !default;

$hr-border-color: rgba($black, 0.1) !default;
$hr-border-width: $border-width !default;

$mark-padding: 0.2em !default;
*/
/*
$kbd-box-shadow: inset 0 -0.1rem 0 rgba($black, 0.25) !default;
$nested-kbd-font-weight: $font-weight-bold !default;

$list-inline-padding: 0.5rem !default;

$mark-bg: #fcf8e3 !default;

$hr-margin-y: $spacer !default;
*/
/* CONTAINER QUERIES */
.badge {
  display: flex;
  justify-content: center;
  padding: 0 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2rem;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.badge:empty {
  display: none;
}
.badge {
  min-width: 1.875rem;
  min-height: 1.25rem;
}
.badge__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.188rem 0;
}
.badge__content--icon {
  margin-left: 0.375rem;
}
.badge__content--dismissible {
  margin-right: 6px;
}
.badge__button {
  background: transparent;
  border: none;
  color: currentColor;
  cursor: pointer;
  padding: 0;
}
.badge__button:focus, .badge__button:hover {
  outline: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  background-blend-mode: screen;
}
.badge--xs {
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0 0.5rem;
}
.badge--xs > .badge__content {
  padding: 0rem 0;
}
.badge--sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  padding: 0 0.5rem;
  min-height: 1.5rem;
}
.badge--sm.badge--dismissible {
  padding-right: 0.3125rem !important;
}
.badge--sm > .badge__content {
  padding: 0.063rem 0;
}
.badge--sm > .badge__content > .badge__icon, .badge--sm > .badge__content .badge__button {
  font-size: 0.875rem;
}
.badge--md {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  padding: 0 0.625rem;
  min-height: 1.75rem;
}
.badge--md.badge--dismissible {
  padding-right: 0.3125rem !important;
}
.badge--md > .badge__content {
  padding: 0.188rem 0;
}
.badge--md > .badge__content > .badge__icon, .badge--md > .badge__content .badge__button {
  font-size: 1rem;
}
.badge--lg {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  padding: 0 0.75rem;
  min-height: 2rem;
}
.badge--lg.badge--dismissible {
  padding-right: 0.4375rem !important;
}
.badge--lg > .badge__content {
  padding: 0.188rem 0;
}
.badge--lg > .badge__content > .badge__icon, .badge--lg > .badge__content .badge__button {
  font-size: 1.25rem;
}
.badge--primary {
  color: #ffffff;
  background-color: #277c78;
  border-color: #277c78;
}
.badge--primary.badge .badge__button:focus, .badge--primary.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.badge--primary.badge .badge__button:focus-visible {
  border-color: #ffffff;
  box-shadow: 0px 0px 0px 2px #ffffff;
}
.badge--primary.badge--light {
  background-color: #d3eceb;
  color: #175f5c;
}
.badge--primary.badge--light .badge__button:focus, .badge--primary.badge--light .badge__button:hover, .badge--primary.badge--light .badge__button:focus-visible {
  background-color: #aed8d6;
}
.badge--primary.badge--light .badge__button:focus-visible {
  border-color: #277c78;
  box-shadow: 0px 0px 0px 2px #277c78;
}
.badge--secondary {
  color: #ffffff;
  background-color: #142d3e;
  border-color: #142d3e;
}
.badge--secondary.badge .badge__button:focus, .badge--secondary.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.badge--secondary.badge .badge__button:focus-visible {
  border-color: #ffffff;
  box-shadow: 0px 0px 0px 2px #ffffff;
}
.badge--secondary.badge--light {
  background-color: #eaf1f4;
  color: #142d3e;
}
.badge--secondary.badge--light .badge__button:focus, .badge--secondary.badge--light .badge__button:hover, .badge--secondary.badge--light .badge__button:focus-visible {
  background-color: #c5dbe3;
}
.badge--secondary.badge--light .badge__button:focus-visible {
  border-color: #142d3e;
  box-shadow: 0px 0px 0px 2px #142d3e;
}
.badge--gray {
  color: #161618;
  background-color: #d0d0d0;
  border-color: #d0d0d0;
}
.badge--gray.badge .badge__button:focus, .badge--gray.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.badge--gray.badge .badge__button:focus-visible {
  border-color: #161618;
  box-shadow: 0px 0px 0px 2px #161618;
}
.badge--gray.badge--light {
  background-color: #f7f7f7;
  color: #353535;
  border-color: #707070;
}
.badge--gray.badge--light .badge__button:focus, .badge--gray.badge--light .badge__button:hover, .badge--gray.badge--light .badge__button:focus-visible {
  background-color: #e0e0e1;
}
.badge--gray.badge--light .badge__button:focus-visible {
  border-color: #353535;
  box-shadow: 0px 0px 0px 2px #353535;
}
.badge--danger {
  color: #ffffff;
  background-color: #b30518;
  border-color: #b30518;
}
.badge--danger.badge .badge__button:focus, .badge--danger.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.badge--danger.badge .badge__button:focus-visible {
  border-color: #ffffff;
  box-shadow: 0px 0px 0px 2px #ffffff;
}
.badge--danger.badge--light {
  background-color: #ffe8e3;
  color: #b30518;
}
.badge--danger.badge--light .badge__button:focus, .badge--danger.badge--light .badge__button:hover, .badge--danger.badge--light .badge__button:focus-visible {
  background-color: #ffc3b7;
}
.badge--danger.badge--light .badge__button:focus-visible {
  border-color: #b30518;
  box-shadow: 0px 0px 0px 2px #b30518;
}
.badge--warning {
  color: #161618;
  background-color: #e5a612;
  border-color: #e5a612;
}
.badge--warning.badge .badge__button:focus, .badge--warning.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.badge--warning.badge .badge__button:focus-visible {
  border-color: #161618;
  box-shadow: 0px 0px 0px 2px #161618;
}
.badge--warning.badge--light {
  background-color: #ffefca;
  color: #ae5400;
}
.badge--warning.badge--light .badge__button:focus, .badge--warning.badge--light .badge__button:hover, .badge--warning.badge--light .badge__button:focus-visible {
  background-color: #ffd58a;
}
.badge--warning.badge--light .badge__button:focus-visible {
  border-color: #ae5400;
  box-shadow: 0px 0px 0px 2px #ae5400;
}
.badge--success {
  color: #ffffff;
  background-color: #0d8252;
  border-color: #0d8252;
}
.badge--success.badge .badge__button:focus, .badge--success.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.badge--success.badge .badge__button:focus-visible {
  border-color: #ffffff;
  box-shadow: 0px 0px 0px 2px #ffffff;
}
.badge--success.badge--light {
  background-color: #eafbeb;
  color: #056941;
}
.badge--success.badge--light .badge__button:focus, .badge--success.badge--light .badge__button:hover, .badge--success.badge--light .badge__button:focus-visible {
  background-color: #abdeb1;
}
.badge--success.badge--light .badge__button:focus-visible {
  border-color: #0d8252;
  box-shadow: 0px 0px 0px 2px #0d8252;
}
.badge--info {
  color: #ffffff;
  background-color: #0077a7;
  border-color: #0077a7;
}
.badge--info.badge .badge__button:focus, .badge--info.badge .badge__button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.badge--info.badge .badge__button:focus-visible {
  border-color: #ffffff;
  box-shadow: 0px 0px 0px 2px #ffffff;
}
.badge--info.badge--light {
  background-color: #e3f7ff;
  color: #0077a7;
}
.badge--info.badge--light .badge__button:focus, .badge--info.badge--light .badge__button:hover, .badge--info.badge--light .badge__button:focus-visible {
  background-color: #a0e1ff;
}
.badge--info.badge--light .badge__button:focus-visible {
  border-color: #0077a7;
  box-shadow: 0px 0px 0px 2px #0077a7;
}

.btn .badge {
  position: relative;
  top: -1px;
}

:host(*) {
  line-height: 1.25rem;
}

:host(.badge-dismissed) {
  display: none !important;
  visibility: hidden !important;
}