.alert-danger {
  padding: 1rem;
  border: none;
  border-radius: 0.2rem;
  background-color: var(--color-default-1);
  background-color: var(--color-danger-1);
  color: var(--color-danger-5);
}
.alert-danger a:not(.btn) {
  text-decoration: underline;
}
.alert-default {
  padding: 1rem;
  border: none;
  border-radius: 0.2rem;
  background-color: var(--color-default-1);
  color: var(--color-default-text-5);
}
.alert-default a:not(.btn) {
  text-decoration: underline;
}
.alert-primary {
  padding: 1rem;
  border: none;
  border-radius: 0.2rem;
  background-color: var(--color-default-1);
  background-color: var(--color-primary-1);
  color: var(--color-primary-5);
}
.alert-primary a:not(.btn) {
  text-decoration: underline;
}
.alert-info {
  padding: 1rem;
  border: none;
  border-radius: 0.2rem;
  background-color: var(--color-default-1);
  background-color: var(--color-info-1);
  color: var(--color-info-5);
}
.alert-info a:not(.btn) {
  text-decoration: underline;
}
.alert-success {
  padding: 1rem;
  border: none;
  border-radius: 0.2rem;
  background-color: var(--color-default-1);
  background-color: var(--color-success-1);
  color: var(--color-success-5);
}
.alert-success a:not(.btn) {
  text-decoration: underline;
}
.alert-warning {
  padding: 1rem;
  border: none;
  border-radius: 0.2rem;
  background-color: var(--color-default-1);
  background-color: var(--color-warning-1);
  color: var(--color-warning-5);
}
.alert-warning a:not(.btn) {
  text-decoration: underline;
}
table {
  width: 100%;
  border-collapse: collapse;
}
table td,
table th {
  padding: 0.5rem;
  text-align: left;
}
table thead {
  background-color: var(--color-default-1);
}
table th,
table tfoot td {
  color: var(--color-default-text-4);
  font-weight: var(--bold-weight);
}
table th {
  border-bottom: solid 2px var(--color-default-4);
}
table td {
  border-bottom: solid 1px var(--color-default-2);
  vertical-align: top;
}
table tbody tr {
  background-color: var(--color-table-row-1);
}
@media (hover: hover) and (pointer: fine) {
  table.table-hover tbody tr:hover {
    background-color: var(--color-table-row-hover);
  }
}
table.align-baseline td,
table td.align-baseline {
  vertical-align: baseline;
}
table.align-top td,
table td.align-top {
  vertical-align: top;
}
table.align-middle td,
table td.align-middle {
  vertical-align: middle;
}
table.align-bottom td,
table td.align-bottom {
  vertical-align: bottom;
}
table.table-dotted tbody tr {
  background-color: transparent;
}
table.table-dotted th,
table.table-dotted tbody tr td {
  border-bottom: none;
  position: relative;
}
table.table-dotted th:after,
table.table-dotted tbody tr td:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right, var(--color-default-4) 20%, transparent 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
  height: 1px;
}
table.table-striped tfoot tr {
  background-color: var(--color-default-2);
  color: white;
}
table.table-striped tbody tr:nth-child(2n + 1) {
  background-color: var(--color-table-row-2);
}
@media (hover: hover) and (pointer: fine) {
  table.table-striped.table-hover tbody tr:nth-child(2n + 1):hover {
    background-color: var(--color-table-row-hover);
  }
}
table.expandable-table {
  width: 100%;
}
table.expandable-table > tbody > tr {
  border: 2px solid var(--color-default-2);
}
table.expandable-table > tbody > tr:nth-child(4n + 1) {
  background-color: var(--color-default-1);
}
table.expandable-table > tbody > tr:nth-child(4n + 3) {
  background-color: var(--color-default-2);
}
table.expandable-table > tbody > td {
  line-height: 2.5em;
}
table.data-table th {
  position: relative;
}
table.data-table th.has-filter {
  padding-right: 3rem !important;
}
table.data-table th .data-table-filter {
  background-color: var(--color-default-0);
  position: absolute;
  display: none;
  top: 50%;
  left: 2px;
  right: 2px;
  transform: translateY(-50%);
  border-radius: 0.2rem;
  box-shadow: none;
  padding: 0.25rem 3rem 0.25rem 0.25rem;
  z-index: 1;
}
.dark table.data-table th .data-table-filter {
  background-color: var(--color-default-2);
}
table.data-table th .data-table-filter.show {
  display: block;
}
table.data-table th .fa-filter {
  position: absolute;
  top: 50%;
  right: 0;
  width: 3rem;
  text-align: center;
  transform: translateY(-50%);
  z-index: 2;
}
table.data-table th .fa-filter.filtered {
  color: var(--color-primary-4);
}
table.data-table th .fa-filter:hover {
  color: var(--color-primary-2);
}
table.data-table thead {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
table.data-table thead tr th span.sortable {
  cursor: pointer;
}
table.data-table thead tr th span.sortable.sorted {
  color: var(--color-primary-4);
}
table.data-table thead tr th span.sortable:hover {
  color: var(--color-primary-2);
}
.badge-white {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-4);
  background-color: white;
}
.pill-white {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-4);
  background-color: white;
}
.badge-danger {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-4);
}
.badge-outline-danger {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-4);
  border-color: var(--color-danger-4);
}
.pill-danger {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-4);
}
.pill-outline-danger {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-4);
  border-color: var(--color-danger-4);
}
.badge-danger-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-1);
}
.badge-outline-danger-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-1);
  border-color: var(--color-danger-1);
}
.pill-danger-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-1);
}
.pill-outline-danger-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-1);
  border-color: var(--color-danger-1);
}
.badge-danger-1,
.pill-danger-1 {
  color: var(--color-default-text-5);
}
.badge-danger-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-2);
}
.badge-outline-danger-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-2);
  border-color: var(--color-danger-2);
}
.pill-danger-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-2);
}
.pill-outline-danger-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-2);
  border-color: var(--color-danger-2);
}
.badge-danger-2,
.pill-danger-2 {
  color: var(--color-default-text-5);
}
.badge-danger-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-3);
}
.badge-outline-danger-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-3);
  border-color: var(--color-danger-3);
}
.pill-danger-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-3);
}
.pill-outline-danger-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-3);
  border-color: var(--color-danger-3);
}
.badge-danger-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-4);
}
.badge-outline-danger-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-4);
  border-color: var(--color-danger-4);
}
.pill-danger-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-4);
}
.pill-outline-danger-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-4);
  border-color: var(--color-danger-4);
}
.badge-danger-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-5);
}
.badge-outline-danger-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-5);
  border-color: var(--color-danger-5);
}
.pill-danger-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-5);
}
.pill-outline-danger-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-5);
  border-color: var(--color-danger-5);
}
.badge-danger-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-6);
}
.badge-outline-danger-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-6);
  border-color: var(--color-danger-6);
}
.pill-danger-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-danger-6);
}
.pill-outline-danger-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-danger-6);
  border-color: var(--color-danger-6);
}
.badge-default {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-4);
}
.badge-outline-default {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-4);
  border-color: var(--color-default-4);
}
.pill-default {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-4);
}
.pill-outline-default {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-4);
  border-color: var(--color-default-4);
}
.badge-default-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-1);
}
.badge-outline-default-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-1);
  border-color: var(--color-default-1);
}
.pill-default-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-1);
}
.pill-outline-default-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-1);
  border-color: var(--color-default-1);
}
.badge-default-1,
.pill-default-1 {
  color: var(--color-default-text-5);
}
.badge-default-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-2);
}
.badge-outline-default-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-2);
  border-color: var(--color-default-2);
}
.pill-default-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-2);
}
.pill-outline-default-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-2);
  border-color: var(--color-default-2);
}
.badge-default-2,
.pill-default-2 {
  color: var(--color-default-text-5);
}
.badge-default-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-3);
}
.badge-outline-default-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-3);
  border-color: var(--color-default-3);
}
.pill-default-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-3);
}
.pill-outline-default-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-3);
  border-color: var(--color-default-3);
}
.badge-default-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-4);
}
.badge-outline-default-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-4);
  border-color: var(--color-default-4);
}
.pill-default-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-4);
}
.pill-outline-default-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-4);
  border-color: var(--color-default-4);
}
.badge-default-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-5);
}
.badge-outline-default-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-5);
  border-color: var(--color-default-5);
}
.pill-default-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-5);
}
.pill-outline-default-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-5);
  border-color: var(--color-default-5);
}
.badge-default-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-6);
}
.badge-outline-default-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-6);
  border-color: var(--color-default-6);
}
.pill-default-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-default-6);
}
.pill-outline-default-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-default-6);
  border-color: var(--color-default-6);
}
.badge-primary {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-4);
}
.badge-outline-primary {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-4);
  border-color: var(--color-primary-4);
}
.pill-primary {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-4);
}
.pill-outline-primary {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-4);
  border-color: var(--color-primary-4);
}
.badge-primary-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-1);
}
.badge-outline-primary-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-1);
  border-color: var(--color-primary-1);
}
.pill-primary-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-1);
}
.pill-outline-primary-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-1);
  border-color: var(--color-primary-1);
}
.badge-primary-1,
.pill-primary-1 {
  color: var(--color-default-text-5);
}
.badge-primary-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-2);
}
.badge-outline-primary-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-2);
  border-color: var(--color-primary-2);
}
.pill-primary-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-2);
}
.pill-outline-primary-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-2);
  border-color: var(--color-primary-2);
}
.badge-primary-2,
.pill-primary-2 {
  color: var(--color-default-text-5);
}
.badge-primary-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-3);
}
.badge-outline-primary-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-3);
  border-color: var(--color-primary-3);
}
.pill-primary-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-3);
}
.pill-outline-primary-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-3);
  border-color: var(--color-primary-3);
}
.badge-primary-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-4);
}
.badge-outline-primary-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-4);
  border-color: var(--color-primary-4);
}
.pill-primary-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-4);
}
.pill-outline-primary-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-4);
  border-color: var(--color-primary-4);
}
.badge-primary-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-5);
}
.badge-outline-primary-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-5);
  border-color: var(--color-primary-5);
}
.pill-primary-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-5);
}
.pill-outline-primary-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-5);
  border-color: var(--color-primary-5);
}
.badge-primary-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-6);
}
.badge-outline-primary-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-6);
  border-color: var(--color-primary-6);
}
.pill-primary-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-primary-6);
}
.pill-outline-primary-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-primary-6);
  border-color: var(--color-primary-6);
}
.badge-info {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-4);
}
.badge-outline-info {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-4);
  border-color: var(--color-info-4);
}
.pill-info {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-4);
}
.pill-outline-info {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-4);
  border-color: var(--color-info-4);
}
.badge-info-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-1);
}
.badge-outline-info-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-1);
  border-color: var(--color-info-1);
}
.pill-info-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-1);
}
.pill-outline-info-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-1);
  border-color: var(--color-info-1);
}
.badge-info-1,
.pill-info-1 {
  color: var(--color-default-text-5);
}
.badge-info-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-2);
}
.badge-outline-info-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-2);
  border-color: var(--color-info-2);
}
.pill-info-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-2);
}
.pill-outline-info-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-2);
  border-color: var(--color-info-2);
}
.badge-info-2,
.pill-info-2 {
  color: var(--color-default-text-5);
}
.badge-info-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-3);
}
.badge-outline-info-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-3);
  border-color: var(--color-info-3);
}
.pill-info-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-3);
}
.pill-outline-info-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-3);
  border-color: var(--color-info-3);
}
.badge-info-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-4);
}
.badge-outline-info-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-4);
  border-color: var(--color-info-4);
}
.pill-info-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-4);
}
.pill-outline-info-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-4);
  border-color: var(--color-info-4);
}
.badge-info-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-5);
}
.badge-outline-info-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-5);
  border-color: var(--color-info-5);
}
.pill-info-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-5);
}
.pill-outline-info-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-5);
  border-color: var(--color-info-5);
}
.badge-info-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-6);
}
.badge-outline-info-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-6);
  border-color: var(--color-info-6);
}
.pill-info-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-info-6);
}
.pill-outline-info-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-info-6);
  border-color: var(--color-info-6);
}
.badge-success {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-4);
}
.badge-outline-success {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-4);
  border-color: var(--color-success-4);
}
.pill-success {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-4);
}
.pill-outline-success {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-4);
  border-color: var(--color-success-4);
}
.badge-success-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-1);
}
.badge-outline-success-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-1);
  border-color: var(--color-success-1);
}
.pill-success-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-1);
}
.pill-outline-success-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-1);
  border-color: var(--color-success-1);
}
.badge-success-1,
.pill-success-1 {
  color: var(--color-default-text-5);
}
.badge-success-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-2);
}
.badge-outline-success-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-2);
  border-color: var(--color-success-2);
}
.pill-success-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-2);
}
.pill-outline-success-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-2);
  border-color: var(--color-success-2);
}
.badge-success-2,
.pill-success-2 {
  color: var(--color-default-text-5);
}
.badge-success-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-3);
}
.badge-outline-success-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-3);
  border-color: var(--color-success-3);
}
.pill-success-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-3);
}
.pill-outline-success-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-3);
  border-color: var(--color-success-3);
}
.badge-success-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-4);
}
.badge-outline-success-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-4);
  border-color: var(--color-success-4);
}
.pill-success-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-4);
}
.pill-outline-success-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-4);
  border-color: var(--color-success-4);
}
.badge-success-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-5);
}
.badge-outline-success-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-5);
  border-color: var(--color-success-5);
}
.pill-success-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-5);
}
.pill-outline-success-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-5);
  border-color: var(--color-success-5);
}
.badge-success-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-6);
}
.badge-outline-success-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-6);
  border-color: var(--color-success-6);
}
.pill-success-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-success-6);
}
.pill-outline-success-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-success-6);
  border-color: var(--color-success-6);
}
.badge-warning {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-4);
}
.badge-outline-warning {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-4);
  border-color: var(--color-warning-4);
}
.pill-warning {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-4);
}
.pill-outline-warning {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-4);
  border-color: var(--color-warning-4);
}
.badge-warning-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-1);
}
.badge-outline-warning-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-1);
  border-color: var(--color-warning-1);
}
.pill-warning-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-1);
}
.pill-outline-warning-1 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-1);
  border-color: var(--color-warning-1);
}
.badge-warning-1,
.pill-warning-1 {
  color: var(--color-default-text-5);
}
.badge-warning-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-2);
}
.badge-outline-warning-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-2);
  border-color: var(--color-warning-2);
}
.pill-warning-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-2);
}
.pill-outline-warning-2 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-2);
  border-color: var(--color-warning-2);
}
.badge-warning-2,
.pill-warning-2 {
  color: var(--color-default-text-5);
}
.badge-warning-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-3);
}
.badge-outline-warning-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-3);
  border-color: var(--color-warning-3);
}
.pill-warning-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-3);
}
.pill-outline-warning-3 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-3);
  border-color: var(--color-warning-3);
}
.badge-warning-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-4);
}
.badge-outline-warning-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-4);
  border-color: var(--color-warning-4);
}
.pill-warning-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-4);
}
.pill-outline-warning-4 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-4);
  border-color: var(--color-warning-4);
}
.badge-warning-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-5);
}
.badge-outline-warning-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-5);
  border-color: var(--color-warning-5);
}
.pill-warning-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-5);
}
.pill-outline-warning-5 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-5);
  border-color: var(--color-warning-5);
}
.badge-warning-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-6);
}
.badge-outline-warning-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.5em;
  color: white;
  font-size: 0.75em;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-6);
  border-color: var(--color-warning-6);
}
.pill-warning-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  background-color: var(--color-warning-6);
}
.pill-outline-warning-6 {
  display: inline-flex;
  align-items: baseline;
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.65em;
  border-radius: 2em;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
  color: var(--color-warning-6);
  border-color: var(--color-warning-6);
}
.badge-group,
.pill-group {
  display: inline-flex;
}
.badge-group [class*='badge-']:not(:first-child),
.pill-group [class*='badge-']:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.badge-group [class*='badge-']:not(:last-child),
.pill-group [class*='badge-']:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
}
.cr-spinner,
#cart-gift-options #cart-gift-options-loading > div,
.cart-review-loading {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  animation: cr-spinner-spin 0.8s linear infinite;
}
.cr-spinner,
#cart-gift-options #cart-gift-options-loading > div,
.cart-review-loading {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  border: 4px solid var(--color-default-2);
  border-top: 4px solid var(--color-primary-3);
  width: 2.5rem;
  height: 2.5rem;
  animation: cr-spinner-spin 0.8s linear infinite;
  flex: 0 0 2.5rem;
}
.cr-spinner-small {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid var(--color-default-2);
  border-top: 2px solid var(--color-primary-3);
  width: 1.5rem;
  height: 1.5rem;
  animation: cr-spinner-spin 0.8s linear infinite;
  flex: 0 0 1.5rem;
}
.cr-spinner-inline {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid var(--color-default-2);
  border-top: 2px solid var(--color-primary-3);
  width: 1em;
  height: 1em;
  animation: cr-spinner-spin 0.8s linear infinite;
  flex: 0 0 1em;
}
@keyframes cr-spinner-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#footer {
  display: none;
}
#footer #footer-main-content > * {
  flex: 1 1 0 !important;
}
#footer .compact-footer-hidden {
  display: none !important;
}
#footer #footer-advantages {
  flex-grow: 2 !important;
}
#footer .footer-advantages-items {
  max-width: none !important;
  display: flex;
  flex-wrap: wrap;
}
#footer .footer-advantages-items > .d-flex {
  flex: 0 0 48% !important;
  margin-top: 0 !important;
  margin-bottom: 1rem;
}
#footer .footer-advantages-items > .d-flex:nth-child(2n) {
  margin-right: 0.5rem;
}
#cart-recommendations ul {
  align-items: start;
}
#cart-recommendations ul > li {
  background-color: var(--color-default-1);
  border-radius: 0.2rem;
  overflow: hidden;
}
#cart-recommendations ul > li img {
  border: 1px solid var(--color-default-2);
  border-top-left-radius: calc(0.2rem + 0.1rem);
  border-bottom-left-radius: calc(0.2rem + 0.1rem);
}
@media (min-width: 768px) {
  #cart-empty #cart-recommendations ul {
    display: flex;
    flex-wrap: wrap;
  }
  #cart-empty #cart-recommendations ul > li {
    flex: 1 0 40%;
    max-width: calc(50% - 0.5rem);
    margin-left: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #cart-empty #cart-recommendations ul > li:nth-child(2n + 1) {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  #cart-empty #cart-recommendations ul > li {
    flex: 1 0 26%;
    max-width: calc(33% - 0.5rem);
  }
  #cart-empty #cart-recommendations ul > li:nth-child(3n + 1) {
    margin-left: 0;
  }
}
@media (min-width: 576px) {
  #footer {
    display: block;
  }
}
@media (max-width: 513px) {
  #cart {
    flex-direction: column-reverse;
  }
}
#cart,
#cart-gift-options,
#cart-donation,
#cart-special-mug,
#cart-organization-donation {
  transition: opacity 0.1s ease-in-out;
}
#cart.loading,
#cart-gift-options.loading,
#cart-donation.loading,
#cart-special-mug.loading,
#cart-organization-donation.loading {
  opacity: 0.5;
  pointer-events: none;
}
#cart-gift-options #cart-gift-options-loading {
  min-height: 150px;
  padding-top: 60px;
}
#cart-gift-options #cart-gift-options-loading > div {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid white;
  border-top: 2px solid var(--color-primary-3);
  width: 2rem;
  height: 2rem;
  animation: cr-spinner-spin 0.8s linear infinite;
  flex: 0 0 2rem;
}
#cart-gift-options #cart-gift-options-content {
  position: relative;
}
#cart-gift-options #cart-gift-options-list > li {
  position: relative;
  flex: 0 0 50%;
}
#cart-gift-options .cart-gift-option-check {
  position: absolute;
  opacity: 0.75;
  background-color: white;
  border-radius: 0.2rem;
  top: 1rem;
  left: 1rem;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
