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

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

.bi-theme-dark {
  .bi-segment {
    & > .center-element{
      .overflow-hidden();
      background: @color-bi-background-default-theme-dark;
      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-background-default-theme-dark;
    }
  }
}