@use "../../variables/colors" as *;
@use "../../../colors" as *;
@use "../../variables/sizes" as *;
@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@use "../../../tabs/mixins" as *;
@use "../../../tabs" as *;
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;

// adduse

.dx-tabpanel-tabs-position-bottom {
  > .dx-tabpanel-tabs {
    .dx-tabs-wrapper {
      border-block-start: $generic-tabs-border;
      border-block-end: $generic-tabs-border;

      @include dx-tabs-border-mixin(
        none,
        $generic-tabs-border,
        none,
        $generic-tabs-border,
      );
    }

    .dx-tabs-scrollable {
      @include dx-tabs-border-mixin(
        none,
        $generic-tabs-border-width solid,
        none,
        $generic-tabs-border-width solid,
      );

      &::after {
        top: $generic-tabs-border-width;
        bottom: 0;
      }
    }
  }

  &:not(.dx-empty-collection) {
    > .dx-tabpanel-container {
      > .dx-multiview-wrapper {
        border-block-end: none;
      }
    }
  }
}