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

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

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

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

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

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

.bot(@text: 'BOT', @height: 16px) {
  @offset: (@height / 4);
  display: inline-block;
  content: @text;
  height: @height;
  padding: 0 @offset;
  margin: @offset 0 0 @offset;
  border-radius: @offset;
  background: var(--brand-experiment);
  color: #fff;
  font-size: (@height - @offset);
  line-height: ($font-size * 1.25);
  vertical-align: top;
}

.horiz-tab(@cols: 2, @div: ~'.divider-_0um2u') {
  @gap: @div-width * 2;
  @el-width: calc(100% / @cols - @gap);
  display: flex;
  flex-flow: row wrap;
  column-gap: @gap;
  row-gap: (@gap / 2);
  & > * {
    width: @el-width;
  }

  @{div}:empty {
    &:extend(.hide);
  }
}

.verify(@id) {
  div.message-2CShn3 img.avatar-2e8lTP[src*="/@{id}/"] + .header-2jRmjb > .headerText-2z4IhQ::after
  { .bot('✓', 16px); }
  // Replies
  div.repliedMessage-3Z6XBG img.replyAvatar-sHd2sU[src*="/@{id}/"] + span::after
  { .bot('✓', 12px); }
}