@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../tabs/colors" as *;
@use "../../base/tabPanel";

// adduse

.dx-tabpanel {
  .dx-tabs {
    display: block;
    border-bottom: none;
    background-color: $tabs-tab-bg;

    @at-root #{selector-append(".dx-empty-collection", &)} {
      border-top: none;
    }
  }

  .dx-tab {
    min-width: 72px;

    &:not(.dx-tab-selected):not(.dx-state-hover) {
      background: none;
    }
  }

  .dx-tabs-wrapper {
    display: block;
  }
}