#cart-gift-options .cart-gift-option-image {
  position: relative;
}
#cart-gift-options .cart-gift-option-image img {
  border: 2px solid transparent;
}
#cart-gift-options .selected .cart-gift-option-check {
  opacity: 0.75;
}
#cart-gift-options .selected img {
  border-color: var(--color-primary-4);
}
#cart-gift-options .selected.cart-gift-option-image .product-list-item-title {
  color: var(--color-primary-4);
}
#cart-empty .flex-grid {
  margin-bottom: 0;
}
#cart-empty #cart-recommendations h3 {
  text-align: center;
}
#cart-empty .product-list {
  margin-bottom: 0;
}
#cart-products .alert-danger,
#cart-products .alert-success {
  margin-bottom: 1rem;
}
.cart-review-loading {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid white;
  border-top: 2px solid var(--color-primary-3);
  width: 1.5rem;
  height: 1.5rem;
  animation: cr-spinner-spin 0.8s linear infinite;
  flex: 0 0 1.5rem;
}
#cart-shipping,
#cart-discount {
  align-items: baseline;
}
#cart-shipping-table th,
#cart-shipping-table td {
  text-align: left;
}
#cart-shipping-table tbody tr {
  background-color: transparent;
}
#cart-shipping-table thead tr {
  background-color: transparent;
}
@media (max-width: 767px) {
  #cart-shipping-table td:first-child {
    width: 28%;
  }
  #cart-shipping-table td:last-child {
    width: 28%;
  }
}
@media (min-width: 768px) {
  #cart-shipping-table td:first-child {
    width: 24%;
  }
}
#cart-shipping-table th:last-child,
#cart-shipping-table td:last-child {
  text-align: right;
}
#cart-shipping-table label {
  margin: 0;
}
#cart-shipping-table .cart-shipping-table-img {
  width: 3.5rem;
  height: 1.4rem;
}
#cart-shipping-express.d-flex {
  align-items: center;
  background-color: var(--color-default-3);
  padding: 1rem;
  border-radius: 0.2rem;
}
#cart-shipping-express.d-flex h4 {
  color: white;
  margin: 0 1rem 0 0;
}
#my-wrapper {
  margin-bottom: 11rem;
}
@media (min-width: 576px) {
  #my-wrapper {
    margin-bottom: 0;
  }
  #footer {
    display: block;
  }
}
@media (min-width: 768px) {
  #cart-gift-options #cart-gift-options-list > li {
    flex: 0 0 25%;
  }
}
@media (min-width: 992px) {
  #cart-gift-options #cart-gift-options-list > li {
    flex: 0 0 12.5%;
  }
  #cart #cart-recommendations ul {
    display: flex;
    flex-wrap: wrap;
  }
  #cart #cart-recommendations ul > li {
    flex: 1 0 40%;
    max-width: calc(50% - 0.5rem);
    margin-left: 1rem;
  }
  #cart #cart-recommendations ul > li:nth-child(2n + 1) {
    margin-left: 0;
  }
}
.values {
  margin: 20px 1.5rem 1.5rem 20px;
}
@media (max-width: 513px) {
  .values {
    margin-right: 0;
    margin-left: 0;
  }
}
#cart {
  font-family: Bricolage Grotesque, sans-serif;
}
#cart-products .btn-personalizados {
  color: #DD2C59;
  text-decoration: underline;
}


/*# sourceMappingURL=cart.77b46a9eb5945b8d33d2.css.map*/