:root[data-dark=true] .tab-btns.badge .tab-btn {
  color: #53acff;
  background-color: #232426;
  border: 1px solid #4d4c4c;
}
:root[data-dark=true] .tab-btns.badge .tab-btns-list.on .tab-btn {
  color: #fff;
  background-color: #2282b9;
  border: 1px solid #2282b9;
}
:root[data-dark=true] .tab-btns.boxbtn {
  background-color: #383838;
}
:root[data-dark=true] .tab-btns.boxbtn .tab-btn {
  color: #bbb;
}
:root[data-dark=true] .tab-btns.boxbtn .tab-btns-list.on .tab-btn {
  color: #fff;
}
:root[data-dark=true] .tab-btns.textbtn .tab-btns-list + .tab-btns-list::before {
  background-color: #747474;
}
:root[data-dark=true] .tab-btns.textbtn .tab-btn {
  color: #bbb;
}
:root[data-dark=true] .tab-btns.textbtn .tab-btns-list.on .tab-btn {
  color: #53acff;
}
:root[data-dark=true] .tab-btns.underline::after {
  background-color: rgba(255, 255, 255, 0.2);
}
:root[data-dark=true] .tab-btns.underline .tab-btns-list + .tab-btns-list::before {
  background-color: #747474;
}
:root[data-dark=true] .tab-btns.underline .tab-btn {
  color: #bbb;
}
:root[data-dark=true] .tab-btns.underline .tab-btns-list.on .tab-btn {
  color: #53acff;
}
:root[data-dark=true] .tab-btns.notice .tab-btn {
  color: #bbb;
}
:root[data-dark=true] .tab-btns.notice .tab-btns-list.on .tab-btn {
  color: #53acff;
}