.dccr-heading-icon {
  display: inline-flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  color: var(--asset);
}

.dccr-heading-icon svg,
.dccr-kind-icon svg,
.dccr-remove svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dccr-kind-icon {
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  color: var(--asset);
}

.dccr-item[data-kind="debt"] .dccr-kind-icon {
  color: #ef4444;
}

.dccr-remove {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  padding: 4px;
  font-size: inherit;
}