*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
}

:host {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  margin-right: 4px !important;
  margin-bottom: 2px !important;
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
:host:last-child, :host:last-of-type {
  margin-right: 0 !important;
}
[alignment=form-distribute] > :host:last-of-type:not(:last-child) {
  margin-right: 4px !important;
}

:host(.duet-m-0) {
  margin: 0 !important;
}

.duet-badge {
  display: inline-block;
  width: 100%;
  padding: 4.4444444444px 12px 5.4444444444px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  vertical-align: middle;
  color: rgb(8, 42, 77);
  text-align: center;
  word-break: break-word;
  background: #d9ebf4;
  border-radius: 20rem;
}
.duet-badge.duet-p-0 {
  padding: 0 !important;
}
.duet-badge.duet-m-0 {
  margin: 0 !important;
}
.duet-badge.duet-theme-turva {
  padding: 5.4444444444px 12px 4.4444444444px;
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: rgb(23, 28, 58);
  background: #e8e8eb;
}
.duet-badge.warning {
  background: #fdecc9;
}
.duet-badge.warning.duet-theme-turva {
  background: #fdecc9;
}
.duet-badge.danger {
  background: #f7d2dc;
}
.duet-badge.danger.duet-theme-turva {
  background: #f7d2dc;
}
.duet-badge.success {
  background: #d6e6e1;
}
.duet-badge.success.duet-theme-turva {
  background: #d6e6e1;
}
.duet-badge.subtle {
  color: rgb(98, 121, 138);
  outline: 1px solid rgb(212, 223, 229);
  outline-offset: -1px;
  background: none;
}
.duet-badge.subtle.duet-theme-turva {
  color: rgb(113, 118, 132);
  outline-color: rgb(222, 224, 228);
  background: none;
}
.duet-badge.background-strong.default {
  color: rgb(255, 255, 255);
  background: rgb(0, 119, 179);
}
.duet-badge.background-strong.default.duet-theme-turva {
  color: rgb(255, 255, 255);
  background: rgb(23, 28, 58);
}
.duet-badge.background-strong.warning {
  background: #f9c153;
}
.duet-badge.background-strong.warning.duet-theme-turva {
  background: #f9c153;
}
.duet-badge.background-strong.danger {
  color: rgb(255, 255, 255);
  background: rgb(214, 28, 82);
}
.duet-badge.background-strong.danger.duet-theme-turva {
  color: rgb(255, 255, 255);
  background: rgb(214, 28, 82);
}
.duet-badge.background-strong.success {
  color: rgb(255, 255, 255);
  background: rgb(48, 131, 105);
}
.duet-badge.background-strong.success.duet-theme-turva {
  color: rgb(255, 255, 255);
  background: rgb(48, 131, 105);
}
.duet-badge.background-strong.subtle {
  outline-color: rgb(8, 42, 77);
  border-color: rgb(181, 198, 208);
}
.duet-badge.background-strong.subtle.duet-theme-turva {
  outline-color: rgb(23, 28, 58);
  border-color: rgb(199, 202, 207);
}

:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default {
  color: rgb(23, 42, 59);
  background: #e8eaeb;
}
:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default {
  color: rgb(255, 255, 255);
  background: rgb(23, 42, 59);
}
:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle {
  outline-color: rgb(23, 42, 59);
}