mempool/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.scss

.bowtie {
  .line {
    fill: none;

    &.input {
      stroke: url(#input-gradient);
    }
    &.output {
      stroke: url(#output-gradient);
    }
    &.fee {
      stroke: url(#fee-gradient);
    }

    &.highlight {
      z-index: 8;
      cursor: pointer;
      &.input {
        stroke: url(#input-highlight-gradient);
      }
      &.output {
        stroke: url(#output-highlight-gradient);
      }
    }

    &:hover {
      z-index: 10;
      cursor: pointer;
      &.input {
        stroke: url(#input-hover-gradient);
      }
      &.output {
        stroke: url(#output-hover-gradient);
      }
      &.fee {
        stroke: url(#fee-hover-gradient);
      }
    }
  }

  .connector {
    stroke: none;
    opacity: 0.75;
    &.input {
      fill: url(#input-connector-gradient);
    }
    &.output {
      fill: url(#output-connector-gradient);
    }
  }
}