@include export-module('cc-transaction-cash-register-order-expense-dialog') {
  .co-transaction-cash-register-order-expense-dialog {
    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
      width: 480px;

      .expense-dialog-title-wrapper {
        display: flex;
        align-items: center;
        grid-column-gap: 10px;
        column-gap: 10px;

        .expense-dialog-header-title {
          font-size: 14px;
          margin: 0 0 20px 0;
          font-weight: bold;
        }

        .co-icon {
          height: 20px;
          width: 20px;
          margin: 0 0 20px 0;
        }
      }

      .expense-dialog-content-wrapper {
        display: flex;
        flex-direction: column;
        width: fit-content;
        gap: 10px;

        .expense-dialog-fields {
          display: flex;
          flex-direction: row;
          gap: 20px;

          .expense-dialog-column {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 200px;
          }

          .divide-fields {
            justify-content: space-between;
          }
        }
      }
    }
  }
}
