@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-top {
  .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 .dx-tabs-scrollable {
    @include dx-tabs-border-mixin(
      none,
      $generic-tabs-border-width solid,
      none,
      $generic-tabs-border-width solid,
    );

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

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