@include export-module('co-transaction-line-theme') {
  .co-transaction-line {
    background-color: $tp-transaction-line-background-color;
    border-color: $tp-transaction-line-border-color;
    color: $tp-color-font;
    .transaction-line-totals-discount {
      color: $tp-transaction-line-discount-color;
      background-color: $tp-transaction-line-discount-background-color;
    }
    &.new-line {
      animation: addedLineAnimation 1s;
      animation-timing-function: ease-out;
    }
    &.drag-over {
      box-shadow: $tp-transaction-line-drag-over-box-shadow;
    }
  }
}

@keyframes addedLineAnimation {
  0% {
    background-color: $tp-transaction-line-background-color;
  }
  25% {
    background-color: $tp-transaction-line-added-background-color;
  }
  100% {
    background-color: $tp-transaction-line-background-color;
  }
}
