@include export-module('cc-transaction-filter-layout') {
  .co-transaction-filter {
    display: flex;
    height: 100%;
    .transaction-filter-wrapper {
      display: flex;
    }
    .co-transaction-sales-order-filter, .co-transaction-purchase-order-filter, .co-transaction-sales-quotation-filter, co-transaction-cash-desk-filter {
      font-family: $tp-co-transaction-filter-font-family;
      font-size: $tp-co-transaction-filter-font-size;
      width: $cc-co-transaction-filter-width;
      padding: $cc-co-transaction-filter-padding;
      display: flex;
      flex-direction: column;
      height: fit-content;
      position: relative;
      border: $cc-co-transaction-filter-border;
      top: $cc-co-transaction-filter-top;

      .transaction-category-filter-wrapper {
        display: flex;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: $cc-co-transaction-category-filter-wrapper-padding-top;
        height: 100%;
        scroll-behavior: smooth;
      }

      .transaction-filter-category-content {
        display: flex;
        width: $cc-co-transaction-category-filter-content-width;
        flex-shrink: 0;
      }

      .filter-item-wrapper {
        min-height: 10px;
      }

      .clickable {
        cursor: pointer;
      }
    }
  }
}
