.np-summary {
  min-width: 280px;
}
.np-summary__body {
  flex: 1;
}
.np-summary__title {
  margin-top: 2px;
  line-height: calc(22 / 16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  justify-content: space-between;
  margin-top: 0;
}
.np-summary__title span {
  line-height: 1.375;
  margin-bottom: 0 !important;
  letter-spacing: normal;
}
.np-summary__title .np-info button {
  margin-top: 0;
}
.np-summary__title .np-info__small {
  margin-top: 0;
}
.np-summary__title .np-info .tw-icon {
  color: var(--color-interactive-primary);
}
.np-summary__icon {
  position: relative;
  color: #37517e;
  color: var(--color-content-primary);
}
.np-summary__icon .np-summary-icon__done {
  color: var(--color-sentiment-positive);
}
.np-summary__icon .np-summary-icon__pending {
  color: var(--color-sentiment-warning);
}
.np-summary__icon :nth-child(2) {
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  right: calc(8px * -1);
  right: calc(var(--size-8) * -1);
  bottom: -6px;
}
[dir="rtl"] .np-summary__icon :nth-child(2) {
  left: calc(8px * -1);
  left: calc(var(--size-8) * -1);
  right: auto;
  right: initial;
}
.np-summary__description {
  margin-top: 4px;
  margin-top: var(--size-4);
  font-size: 0.875rem;
  font-size: var(--font-size-14);
  line-height: calc(20 / 14);
  color: #5d7079;
  color: var(--color-content-secondary);
  padding-right: calc(24px + 8px);
  padding-right: calc(var(--size-24) + var(--size-8));
}
[dir="rtl"] .np-summary__description {
  padding-left: calc(24px + 8px);
  padding-left: calc(var(--size-24) + var(--size-8));
  padding-right: 0;
}
.np-summary__description-icon {
  margin-top: 4px;
  margin-top: var(--size-4);
}
.np-summary__action {
  margin-top: 4px;
  margin-top: var(--size-4);
}
.np-summary + .np-summary {
  margin-top: 24px;
  margin-top: var(--size-24);
}