@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-left {
  .dx-tabs-wrapper {
    border-inline-start: $generic-tabs-border;
    border-inline-end: $generic-tabs-border;
  }

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

    &::after {
      left: 0;
      right: $generic-tabs-border-width;
    }
  }

  &:not(.dx-empty-collection) {
    .dx-multiview-wrapper {
      border-inline-start: none;
    }
  }
}