.chip {
  font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: var(--color-default-text-5);
  padding: 0 0.75em 0 0.75em;
  text-align: center;
  cursor: pointer;
  transition: background-color ease-in-out 0.1s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-block;
  border-radius: 0.2rem;
  border: 2px solid var(--color-default-text-5);
  height: 2rem;
  line-height: 2rem;
}
.chip.chip-close {
  padding-right: 2.5rem;
  position: relative;
}
.chip.chip-close:before {
  content: '';
  width: 1.4em;
  height: 100%;
  background: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27><path d=%27M34.962 32.5l11.113-11.2a2.394 2.394 0 0 0 0-3.36 2.35 2.35 0 0 0-3.336 0L31.985 28.775 21.232 17.942a2.344 2.344 0 0 0-3.335 0 2.444 2.444 0 0 0 0 3.36l11.122 11.2L17.905 43.7a2.367 2.367 0 0 0 3.335 3.36L32 36.228 42.749 47.06a2.344 2.344 0 0 0 3.335 0 2.444 2.444 0 0 0 0-3.36z%27 fill-rule=%27evenodd%27/></svg>");
  background-size: 100%;
  background-position-y: center;
  position: absolute;
  right: 0;
  top: 0;
}
.chip.compact {
  font-size: 0.9rem;
}
.chip.selected {
  background-color: var(--color-default-5);
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .chip:hover {
    color: white;
    background-color: var(--color-primary-4);
    text-decoration: none;
  }
  .chip:hover a {
    text-decoration: none;
  }
}
.chip:active {
  background-color: var(--color-primary-5);
}
.chip a {
  color: white;
}
.icon-carrier-car .icon-cr.icon-carrier-car:before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg style=%27fill:black%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 166.74 127.02%27><g id=%27Layer_2%27 data-name=%27Layer 2%27><g id=%27Layer_1-2%27 data-name=%27Layer 1%27><path class=%27cls-1%27 d=%27M52.74,108.72a18.3,18.3,0,1,1-36.59,0%27/><path class=%27cls-1%27 d=%27M0,0V108.72H16.15a18.3,18.3,0,1,1,36.59,0H88.27V0Z%27/><path class=%27cls-1%27 d=%27M152.1,108.72a18.3,18.3,0,1,1-36.6,0%27/><path class=%27cls-1%27 d=%27M100.86,53.82v54.9H115.5a18.3,18.3,0,1,1,36.6,0h14.64V53.82Z%27/><path class=%27cls-1%27 d=%27M100.86,20.71V54.9h33.36c0-.14,0-.28,0-.41A33.79,33.79,0,0,0,100.86,20.71Z%27/></g></g></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg style=%27fill:black%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 166.74 127.02%27><g id=%27Layer_2%27 data-name=%27Layer 2%27><g id=%27Layer_1-2%27 data-name=%27Layer 1%27><path class=%27cls-1%27 d=%27M52.74,108.72a18.3,18.3,0,1,1-36.59,0%27/><path class=%27cls-1%27 d=%27M0,0V108.72H16.15a18.3,18.3,0,1,1,36.59,0H88.27V0Z%27/><path class=%27cls-1%27 d=%27M152.1,108.72a18.3,18.3,0,1,1-36.6,0%27/><path class=%27cls-1%27 d=%27M100.86,53.82v54.9H115.5a18.3,18.3,0,1,1,36.6,0h14.64V53.82Z%27/><path class=%27cls-1%27 d=%27M100.86,20.71V54.9h33.36c0-.14,0-.28,0-.41A33.79,33.79,0,0,0,100.86,20.71Z%27/></g></g></svg>");
}
.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;
  }
}
@media (min-width: 768px) {
  #cart-gift-options #cart-gift-options-content {
    display: flex;
  }
  #cart-gift-options #cart-gift-options-content img {
    height: 100%;
    margin-right: 5rem;
  }
}


/*# sourceMappingURL=cart.a9e86e82ae5bbf79de58.css.map*/