/* v12.10.211 - horizontal category labels on the physical side tabs. */
:root{
  --nc-horizontal-tab-visible:128px;
  --nc-horizontal-tab-face:122px;
  --nc-v164-tab-lip:var(--nc-horizontal-tab-visible);
  --nc-v164-tab-width:var(--nc-horizontal-tab-visible);
  --nc-v164-tab-face:var(--nc-horizontal-tab-face);
  --nc-v165-tab-visible-lip:var(--nc-horizontal-tab-visible);
  --nc-v165-tab-face:var(--nc-horizontal-tab-face);
}

html body .magazine-shell .tabs{
  width:var(--nc-horizontal-tab-visible)!important;
}

html body .magazine-shell .tabs.left{
  left:calc(-1 * var(--nc-horizontal-tab-visible))!important;
}

html body .magazine-shell .tabs.right{
  right:calc(-1 * var(--nc-horizontal-tab-visible))!important;
}

html body .magazine-shell .tab{
  width:var(--nc-horizontal-tab-face)!important;
  min-width:var(--nc-horizontal-tab-face)!important;
  max-width:var(--nc-horizontal-tab-face)!important;
  padding:0 8px!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  letter-spacing:0!important;
}

html body .magazine-shell .tab .tab-label{
  left:50%!important;
  top:50%!important;
  width:calc(100% - 14px)!important;
  height:calc(100% - 10px)!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  transform:translate(-50%,-50%)!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  text-align:center!important;
  text-indent:0!important;
  letter-spacing:0!important;
  line-height:1.02!important;
}

html body .magazine-shell .tab .tab-label .tab-line{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:8px!important;
  line-height:1.04!important;
  letter-spacing:0!important;
}

html body .magazine-shell .tab .tab-label .tab-line:only-child{
  margin:0!important;
}

@media (max-width:980px){
  :root{
    --nc-horizontal-tab-visible:98px;
    --nc-horizontal-tab-face:92px;
  }
  html body .magazine-shell .tab .tab-label .tab-line{
    font-size:7px!important;
  }
}