*,
*::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;
}

.duet-share-chart-horizontal-bar {
  height: 16px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.duet-share-chart-horizontal-bar .duet-share-chart-share {
  box-sizing: border-box;
  display: inline-block;
  height: 16px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 0 1px;
}
.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child {
  border-left-width: 0;
  border-radius: 4px 0 0 4px;
}
.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child {
  border-right-width: 0;
  border-radius: 0 4px 4px 0;
}

.duet-share-chart-item-list {
  padding: 0 4px;
  margin: 0;
  list-style: none;
}
.duet-share-chart-item-list li {
  display: flex;
  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: 1rem;
  font-style: normal;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  color: rgb(8, 42, 77);
}
.duet-share-chart-item-list li.duet-theme-turva {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgb(23, 28, 58);
}
.duet-share-chart-item-list span {
  display: inline-block;
}
.duet-share-chart-item-list .duet-share-chart-item-color {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: calc((1.5rem - 12px) / 2);
  margin-right: 12px;
  border-radius: 4px;
}
.duet-share-chart-item-list .duet-share-chart-item-value {
  font-weight: 600;
}

:host(.duet-theme-turva2) .duet-share-chart-item-list li.duet-theme-turva {
  color: rgb(23, 42, 59);
}