@include export-module('cc-transaction-cash-register-dialog-layout') {
  .co-transaction-cash-register-dialog {
    font-family: $tp-transaction-cash-register-dialog-font-family;
    font-size: $tp-transaction-cash-register-dialog-font-size;
    .dialog-content-wrapper {
      padding: 20px;
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      min-width: 400px;
    }

    .title-wrapper {
      display: flex;
      column-gap: 10px;
      align-items: center;
      .co-icon {
        height: $tp-transaction-cash-register-dialog-header-icon-size;
        width: $tp-transaction-cash-register-dialog-header-icon-size;
        margin: $tp-transaction-cash-register-dialog-header-icon-margin;
      }
    }

    .cash-registers {
      position: relative;
      min-height: 50px;
      display: flex;
      flex-direction: row;
      column-gap: 5px;
      row-gap: 5px;
      flex-wrap: wrap;
      .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }
}