.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;gap:0px;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);column-gap: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{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}@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}#expandText,#collapseText{font-size:clamp(.65rem,.334rem + 1.405vw,1.3rem)}}.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;align:center;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-badge{cursor:pointer}@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:clamp(1.031rem,.53rem + 2.23vw,2.063rem);height:auto}}.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)}}