@include export-module('cc-transaction-cash-register-order-line-layout') {
  .co-transaction-cash-register-order-line {

    .line-content-wrapper {
      display: grid;
      grid-template-columns:
        210px
        420px;
      grid-template-rows: $tp-transaction-default-button-height;
      gap: 0 10px;
      grid-template-areas: ". .";
      padding: 8px;
    }
    .line-content-wrapper-col-1 {
      display: grid;
      grid-template-columns:
        $tp-transaction-default-button-width
        $tp-transaction-default-button-width;
      grid-template-rows: $tp-transaction-default-button-height;
      gap: 0 10px;
      grid-template-areas:". .";
    }
    .line-content-wrapper-col-2 {
      display: grid;
      grid-template-columns:
        $tp-transaction-default-button-width
        $tp-transaction-default-button-width
        $tp-transaction-default-button-width
        $tp-transaction-default-button-width;
      grid-template-rows: $tp-transaction-default-button-height;
      gap: 0 10px;
      grid-template-areas:". . . .";
    }

    .payment-line {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      .payment-label {
        height: $tp-transaction-default-button-height;
        width: $tp-transaction-default-button-width;
      }
    }
  }
}