.abilityIcon img,.heroAbility-icon img{max-width:100%}.heroDetail{padding-bottom:60px}.ArtContainer{background-color:#08000f;overflow:hidden}.heroDetailHeader{position:relative;display:block;padding-left:0;padding-right:0}@media (min-width:800px){.heroDetailHeader{height:100%;top:0;min-height:800px}}@media (min-width:1280px){.heroDetailHeader{min-height:880px}}.heroImage{position:relative;width:100%}@media (min-width:800px){.heroImage{position:absolute;width:1400px;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:1280px){.heroImage{width:1480px;margin:0 auto}}.heroImage:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;top:75%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#08000f));background:linear-gradient(180deg,transparent,#08000f)}@media (min-width:800px){.heroImage:after{display:none}}.heroDetailHeader-separator{position:relative;margin:0 auto;width:1440px;max-width:100%;background-image:url(/images/hero-details/separator-main-d6e47ed3d0.png);background-position-x:center;background-position-y:top;height:3px}.heroImage-img{max-width:100%}.heroImage-img--mobile{display:block}@media (min-width:800px){.heroImage-img--mobile{display:none}}.heroImage-img--desktop{display:none}@media (min-width:800px){.heroImage-img--desktop{display:block}}@media (min-width:800px){.heroDetail--dva .heroImage{margin-left:100px}}@media (min-width:960px){.heroDetail--dva .heroImage{margin-left:80px}}@media (min-width:1230px){.heroDetail--dva .heroImage{margin-left:0}}.franchiseIcon{background-position:0 0;background-repeat:no-repeat;background-size:contain;width:65px;height:65px}.franchiseIcon.starcraft{background-image:url(/images/franchise-icons/starcraft-dd56a4edc2.png)}.franchiseIcon.diablo{background-image:url(/images/franchise-icons/diablo-8061eea74c.png)}.franchiseIcon.warcraft{background-image:url(/images/franchise-icons/warcraft-ac219bd0da.png)}.franchiseIcon.overwatch{background-image:url(/images/franchise-icons/overwatch-138c801780.png)}.franchiseIcon.retro{background-image:url(/images/franchise-icons/heroes-0d794752c6.png)}@media (min-width:640px){.franchiseIcon{width:75px;height:75px}}@media (min-width:960px){.franchiseIcon{width:90px;height:90px}}@media (min-width:1280px){.franchiseIcon{width:100px;height:100px}}.heroInfo{position:relative;margin:0 auto;top:-25px;text-align:left;max-width:480px;padding:0 20px 25px}@media (min-width:800px){.heroInfo{margin:-40px 0 0 45px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:45%;max-width:400px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;position:absolute;padding:0}}@media (min-width:1120px){.heroInfo{margin-left:100px}}@media (min-width:1280px){.heroInfo{max-width:450px}}.heroIdentity,.heroRotation{margin-bottom:1em}.heroIdentity{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.heroIdentity-name{white-space:nowrap;text-transform:uppercase;font-weight:700;margin:0;font-size:2rem;font-family:Metronic,Verdana,Source Sans Pro,sans-serif;color:#fff;line-height:1.2em;text-shadow:0 0 16px #009cff}@media (min-width:640px){.heroIdentity-name{font-size:2.5rem}}@media (min-width:1280px){.heroIdentity-name{font-size:3rem}}.heroIdentity-title{font-weight:400;font-size:24px;line-height:1.2em;color:#6cf}.heroIdentity-title,.heroRotation{font-family:Metronic,Verdana,Source Sans Pro,sans-serif;text-transform:uppercase}.heroRotation{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-shadow:0 0 .625rem #2d66f7;padding-left:32px;line-height:1.3333em}.heroRotation:before{display:block;content:"";position:absolute;background:url(/images/free-icon-d881ceeb16.png) 0 0 no-repeat;width:40px;height:40px;top:-9px;left:-9px}.heroRotation-string{color:#fff;margin-right:5px;font-weight:400;white-space:nowrap}.heroRotation-date{color:#009cff;white-space:nowrap}.heroDesc{color:#8eb1bc;line-height:1.4em;font-size:18px}.heroText{font-size:18px;padding-left:10px}@media (min-width:800px){.heroText{padding-left:16px}}section.summary .summaryInner{position:relative}section.summary .summaryInner .abilities-primary{padding-bottom:1em}section.summary .role{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px}@media (min-width:640px){section.summary .role{padding:2em}}section.summary .role .roleIcon-wrapper{width:100px;max-width:100%;margin:0 auto}@media (min-width:640px){section.summary .role .roleIcon-wrapper{width:120px}}@media (min-width:800px){section.summary .role .roleIcon-wrapper{width:120px}}section.summary .role .roleIcon{display:block;background:transparent url(/images/hero-details/role-icons-8f41a402c3.png) 0 0 no-repeat;background-size:600%;width:100%;height:0;padding-bottom:115%}section.summary .role .roleIcon.tank{background-position:0 0}section.summary .role .roleIcon.bruiser{background-position:20% 0}section.summary .role .roleIcon.healer{background-position:40% 0}section.summary .role .roleIcon.support{background-position:60% 0}section.summary .role .roleIcon.melee-assassin{background-position:80%,0}section.summary .role .roleIcon.ranged-assassin{background-position:100% 0}section.summary .abilities,section.summary .heroics{display:none}@media (min-width:960px){section.summary .abilities,section.summary .heroics{display:block}}section.summary .abilities>div .ability,section.summary .heroics>div .ability{position:relative;width:50%}section.summary .abilities>div .ability .abilityIconLink,section.summary .heroics>div .ability .abilityIconLink{display:block;position:relative}section.summary .abilities>div .ability .abilityIconLink:after,section.summary .heroics>div .ability .abilityIconLink:after{display:block;content:"";position:absolute;width:100%;height:100%;max-width:172px;top:0;left:0;background:url(/images/ability-icon-frame-6f5d4ee4ef.png) 0 0 no-repeat;background-size:cover}section.summary .abilities>div .ability .abilityIconLink:hover:after,section.summary .heroics>div .ability .abilityIconLink:hover:after{background-image:url(/images/ability-icon-frame_hover-26ec027d3c.png)}section.summary .abilities>div .ability{max-width:33.333%}.summaryCard-inner.stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 6% 8px 3%}@media (min-width:640px){.summaryCard-inner.stats{padding-top:0;padding-bottom:0}}.summaryCard-inner.stats .stat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0}@media (min-width:640px){.summaryCard-inner.stats .stat{padding:2% 0}}.summaryCard-inner.stats .stat .stat-data{width:100%}.summaryCard-inner.stats .stat .stat-name{display:block;text-transform:uppercase;font-size:1em;font-weight:400;line-height:1em;color:#fff;text-shadow:0 0 16px #009cff;margin-bottom:.5em}@media (min-width:960px){.de-de .summaryCard-inner.stats .stat .stat-name,.es-es .summaryCard-inner.stats .stat .stat-name,.es-mx .summaryCard-inner.stats .stat .stat-name,.it-it .summaryCard-inner.stats .stat .stat-name,.pt-br .summaryCard-inner.stats .stat .stat-name{font-size:.8em}}@media (min-width:1280px){.de-de .summaryCard-inner.stats .stat .stat-name,.es-es .summaryCard-inner.stats .stat .stat-name,.es-mx .summaryCard-inner.stats .stat .stat-name,.it-it .summaryCard-inner.stats .stat .stat-name,.pt-br .summaryCard-inner.stats .stat .stat-name{font-size:.9em}}@media (min-width:960px){.pl-pl .summaryCard-inner.stats .stat .stat-name{font-size:.7em}}@media (min-width:1280px){.pl-pl .summaryCard-inner.stats .stat .stat-name{font-size:.9em}}.statBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0}.statBar .statBarProgress{background-color:#3a2d57;width:8.2%;height:8px}.statBar.fill1 .statBarProgress.filled,.statBar.fill2 .statBarProgress.filled,.statBar.fill3 .statBarProgress.filled,.statBar.fill4 .statBarProgress.filled{background-color:#57ddff;-webkit-box-shadow:0 0 16px #57ddff;box-shadow:0 0 16px #57ddff}.statBar.fill5 .statBarProgress.filled,.statBar.fill6 .statBarProgress.filled,.statBar.fill7 .statBarProgress.filled{background-color:#a27ce7;-webkit-box-shadow:0 0 16px #a27ce7;box-shadow:0 0 16px #a27ce7}.statBar.fill8 .statBarProgress.filled,.statBar.fill9 .statBarProgress.filled,.statBar.fill10 .statBarProgress.filled{background-color:#ff77fd;-webkit-box-shadow:0 0 16px #ff77fd;box-shadow:0 0 16px #ff77fd}.stat-icon{content:"";display:none;width:30%;float:left;margin-right:4%;background:transparent url(/images/hero-details/stat-icons-d682277f8c.png) 0 0 no-repeat;background-size:400%;max-width:80px;max-height:80px}.stat-icon:before{content:"";padding-top:100%;width:100%;display:block;height:0}@media (min-width:640px){.stat-icon{display:block}}.stat-icon--damage{background-position:0 0}.stat-icon--utility{background-position:33.33% 0}.stat-icon--survivability{background-position:66.67% 0}.stat-icon--complexity{background-position:100% 0}.summaryCardContainer{margin-left:-10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.summaryCard{padding-left:10px;padding-top:13px;width:100%}@media (min-width:640px){.summaryCard{width:50%}}@media (min-width:960px){.summaryCard{width:25%}}.summaryCard-inner{padding:0 1em;background-color:#12092c;background:-webkit-gradient(linear,left bottom,left top,from(#0e0520),to(#1b1146));background:linear-gradient(0deg,#0e0520,#1b1146);height:100%}.summaryCard-headline{font-family:Metronic,Arial,sans-serif;font-weight:700;color:#fff;line-height:1;text-transform:uppercase;text-shadow:0 0 16px #009cff;margin:0;padding-bottom:.5em;font-size:1em;line-height:1.2em}@media (min-width:640px){.summaryCard-headline{font-size:1.25em}}@media (min-width:960px){.summaryCard-headline{font-size:1.5em}}.summaryCard-secondaryHeadline{font-family:Metronic,Arial,sans-serif;font-weight:400;text-align:center;text-transform:uppercase;color:#6cf;margin:.75em 0 0;font-size:1.25em;line-height:1.2em}@media (min-width:640px){.summaryCard-secondaryHeadline{font-size:1.25em}}@media (min-width:960px){.summaryCard-secondaryHeadline{font-size:1.5em}}.summaryCard--abilities,.summaryCard--heroics{display:none}@media (min-width:960px){.summaryCard--abilities,.summaryCard--heroics{display:block}}.summaryCard--abilities .summaryCard-inner,.summaryCard--heroics .summaryCard-inner{padding-top:1.5em;padding-bottom:1.5em}.summaryCard-abilityList{margin-left:-5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.summaryCard-abilityList .ability{padding-left:5px;max-width:130px}.abilityIconLink--tooltip:focus .abilityTooltip,.abilityIconLink--tooltip:hover .abilityTooltip{display:block;z-index:1}.abilityIconLink--tooltip:hover{z-index:2}.abilityTooltip{position:absolute;top:110%;width:15rem;display:none;border:2px solid #2a284d;background-color:#000;padding:1em}.abilityTooltip .abilityTooltip-title{color:#fff;display:block;margin-bottom:.75em}.abilityTooltip .abilityTooltip-description{color:#7777a2}.abilityTooltip--right{right:0}.abilityTooltip--left{left:0}.abilities{padding-top:40px}.heroAbility-header{color:#fff;font-family:Metronic,Verdana,Source Sans Pro,sans-serif;font-weight:400;font-size:1.5em;text-transform:uppercase;text-shadow:0 0 1em #009cff;margin:0 0 24px}.heroAbility{padding-bottom:10px}@media (min-width:880px){.heroAbility{width:33.333%;padding-left:10px}}.heroAbility-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 24px 24px;background-color:#12092c;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:640px){.heroAbility-inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width:880px){.heroAbility-inner{display:block;padding:16px 32px 32px;height:100%}}.heroAbility-info{max-width:700px}.heroAbility-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6cf;font-size:1.25em;line-height:1.2em;font-weight:400;font-family:Metronic,Verdana,Source Sans Pro,sans-serif;margin:0 0 .25em}@media (min-width:640px){.heroAbility-name{font-size:1.25em}}@media (min-width:960px){.heroAbility-name{font-size:1.5em}}.heroAbility-name-icon{position:relative;display:inline-block}.heroAbility-name-icon:after{background:url(/images/ability-icon-frame-6f5d4ee4ef.png) 0 0 no-repeat;background-size:contain;content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.heroAbility-name-icon,.heroAbility-name-text{vertical-align:middle}.heroAbility-name-icon{width:3.5em;min-width:3em;margin-right:.333em}.heroAbility-icon-img{max-width:100%}.heroAbility-description{color:#8eb1bc;line-height:1.4em;font-size:18px;margin-top:.25em}.heroAbilities{margin-bottom:40px}@media (min-width:880px){.heroAbilities{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:-10px}}.heroDetail.heroDetail--hasTabs{display:none}.heroDetail.js-heroTabContent--active{display:block}.heroTabs{max-width:100%}.heroTabs-inner{position:relative}.heroTabs .heroInfo{padding-top:40px;padding-bottom:10px;text-align:center;margin-left:auto;margin-right:auto}.heroTabs-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.heroTabs-icon{width:110px}@media (min-width:640px){.heroTabs-icon{width:135px}}@media (min-width:960px){.heroTabs-icon{width:156px}}.heroTabs-icon-img{-webkit-transform:translateY(2%);transform:translateY(2%)}.heroDetail--valeera .heroTabs-icon{width:70px}@media (min-width:640px){.heroDetail--valeera .heroTabs-icon{width:80px;width:112px}}.heroDetail--valeera .heroTabs-icon .heroTabs-icon-img{-webkit-transform:translateY(4%);transform:translateY(4%)}.heroTabs-icon-img{max-width:100%}.heroTabLinkWrapper{width:50%}.heroTabLinkWrapper:first-child{margin-right:47.3px}@media (min-width:640px){.heroTabLinkWrapper:first-child{margin-right:58.05px}}@media (min-width:960px){.heroTabLinkWrapper:first-child{margin-right:67.08px}}.heroDetail--valeera .heroTabLinkWrapper:first-child{margin-right:0}.heroTabLinkWrapper:first-child .heroTabLink-inner{padding:.75em 1.5em .75em 1em}@media (min-width:640px){.heroTabLinkWrapper:first-child .heroTabLink-inner{padding:.75em 2em}}.heroDetail--valeera .heroTabLinkWrapper:first-child .heroTabLink-inner{padding-right:2.5em}@media (min-width:640px){.heroDetail--valeera .heroTabLinkWrapper:first-child .heroTabLink-inner{padding-right:3em}}.heroTabLinkWrapper:last-child{margin-left:47.3px}@media (min-width:640px){.heroTabLinkWrapper:last-child{margin-left:58.05px}}@media (min-width:960px){.heroTabLinkWrapper:last-child{margin-left:67.08px}}.heroDetail--valeera .heroTabLinkWrapper:last-child{margin-left:0}.heroTabLinkWrapper:last-child .heroTabLink-inner{padding:.75em 1em .75em 1.5em}@media (min-width:640px){.heroTabLinkWrapper:last-child .heroTabLink-inner{padding:.75em 2em}}.heroDetail--valeera .heroTabLinkWrapper:last-child .heroTabLink-inner{padding-left:2.5em}@media (min-width:640px){.heroDetail--valeera .heroTabLinkWrapper:last-child .heroTabLink-inner{padding-left:3em}}.heroTabLinkWrapper:first-child .heroTabLink--active,.heroTabLinkWrapper:first-child .heroTabLink:focus,.heroTabLinkWrapper:first-child .heroTabLink:hover{color:#fff;-webkit-box-shadow:-25px 5px 5rem #9640fe;box-shadow:-25px 5px 5rem #9640fe}.heroTabLinkWrapper:last-child .heroTabLink--active,.heroTabLinkWrapper:last-child .heroTabLink:focus,.heroTabLinkWrapper:last-child .heroTabLink:hover{color:#fff;-webkit-box-shadow:25px 5px 5rem #9640fe;box-shadow:25px 5px 5rem #9640fe}.heroTabLinkWrapper:first-child .heroTabLink:before{content:"";display:block;border:4px solid transparent;border-right-color:#9de1ff;border-left:none;height:100%;width:0;position:absolute;top:0;right:100%;left:auto;margin-right:3px}.heroTabLinkWrapper:last-child .heroTabLink:before{content:"";display:block;border-bottom:4px solid transparent;border-left:4px solid #9de1ff;border-top:4px solid transparent;height:100%;width:0;position:absolute;top:0;left:100%;margin-left:3px}.heroTabLink{position:relative;display:inline-block;max-width:12em;width:100%;padding:3px;background-color:#4f6cff;background:-webkit-gradient(linear,left top,left bottom,from(#9de1ff),to(#4f6cff));background:linear-gradient(180deg,#9de1ff,#4f6cff);color:#957ee1;font-family:Metronic,Verdana,Source Sans Pro,sans-serif}.heroTabLink,.heroTabLink:hover{text-decoration:none}@media (min-width:640px){.heroTabLink{font-size:1.25em;width:auto}}@media (min-width:960px){.heroTabLink{font-size:1.5em}}.heroTabLink-inner{display:block;background-color:#321750;background:-webkit-gradient(linear,left top,left bottom,from(#460592),to(#321750));background:linear-gradient(180deg,#460592,#321750)}.heroTabLink--active,.heroTabLink:focus,.heroTabLink:hover{color:#fff}.heroTabLink--active .heroTabLink-inner,.heroTabLink:focus .heroTabLink-inner,.heroTabLink:hover .heroTabLink-inner{background-color:#48069c;background:-webkit-gradient(linear,left top,left bottom,from(#4f6cff),to(#48069c));background:linear-gradient(180deg,#4f6cff,#48069c)}.heroTabLink--active{z-index:1}.heroTabLinkWrapper:first-child{text-align:right}.heroTabs-icon{position:absolute;top:50%;-webkit-filter:brightness(.5);filter:brightness(.5)}.heroTabLinkWrapper:first-child .heroTabLink .heroTabs-icon{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.heroTabLinkWrapper:last-child .heroTabLink .heroTabs-icon{position:absolute;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heroTabLink--active .heroTabs-icon,.heroTabLink:focus .heroTabs-icon,.heroTabLink:hover .heroTabs-icon{-webkit-filter:brightness(1);filter:brightness(1)}.heroDetail--valeera .heroTabLink .heroTabs-icon{display:none}.heroDetail--valeera .heroTabLink.heroTabLink--active .heroTabs-icon{display:block}.ErrorContent-container{min-height:1000px;background:transparent url(/images/hero-select/background-2400-213c34727f.jpg) top no-repeat;padding:0 20px}.HeroTitle-text{font-family:Metronic;color:#fff;font-size:42px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);margin:auto;max-width:1440px;padding-bottom:30px;padding-top:60px}.HeroError-text{margin:auto;text-align:center;max-width:1440px}