@import "../../index";

.bi-segment{
  & > .center-element{
    .overflow-hidden();
    border-right: 1px solid @color-bi-border-highlight;
    border-top: 1px solid @color-bi-border-highlight;
    border-bottom: 1px solid @color-bi-border-highlight;
  }
  & > .first-element{
    border-left: 1px solid @color-bi-border-highlight;
    .border-corner-radius(2px,0px,0px,2px)
  }
  & > .last-element{
    .border-corner-radius(0px,2px,2px,0px)
  }
  &.disabled > .center-element, &.disabled > .first-element{
    border-color: @color-bi-border-disabled;
  }
}

.bi-theme-dark {
  .bi-segment {
    & > .center-element{
      .overflow-hidden();
      border-right: 1px solid @color-bi-border-line-theme-dark;
      border-top: 1px solid @color-bi-border-line-theme-dark;
      border-bottom: 1px solid @color-bi-border-line-theme-dark;
    }
    & > .first-element{
      border-left: 1px solid @color-bi-border-line-theme-dark;
    }
  }
}