@charset "UTF-8";body:not(.page-out-client).helper-v3 {
  --wg3-helper-navigation-height: 54px;
  --wg3-helper-launcher-height: 80px;
  --wg3-helper-sidebar-on-width: 182px;
  --wg3-helper-sidebar-off-width: 60px;
}
body:not(.page-out-client).helper-v3 .widget-lolheader {
  margin-top: var(--wg3-helper-navigation-height);
}
body:not(.page-out-client).helper-v3 .page-home,
body:not(.page-out-client).helper-v3 .page-history-record,
body:not(.page-out-client).helper-v3 .page-rank,
body:not(.page-out-client).helper-v3 .page-military,
body:not(.page-out-client).helper-v3 .page-champion {
  top: calc(90px + var(--wg3-helper-navigation-height));
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 120px, rgb(0, 0, 0) 200px, rgb(0, 0, 0) 100%);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 120px, rgb(0, 0, 0) 200px, rgb(0, 0, 0) 100%);
}
body:not(.page-out-client).helper-v3 .page-home::after,
body:not(.page-out-client).helper-v3 .page-history-record::after,
body:not(.page-out-client).helper-v3 .page-rank::after,
body:not(.page-out-client).helper-v3 .page-military::after,
body:not(.page-out-client).helper-v3 .page-champion::after {
  content: "";
  position: fixed;
  top: calc(100vh - 80px);
  left: 0;
  right: 0;
  height: 80px;
  z-index: 100;
}
body:not(.page-out-client).helper-v3 .page-home,
body:not(.page-out-client).helper-v3 .page-history-record,
body:not(.page-out-client).helper-v3 .panel-rank,
body:not(.page-out-client).helper-v3 .champion-choice {
  padding-bottom: 60px;
}
body:not(.page-out-client).helper-v3 .champion-choice {
  height: calc(100vh - 143px - var(--wg3-helper-navigation-height));
}
body:not(.page-out-client).helper-v3 .lol-panel-hisitory .lol-panel-bd .no-data-txt {
  height: calc(100vh - 210px - var(--wg3-helper-navigation-height) - var(--wg3-helper-launcher-height));
}
@media screen and (max-height: 860px) {
  body:not(.page-out-client).helper-v3 .lol-panel-hisitory .lol-panel-bd {
    height: calc(100vh - 85px - 100px - var(--wg3-helper-navigation-height) - var(--wg3-helper-launcher-height));
  }
}
body:not(.page-out-client).helper-v3 .page-team-up {
  top: calc(90px + var(--wg3-helper-navigation-height));
}
body:not(.page-out-client).helper-v3 .page-team-up .lol-row-main {
  height: calc(100% - 60px);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 120px, rgb(0, 0, 0) 200px, rgb(0, 0, 0) 100%);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 120px, rgb(0, 0, 0) 200px, rgb(0, 0, 0) 100%);
}
body:not(.page-out-client).helper-v3 .page-team-up .hall-panel-bd {
  margin-bottom: 110px;
  padding-bottom: 20px;
}
body:not(.page-out-client).helper-v3 .lol-panel-hisitory {
  top: 16px;
}
body:not(.page-out-client).helper-v3 .page-military {
  top: calc(90px + var(--wg3-helper-navigation-height) - 16px);
}
body:not(.page-out-client).helper-v3 .page-military .lol-row {
  margin-top: 16px;
}
body:not(.page-out-client).helper-v3 .page-military .lol-panel-hero,
body:not(.page-out-client).helper-v3 .page-military .lol-panel-skins,
body:not(.page-out-client).helper-v3 .page-military .lol-panel-myscreenshots {
  top: calc(90px + var(--wg3-helper-navigation-height) - 16px);
  margin-top: 16px;
}
body:not(.page-out-client).helper-v3 .page-military .lol-row,
body:not(.page-out-client).helper-v3 .page-military .lol-panel-hero .lol-panel-bd,
body:not(.page-out-client).helper-v3 .page-military .lol-panel-skins .lol-panel-bd,
body:not(.page-out-client).helper-v3 .page-military .lol-panel-myscreenshots .lol-panel-bd {
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 40px, rgb(0, 0, 0) 120px, rgb(0, 0, 0) 100%);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 40px, rgb(0, 0, 0) 120px, rgb(0, 0, 0) 100%);
  padding-bottom: 80px;
}
body:not(.page-out-client).helper-v3 .section-overview,
body:not(.page-out-client).helper-v3 .section-scrollbox {
  height: calc(100vh - 128px - 6px - var(--wg3-helper-navigation-height));
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 120px, rgb(0, 0, 0) 200px, rgb(0, 0, 0) 100%);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 120px, rgb(0, 0, 0) 200px, rgb(0, 0, 0) 100%);
}
body:not(.page-out-client).helper-v3 .section-overview,
body:not(.page-out-client).helper-v3 .section-scrollbox .panel-data-chart-show,
body:not(.page-out-client).helper-v3 .section-scrollbox .video-strategy-list,
body:not(.page-out-client).helper-v3 .section-scrollbox .section-scrollbox-inner {
  padding-bottom: var(--wg3-helper-launcher-height);
}
body:not(.page-out-client).helper-v3 .mod-floating-v2 .mod-floating-header {
  min-height: 20px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container {
  height: 605px;
  margin: -300px 0 0 -390px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .military-card {
  height: 188px;
  margin-bottom: 16px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .popbox-tips {
  height: 36px;
  line-height: 36px;
  padding-top: 10px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .widget-search {
  margin-top: 2px;
  margin-bottom: -2px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .tab-set-switch {
  top: 14px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-set.skin-set-all {
  height: 256px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-set .myskin-list--edit {
  height: 208px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-card {
  transform: scale(0.8);
  transform-origin: top;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .myskin-list-all .skin-card {
  transform: scale(1);
  height: 190px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-set {
  padding-bottom: 0;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-set-hd {
  padding: 14px 28px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-standard-box.--standard .skin-set-hd {
  padding-right: 170px;
}
body:not(.page-out-client).helper-v3 .popbox--primary .popbox-container .skin-set-more {
  top: 16px;
}
body:not(.page-out-client).helper-v3 .page-tools {
  bottom: 85px;
}
body:not(.page-out-client).helper-v3 .iframe-box {
  height: calc(100vh - 85px - var(--wg3-helper-navigation-height)) !important;
  padding-bottom: 50px;
  -webkit-mask-image: linear-gradient(#000, #000 calc(100% - 100px), transparent calc(100% - 50px), transparent 100%);
}
body:not(.page-out-client).helper-v3 .iframe-box--detail {
  height: calc(100vh - 85px - var(--wg3-helper-navigation-height) - 50px) !important;
  -webkit-mask: none;
}
body:not(.page-out-client).helper-v3 .lineupdetail-contentinfo.rollmenufix .lineupdetail-rollmenu {
  top: 220px;
  left: auto;
}
body:not(.page-out-client).helper-v3 .lol-panel-express .lol-panel-bd {
  background-color: var(--color-fill-1);
}
@media (min-height: 800px) {
  body:not(.page-out-client).helper-v3 .mod-floating .widget-recchart-table-bd {
    height: 500px;
  }
}
body:not(.page-out-client).helper-v3 .livelink-outter {
  z-index: 20;
  top: calc(60px + var(--wg3-helper-navigation-height));
}.person-info-userhead-line {
  -webkit-mask-image: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/userhead-border-DTb9ifgY.png");
  -webkit-mask-size: 100% 100%;
  background-color: var(--color-brand1);
}

html.theme-cn-dark body.lol-new.helper-v3 {
  --color-text-success: #5ee7ce;
  --color-text-success-10: rgba(94, 231, 206, 0.1);
  --color-text-success-15: rgba(94, 231, 206, 0.15);
  --color-text-success-50: rgba(94, 231, 206, 0.5);
  --color-text-fail: #e4485d;
  --color-text-fail-10: rgba(228, 72, 93, 0.1);
  --color-text-fail-15: rgba(228, 72, 93, 0.15);
  --color-text-fail-50: rgba(228, 72, 93, 0.5);
  --theme-brand1: #d0bd8b;
  --color-brand1: #d0bd8b;
  --color-brand1-10: rgba(208, 189, 139, 0.1);
  --color-brand1-26: rgba(208, 189, 139, 0.26);
  --color-fill-1: rgba(0, 0, 0, 0.4);
  --color-fill-4: rgba(0, 0, 0, 0.4);
  --color-fill-page-bg: rgba(0, 0, 0, 0.4);
  --person-info-fill: rgba(0, 0, 0, 0.4);
  --person-info-bg-linear1: radial-gradient(
    circle at 152px 40px,
    transparent 30%,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0.6)
  );
  --person-info-bg-linear2: none;
}

html.theme-cn-dark body.helper-v3 .person-info-bg {
  box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.6);
}
html.theme-cn-dark body.helper-v3 ::-webkit-scrollbar {
  width: 10px !important;
}
html.theme-cn-dark body.helper-v3 ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
}
html.theme-cn-dark body.helper-v3 ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
html.theme-cn-dark body.helper-v3 .widget-recchart-table-bd::-webkit-scrollbar {
  width: 6px !important;
}
html.theme-cn-dark body.helper-v3.lol-new::before {
  display: none;
}
html.theme-cn-dark body.helper-v3 .lol-panel-hd .news-list .news-list-item-label,
html.theme-cn-dark body.helper-v3 .we-pagination-num.cur,
html.theme-cn-dark body.helper-v3 .champion-choice-card:hover .champion-choice-title,
html.theme-cn-dark body.helper-v3 .champion-choice-card.cur .champion-choice-title,
html.theme-cn-dark body.helper-v3 .hero-choice-item.cur .hero-choice-title,
html.theme-cn-dark body.helper-v3 .hero-choice-item:hover .hero-choice-title,
html.theme-cn-dark body.helper-v3 .exchange-tips.exchange-tips--up::before,
html.theme-cn-dark body.helper-v3 .mod-recfilter--txt .mod-recfilter-opt.cur {
  background: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3.lol-new .recommend-infocard {
  background: var(--color-fill-1);
}
html.theme-cn-dark body.helper-v3 .widget-dropdown-menu::before,
html.theme-cn-dark body.helper-v3 .filter-pop-inner,
html.theme-cn-dark body.helper-v3 .widget-select-optionwp,
html.theme-cn-dark body.helper-v3 .popbox-container,
html.theme-cn-dark body.helper-v3 .livelist-filter,
html.theme-cn-dark body.helper-v3 .tui-dropbox-menu,
html.theme-cn-dark body.helper-v3 .mod-floating-inner,
html.theme-cn-dark body.helper-v3 .ui-dialog,
html.theme-cn-dark body.helper-v3 .user-card,
html.theme-cn-dark body.helper-v3 .grid-matchlabel,
html.theme-cn-dark body.helper-v3 .panel-equip,
html.theme-cn-dark body.helper-v3 .panel-opponent,
html.theme-cn-dark body.helper-v3 .lol-panel--strategy {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
}
html.theme-cn-dark body.helper-v3 .filter-pop-inner::after {
  border-bottom-color: rgba(0, 0, 0, 0.8);
}
html.theme-cn-dark body.helper-v3 .popbox-container,
html.theme-cn-dark body.helper-v3 .custom-list.custom-list--middle .custom-list-item:hover,
html.theme-cn-dark body.helper-v3 .custom-list.custom-list--middle .custom-list-item.active,
html.theme-cn-dark body.helper-v3 .champion-choice-card:hover::after,
html.theme-cn-dark body.helper-v3 .champion-choice-card.cur::after,
html.theme-cn-dark body.helper-v3 .hero-choice-item.cur::after,
html.theme-cn-dark body.helper-v3 .mod-recfilter--txt .mod-recfilter-opt.cur {
  border-color: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .room-tips {
  color: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .room-tips .tips-icon {
  background-image: none;
  background-color: var(--color-brand1);
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAP1BMVEUAAAA1n401oI00oIw1n401n40xoIg1n4s1n401oI04n480n401n440n4w0oI0zn4syn4o1n4o0n402n4w1n42F7W72AAAAFHRSTlMA348/74AgEGBfIO/Pz79QYDCvUMNetIUAAADsSURBVCjPbdNZcoMwEEXRnkA2c5K7/7UGy4DE0B8qVAce1aKRo9yGgJjM5Vov5Sh9n6gboG+8E0luCtpVjwVahS1KzPvmDyzVQclgi+6CRi7VEN9kxeRWxpBfiKYrJUmag9f1Fho/4qjk5WqwauBi2N1glGaFCX8wbcUZJUi5n/li0hEC2ZT32eQj8DWyFssYdJ9eyVpbImTAZdffysSZxGhk19pyj05I0WKieF6KFnvlk1vQtGuxtPU2YNvNxcS2I28fP3bf7vEPY3IM0RyncXSlr7atgpqn9cqbgLGVupbHoS5hNvXQj9Xv8A+7NBAij5RsGQAAAABJRU5ErkJggg==");
  -webkit-mask-size: 100% 100%;
}
html.theme-cn-dark body.helper-v3 .tab-set-switch-item.cur,
html.theme-cn-dark body.helper-v3 .button-react,
html.theme-cn-dark body.helper-v3 .user-card-btn:hover,
html.theme-cn-dark body.helper-v3 .ui-button--primary .ui-button-inner,
html.theme-cn-dark body.helper-v3 .ui-radio-button-ele:checked + .ui-radio-button-text,
html.theme-cn-dark body.helper-v3 .champion-choice-card.cur .champion-choice-title,
html.theme-cn-dark body.helper-v3 .widget-dropdown-list > li.cur a,
html.theme-cn-dark body.helper-v3 .filter-type-item:hover,
html.theme-cn-dark body.helper-v3 .filter-type-item.cur,
html.theme-cn-dark body.helper-v3 .popbox-buttons .button-react-border:hover,
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur > a,
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur > a:hover,
html.theme-cn-dark body.helper-v3 .button-local-file,
html.theme-cn-dark body.helper-v3 .page-champion .widget-card--infocenter .widget-gcard-meta,
html.theme-cn-dark body.helper-v3 .hero-choice-item.cur .hero-choice-title,
html.theme-cn-dark body.helper-v3 .hero-choice-item:hover .hero-choice-title,
html.theme-cn-dark body.helper-v3 .news-list .news-list-item-label,
html.theme-cn-dark body.helper-v3 .exchange-tips-title,
html.theme-cn-dark body.helper-v3 .mod-recfilter--txt .mod-recfilter-opt.cur {
  color: #000;
}
html.theme-cn-dark body.helper-v3 .exchange-tips.exchange-tips--up .exchange-tips-title::after {
  filter: invert(1);
}
html.theme-cn-dark body.helper-v3 .gorge-hero::before {
  background: linear-gradient(to bottom, #461a33, rgba(0, 0, 0, 0.05));
}
html.theme-cn-dark body.helper-v3 .check-panel-radio:hover .check-panel-radio-icon {
  background-color: var(--color-brand1-26);
}
html.theme-cn-dark body.helper-v3 .check-panel-radio.current .check-panel-radio-icon,
html.theme-cn-dark body.helper-v3 .user-card-btn:hover {
  background-color: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .widget-dropdown-menu .menu-li:hover {
  background-color: var(--color-brand1-26);
}
html.theme-cn-dark body.helper-v3 .widget-dropdown-menu .menu-li.cur {
  background-color: var(--color-brand1-26);
}
html.theme-cn-dark body.helper-v3 .ui-dialog-icon-close {
  opacity: 0.6;
}
html.theme-cn-dark body.helper-v3 .ui-dialog-icon-close:hover {
  opacity: 0.9;
}
html.theme-cn-dark body.helper-v3 .we-input-original {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}
html.theme-cn-dark body.helper-v3 .we-input-original:focus {
  background-color: rgba(255, 255, 255, 0.06);
}
html.theme-cn-dark body.helper-v3 .mod-floating-v2 .mod-floating-close,
html.theme-cn-dark body.helper-v3 .button-closed {
  background-color: rgba(255, 255, 255, 0.6);
}
html.theme-cn-dark body.helper-v3 .mod-floating-v2 .mod-floating-close:hover,
html.theme-cn-dark body.helper-v3 .button-closed:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
html.theme-cn-dark body.helper-v3 .ui-dialog {
  border: 1px solid #614a1f;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(2, 11, 20, 0.95);
}
html.theme-cn-dark body.helper-v3 .ui-dialog::before,
html.theme-cn-dark body.helper-v3 .ui-dialog::after {
  display: none;
}
html.theme-cn-dark body.helper-v3 .room-code-warper {
  background-color: rgba(255, 255, 255, 0.04);
}
html.theme-cn-dark body.helper-v3 .custom-list.custom-list--middle .custom-list-item:hover::after,
html.theme-cn-dark body.helper-v3 .custom-list.custom-list--middle .custom-list-item.active::after {
  background-image: none;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAaCAYAAABPY4eKAAAABHNCSVQICAgIfAhkiAAAAuZJREFUSEu9lk9IFHEUx9+b/ROy/Y8OHswOHYIisN0xD4WZ0CWL1sA6tNiu26GDuy4E1SFcIigIih0rMNx/2kG8FHoxowiCot1Zs4vgLSLci5mHEDN3Xm/cjP0z64y4u3MZ+M37fT/zfu+97wxCFS97KNyCINya2w7nvrrdS1gttihF2wloGAEtBDCxdX7/marA7VLkmgD4NDdRInpWcbgjFA0iQm8+GJaJlNbKwYlQ7Iv1M/RqQcYKCIJT7r4yWhG4vb/fIvy2DjO0vbCnCNHL4LC6Xnb4kQeDNqt1ZQwRW4qbme4mfZ7ba+tlhTc+ju9RlMxr7uiGooyJnst+jyt3vWxw8UmkjjLwlsEHijImGE/W2tqgoyNTdri9L3oQFQYj1BZlDJCY2wbNqqkUPtt05g4p3gikvGLwTo2jnllRsGkq4F7QMrNV+FEp2iQAhExgufDJd/m7UdezS7HTAtFLbtua4oxpNoMkfu7umi2lh2Io1gpAY/8EfnBRnJM+93u9F2DzuIRAQ4BoLs4YFvg0muSerpn1dJA99w0HnFoLYttjE4DrcrfnUamNDinaw0em+Zz9+w8SnEz6PR/0EsAGKbLXRPilsFmIYGjxp807HexYzhURQ9F7fEo3tYSzL551Lz3wf5PhpuG5zHzkMdmSb4WQIsV8NhVwpSEYFMRd+yJ8zJ2lhHPdyzBcDeQaujj7QY36pRWEiyaiAIOdpUWpl93rjhHoWkzeqIlSJMSO69uIgBrLJQrLfrd3o/vy53xkxORI/3rHvnzcqBA32Kg8/83JZVGM7tHMXF089HBgd41ZmOL61+mJ8R9JYnHedqKwKfX2lYRn6z9wGMGU0DKPnJFc172MvEBJe2W/Pi8QvNAcKdB3r03B1c1sQPf5dqNg/Ay516bh2dmun+DjZwtevZYIhGbZ15kwIq4Xo/tV41+iHbhkmeQJqAeCtqTfPa4navS5LlwVUr/XoNCxlN8TNypsJO4v4iQXRbjHb/AAAAAASUVORK5CYII=");
  -webkit-mask-size: 100% 100%;
  background-color: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .popbox-buttons .button-react-border {
  background-image: none;
  position: relative;
  color: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .popbox-buttons .button-react-border:hover::before {
  -webkit-mask: none;
  background-color: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .popbox-buttons .button-react-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-brand1);
  z-index: -1;
}
html.theme-cn-dark body.helper-v3 .page-champion::before {
  display: none;
}
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur::before,
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur::after {
  content: "";
  width: 40px;
  border: none;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAACsR+4DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkVDOEU0RTdCMjdEMTFFRDhFNTI4RjRCRTQ0NTIwMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkVDOEU0RTZCMjdEMTFFRDhFNTI4RjRCRTQ0NTIwMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTFEQUVGQ0Y3QThEMTFFQkE4MTM4MUI5QjlFNUUyMDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTFEQUVGRDA3QThEMTFFQkE4MTM4MUI5QjlFNUUyMDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fjwPBAAACF0lEQVR42ryXv0vDUBSFX0spCAoqDoLYgjgWN11c7KYguKog6J+g4CStTasuoo6OKorOTrq1iw4dpaM46OIgKigUHIznlvPgUhqb1MQLH5bQ3Hye9yOvsfGjPeOz+sACmAFjYBAk29zzBZ7BHbgCF+BNf6G6vNbyxoQPoS6wCtZBrwlWIp4is2Ab7IIDUP/txnibxiPyT7FhUKlW1cteVfbuSGwU3ICMCb8y7D0aVEyG75LzKKqS3pcTx/tdQcT6QbeJvnrAgF+xPFgBWfAYodQTn7GE1ArtVqVIOfwcA1OgwlUVtpT0nudiMJCLYevYbCUmF8W8SKmikiuDdEhSj0xK9sQtisl+50DOWDkrVqCYw89SrkovG5KclVoEJRGDSI6JGcpJcvkEH56nkNOUoOE1PazpsKRATr0BipCSMORvLM6H2oSay1Xzzes7fssldsF9//a8BNNyVTKOSsomefLHtAzvrTB5l3M4blNDSjleawxvQg2bSwmbYo7XT0OQspViryyfV5Jhs5Nfzzm9KgtKziipMFeklStTznC+Nf7KpPfaxxw1F84i2sN0cnZYk3oP8zr2yDgPgduIpGwNU24SUk9+35Wv4PMf3pUf4CXIS1wOcXM8fUZV0nsOadWDnsfuJWZQi0Cqxt73nZ5gH2SLARvgPQShd/aaYG/P8nPml6h3wCFfJ9Md/hi5BufNP0a86keAAQAdsZsB7n4VJgAAAABJRU5ErkJggg==");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--color-brand1);
  z-index: 1;
}
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur > a,
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur > a:hover {
  position: relative;
}
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur > a::after,
html.theme-cn-dark body.helper-v3 .tui-tab-tit--a > .cur > a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc(100% - 50px);
  height: 100%;
  background-color: var(--color-brand1);
  z-index: -1;
}
html.theme-cn-dark body.helper-v3 .skin-set-all {
  background-color: transparent;
}
html.theme-cn-dark body.helper-v3 .figure-card-pic::after {
  background-image: none;
  background-color: var(--color-brand1);
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAtCAYAAAD7nag2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDE0MzcwNUU3QThDMTFFRDhDOTBGNEVBQTMxRUU1MjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDE0MzcwNUQ3QThDMTFFRDhDOTBGNEVBQTMxRUU1MjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUY4MzdFNjk3NkE4MTFFREFENEI4RjUxQ0VCRDFDOUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUY4MzdFNkE3NkE4MTFFREFENEI4RjUxQ0VCRDFDOUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7BUpP+AAAD8UlEQVR42tSav08TYRjHe9eCi0kZdbLwD8ioLpRIW5IOlpjAKCyGzTqaaCiJuxBHh7LKQokhUtqEq4NxMYGJjZRJXQhNSEyAtn6/9c6ceHe9e++9Hz7Jpde7e9++nz6/3ud9T0kEINlsdiyVSk2pqprt9/vG5TlFUe7wBNfe4+Mbvv/A+U+ctxqNxkEQY1FkdpbP559gwIsYeFageRtttWQyubq7u9uODSC1NTo6+gyDKwNsTMagCIpjtdlsapECQmMlDKQqC8xCahcXF0uapp2FCqhrbQWn5UTw0u71ekui2lRE4EZGRvahtclEiAJLWUIg2vDaLvk/wA00oSiliYmJk+Pj44NAAGdnZzP4kY9RwJkhx8fHO4D84raN6vbBbre7FSXcnwGr6hsGN6mA6LASBziTP1bpLlIAZ2ZmmLRXEjESpiXEgi0pgDCJaiKGwtlSLpdb9AWod5ARGUC9Xld4BAy54gvQTQcRg2aGaVEd4nsZWSMhZDqdDgJSDJA5R/ZINjc3B9pEKSXTTKecIqoT4KOgfGdnZ0eq2SKiljwBctYi0zyD9k+n+tMSkAUnJ7dhhXyfoIcoqcquADFjQVDK1WHTNzlzDxNSMBARLst6kbMtHrblEuHw8QHHDRyf0bCAhucMwzCBqshg/cAWi8X+1dWVazjTbGt1b2+v8hfgNThDfEHKCiKFQqHvAc6Q14B8NTBRGzjKA1TtkZmrgObM8hJKeTsA5GKRBZwh9wB5nyeXl5c1Lh+ERUETtdJer9fbIJye+546RNbHeOaWioEv4Psni2fQV28Zqm4YlXwYqWN+fn4AZud/rAfpMoTE+B7i0qnFY6e8h2e+q/QxqLyIi1+v0S03m813YS5TEKzT6bjJe1VCYnxHDCFmSFjkOa/p936nCUKiUR43j/TnXoQJRzCbYDIUEhZGxXDs5zxwvahf+3dVDT9yu9vtLgBuzS+cmyjqFcpptQ19Teu/u2+ZBy1qQY0TWT9J20eO8yRwp2m7ddOUgwkwYk7JDiBufMyroDppe64moPq1KAKIgGw7bdbYAnI7C5AnUQQQjz5YcwxGw9ZkROahYQkVAEVkhNdk9ClaK8aA/lbV9E4qMYVrudlxGgrITtDZeszgOslkctHNs65LGr95UaY45T3PGjQEk/KSjKgqAe65l81Q14D6NjJXrw4j5OO+vaf8LLTDixqR/+DdkP1OaIdX9dqAmmRFzRlEWAEFH3MicEIaNAuX9xF4NowXfAKAW4fvV0J/y8LCZMv6ezJpSWAt5t/I35OxmdqVRfyTpoi2NVVVK7F608lBq3xPjb5qFMyTJg0f4t4ZvnNdhflVC+pdtV8CDAAl4E9clRl6MQAAAABJRU5ErkJggg==");
  -webkit-mask-size: 100% 100%;
}
html.theme-cn-dark body.helper-v3 .check-panel-radio-icon:before {
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABHNCSVQICAgIfAhkiAAAATxJREFUOE+tk40RgjAMhe0EOgIbqBOIkwgb6ASygTqBMIITiBOoGziCToDvcSlXS8uf9C530CZfXpNUTUZeRVGkQOZKqVSNyRbwRpjxaHALTH42CtwJVir6Cw7oDAoPsMgo7xPfIWr+HgwX8BWghQvMvUFwD/gjih86WW+4B0zeEqWowJVyBIT4ebBOTaPZAI4513asQgCbcSYctvYlgB9rSz+zxuTtEHN0iSI8x8FKDqmcCX6uJ2A2j9Nhrgy+FOdchDPgBZsaCaimvGYD+Aaf0AfmftlQAdwtxwT/F5hLcTXLrXBJwOuxpm2LIxe0Nb9SrmmOZ2wnqs1yJ+WinvXPYXNPEJvN806r9oigPkAkp0U3WIOcs9xZuVGeUBqpt05QvO0k13DyPn/cIIHfHtY4y72VGzdIoJhJBq0vwl2BD7wfSScAAAAASUVORK5CYII=");
  -webkit-mask-size: auto 100%;
  background-color: #000;
  background-image: none;
}
html.theme-cn-dark body.helper-v3 .panel-hdinfos-more-link:hover .panel-hdinfos-more-link-text::after {
  background-image: none;
}
html.theme-cn-dark body.helper-v3 .ui-button-bg:before {
  display: none;
}
html.theme-cn-dark body.helper-v3 .lol-carousel-recommend,
html.theme-cn-dark body.helper-v3 .lol-button,
html.theme-cn-dark body.helper-v3 .lol-carousel-recommend .lol-carousel-btn,
html.theme-cn-dark body.helper-v3 .button-local-file,
html.theme-cn-dark body.helper-v3 .ui-button-bg,
html.theme-cn-dark body.helper-v3 .button-react,
html.theme-cn-dark body.helper-v3 .widget-dropdown-menu .menu-li {
  clip-path: none;
  transition: all 0.3s ease-in-out;
}
html.theme-cn-dark body.helper-v3 .ui-button--primary:hover,
html.theme-cn-dark body.helper-v3 .button-react:hover {
  filter: brightness(1.12);
}
html.theme-cn-dark body.helper-v3 .button-react:hover {
  background: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .ui-button--normal .ui-button-bg {
  background: transparent;
  border: 1px solid var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .ui-button--normal:hover .ui-button-bg {
  background: var(--color-brand1);
}
html.theme-cn-dark body.helper-v3 .ui-button--normal:hover .ui-button-inner {
  color: #000;
}
html.theme-cn-dark body.helper-v3 .widget-recchart .mod-rectable thead,
html.theme-cn-dark body.helper-v3 .mod-rectable th,
html.theme-cn-dark body.helper-v3 .mod-rectable td {
  border: none;
}
html.theme-cn-dark body.helper-v3 .mod-rectable thead {
  background-color: rgba(53, 159, 141, 0.1);
}
html.theme-cn-dark body.helper-v3 .mod-rectable tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html.theme-cn-dark body.helper-v3 .mod-rectable td {
  height: 60px;
}
html.theme-cn-dark body.helper-v3 .mod-rectable {
  background-color: transparent;
}
html.theme-cn-dark body.helper-v3 .equipment-title {
  color: var(--color-brand1);
  background-color: var(--color-brand1-10);
}
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.win::after,
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.win.cur::after,
html.theme-cn-dark body.helper-v3 .progress-bar-inner {
  background-color: var(--color-text-success);
}
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.win::before,
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.win.cur::before {
  background: linear-gradient(to right, var(--color-text-success-50), var(--color-fill-1));
}
html.theme-cn-dark body.helper-v3 .progress-chart-item.cur,
html.theme-cn-dark body.helper-v3 .progress-chart-item:hover {
  background-color: var(--color-text-success-15);
}
html.theme-cn-dark body.helper-v3 .progress-chart {
  background: linear-gradient(to bottom, var(--color-text-success-10), transparent);
}
html.theme-cn-dark body.helper-v3 .ta-info {
  background: linear-gradient(to bottom, var(--color-text-success-15), transparent);
}
html.theme-cn-dark body.helper-v3 .lol-panel-hisitory .dan-box {
  background: linear-gradient(-90deg, var(--color-text-success-15) 0%, transparent 40%);
}
html.theme-cn-dark body.helper-v3 .team-data--win {
  background: linear-gradient(to bottom, var(--color-text-success-15), transparent);
}
html.theme-cn-dark body.helper-v3 .team-data--win .team-data-item.cur,
html.theme-cn-dark body.helper-v3 .team-data--win .team-data-item:hover {
  background-color: var(--color-text-success-15);
}
html.theme-cn-dark body.helper-v3 .opponent-box:nth-child(2) .opponent-box-title {
  color: var(--color-text-success);
}
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.fail::after,
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.fail.cur::after,
html.theme-cn-dark body.helper-v3 .progress-chart--fail .progress-bar-inner {
  background-color: var(--color-text-fail);
}
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.fail::before,
html.theme-cn-dark body.helper-v3 .page-history-record .lol-panel-hisitory .dan-box.fail.cur::before {
  background: linear-gradient(to right, var(--color-text-fail-50), var(--color-fill-1));
}
html.theme-cn-dark body.helper-v3 .team-data-table-th span em.cur,
html.theme-cn-dark body.helper-v3 .team-data-table-td span em.cur {
  color: var(--color-text-success);
}
html.theme-cn-dark body.helper-v3 .team-data--fail .team-data-table-td span em.cur {
  color: var(--color-text-fail);
}
html.theme-cn-dark body.helper-v3 .progress-chart--fail .progress-chart-item.cur,
html.theme-cn-dark body.helper-v3 .progress-chart--fail .progress-chart-item:hover {
  background-color: var(--color-text-fail-15);
}
html.theme-cn-dark body.helper-v3 .progress-chart--fail {
  background: linear-gradient(to bottom, var(--color-text-fail-10), transparent);
}
html.theme-cn-dark body.helper-v3 .lol-panel-hisitory .dan-box.fail {
  background: linear-gradient(-90deg, var(--color-text-fail-15) 0%, transparent 40%);
}
html.theme-cn-dark body.helper-v3 .team-data--fail {
  background: linear-gradient(to bottom, var(--color-text-fail-15), transparent);
}
html.theme-cn-dark body.helper-v3 .team-data--fail .team-data-item.cur,
html.theme-cn-dark body.helper-v3 .team-data--fail .team-data-item:hover {
  background-color: var(--color-text-fail-15);
}
html.theme-cn-dark body.helper-v3 .opponent-box-title {
  color: var(--color-text-fail);
}

html .search--complex .search-history-keyword {
  color: #fff;
}.age-tips-wrap .age-tips-popbox {
  cursor: default;
}
.age-tips {
  position: absolute;
  right: 24px;
  bottom: 90px;
  padding: 6px 2px 4px 2px;
  border-radius: 4px;
  overflow: hidden;
  z-index: 100;
  cursor: pointer;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.age-tips--images > img {
  width: 50px;
}
.age-tips-popbox {
  position: fixed;
  left: 0;
  top: 0;
}
.age-tips-popbox.we-mask:before {
  content: none;
}
.age-tips-popbox .we-popbox {
  min-width: 850px;
  width: 850px;
  height: fit-content;
  max-height: 680px;
  max-height: 72vh;
  box-sizing: border-box;
  color: #e3e3e3;
}
.age-tips-popbox .we-popbox-title {
  height: 190px;
  font-size: 20px;
  position: relative;
  padding: 52px 40px 0 40px;
  box-sizing: border-box;
}
.age-tips-popbox .we-popbox-title::before {
  content: "";
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 0;
  width: auto;
  height: 1px;
  background: rgba(227, 227, 227, 0.1);
}
.age-tips-popbox .we-popbox-title-icon {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMJSURBVHgB7d3tbdtmFIbho6IDdASN0BGSDdoJ2hHiLlB3AncEd4KO4BGSETRCNlBexsyXA1thHjEWeK4LIAz/EA1BN17zkBJVBQAAAAAAAAAAbMWuFjre1LHYrN3VsiZ+KggIiIiAiAiIiICICIiIgIgIiIiAiAiIiICI/FwrW3pthfNa+9qlFYiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIgIiMjq7wdKHYdqbDfUBbMCEREQEQERERARAREREBEBEREQEQERERARARG5+Gthl34tqDsrEBEBEREQEQERERARAREREBEBEREQEQERERARnwt7wLW3ZaxARAREREBEBEREQEQERERARAREREBEBEREQER8LoyIFYiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIyOqfCzve1A+9x+ET3ozt5e6q3taKxvP9Zfz4f2wvqoFOK9CvY3s9XuB9rWTe9+tqEs+k27+w/dju1oho7HMK9G7+G210PAba1/1K9FudydjXi2oYz6TrQfT745Txwr+q0LyPu3mf7XSfwm5GANf1nebH3lRjxviqv0cIiyMYj7mdHlvNLb51ygWN5ef2TWP+1sf08fwXNWEF+uTkmN9xTD9FQF/a1yNjftcx/RQBfW1fD8b8zmP6KRd/i7tn8mHMv5p/bz1pPWWT9x98f6B7rH/Hs/ujLsPt2K7Wvg73HDZ9A8sR0jRmX9fzuh7h/FMbtfk7oD5zRJuOZ9LiFrojoj/r/jjmR11ueDv+hb7a/VX/1ca1uQfzPIZPJwD3ta7D2H4fK8+baqDVTbzn8ztrjuOHuj+bfagmWp0Hml/Yl1WrrA4fLoUcqpF2JxI/RnQ86/HJbTWMZ9L6eyjONKFtftJ6SvsvMgkjah3PxDfh1HeN+W3G9FMENFsw5h+q0Zh+ioA+8w1j/qGaHiw/xts5PnNizG85pp8ioAceGfNvSzwsNU1o85QGAAAAAAAANPMOV+mgZeaqSPAAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% auto;
}
.age-tips-popbox .we-popbox-title-text {
  display: block;
  text-align: center;
  color: #e3e3e3;
}
.age-tips-popbox .we-popbox-bd {
  margin: 200px 0 0 0;
  font-size: 14px;
  padding: 12px 0 0 0;
}
.age-tips-popbox .we-popbox-bd::-webkit-scrollbar {
  width: 10px !important;
  height: 6px !important;
  background: transparent;
}
.age-tips-popbox .we-popbox-bd::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 10px;
}
.age-tips-popbox .we-popbox-bd::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
.age-tips-popbox .age-tips-popbox-cont {
  padding: 0 40px;
  color: #BFBFBF;
}
.age-tips-popbox .age-tips-popbox-cont > p {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #BFBFBF;
}
.age-tips-popbox .we-popbox-ft {
  margin: 24px 40px 32px 40px;
  text-align: center;
}
.sidebar-on:not(.without-sidebar) .age-tips-popbox {
  padding-left: 182px;
}
.sidebar-off:not(.without-sidebar) .age-tips-popbox {
  padding-left: 60px;
}
:root {
  --color-primary-linear-bg: linear-gradient(90deg, #FF6F00 0%, #FF9D2B 100%);
  --color-secondary-linear-bg: linear-gradient(90deg, #FF8F00 0%, #FFAD37 100%);
  --wgui-primary-button-color: #141414;
  --wgui-popbox-linear-bg: linear-gradient(90deg, #FF9D2B 0%, #FFBC58 50%, #FFDA84 100%);
  --wgui-popbox-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  --wgui-popbox-bg: #070809;
}
.we-popbox {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: var(--wgui-popbox-bg);
  border: none;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  box-shadow: var(--wgui-popbox-shadow);
  color: var(--color-text-1);
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 480px;
  overflow: hidden;
  padding-top: 2px;
  position: relative;
}
.we-popbox:before {
  background: var(--wgui-popbox-linear-bg);
  content: "";
  height: 2px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.we-popbox-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgB7dnRbYMwEAbggyyQAaIIJmhXYJKmkzSbNJ0kI7SdAISQeM0CQO9QqRwU2kLuDFH+T4oULGR8x9kOhAgAAAAAAAAAAK5XFMUjf55ISZ7nO+mTDISkTAbaNM2RPweNJEjwQRC8Sp8WSQhIURc8f13/XCAIdpvN5o0m6IJ3mk58nHB/H6REtQLqupY7tHbbplbCheDpu+8HUqRaAWJg4KMqQaOP/1JPgLgmAJ/Bt/2SkSmB+A5eqO8Cne12e+D5/9xv/21NCMPwpd9mGXx7TTI0Ngmr1SrhgLPu2Dr49hrkwZjSLssyqqpKttK9dfDtGMiTMUlI03Qdx/GJPPCWADHHIvcXrwkQS0uC9wSIJSVhlgSIpSTBdBt0ycLmHk/5nWDBSwLkbvMe/85JiNz2JSTBfAq4pc6BZbzHJ7zFZUPnnA3Ow3QwrYB+YPw94ko49s+bsxLMEjB0V/n3/v7S+XMlAY/DpOyuX4hoDtxXElTXAJ7f8rLy7CFm6oAH1gTp+5MUqU8B982wxt1yKkH9jbCZW/pjBAAAAAAAAAAAAOCufAFS+jGuDR67CAAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  height: 32px;
  opacity: 0.8;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 32px;
  z-index: 3;
}
.we-popbox-close:hover {
  opacity: 1;
}
.we-popbox-hd {
  height: auto;
  position: absolute;
  width: 100%;
}
.we-popbox-title {
  color: #e3e3e3;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  position: absolute;
  width: 100%;
}
.we-popbox-bd {
  flex: 1;
  font-size: 14px;
  font-size: 14px;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 8px;
  padding-top: 40px;
}
.we-popbox-bd:first-child {
  padding-top: 20px;
}
.we-popbox-bd .we-alert {
  margin: 0 40px;
  max-width: 486px;
}
.we-popbox-ft {
  margin: 32px 40px;
  position: relative;
}
.we-popbox-ft .we-button {
  height: 30px;
  margin-right: 14px;
  min-width: 140px;
}
.we-popbox-ft .we-button:last-child {
  margin-right: 0;
}
.we-popbox-ft .we-button--default {
  background: #36373b;
  border: none;
  color: hsla(0, 0%, 89%, 0.8);
}
.we-popbox-ft .we-button--default:hover {
  background: #46474a;
  border: none;
  color: #e3e3e3;
}
.we-mask {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: rgba(16, 18, 20, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}
.we-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: rgba(227, 227, 227, 0.8);
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
  position: relative;
}
.we-button--primary {
  border: none;
  color: var(--wgui-primary-button-color);
}
.we-button--primary span {
  position: relative;
  z-index: 1;
}
.we-button--primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-primary-linear-bg);
  transition: opacity 0.15s ease-in-out;
  pointer-events: none;
}
.we-button--primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-secondary-linear-bg);
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
}
.we-button--primary:hover::after {
  opacity: 1;
}
.we-button--primary.disabled {
  opacity: 0.4;
}
.we-button--primary.disabled:hover::after {
  opacity: 0;
}
.we-button--primary.disabled:hover {
  background: var(--color-primary-linear-bg);
  color: var(--wgui-primary-button-color);
}.big-suit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 500;
}
.big-suit img,
.big-suit video,
.big-suit source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.big-suit .leading-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.big-suit .leading-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(52.94% 52.94% at 62.78% 47.06%, rgba(0, 0, 0, 0) 38.02%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
  pointer-events: none;
}
.big-suit-cursor {
  cursor: pointer;
}
.big-suit-main {
  width: 100%;
  height: 100%;
}
.big-suit-bg-pic-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.big-suit-bg-pic-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(52.94% 52.94% at 62.78% 47.06%, rgba(0, 0, 0, 0) 38.02%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
  pointer-events: none;
}
.big-suit-row-text,
.suit-kv-musicbtn,
.big-suit-showtitle {
  display: none;
}
.big-suit-row-box {
  cursor: pointer;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 120px;
  z-index: 20;
}
.helper-kv-entry {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 490;
  text-align: center;
}
.helper-kv-entry-link {
  display: inline-block;
}
.helper-kv-entry-pic {
  max-height: 80px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.helper-v3 .helper-kv-entry {
  top: 74px;
}
.big-suit-row,
.helper-kv-entry-row {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  animation: downTop 2s linear infinite;
  transition: opacity 0.3s ease-in-out;
}
.big-suit-row::before,
.helper-kv-entry-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEUAAADj4+Pj4+Pf39/j4+Pi4uLk5OTj4+Pj4+Pn5+fj4+M9/BacAAAACnRSTlMAf4AQz6Dfv5AgAtyEvwAAAGRJREFUKM/VzcENgCAQRFGMISonSrAIYhGWQAmWYAl2IUeqZLiyvwHm+PM26+ZaqCfFQlHURqBLJfoR9Ugz0Y3oehNNSB+gh+I/xkvn0TwCmAC6F6AnmAHuBEOHECNEQRMF51sDHKYvde7CnTUAAAAASUVORK5CYII=");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
}
.big-suit-row::after,
.helper-kv-entry-row::after {
  content: "";
  position: absolute;
  inset: -10px;
}
.big-suit-row:hover,
.helper-kv-entry-row:hover {
  opacity: 0.8;
}
.helper-kv-entry-row::before {
  transform: rotate(90deg);
}
@keyframes downTop {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0);
}
}
.slidedown .big-suit {
  animation: kvSlideUp 0.3s ease-in-out 1 both;
  pointer-events: none;
}
.slideup .big-suit {
  animation: kvSlideDown 0.3s ease-in-out 1 both;
}
.default-fold .big-suit {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  animation: none;
}
@keyframes kvSlideDown {
0% {
    transform: translateY(-100%);
    opacity: 0;
}
100% {
    transform: none;
    opacity: 1;
}
}
@keyframes kvSlideUp {
0% {
    transform: translateY(0);
    opacity: 1;
}
100% {
    transform: translateY(-100%);
    opacity: 0;
}
}
.helper-image {
  width: 100%;
  height: 100%;
  position: relative;
}
.helper-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.helper-image-loading {
  display: none;
}

/* 交叉淡入：新旧 img 同时存在时叠加 */
.helper-image-transition-enter-active,
.helper-image-transition-leave-active {
  transition: opacity 0.3s ease-in-out;
}

/* 离开的旧图：absolute 叠在下方，淡出 */
.helper-image-transition-leave-active {
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* 进入的新图：保持正常流，叠在上方 */
.helper-image-transition-enter-active {
  position: relative;
  z-index: 1;
}
.helper-image-transition-enter-from,
.helper-image-transition-leave-to {
  opacity: 0;
}
.helper-video-bg {
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: none;
  --mask-color: rgba(0, 0, 0, 0.6);
}

.helper-video-ele {
  position: absolute;
  inset: 0;
  z-index: 10;
  /* 视频 ready 后直接盖住 poster，避免首帧淡入时与静态图叠影 */
  opacity: 0;
}
.helper-video-ele.media-loaded {
  opacity: 1;
}
.helper-video-ele video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 10;
  /* 默认隐藏，.video-active 时显示；不用 display:none 因为需要保持缓冲 */
  opacity: 0;
  pointer-events: none;
  /* 强制独立合成层，规避 CEF/WeGame 内嵌浏览器下 <video> 合成层与父级 stacking
     不一致导致视频画面不可见的问题；详见 AGENTS.md 同名章节 */
  transform: translateZ(0);
}
.helper-video-ele video.video-active {
  opacity: 1;
  pointer-events: auto;
}

.helper-image.helper-video-poster,
.helper-image.helper-video-img,
.helper-image.helper-video-blur-img {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.helper-image.helper-video-poster img,
.helper-image.helper-video-img img,
.helper-image.helper-video-blur-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.helper-image.helper-video-poster {
  z-index: 8;
  opacity: 0;
}
.helper-image.helper-video-poster.poster-active {
  opacity: 1;
}

.helper-image.helper-video-img {
  z-index: 8;
}

.helper-image.helper-video-blur-img {
  z-index: 5;
}

.fill-contain .helper-video-ele {
  aspect-ratio: 16/9;
  bottom: auto;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}

.helper-video-mask {
  position: absolute;
  inset: 0;
  z-index: 20;
  overflow: hidden;
}

.helper-video-mask-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--helper-navigation-height, 54px) + 80px);
  background: linear-gradient(to bottom, var(--mask-color) 0, transparent 100%);
}

.helper-video-mask-left {
  width: 6rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, var(--mask-color) 0, var(--mask-color) 182px, transparent 100%);
  transition: transform 0.3s ease-in-out;
}

.helper-video-mask-right {
  width: 3rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, var(--mask-color) 0, transparent 100%);
}

.helper-video-mask-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--helper-launcher-height, 54px) + 80px);
  background: linear-gradient(to top, var(--mask-color) 0, transparent 100%);
}

.show-blur-bg .helper-video-mask {
  background: rgba(0, 0, 0, 0.12);
}
.show-blur-bg .helper-video-ele {
  opacity: 0;
}
.show-blur-bg .helper-video-poster {
  opacity: 0;
}

body:not(.page-out-client).sidebar-off .helper-video-mask-left, body:not(.page-out-client).sidebar-hidden .helper-video-mask-left {
  transform: translate3d(-3rem, 0, 0);
}
body:not(.page-out-client).sidebar-on .helper-video-mask-left {
  transform: translate3d(0, 0, 0);
}

.page-out-client .helper-video-mask-top,
.page-out-client .helper-video-mask-bottom {
  opacity: 0;
}
.page-out-client .helper-video-mask-left {
  transform: translate3d(-3rem, 0, 0);
}.helper-tools {
  position: absolute;
  left: 10px;
  bottom: 128px;
  z-index: 30;
}

.live-popup-close {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 32px;
  right: 40px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAIN/PEL+vTlFWyAAAAKtJREFUOMt11MEJwzAMQFF1AxPoADplgQ7QFXrqHimN1k8IH3T4cSC2hPyM7YMiniP0PT7nv6YLyzZiqW0IrJXxrUqBqv0cmjSo1zWmwO8dEIGAGEAMIAIiABOACMAEIAIwAYgATAAiABOACcAEYAIQAbjQL+at8h400XEhumATP0mTBpQNqAv0AgERUhMyERITYq0iNCESITBhFmESEYBMG8B/2jKmTWbalg5MbHdoZ0UCpgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s linear;
}
.live-popup-close:hover {
  opacity: 1;
}

.tool-live {
  width: 64px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s linear;
}
.tool-live:hover {
  opacity: 1;
}

.tool-live-icon {
  width: 42px;
  aspect-ratio: 1/1;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100% auto;
  background-color: #fff;
}

.tool-live-text {
  margin-top: -4px;
  font-size: 13px;
  padding-right: 6px;
}

.tool-live-dot {
  width: 6px;
  height: 6px;
  background: #f65050;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 4px;
  right: 12px;
}

.helper-v3 .helper-tools {
  left: 8px;
  bottom: 152px;
}

.live-popup {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.live-popup-mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  animation: fadeInMask 0.3s linear 0s 1 both;
}

.live-popup-cont {
  position: relative;
  z-index: 200;
  width: 720px;
  height: 426px;
  background: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/live-popup-B8246_K1.png") no-repeat;
  background-size: 100% 100%;
  animation: fadeInPopup 0.3s ease-in-out 0s 1 both;
}

.live-popup-title {
  height: 116px;
  display: flex;
  align-items: center;
  font-size: 28px;
  color: #d1d1c0;
  font-weight: bold;
  padding: 0 0 0 60px;
}

.live-mode {
  display: flex;
  align-items: center;
  justify-content: center;
}

.live-mode-split {
  width: 98px;
  height: 186px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAADOCAYAAADVG5lHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJDSURBVHgB7ZptS8MwEMdzRVREUNgL/f7fbi8GCkOmiPHStTOLx3KXLFvS3A9C9tT/df9cntoac22steDK/Jp73GAESITF4lK44jAV49VnE/eDsClqy43gt6KzdlTRoEdwU5Jri58tbOqzhYvaQtKHLToq/iNsUPfaxg7SPCdRW0iWb4ujTVuSGlRiyxzEr0+ieX55cYktfs0iZYIuIi6mj52FONclY4s4iM6hJGoLiS4tSKrdWURpt0H16hyJdn+SPnYWYlJtaWdsEZ+1o4/Jwq9Z6M6CpL+1ou4sRpYxh559VKzPliq6P0TeKwXAu7f3WJ6xsJOA1TBOFKun6e0PljUAfMWOi2ZLILybjnnBz2+zxAPhDZ7tGustNwAIhLfedyusHk3EIpAKSwJAijA3AKQKcwJAjnAsAOQKnwow4IdDrvB4lgAb85emo16pyWLUHTCi+xvv04cr/CePJoHAls0hAgZ4ywlA+P096gY/KpOKKQFEnUgSIKn7cwJkDVynAnCFo+JEgE8sd4Y5GxWd5tiLGwzwYPYrtI85j5XO4Kbiq9nn94xLxV3sOO66z5rjJ3GiT+U4lr/JDW1hobaQVGOL+Oy54jYlSB+3FerKFu3+JGoLSWqen7X7i/12SJ+dKzIqioWl4mK0E5FUMZ4n5Xl/tlx/adHu7K/d//LiagtJlbawAmn3J9E8J1FbSHRpQbL8scWagpehwkDFxNno2JIt3tFFS11akEjyXIzaQtKZLXhHUe9ZHGj3noWYdhu0XX4BntkdNWM3aUUAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 12px 104px;
}

.live-mode-item {
  width: 280px;
  height: 186px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-items: flex-end;
  padding: 0 50px 0 0;
  cursor: pointer;
}
.live-mode-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/menu-normal-D-wHPUHH.png") no-repeat;
  background-size: 100% 100%;
  transition: background 0.26s linear;
}
.live-mode-item:nth-child(3) {
  padding: 0 0 0 50px;
  align-items: flex-start;
}
.live-mode-item:nth-child(3)::before {
  transform: rotateY(180deg);
}
.live-mode-item:nth-child(3) .live-mode-icon {
  background: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/mode-tft-CPfdY61c.png") no-repeat;
  background-size: 100% 100%;
}
.live-mode-item:hover::before, .live-mode-item.current::before {
  background: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/menu-cur-BRxrXDXN.png") no-repeat;
  background-size: 100% 100%;
}
.live-mode-item:hover .live-mode-text-wrap::after, .live-mode-item.current .live-mode-text-wrap::after {
  opacity: 1;
}

.live-mode-icon {
  width: 84px;
  height: 84px;
  display: block;
  background: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/mode-moba-BM3LMaC-.png") no-repeat;
  background-size: 100% 100%;
}

.live-mode-text {
  font-size: 20px;
  background: linear-gradient(to bottom, #f0e6d2 0%, rgba(240, 230, 210, 0.5) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.live-mode-text-wrap {
  position: relative;
}
.live-mode-text-wrap::after {
  content: "";
  width: 64px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -4px;
  margin-left: -32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAECAYAAABGHzcFAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANySURBVHgBZVXbbtxGDCU5I+16HdhFUaBAUfQhr/2efo/9T/mfPvopCOIkdtbSDJlDcqTdIGNoxeFtODyHMj88PMh//1I9H6m++/2f8unb82Tc6+GmFnrjSUmrsVWjqU6QtUqhTpOR1VpLtbZWl41LFeuFqFTiDrtgz6WzTgLZ1KowFzUNWxUqnXgixDJx8bcR1bGvZjYxU3Gd+H7YCDLBZsjFsafQRQzqI4OdaeyH3TLWczCHfoJdYJsRq8jTYGvwQ0nUmGiFT4Oto44m0Bkx9nhb6KFj9wk7ckY8RwyFPePFc+FtuVfIwqkzWpkN58mq1juuCj9FfpzjepPV8/HIpwVxXUNm6k29fcVWbh176Orc2upyazwzZO3HaV7fzksTkyan0irX9vq1df3W1vn9bfvw4al7E+j8/i9b/ri3z/WFff8Of+fzwoe52/HomoP/0IpnolyOaGuNSpHAxjvN7H0FbFTSabx8OR2UjUVAB2FwwLUaNqRiwuMqf9AsZIEPbZrrZZS2bbGrKH8gAxkQhIeGPVe6MV8iJJwjEr7m/kYZY67yffp7mNE4z/JsEALl6jgZCruqZbvvLutVE65uYdc72f3ixiKGthqV4eIyuLkvzFj03elWa6jW5ugsNM8bQonZDQA8nU70/fsbCnqm3+5ujf5Oj8fHR4sTjv8/8TzfMn0iuru7cwbEelsKL0vleermyT11A1njCJzrRfQuXDDXLZv3U6FdmcG+bE+nAN6i+QkKmmRBhnFzB0sDl2wsWJGt2UAKJ2YdrbYB0tZrx4dUHSVzgBLJHbxk1U6WjSB0IdMgVhAsPHNvtpMoDvXzhWULsQ24C5gJ5xXHUVimkO0MyTj14U/QL1Tp3js/c2hUM7jkRPXe8AwdhtCxmIIHc/ovkLRbYrjyK72G+vmZ6KN7OdZJAJbH7dCnJ7peJ/zpPJlqi0TTVLIZBd8dUK8BeI4iWtbmY4wPLG5iPyUqCby/cQ8HlfNOA2wFyJI+DpaQjVEONmULYh45ptVl2UHZxpaSFDGsOZfCVzVcZNvBsNj5NHMAP3ySI16nJ1PZdDtNBoBO1o2UHF+E7Vuk4ZMzrb98wJzMEjrxS1lc3j1Vo5DwcQb49Pce46Tb16v36Gfx/2qmWdH4Amxr2Xhw2DTn+L25Odj9/T3VLy/85/KyY/QDDFP/6hH1ZDUAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.26s linear;
}

.live-mode-button {
  position: relative;
}
.live-mode-button::before, .live-mode-button::after {
  content: "";
  width: 5px;
  height: 18px;
  position: absolute;
  left: -3px;
  bottom: 0;
}
.live-mode-button::before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAkCAYAAABboxD4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD2SURBVHgB7ZRNTsMwEIXf+CcNIFVcAYhixB2KIBu6qXJVkFiw5BIIEIdAXbf2dFK3Uas4bdVFV33RkxPlsz22/AwcKSW+WbVJkfhB/CW+7gOctfQr7TQFLYGL3P5MKhcyo/83IbUCyjzTb+PRXVk/O7LZdjlGXOSZeR0/FmVd3RMHBpi3V2K1+ngZFa6uHGlFCOBOscZYfTt5KqG1igNwek9AqjNDF9oFtNA+naEzdHLI9P+6yoHBEAgqCcmZH9Ll4DvmVveOJPmSmNP64wDF3BHFTtS8I1U4w/uAJuIcAL+8C2KHFprNGe+ffxFqHoFm3jf1tloAgPs56H7xZssAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
}
.live-mode-button::after {
  left: auto;
  right: -3px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAkCAYAAABboxD4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABoSURBVHgB7c67DYAwDARQE1HRsgBl9oABMioDILEGHRPQ0jpJYSlyPrJSpIhyna2n0wFUZJOgVwJRAtEcOoKKK7NrcNCDm6BK1XGYRBxmEcFiU5iBBuodzdOyIh34f/VNrYfzx3k9EbLkoxV5+oHe5QAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
}

.live-mode-button-cont {
  width: 174px;
  height: 53px;
  font-size: 18px;
  font-weight: normal;
  color: #cdbe91;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.live-mode-button-cont span {
  position: relative;
  z-index: 10;
}
.live-mode-button-cont::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWAAAABuCAMAAAAuwjm6AAAAPFBMVEUeIygAAACziTR6XCixiDN4Wyd3WieshDN8XiihfDGlfzKadzCdejCogTKBYimScS6FZiuKaiyObS2WdS8CeJFsAAADbUlEQVR42u3SgY6qMBCF4d1rQRDBVd//Xe+0UziMJph7M81mkvO7q7WUCl/4+mZNI3CrAPyHNYvAtsbAKR0uTmZo1qcPC492tKsPZjCwpYNjBydjqtX9Axj3kcp5GJvT3mbKXD0lSfJ+RJN2k2VxmTNTWPSqJ+kgv0CCPXDpWJdwYlpPTJgCVYP7B3A9oG+5/bXhxhQAV1DXra2EUkXAPFaW4XYIVwjx3aLddWNaR5jRPTSrmnRzXIO9HBxreP8KjExwwDva3/5hOP55IbbF+8cggSvG+PMmze7fAn8z1wjcOABjyNyywGcCNwU+JyE+E9gb+Lx/ggnsDXyWh5ZPMPIHLilwjsD+wInAW3yCg0VgG4GjRWAbgaNFYFtr4JnALYHn8zzPBPYHnlfgmcDOqaoE4JnABA4UgW0EjpYFvuQXgb2BLytw8SWwa6KaUS8KLBHYNVUl8BaBo0VgG4GjRWAbgaNVVccCPMpgJLBnqip/CjyOIkxgZ+ART7BEYH9gicA1AkeLwDYCR4vANgJHS1SvFvhKYGdgMa3A11FeBHZNVDPqVYElArumqgTeInC0CGwjcLRegCf5I7Az8DTtgKeJT7Az8FQS1TrkE0zgSBHYRuBoEdhG4GgR2NYY+Dk9CewbVGX4LBHYsU2VwBqBo/UOfCOwO/CtAt9uMiawa6Kaq8ASgV3bVAmsEThaFvhB4C8+wbFS1YcCP6Tbg8DOwI+cAucI7JqoEngXgaNFYFtb4PvjLhHYM1EtKfCdwAQOFoFtBI6WAf65y4vAnhVVAJcI7NimSmCNwNEisI3A0bLAy8+yLAT2BV4yqwIvBG4BXKrAC4EJHCsC2wgcrRfgYSCwN/CwiKsCDyUCOwZVBV4I3AwYQ+bYO/Dpm7UCPqFBXjKdR8M2hZF+YKZ+xVhX2zMGcyZ+AFtj8XYA34bXH0fYxPy6fUNYZq+g5f0D2Dn8SJyNW1ymAges+7e1nfz/RgrcSSf91z8MMc5XqOPTtkIHuqquXtdibHbUDx3jjLo3lqzT9SC+4AdPUoeTNGyr52Eg/3bvHOab3f8K3Pddfv1nfd6gDDDTbwf6be4g/X2ztN8G2KveQF+X4j3PnHps93od75sqiNbs/hW4t3UY2jo7/rz6+Cs+Pm+BiU4H2ACfBx3+eMv7z8CsYQRu3l/rfnohYcEcaAAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
.live-mode-button-cont::after {
  content: "";
  opacity: 0;
  position: absolute;
  inset: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWAAAABuCAMAAAAuwjm6AAAAS1BMVEUeIygAAADHp2PHpmGObS6ScC6Uci/HpWCTcS+Qby7FnknGolXGoE/HpFvEm0DDmTvFnES4jzi+lDmfezGadzCkfzOpgzSyijauhzXN9l/bAAADnUlEQVR42u2Si27bMAxF13id0yR1nT6S/P+XTvQ1SbAGEmAgsQm7p6lJSRRlHfjHEymFgiuB4B0p438RPOz+Ei54kP9BwtAiJjACmB2Qa+WASkTfgihYlY8ltx4IOFpyW/eA1dBPpxDtOJ3xqhaQ2nv6C3mXwvtDsFQrY8vvsIvpbtnxYIPXjXeKR2u1awHmH4EdfkCcQPTnuOaIgbr7L4JHvb7EUX52moxs6MkYAlLkti0USNc12lnWF1EOEgktmm1vh+VAqIr9sAfYTm+yw9guXXl/CBbaCCC3aBeWAU7UBihARwUDn9DrwoC31PYIendftaaD1npq3TTRQ62lurE03tCW8Ki8PwQjJalQcDHjYIIHdU3S2H7BrxRcJvhVoOBMzCoFAwruDQqOUHBvUHCkXPCRggsFH4+imIKTBR9dsEDB6YLbh3uk4BrUKgWvUHBvUHCEgnuDgiMU3BtR8ImCKwSfTqvg0wIFJ2JWKRhQcG9QcISCe4OCIxTcGxRcCgQfVPBB0gMFpwtu4As+tJyCkwU3pSexipSCk4FVClYouDcoOELBvUHBEQrujSh4btlMwZmI1VkFzwIFZ2JWKRhQcG9QcISCeyMInqZpniYKzgRW5wmC54lfcIXgabGKlF9wvuC5WaXgGmCVgg0K7g0KjhQLfqPgbNxqS98WKDgRtaqCJwouECzwCwYU3BsUHKHg3vgm+J2Ck3GrLX1foOBEzCoFAwruDQouBYLP72cIPrfsfKbgZMGL1lXwmYKTgVUKVii4Nyi4Fli9roKvkl8pOBFYvYpVSRsUnAqsUrBBwb0RBN+utwYFJyJWFyD4RsEU3BlR8OV2u1BwsuCLC74sUHAiZpWCAQX3xlbwFwXnCv4SqRD8JVBwJmaVggEF98ZW8AcF5wv+gOAPgYIzMasUDCi4Nyg4Uiv4c4GCEzGrFAwouDcoOFIr+NfCE0nErELwJwVXCP5UwX/IHmHDv9LvMfXvC8H7FUu2bNekv8/HdSwYsczDpmXc+LxZbnMIXuXFsTIO71J5/0Xws7LHQ/Hp++z3sfrb0IlHePKY/YPZ7Tl3q+OLVt5/EfzSeG6/BgKGMi1Bcp9HlLBWYIgEG1CDqL2tWDtqqTb3NeunM88YWG88EX2Td8S8vShy9EG1NUFd4f0h+Kfx0v7kKT+ACZnBGqbwk2mMPaIQWega+sZ8O+27tvi6B6/3h8a4GYUWQeH9IZgUAcGkEAou5zdgzpp+eZS+AAAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  transition: opacity 0.2s linear;
}
.live-mode-button-cont:hover::after {
  opacity: 1;
}

.live-mode-action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1600px) {
  .live-popup-cont {
    zoom: 0.8;
  }
}
@media screen and (max-width: 1110px) {
  .helper-v3 .helper-tools {
    left: 2px;
  }
}
@media screen and (max-width: 1340px) {
  .helper-v3 .helper-tools .tool-live {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
}.widget-lolheader {
  z-index: 12;
  position: relative;
}

:root {
  --panel-transition-in-1: cubic-bezier(.04,.42,.16,.98);
}

body.in-animate .lolheader-inner {
  opacity: 0;
  animation: fadeIn 0.2s linear 0.45s 1 both;
}
body.in-animate::after {
  animation: fadeIn 0.2s linear 0s 1 both;
}
body.in-animate .lol-carousel-recommend,
body.in-animate .recommend-infocard {
  opacity: 0;
  animation: slideInEle 0.4s var(--panel-transition-in-1) 0s 1 both;
}
body.in-animate .recommend-infocard {
  animation-delay: 0.3s;
}
body.in-animate .swiper-backface-hidden .swiper-slide .lol-carousel-bg {
  background-color: rgba(53, 146, 159, 0.1);
}
body.in-animate .swiper-backface-hidden .swiper-slide .lol-carousel-bg img {
  animation: fadeIn 0.3s linear 0.1s 1 both;
}
body.in-animate .infocenter-list .widget-card--infocenter {
  background-color: rgba(53, 146, 159, 0.2);
}
body.in-animate .infocenter-list .widget-gcard-cover {
  opacity: 0;
  animation: fadeIn 0.3s linear 0.4s 1 both;
}
body.in-animate .lol-panel-activityinfo,
body.in-animate .lol-panel-activitynews,
body.in-animate .lol-panel-infocenter,
body.in-animate .lol-panel-live,
body.in-animate .lol-panel-video {
  opacity: 0;
  animation: slideInEle 0.4s var(--panel-transition-in-1) 0.4s 1 both;
}
body.in-animate .lol-panel-infocenter {
  animation-delay: 0.4s;
}
body.in-animate .lol-panel-live {
  animation-delay: 0.6s;
  position: relative;
  z-index: 500;
}
body.in-animate .lol-panel-video {
  animation-delay: 0.6s;
}
body.in-animate .widget-card--activity .widget-gcard-cover {
  background-color: rgba(53, 146, 159, 0.2);
}
body.in-animate .widget-card--activity .widget-gcard-cover img {
  opacity: 0;
  animation: fadeIn 0.3s linear 0s 1 both;
}
body.in-animate .lol-carousel-bg img {
  opacity: 0;
  animation: fadeIn 0.3s linear 0s 1 both;
}
body.in-animate .no-data-roles,
body.in-animate .custom-box {
  opacity: 0;
  animation: fadeIn 0.3s linear 0s 1 both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideInEle {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInEle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInMenu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lol-row-schedule {
  min-height: 241px;
}.lolheader {
  position: relative;
}
.lolheader-inner {
  width: 1000px;
  height: 85px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.lolheader-inner .hide {
  display: none !important;
}
.lolheader-logo {
  display: inline-block;
  width: 36px;
  height: 40px;
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/lollogo-DFDE1wW3.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-right: 28px;
}
.lolheader-nav {
  display: flex;
  flex: 1;
  align-items: center;
  height: 100%;
}

.lolnav-list {
  height: 100%;
}
.lolnav-list-item {
  min-width: 90px;
  white-space: nowrap;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}
.lolnav-list-item.cur {
  position: relative;
}
.lolnav-list-item.cur .lolnav-list-itemlink {
  font-size: var(--font-size-l);
  line-height: 24px;
  color: var(--color-brand1);
  font-weight: bold;
}
.lolnav-list-item.cur .lolnav-list-itemlink::after {
  bottom: -2px;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: var(--color-brand1);
}
.lolnav-list-item.cur.arrow-down .lolnav-list-itemlink::before {
  border-top-color: var(--color-brand1);
  opacity: 0.3;
}
.lolnav-list-item.arrow-down {
  padding-right: 0;
}
.lolnav-list-item.arrow-down .lolnav-list-itemlink::before {
  width: 0;
  height: 0;
  margin: 1px;
  right: -2px;
  top: 8px;
  border: 6px solid transparent;
  border-top: 6px solid var(--color-line-3);
}
.lolnav-list-item:hover .lolnav-list-itemlink {
  color: var(--color-brand1);
}
.lolnav-list-item:hover .lolnav-list-itemlink::before {
  border-top-color: var(--color-brand1);
}
.lolnav-list-itemlink {
  font-size: var(--font-size-base);
  color: var(--color-text-1);
  line-height: 24px;
  padding: 0 20px;
  position: relative;
  box-sizing: border-box;
}
.lolnav-list-itemlink::before, .lolnav-list-itemlink::after {
  content: "";
  display: inline-block;
  position: absolute;
}
.lolnav-list-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 4px;
  right: 12px;
  background-color: #d95a5a;
}

.widget-search {
  width: 130px;
  height: 25px;
  line-height: 25px;
  transition: background-color 0.2s ease-in;
  position: relative;
}
.widget-search::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  clip-path: polygon(6% 0, 100% 0, 100% 76%, 94% 100%, 0 100%, 0 28%);
  transition: all 0.3s;
}
.widget-search:hover::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.widget-search-input {
  padding: 2px 5px 3px 35px;
  font-size: var(--font-size-xs);
  line-height: 25px;
  height: 25px;
  background-color: transparent;
  cursor: text;
  color: var(--color-text-1);
  border: none;
  outline: 0;
  display: block;
  width: 100%;
  font-weight: 400;
  text-align: left;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.widget-search-submit {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
}
.widget-search-submit::before, .widget-search-submit::after {
  content: "";
  display: inline-block;
}
.widget-search-submit::before {
  width: 2px;
  height: 6px;
  border-radius: 300px;
  background-color: var(--color-text-1);
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.widget-search-submit::after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--color-text-1);
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -6px;
  box-sizing: border-box;
}
.widget-search .widget-dropdown-menu {
  top: 32px;
  display: none;
}
.widget-search.focus .widget-dropdown-menu {
  display: block;
  animation: searchmenu-show-anim 0.2s linear 0s 1 both !important;
}
.widget-search.focus::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}

.widget-dropdown-menu {
  position: absolute;
  top: 62px;
  left: 50%;
  padding: 4px;
  width: 96px;
  margin-left: -48px;
  transition: all 0s ease-out;
  transition-delay: 0s;
  transform-origin: 0 0;
  padding: 10px 0;
  z-index: 102;
}
.widget-dropdown-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--color-fill-1);
  opacity: 0.95;
  pointer-events: none;
}
.widget-dropdown-menu::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  background-color: var(--color-brand1);
  pointer-events: none;
}
.widget-dropdown-menu.show {
  display: block;
  animation: searchmenu-show-anim 0.2s linear 0s 1 both;
}
.widget-dropdown-menu .menu-ul {
  position: relative;
}
.widget-dropdown-menu .menu-li {
  height: 28px;
  line-height: 28px;
  font-size: var(--font-size-base);
  color: var(--color-text-1);
  text-align: center;
  display: block;
  position: relative;
  margin: 0 auto;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  clip-path: polygon(13% 0, 100% 0, 100% 75%, 88% 100%, 0 100%, 0 28%);
  cursor: pointer;
}
.widget-dropdown-menu .menu-li:hover {
  background: rgba(53, 146, 159, 0.1);
}
.widget-dropdown-menu .menu-li.cur {
  background: rgba(53, 146, 159, 0.26);
}
.widget-dropdown-menu .menu-li:last-child {
  margin-bottom: 0;
}
.widget-dropdown-menu .menu-li a {
  color: var(--color-text-1);
}

.lolnav-list-item:hover .widget-dropdown-menu {
  display: block !important;
  animation: searchmenu-show-anim 0.2s linear 0s 1 both !important;
}

@keyframes searchmenu-show-anim {
  0% {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.lol-new .page-hero-detail .widget-runes:after {
  top: 0;
  background: linear-gradient(90deg, rgba(1, 10, 19, 0.3) 0%, rgba(1, 10, 19, 0.3) 45%, transparent 100%);
}
.lol-new .page-hero-detail .widget-runes--small {
  min-height: 348px;
  padding-bottom: 0;
}
.lol-new .page-hero-detail .widget-runes-main {
  height: 100%;
  top: 0;
}
.lol-new .summoner-skill-img {
  margin-right: 3px;
}
.lol-new .synergy-icon-grade {
  white-space: nowrap;
  line-height: 12px;
  margin: -6px 0 0 -8px;
}
.lol-new .we-tabs-nav--small > li:after {
  display: none;
}.account-forbid {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account-forbid-mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  animation: fadeInMask 0.3s linear 0s 1 both;
}

.popup-forbid {
  position: relative;
  z-index: 200;
  width: 690px;
  height: 434px;
  background: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/account-forbid-popbox-CT86r7t0.png") no-repeat;
  background-size: 100% 100%;
  animation: fadeInPopup 0.3s ease-in-out 0s 1 both;
}

.popup-forbid-header {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.popup-forbid-header-text {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.cont-row {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.cont-row-meta {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cont-col {
  font-size: 16px;
}

.cont-row-info {
  display: flex;
  padding: 40px 90px 0px 90px;
}

.cont-row-main {
  width: 100%;
  flex: 1;
}

.button-forbid {
  width: 174px;
  height: 53px;
  font-size: 18px;
  font-weight: normal;
  color: #cdbe91;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.button-forbid span {
  position: relative;
  z-index: 10;
}
.button-forbid::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWAAAABuCAMAAAAuwjm6AAAAPFBMVEUeIygAAACziTR6XCixiDN4Wyd3WieshDN8XiihfDGlfzKadzCdejCogTKBYimScS6FZiuKaiyObS2WdS8CeJFsAAADbUlEQVR42u3SgY6qMBCF4d1rQRDBVd//Xe+0UziMJph7M81mkvO7q7WUCl/4+mZNI3CrAPyHNYvAtsbAKR0uTmZo1qcPC492tKsPZjCwpYNjBydjqtX9Axj3kcp5GJvT3mbKXD0lSfJ+RJN2k2VxmTNTWPSqJ+kgv0CCPXDpWJdwYlpPTJgCVYP7B3A9oG+5/bXhxhQAV1DXra2EUkXAPFaW4XYIVwjx3aLddWNaR5jRPTSrmnRzXIO9HBxreP8KjExwwDva3/5hOP55IbbF+8cggSvG+PMmze7fAn8z1wjcOABjyNyywGcCNwU+JyE+E9gb+Lx/ggnsDXyWh5ZPMPIHLilwjsD+wInAW3yCg0VgG4GjRWAbgaNFYFtr4JnALYHn8zzPBPYHnlfgmcDOqaoE4JnABA4UgW0EjpYFvuQXgb2BLytw8SWwa6KaUS8KLBHYNVUl8BaBo0VgG4GjRWAbgaNVVccCPMpgJLBnqip/CjyOIkxgZ+ART7BEYH9gicA1AkeLwDYCR4vANgJHS1SvFvhKYGdgMa3A11FeBHZNVDPqVYElArumqgTeInC0CGwjcLRegCf5I7Az8DTtgKeJT7Az8FQS1TrkE0zgSBHYRuBoEdhG4GgR2NYY+Dk9CewbVGX4LBHYsU2VwBqBo/UOfCOwO/CtAt9uMiawa6Kaq8ASgV3bVAmsEThaFvhB4C8+wbFS1YcCP6Tbg8DOwI+cAucI7JqoEngXgaNFYFtb4PvjLhHYM1EtKfCdwAQOFoFtBI6WAf65y4vAnhVVAJcI7NimSmCNwNEisI3A0bLAy8+yLAT2BV4yqwIvBG4BXKrAC4EJHCsC2wgcrRfgYSCwN/CwiKsCDyUCOwZVBV4I3AwYQ+bYO/Dpm7UCPqFBXjKdR8M2hZF+YKZ+xVhX2zMGcyZ+AFtj8XYA34bXH0fYxPy6fUNYZq+g5f0D2Dn8SJyNW1ymAges+7e1nfz/RgrcSSf91z8MMc5XqOPTtkIHuqquXtdibHbUDx3jjLo3lqzT9SC+4AdPUoeTNGyr52Eg/3bvHOab3f8K3Pddfv1nfd6gDDDTbwf6be4g/X2ztN8G2KveQF+X4j3PnHps93od75sqiNbs/hW4t3UY2jo7/rz6+Cs+Pm+BiU4H2ACfBx3+eMv7z8CsYQRu3l/rfnohYcEcaAAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
.button-forbid::after {
  content: "";
  opacity: 0;
  position: absolute;
  inset: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWAAAABuCAMAAAAuwjm6AAAAS1BMVEUeIygAAADHp2PHpmGObS6ScC6Uci/HpWCTcS+Qby7FnknGolXGoE/HpFvEm0DDmTvFnES4jzi+lDmfezGadzCkfzOpgzSyijauhzXN9l/bAAADnUlEQVR42u2Si27bMAxF13id0yR1nT6S/P+XTvQ1SbAGEmAgsQm7p6lJSRRlHfjHEymFgiuB4B0p438RPOz+Ei54kP9BwtAiJjACmB2Qa+WASkTfgihYlY8ltx4IOFpyW/eA1dBPpxDtOJ3xqhaQ2nv6C3mXwvtDsFQrY8vvsIvpbtnxYIPXjXeKR2u1awHmH4EdfkCcQPTnuOaIgbr7L4JHvb7EUX52moxs6MkYAlLkti0USNc12lnWF1EOEgktmm1vh+VAqIr9sAfYTm+yw9guXXl/CBbaCCC3aBeWAU7UBihARwUDn9DrwoC31PYIendftaaD1npq3TTRQ62lurE03tCW8Ki8PwQjJalQcDHjYIIHdU3S2H7BrxRcJvhVoOBMzCoFAwruDQqOUHBvUHCkXPCRggsFH4+imIKTBR9dsEDB6YLbh3uk4BrUKgWvUHBvUHCEgnuDgiMU3BtR8ImCKwSfTqvg0wIFJ2JWKRhQcG9QcISCe4OCIxTcGxRcCgQfVPBB0gMFpwtu4As+tJyCkwU3pSexipSCk4FVClYouDcoOELBvUHBEQrujSh4btlMwZmI1VkFzwIFZ2JWKRhQcG9QcISCeyMInqZpniYKzgRW5wmC54lfcIXgabGKlF9wvuC5WaXgGmCVgg0K7g0KjhQLfqPgbNxqS98WKDgRtaqCJwouECzwCwYU3BsUHKHg3vgm+J2Ck3GrLX1foOBEzCoFAwruDQouBYLP72cIPrfsfKbgZMGL1lXwmYKTgVUKVii4Nyi4Fli9roKvkl8pOBFYvYpVSRsUnAqsUrBBwb0RBN+utwYFJyJWFyD4RsEU3BlR8OV2u1BwsuCLC74sUHAiZpWCAQX3xlbwFwXnCv4SqRD8JVBwJmaVggEF98ZW8AcF5wv+gOAPgYIzMasUDCi4Nyg4Uiv4c4GCEzGrFAwouDcoOFIr+NfCE0nErELwJwVXCP5UwX/IHmHDv9LvMfXvC8H7FUu2bNekv8/HdSwYsczDpmXc+LxZbnMIXuXFsTIO71J5/0Xws7LHQ/Hp++z3sfrb0IlHePKY/YPZ7Tl3q+OLVt5/EfzSeG6/BgKGMi1Bcp9HlLBWYIgEG1CDqL2tWDtqqTb3NeunM88YWG88EX2Td8S8vShy9EG1NUFd4f0h+Kfx0v7kKT+ACZnBGqbwk2mMPaIQWega+sZ8O+27tvi6B6/3h8a4GYUWQeH9IZgUAcGkEAou5zdgzpp+eZS+AAAAAABJRU5ErkJggg==") no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  transition: opacity 0.2s linear;
}
.button-forbid:hover::after {
  opacity: 1;
}

.cont-row-extra {
  width: 100px;
  height: 100px;
  position: relative;
}
.cont-row-extra img {
  width: 100%;
  height: 100%;
  display: block;
}

.forbid-link-1,
a.forbid-link-1,
a.forbid-link-1:link,
a.forbid-link-1:visited,
a.forbid-link-1:active {
  font-size: 16px;
  color: rgba(236, 232, 225, 0.7);
  text-decoration: underline;
  transition: color 0.2s linear;
}

a.forbid-link-1:hover {
  color: rgba(236, 232, 225, 0.9);
}

.forbid-link-2,
a.forbid-link-2,
a.forbid-link-2:link,
a.forbid-link-2:visited,
a.forbid-link-2:active {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
  text-decoration: underline;
  transition: color 0.2s linear;
}

a.forbid-link-2:hover {
  color: rgba(255, 255, 255, 0.5);
}

.cont-row-buttons {
  padding: 28px 0 18px 0;
}

.cont-row-links .forbid-helper-link {
  padding: 0 10px;
}

.popup-forbid-close {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 16px;
  right: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAIN/PEL+vTlFWyAAAAKtJREFUOMt11MEJwzAMQFF1AxPoADplgQ7QFXrqHimN1k8IH3T4cSC2hPyM7YMiniP0PT7nv6YLyzZiqW0IrJXxrUqBqv0cmjSo1zWmwO8dEIGAGEAMIAIiABOACMAEIAIwAYgATAAiABOACcAEYAIQAbjQL+at8h400XEhumATP0mTBpQNqAv0AgERUhMyERITYq0iNCESITBhFmESEYBMG8B/2jKmTWbalg5MbHdoZ0UCpgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s linear;
}
.popup-forbid-close:hover {
  opacity: 1;
}

.txt-highlight {
  color: #ffc345;
}

@keyframes fadeInMask {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInPopup {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}