.flex-row() {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-column() {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.button(@width: unset, @height: 48px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 48px, @highlight: 1) {
  width: @width;
  height: @height;
  padding: 0;
  margin: 0;
  font-size: @fontSize;
  font-weight: @fontWeight;
  line-height: @height;
  border-radius: @borderRadius;
  color: if(@highlight > 0, #FFFFFF, @blHighlightColor);
  background: if(@highlight > 0, @blHighlightColor, @blHighlightBg);
  border: none;

  &::after {
    border: none;
  }

  &:active {
    background: if(@highlight > 0, #5731C4, #DAD0F5);
  }
}

.noWrap() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}