.left-border(@r: 0) {
  border-top-left-radius:    @r !important;
  border-bottom-left-radius: @r !important;
}

.right-border(@r: 0) {
  border-top-right-radius:    @r !important;
  border-bottom-right-radius: @r !important;
}

.bottom-border(@r: 0) {
  border-bottom-left-radius:  @r !important;
  border-bottom-right-radius: @r !important;
}

.top-border(@r: 0) {
  border-top-left-radius:  @r !important;
  border-top-right-radius: @r !important;
}

.radius(@r: 0) {
  border-radius: @r !important;
}

.hide {
  all: unset    !important;
  display: none !important;
  width:   0    !important;
  height:  0    !important;
}

.horiz-tab(@cols: 2, @offset: 0) {
  @gap: @div-width * 2;
  @el-width: calc(unit((100% / @cols), %) - unit((@gap + @offset), px));
  display: flex;
  flex-flow: row wrap;
  column-gap: @gap;
  row-gap: (@gap / 2);
  & > * {
    width: @el-width;
  }

  div[class^="divider"]:empty {
    display: none;
  }
}