@tab-border-width: @global-border-width;
@tab-border: @global-border;
@tab-box-shadow: none;
@tab-item-color: @global-meta-color;
@tab-item-border-width: @global-border-width + 2;
@tab-item-font-weight: 400;
@tab-item-padding-horizontal: 10px;
@tab-item-padding-vertical: 10px;

/** Hover */
@tab-item-hover-color: @global-secondary-background;

/** Active */
@tab-item-active-border: @global-secondary-background;
@tab-item-active-color: @global-primary-background;

.hook-tab() {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: @tab-border-width solid @tab-border;
  }
}

.hook-tab-item-active() {
  border-bottom: @tab-item-border-width solid @tab-item-active-border;
  font-weight: 600;
}