.infopanel{width:375px;gap:40px;float:left;padding-right:40px;margin-right:40px}.cp-da{cursor:pointer;width:25px;height:25px}.champ-id-panel{display:grid;grid-template-columns:auto 1fr;grid-template-rows:70px 120px auto;gap:12px 0;min-width:375px;margin-left:auto;margin-right:auto}@media(max-width:1100px){.infopanel{width:94dvw;margin:0;padding:0}.champ-id-panel{grid-template-columns:[profile-box] clamp(12.5rem,7.179rem + 23.649vw,23.438rem) [name] auto [class] 1fr;grid-template-rows:[name-class] 1fr [expand] 1fr;height:clamp(4rem,2.054rem + 8.649vw,8rem);gap:0 clamp(.625rem,.321rem + 1.351vw,1.25rem);justify-content:space-evenly;min-width:0}}.champ-name-container{vertical-align:middle;margin-top:auto;margin-bottom:auto;overflow:hidden;white-space:nowrap}@media(max-width:1100px){.champ-name-container{white-space:normal}}.champ-name{color:#fff;font-family:Eurostile;font-weight:400;text-transform:uppercase;vertical-align:middle;margin-top:auto;margin-bottom:auto;display:inline-block}.champ-class{vertical-align:middle;margin-top:auto;margin-bottom:auto;margin-left:0}.champ-class img{width:65px;aspect-ratio:1 / 1;height:auto}.statboxes-expand-collapse,.statboxes-extended-info{display:none}@media(max-width:1100px){.champ-name{grid-column-start:name;grid-row-start:name-class}.champ-class{grid-column-start:class;grid-row-start:name-class;display:flex}.champ-class img{width:clamp(2.031rem,1.043rem + 4.392vw,4.063rem)}.statboxes-expand-collapse{display:flex;gap:clamp(.25rem,.128rem + .541vw,.5rem);grid-column-start:name;grid-column-end:span 2;grid-row-start:expand;color:#fff;font-family:Eurostile;font-size:clamp(.75rem,.476rem + 1.216vw,1.313rem);vertical-align:middle;align-items:center}#expandStatsBtn{cursor:pointer}#expandText{color:#fff;font-family:Eurostile;font-size:1.3rem;vertical-align:middle}#collapseStatsBtn{cursor:pointer;display:none}#collapseText{display:none;color:#fff;font-family:Eurostile;font-size:1.3rem;vertical-align:middle}}.champ-profile{grid-row-start:2;grid-column-start:1;grid-column-end:span 2;background-color:#000;border-style:solid;border-width:2.5px;border-color:#4882a2;display:grid;grid-template-columns:135px 10px 200px;grid-template-rows:1fr repeat(3,2fr) 1fr;gap:0px}.champ-panel-extended-info{grid-column:1 / span 2;grid-row:3;width:100%;box-sizing:border-box}.champ-extended-info{--bsp-bg-url: url(../images/statbox-background.png);background-color:transparent;border-style:solid;border-width:2.5px;border-image-source:var(--bsp-bg-url);border-image-slice:4 6 4 6 fill;border-image-repeat:stretch;border-color:#4882a2;color:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;padding:12px 14px;font-family:Eurostile;text-transform:uppercase}.champ-extended-info-section{min-width:0}.champ-extended-info-section.full-width{grid-column:1 / -1}.champ-extended-info-section.disabled{opacity:.35}.champ-extended-info-section h3{color:#8fc9e9;font-family:Eurostile;font-size:.9rem;font-weight:400;line-height:1;margin:0 0 6px}.champ-extended-info-value{color:#fff;font-size:1.2rem;line-height:1.15;overflow-wrap:anywhere}.champ-extended-info-empty{color:#9baab4}.champ-extended-info .tooltip{border-bottom:0;position:relative}.champ-extended-info .tooltip .tooltiptext{text-align:left;font-size:1.1em;line-height:1.3}.champ-extended-info-stat-focuses{display:flex;gap:8px}.champ-extended-info-stat-focus{align-items:center;border:1px solid rgba(255,255,255,.45);display:flex;height:34px;justify-content:center;width:34px}.champ-extended-info-stat-focus img{display:block;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(320deg) brightness(102%) contrast(101%);width:26px}.champ-extended-info-relic{display:inline-block;position:relative}.champ-extended-info-relic-badge{display:block;height:64px;width:auto}.champ-extended-info-relic-flavor{align-items:center;background-color:#000c;border:1px solid rgba(255,255,255,.65);bottom:0;display:flex;height:18px;justify-content:center;position:absolute;right:0;width:18px}.champ-extended-info-relic-flavor img{display:block;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(320deg) brightness(102%) contrast(101%);width:13px}.champ-extended-info-tags{display:flex;flex-wrap:wrap;gap:6px}.champ-extended-info-tag{background-color:#000;border:1px solid #4882a2;color:#fff;font-size:.95rem;line-height:1;padding:5px 7px}@media(max-width:1100px){.champ-profile{grid-template-columns:clamp(4.219rem,2.166rem + 9.122vw,8.438rem) clamp(.313rem,.16rem + .676vw,.625rem) clamp(6.25rem,3.209rem + 13.514vw,12.5rem);grid-row-start:name-class;grid-row-end:span 2;grid-column-start:profile-box;grid-column-end:profile-box;height:clamp(4rem,2.054rem + 8.649vw,8rem);border-width:1.5px}.champ-panel-extended-info{display:none}.champ-extended-info{border-width:1.5px;grid-template-columns:1fr;gap:8px;padding:10px}.champ-extended-info-section h3{font-size:clamp(.6rem,.308rem + 1.297vw,1.2rem);margin-bottom:4px}.champ-extended-info-value{font-size:clamp(.75rem,.385rem + 1.622vw,1.5rem)}.champ-extended-info-stat-focus{height:clamp(1.7rem,.873rem + 3.676vw,3.4rem);width:clamp(1.7rem,.873rem + 3.676vw,3.4rem)}.champ-extended-info-stat-focus img{width:clamp(1.3rem,.668rem + 2.811vw,2.6rem)}.champ-extended-info-relic-badge{height:clamp(3.2rem,1.643rem + 6.919vw,6.4rem);width:auto}.champ-extended-info-relic-flavor{height:clamp(.9rem,.462rem + 1.946vw,1.8rem);width:clamp(.9rem,.462rem + 1.946vw,1.8rem)}.champ-extended-info-relic-flavor img{width:clamp(.65rem,.334rem + 1.405vw,1.3rem)}.champ-extended-info-tag{font-size:clamp(.625rem,.321rem + 1.351vw,1.25rem);padding:4px 6px}#expandText,#collapseText{font-size:clamp(.65rem,.334rem + 1.405vw,1.3rem)}}@media(min-width:600px)and (max-width:1100px){.statboxes-extended-info{grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);grid-template-areas:"release tags" "focus tags" "relic tags";align-items:start;column-gap:16px;row-gap:8px}.statboxes-extended-info .champ-extended-info-release-section{grid-area:release}.statboxes-extended-info .champ-extended-info-stat-focus-section{grid-area:focus}.statboxes-extended-info .champ-extended-info-relic-section{grid-area:relic}.statboxes-extended-info .champ-extended-info-tags-section{grid-area:tags}.statboxes-extended-info .champ-extended-info-section.full-width{grid-column:auto}}@media(max-width:599px){.statboxes-extended-info{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.statboxes-extended-info .champ-extended-info-section.full-width{grid-column:1 / -1}}.champ-portrait{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:span 5;margin-top:auto;margin-bottom:auto;height:86px}.champ-portrait img{display:block;margin:auto;width:78px;height:78px}@media(max-width:1100px){.champ-portrait{width:100%;aspect-ratio:135 / 86;height:auto;position:relative;display:grid;place-items:center;background-size:77.7778% 100%}.champ-portrait img{width:57.7778%;aspect-ratio:1 / 1;height:auto;display:block;object-fit:cover}}.champ-rarity{grid-column-start:3;grid-column-end:3;grid-row-start:2;grid-row-end:2;vertical-align:middle;margin-top:auto;margin-bottom:auto;position:relative;display:inline-block}.champ-rarity-dropdown-menu{display:none;position:absolute;background-color:#000;border-style:solid;border-width:1px;border-color:#0cc;min-width:160px;z-index:1000}.champ-rarity-dropdown-menu.active{display:block}.champ-rarity-dropdown-option{padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.champ-rarity-dropdown-option:hover{background-color:#aaa}.champ-rarity-dropdown-option img{height:20px}@media(max-width:1100px){.champ-rarity-stars{height:auto;width:auto;max-height:clamp(.625rem,.321rem + 1.351vw,1.25rem);max-width:100%}.champ-rarity-dropdown-option img{display:block;height:auto;width:auto;max-height:clamp(.625rem,.321rem + 1.351vw,1.25rem);max-width:100%}.cp-da{width:clamp(.781rem,.401rem + 1.689vw,1.563rem);height:auto}}.champ-rank{grid-column-start:3;grid-column-end:3;grid-row-start:3;grid-row-end:3;vertical-align:middle;margin-top:auto;margin-bottom:auto;position:relative;display:inline-block}.champ-rank *{color:#fff;font-family:Eurostile;font-size:1.5rem;font-weight:400;text-transform:uppercase}.champ-rank-dropdown-menu{display:none;position:absolute;background-color:#000;border-style:solid;border-width:1px;border-color:#0cc;min-width:160px;z-index:1000}.champ-rank-dropdown-menu.active{display:block}.champ-rank-dropdown-option{padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.champ-rank-dropdown-option:hover{background-color:#aaa}.champ-rank-ascension{position:absolute;top:-5px;left:125px;display:none}.champ-rank-ascension.visible{display:block}.champ-rank-ascension picture{display:block}#champ-rank-ascension-badge{cursor:pointer}#champ-rank-ascension-badge.projected-ascension{filter:drop-shadow(2px 0 0 rgba(255,0,0,.7)) drop-shadow(-2px 0 0 rgba(255,0,0,.7)) drop-shadow(0 2px 0 rgba(255,0,0,.7)) drop-shadow(0 -2px 0 rgba(255,0,0,.7))}@media(max-width:1100px){.champ-rank{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(.938rem,.481rem + 2.027vw,1.875rem)}.champ-rank *{font-size:clamp(.75rem,.385rem + 1.622vw,1.5rem)}.champ-rank-dropdown-menu{min-width:0}.champ-rank-dropdown-option{padding:clamp(.156rem,.08rem + .338vw,.313rem)}.champ-rank-ascension{position:static}#champ-rank-ascension-badge{width:auto;height:clamp(.947rem,.487rem + 2.047vw,1.894rem)}}.champ-sig{grid-column-start:3;grid-column-end:3;grid-row-start:4;grid-row-end:4;vertical-align:middle;margin-top:auto;margin-bottom:auto;position:relative;display:inline-block;color:#fff;font-family:Eurostile;font-size:1.5rem;font-weight:400;text-transform:uppercase}.champ-sig-dropdown-slider{display:none;position:absolute;background-color:#000;border-style:solid;border-width:1px;border-color:#0cc;width:480px;height:80px;z-index:10}.champ-sig-dropdown-slider.active{display:block}.champ-sig input[type=range]{width:460px;margin:10px}.sig-values{display:flex;flex-direction:column;justify-content:space-between;writing-mode:vertical-lr;padding-top:0rem;font-size:.75rem;width:28.75rem;margin:0 .625rem;cursor:pointer}.sig-values span{font-size:1rem}.champ-sig datalist{display:flex;flex-direction:column;writing-mode:vertical-lr;width:300px;margin-left:10px;margin-right:10px;justify-content:space-between}.champ-sig option{font-size:.5em;cursor:pointer}@media(max-width:1100px){.champ-sig{font-size:clamp(.75rem,.385rem + 1.622vw,1.5rem)}.champ-sig-dropdown-slider{width:clamp(15rem,7.703rem + 32.432vw,30rem);aspect-ratio:480 / 80;height:auto}.champ-sig input[type=range]{width:clamp(14.375rem,7.382rem + 31.081vw,28.75rem);margin:clamp(.313rem,.16rem + .676vw,.625rem)}.sig-values{font-size:clamp(.375rem,.193rem + .811vw,.75rem);width:clamp(14.375rem,7.382rem + 31.081vw,28.75rem);margin:0 clamp(.3125rem,.16rem + .676vw,.625rem)}.sig-values span{font-size:clamp(.5rem,.257rem + 1.081vw,1rem)}.champ-sig datalist{width:clamp(9.375rem,4.814rem + 20.27vw,18.75rem);margin-left:clamp(.3125rem,.16rem + .676vw,.625rem);margin-right:clamp(.3125rem,.16rem + .676vw,.625rem)}.champ-sig option{font-size:clamp(.25rem,.128rem + .541vw,.5rem)}}