.header-page-tabs{
  position:relative;
  z-index:850;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  isolation:isolate;
  width:100%;
  min-height:42px;
  margin:0 auto 12px;
  padding:0 24px;
  border-bottom:1px solid rgba(245,195,65,.44);
  background:linear-gradient(180deg,rgba(6,5,3,.96),rgba(23,17,6,.78));
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
}
.header-page-tabs::-webkit-scrollbar{display:none}
.page-tabs button{
  position:relative;
  z-index:var(--tab-z,1);
  display:flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  min-height:0;
  height:26px;
  margin:0 0 -1px;
  padding:0 6px 0 25px;
  border:1px solid rgba(245,195,65,.18);
  border-bottom-color:rgba(245,195,65,.28);
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,rgba(18,15,9,.94),rgba(3,3,3,.98));
  color:#9d8d5d;
  font-size:11px;
  font-weight:850;
  line-height:1;
  text-align:left;
  text-transform:none;
  white-space:nowrap;
  cursor:pointer;
  opacity:1;
  box-shadow:inset 0 4px 8px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,241,168,.04);
  transition:height .16s ease,opacity .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.page-tabs .tab-label{display:block;min-width:0}
.page-tabs .tab-close-x{
  display:grid;
  place-items:center;
  flex:0 0 17px;
  width:17px;
  height:17px;
  border-radius:50%;
  color:#dbc683;
  font-size:16px;
  font-weight:900;
  line-height:1;
}
.page-tabs .tab-close-x:hover{
  background:rgba(255,241,168,.16);
  color:#fff1a8;
}
.page-tabs button.active .tab-close-x{color:#3c2a06}
.page-tabs button.active .tab-close-x:hover{
  background:rgba(18,13,2,.14);
  color:#120d02;
}
.page-tabs button+button{margin-left:0}
.page-tabs button:before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:radial-gradient(circle,#15120a 0 38%,#050403 42% 100%);
  box-shadow:inset 0 1px 1px rgba(255,241,168,.18),0 0 0 1px rgba(245,195,65,.2);
  transform:translateY(-50%);
}
.page-tabs button:hover{
  background:linear-gradient(180deg,rgba(43,33,14,.96),rgba(10,8,4,.98));
  color:#fff1a8;
  opacity:1;
}
.page-tabs button.active{
  z-index:100;
  height:34px;
  border-color:#ffe98a;
  border-bottom-color:#050403;
  background:linear-gradient(180deg,#fff7bf 0%,#ffd54d 34%,#e6a318 70%,#a76600 100%);
  color:#120d02;
  opacity:1;
  box-shadow:0 -3px 11px rgba(245,195,65,.48),0 0 18px rgba(245,195,65,.3),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -2px 3px rgba(88,48,0,.38);
  transform:translateY(-1px);
}
.page-tabs button:not(.active):not(.tab-create-button) .tab-close-x{color:#fff9dd;text-shadow:0 1px 2px #000,0 0 8px rgba(255,210,70,1)}
.page-tabs button.active:before{
  background:radial-gradient(circle,#d8ffe9 0 22%,#00e86f 28% 58%,#007c39 66% 100%);
  box-shadow:0 0 0 1px rgba(216,255,233,.72),0 0 10px rgba(0,232,111,.95),0 0 18px rgba(0,232,111,.42);
}
.page-tabs button[title="YOUTUBE"]:before{
  left:7px;
  width:16px;
  height:11px;
  border-radius:3px;
  background:#ff0000;
  box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 9px rgba(255,0,0,.45);
}
.page-tabs button[title="YOUTUBE"]:after{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:0;
  height:0;
  border-top:3px solid transparent;
  border-bottom:3px solid transparent;
  border-left:5px solid #fff;
  transform:translateY(-50%);
}
.page-tabs button.tab-create-button{
  z-index:1;
  display:grid;
  place-items:center;
  width:30px;
  height:28px;
  margin-left:6px;
  padding:0;
  border-color:rgba(245,195,65,.28);
  border-radius:9px 9px 0 0;
  background:linear-gradient(180deg,rgba(28,24,15,.72),rgba(6,6,5,.82));
  color:#f5c341;
  font-size:18px;
  font-weight:400;
  line-height:1;
  text-align:center;
  text-shadow:0 0 10px rgba(245,195,65,.32);
}
.page-tabs button.tab-create-button:before{display:none}
.page-tabs button.tab-create-button:hover{
  border-color:rgba(255,241,168,.58);
  background:linear-gradient(180deg,rgba(255,241,168,.18),rgba(28,20,5,.92));
  color:#fff1a8;
}
.tab-overflow-menu{
  position:fixed;
  z-index:3000;
  display:grid;
  gap:0;
  min-width:176px;
  max-width:min(260px,calc(100vw - 16px));
  padding:2px;
  border:1px solid rgba(255,229,122,.78);
  border-radius:4px;
  background:#1a1203;
  box-shadow:0 14px 26px rgba(0,0,0,.62),0 0 18px rgba(245,195,65,.18);
  overflow:hidden;
}
.tab-overflow-menu button{
  width:100%;
  min-height:28px;
  border:0;
  border-bottom:1px solid rgba(116,75,3,.62);
  border-radius:0;
  padding:0 12px;
  background:linear-gradient(180deg,#ffe67a 0%,#d79c18 48%,#a66606 100%);
  color:#130d03;
  font-size:12px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(83,48,0,.28);
}
.tab-overflow-menu button:hover{
  background:linear-gradient(180deg,#fff3a8 0%,#edb72a 48%,#b77708 100%);
  color:#030201;
}
.tab-overflow-menu .tab-menu-create{
  margin-top:0;
  color:#120d02;
  background:linear-gradient(180deg,#fff0a0 0%,#dda51d 50%,#a96d07 100%);
  text-align:left;
}
.tab-overflow-menu .tab-menu-empty{
  display:block;
  min-height:28px;
  padding:8px 12px 7px;
  border-bottom:1px solid rgba(116,75,3,.62);
  background:linear-gradient(180deg,#f5c341,#b77807);
  color:#1a1002;
  font-size:12px;
  font-weight:800;
}
.video-main.luxubu-tabs-host{grid-template-rows:auto auto minmax(0,1fr) auto}
.video-main>.header-page-tabs{width:calc(100% + 32px);margin:0 -16px 12px;padding-left:28px}
.master-topbar+.header-page-tabs{
  position:fixed;
  left:0;
  right:0;
  top:92px;
  width:100%;
  margin:0;
}
body.luxubu-tabs-mounted .master-topbar~.main{padding-top:154px}
@media(max-width:1024px){
  .header-page-tabs{display:none!important}
  body.luxubu-tabs-mounted .master-topbar~.main{padding-top:112px}
}
@media(max-width:900px){
  body.luxubu-tabs-mounted .master-topbar~.main{padding-top:100px}
}