@charset "UTF-8";.blizzcon-2018{background-color:#010e19;overflow-x:hidden}@media (min-width:1280px){.blizzcon-2018{background-color:#02070d}}.ArtContainer{position:relative;width:2400px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:Palatino Linotype,Palatino,Hiragino Kaku Gothic Pro,Hiragino Kaku Gothic ProN W3,Osaka,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Asadong,Times,serif;color:#d8d9e8;font-size:16px;letter-spacing:.05em;background:transparent;margin:0}.ArtContainer p{line-height:1.5em;letter-spacing:.05em;margin-bottom:1.5em}@media (min-width:640px){.ArtContainer{font-size:18px}}@media (min-width:1280px){.ArtContainer{font-size:21px}}.Container{width:100vw}.SectionHeader{margin-bottom:1.5em;text-align:center}.SectionCategory{font-size:16px;text-transform:uppercase;color:#ffac62;letter-spacing:.2em;font-weight:400;margin:0 0 .5em}@media (min-width:640px){.SectionCategory{font-size:18px}}@media (min-width:1280px){.SectionCategory{font-size:21px}}.SectionHeadline{color:#fff;font-size:2em;letter-spacing:.05em;font-weight:700;margin:0 0 .5em;position:relative}.SectionRuler{height:20px;width:100%;border:0;background-repeat:no-repeat;background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/section-header-hex-3dc19ad404.png);background-position:50%;position:relative;margin:0}.SectionRuler:after,.SectionRuler:before{content:"";position:absolute;top:50%;height:1px;width:140px;background-color:#ffac62}.SectionRuler:before{right:50%;margin-right:10px}.SectionRuler:after{left:50%;margin-left:11px}.SubSection__headline{color:#fff;font-size:24px}@media (min-width:640px){.SubSection__headline{font-size:29px}}@media (min-width:960px){.SubSection__headline{font-size:33px}}.blizzcon-2018 .YouTube{position:relative;background:#000}.blizzcon-2018 .YouTube:before{content:"";display:block;padding-top:56.25%}.blizzcon-2018 .YouTube .YouTube__Video{position:absolute;top:0;right:0;left:0;bottom:0}.CTA{position:relative;display:inline-block;text-align:center;-webkit-box-shadow:0 0 25px rgba(0,0,0,.8),inset 3px 3px 5px rgba(0,0,0,.333),inset -3px -3px 5px rgba(0,0,0,.667);box-shadow:0 0 25px rgba(0,0,0,.8),inset 3px 3px 5px rgba(0,0,0,.333),inset -3px -3px 5px rgba(0,0,0,.667);background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/cta-base-light-1cac02defe.jpg);background-size:cover;background-position:50%;color:#fff;text-shadow:0 3px 4px #000;text-decoration:none;min-width:200px;padding:.667em 1em .7em;font-weight:700;font-size:.875em;letter-spacing:.01em;margin:4px 3px;line-height:1.5em}.CTA:after{top:-4px;bottom:-4px;left:-13px;right:-13px;border-image-source:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/cta-frame-2b4c97f81d.png);border-image-slice:5 13 fill;border-image-width:4px 13px;border-image-repeat:repeat;border-style:solid;border-width:4px 13px}.CTA:after,.CTA:before{content:"";position:absolute}.CTA:before{top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.2;-webkit-transition:opacity .3s;transition:opacity .3s}.CTA:hover{text-decoration:none}.CTA:hover:before{opacity:0}.CTA__text,.IconText{position:relative}.IconText{display:inline-block;font-weight:700;color:#fff;letter-spacing:.05em;line-height:1.2em;padding-left:1.5em}.IconText__text{display:block;vertical-align:middle;width:100%}.IconText:before{content:"";display:block;width:1.1em;height:1.1em;position:absolute;top:-.05em;left:0;background-size:contain;background-repeat:no-repeat}.IconText--assassin{padding-left:1.2em}.IconText--assassin:before{top:-.25em;width:1.333em;height:1.333em;background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/icon-assassin-0ca9e67dcc.png)}.IconText--nexus:before{background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/icon-nexus-561aef1528.png)}.IconText--release:before{background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/icon-release-a6aab93b68.png)}.ExternalLinkIcon{display:inline-block;width:11px;height:11px;margin-left:7px;vertical-align:baseline;fill:#fff;fill-rule:evenodd;-webkit-filter:drop-shadow(0 0 7px #000);filter:drop-shadow(0 0 7px #000)}.NotchBorder{display:block;position:relative;width:14px;height:14px}.NotchBorder:after,.NotchBorder:before{content:"";position:absolute;height:1px;width:70px;background-color:#ffac62;bottom:0}.NotchBorder:before{right:100%}.NotchBorder:after{left:100%}.NotchBorder__notch{display:block;position:absolute;bottom:0;left:0;width:9.89949px;height:9.89949px;border-color:#ffac62 transparent transparent #ffac62;border-style:solid;border-width:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.SectionBG--mobile{display:block}@media (min-width:640px){.SectionBG--mobile{display:none}}.SectionBG--tablet{display:none}@media (min-width:640px) and (max-width:1279px){.SectionBG--tablet{display:block}}.SectionBG--desktop{display:none}@media (min-width:1280px){.SectionBG--desktop{display:block}}.js-SimpleCarousel__slide{display:none}.js-SimpleCarousel__slide.js-active{display:block}.js-SimpleCarousel-hammerManager{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.Heroes-hexIndexLink .SimpleCarousel-pagination{width:22px;height:22px;fill:none;fill-rule:evenodd;stroke:#b7753a;stroke-width:2px}.Heroes-hexIndexLink:hover .SimpleCarousel-pagination{fill:none;stroke:#e99e5c}.Heroes-hexIndexLink.js-active .SimpleCarousel-pagination{fill:#b7753a;stroke:#e99e5c}.js-SimpleCarousel-arrow{display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.js-SimpleCarousel-arrow--left{left:0}.js-SimpleCarousel-arrow--right{right:0}.js-SimpleCarousel-arrow .SimpleCarousel-arrow{fill:#b7753a;fill-rule:evenodd;width:22px;height:38px}.js-SimpleCarousel-arrow:hover .SimpleCarousel-arrow{fill:#e99e5c}@media (min-width:960px){.js-SimpleCarousel-arrow{display:none}}.PageTopWrapper.Parallax{z-index:1}.ComicsHeroWrapper.Parallax{position:relative;z-index:2}.ItemsWrapper.Parallax{z-index:3}.Wrap{overflow-x:hidden}@media (min-width:1280px){.Wrap{height:500px;height:100vh;overflow-y:auto;-webkit-perspective:1px;perspective:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective-origin:50% 0;perspective-origin:50% 0}}.ArtContainer,.Parallax{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ArtContainer{overflow:hidden}@media (min-width:1280px){.ArtContainer{overflow:visible}}.Parallax__base{position:relative;z-index:2}.Parallax__base,.Parallax__layer{-webkit-transform:translateZ(0);transform:translateZ(0)}.Parallax__layer{position:absolute;top:0;left:0;width:100%;pointer-events:none}.Parallax__layer--bottom{bottom:0}@media (min-width:1280px){.Parallax__layer--0{-webkit-transform:translateZ(-.25px) scale(1.25);transform:translateZ(-.25px) scale(1.25)}.Parallax__layer--1{-webkit-transform:translateZ(-.75px) scale(1.75);transform:translateZ(-.75px) scale(1.75)}.Parallax__layer--2{-webkit-transform:translateZ(-1px) scale(2);transform:translateZ(-1px) scale(2)}.Parallax__layer--3{-webkit-transform:translateZ(-1.25px) scale(2.25);transform:translateZ(-1.25px) scale(2.25)}}.FancyBG__layer{position:absolute;top:0;left:0}.FancyBG__layer--mobileBreak,.FancyBG__layer img{display:block}@media (min-width:640px){.FancyBG__layer--mobileBreak{display:none}}.FancyBG__layer--tabletBreak{display:none}@media (min-width:640px) and (max-width:1279px){.FancyBG__layer--tabletBreak{display:block}}.FancyBG__layer--parallaxBreak{display:none}@media (min-width:1280px){.FancyBG__layer--parallaxBreak{display:block}}.fullPageTop.FancyBG__layer,.skymoonMedium.FancyBG__layer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tree2.FancyBG__layer{padding-left:1591px}.tree1Medium.FancyBG__layer,.tree2Medium.FancyBG__layer{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tree1Medium.FancyBG__layer{padding-right:668px}.tree2Medium.FancyBG__layer{padding-left:835px}.PageTopWrapper .fireflies.FancyBG__layer{width:2400px;height:1270px}.PageTopWrapper .fireflies.FancyBG__layer canvas{position:absolute;top:0;right:0;bottom:0;left:0}.castle.FancyBG__layer{padding-top:75px}.castleMedium.FancyBG__layer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-top:120px}.clouds.FancyBG__layer{width:2400px;height:1200px;opacity:.9}.clouds.FancyBG__layer canvas{position:absolute;top:0;right:0;bottom:0;left:0}.clouds--large.FancyBG__layer{-webkit-transform:translateY(-120px);transform:translateY(-120px)}.clouds--medium.FancyBG__layer{-webkit-transform:translateY(50px);transform:translateY(50px)}.treeline.FancyBG__layer{-webkit-transform:translate3d(0,-5%,0);transform:translate3d(0,-5%,0)}.forest.FancyBG__layer{padding-top:416px}.archway.FancyBG__layer{padding-top:250px;padding-left:583px}.statue.FancyBG__layer{padding-top:870px}.courtyard.FancyBG__layer{top:auto;bottom:0}.courtyard.FancyBG__layer .courtyard__left,.courtyard.FancyBG__layer .courtyard__right{position:absolute;bottom:1179px;z-index:-1}.courtyard.FancyBG__layer .courtyard__left{left:0}.courtyard.FancyBG__layer .courtyard__right{right:0}.courtyard.FancyBG__layer .courtyard__altar{padding-left:656px}.purpleCut.FancyBG__layer{top:auto;bottom:0}.courtyardMedium.FancyBG__layer,.courtyardSmall.FancyBG__layer{top:auto;bottom:0}.courtyardMedium.FancyBG__layer,.courtyardSmall.FancyBG__layer,.itemsBotGlowMedium.FancyBG__layer,.itemsBotGlowSmall.FancyBG__layer,.itemsTopGlowMedium.FancyBG__layer,.itemsTopGlowSmall.FancyBG__layer{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.itemsBotGlowMedium.FancyBG__layer,.itemsBotGlowSmall.FancyBG__layer{top:auto;bottom:0}.ComicsHeroWrapper .fireflies.FancyBG__layer{top:auto;bottom:0;width:2400px;height:2400px}.ComicsHeroWrapper .fireflies.FancyBG__layer canvas{position:absolute;top:0;right:0;bottom:0;left:0}.outro.FancyBG__layer{top:auto;bottom:0}.TitleSection{text-align:center;padding-bottom:8%}@media (min-width:1280px){.TitleSection{padding-bottom:250px}}.TitleSection .PageHeader{padding:.75em 0 1.25em;margin:5.5em 0 5em;z-index:1;position:relative}.TitleSection .PageHeader:after,.TitleSection .PageHeader:before{content:"";position:absolute;max-width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-size:contain;background-repeat:no-repeat}.TitleSection .PageHeader:before{bottom:100%;width:415px;padding-top:56px;background-position:bottom;background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/fancy-divider-1-4277bd0af6.png)}.TitleSection .PageHeader:after{top:100%;width:413px;padding-top:23px;background-position:top;background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/fancy-divider-2-fb7ab01db7.png)}.PageHeadline{font-size:3.5em;letter-spacing:.075em;margin:0;text-transform:uppercase;background-image:-webkit-gradient(linear,left top,left bottom,from(#918ea9),to(#fff));background-image:linear-gradient(#918ea9,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;position:relative;line-height:1em}.PageHeadline__shadow,.PageHeadline__stroke{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;pointer-events:none}.PageHeadline__shadow{text-shadow:0 0 10px rgba(0,0,0,.75);z-index:-1}.PageHeadline__stroke{-webkit-text-stroke:1px #fff;z-index:1}.TitleSection .PageSubheadline{font-size:1em;color:#ffac62;letter-spacing:.2em;margin:.5em 0 0;text-shadow:0 0 10px #000;text-transform:uppercase}.TitleSection .YouTube{max-width:960px;width:84.16667%;margin:0 auto;position:relative}.TitleSection .YouTube:after{content:"";position:absolute;top:-14.25926%;bottom:-14.25926%;left:-7.91667%;right:-7.91667%;pointer-events:none;background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/16x9-frilly-frame-e2fa00ed7c.png);background-repeat:no-repeat;background-size:contain}.TitleSection .YouTube{max-width:700px}@media (min-width:1280px){.TitleSection .YouTube{max-width:900px}}.ComicsSection{position:relative;text-align:center;padding-bottom:0;z-index:1}@media (min-width:640px){.ComicsSection{padding-bottom:4%}}@media (min-width:1280px){.ComicsSection{padding-bottom:300px}}.ComicsSection__description{display:inline-block;max-width:620px;margin:0 auto}.ComicsList{margin:3% auto 0;max-width:337px}@media (min-width:640px){.ComicsList{max-width:704px}}@media (min-width:1280px){.ComicsList{max-width:none}}.ComicsList__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:-30px;-ms-flex-wrap:wrap;flex-wrap:wrap}.ComicsList__item{padding-left:30px;padding-bottom:39px;width:100%}@media (min-width:640px){.ComicsList__item{width:50%}}@media (min-width:1280px){.ComicsList__item{width:25%;padding-bottom:0}}@media (min-width:1280px){.ComicsList__item:nth-child(2n){padding-top:10%}}.ComicLink{position:relative;display:inline-block;width:100%;text-align:left;border:1px solid #9a683c;background-color:#000;-webkit-transition:opacity .3s,border-color .3s;transition:opacity .3s,border-color .3s}.ComicLink:before{content:"";display:block;padding-top:100%}@media (min-width:640px){.ComicLink:before{padding-top:145.99407%}}.ComicLink__bg{overflow:hidden}.ComicLink__bg,.ComicLink__bg__img{position:absolute;top:0;left:0;right:0;bottom:0}.ComicLink__bg__img{background-size:100% auto;background-position:50%;background-repeat:no-repeat;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.ComicLink__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(56%,transparent),to(#000));background-image:linear-gradient(transparent,transparent 56%,#000)}.ComicLink:after{content:"";display:block;position:absolute;top:-9px;bottom:-9px;left:8px;right:8px;border:1px solid #9a683c;z-index:1;-webkit-transition:border-color .3s;transition:border-color .3s}.ComicLink__hover{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(238,161,92,.15);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-box-shadow:inset 0 0 35px rgba(187,97,17,.8);box-shadow:inset 0 0 35px rgba(187,97,17,.8)}.ComicLink:hover .ComicLink__bg__img{-webkit-transform:scale(1.05);transform:scale(1.05)}.ComicLink--disabled:hover .ComicLink__bg__img{-webkit-transform:none;transform:none}.ComicLink:hover .ComicLink__hover{opacity:1}.ComicLink__hover__accent1{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;-webkit-transition:bottom .3s;transition:bottom .3s}.ComicLink:hover .ComicLink__hover__accent1{bottom:106.5%}.ComicLink__hover__accent2{position:absolute;left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);top:100%;-webkit-transition:top .3s;transition:top .3s}.ComicLink:hover .ComicLink__hover__accent2{top:106.5%}.ComicLink__hover__accent1:after,.ComicLink__hover__accent1:before,.ComicLink__hover__accent2:after,.ComicLink__hover__accent2:before{width:0;-webkit-transition:width .3s;transition:width .3s}.ComicLink:hover .ComicLink__hover__accent1:after,.ComicLink:hover .ComicLink__hover__accent1:before,.ComicLink:hover .ComicLink__hover__accent2:after,.ComicLink:hover .ComicLink__hover__accent2:before{width:70px}.ComicLink:hover,.ComicLink:hover:after{border-color:#ffac62}.ComicLink .NotchBorder{display:none}@media (min-width:1280px){.ComicLink .NotchBorder{display:block}}.ComicLink__info{position:absolute;bottom:0;left:0;right:0;padding:.6em 1.2em;font-size:1.25em}.ComicLink__issue{color:#ffac62;text-transform:uppercase;letter-spacing:.2em;display:block;font-size:.7em;margin-bottom:.25em}.ComicLink__title{color:#fff;display:block;line-height:1.333em}.ComicLink__info .ExternalLinkIcon{fill:#ffac62}.ComicLink--disabled .ComicLink__lock{background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/lock-15d5ea32aa.png);background-repeat:no-repeat;background-size:contain;background-position:50%;position:absolute;width:29.08012%;top:50%;left:50%;-webkit-transform:translate(-35.20408%,-58.55856%);transform:translate(-35.20408%,-58.55856%)}.ComicLink--disabled .ComicLink__lock:before{content:"";display:block;padding-top:113.26531%}.ComicLink--disabled .ComicLink__info{opacity:.5}.ComicLink--disabled .ComicLink__title:after{display:none}.ComicLink--disabled:hover,.ComicLink--disabled:hover:after{border-color:#9a683c}.NewHeroSection .SectionHeader{position:relative}@media (min-width:1280px){.NewHeroSection .SectionHeader{height:1040px}}@media (min-width:1280px){.NewHeroSection .SectionHeader .SectionBG{position:absolute;top:0;right:0;left:0;bottom:0}}.NewHeroSection .SectionHeader .SectionBG__archway{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-27%}.NewHeroSection .SectionHeader .SectionBG__hero{position:relative}@media (min-width:1280px){.NewHeroSection .SectionHeader .SectionBG__hero{display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.NewHeroSection .SectionHeader .SectionBG__hero__base{display:inline-block}@media (min-width:1280px){.NewHeroSection .SectionHeader .SectionBG__hero__base{display:block}}.NewHeroSection .SectionHeader .SectionBG__hero__top{display:block;position:absolute;top:0;left:0;-webkit-transform:translate(-7.8%,-58.6%);transform:translate(-7.8%,-58.6%)}.NewHeroSection .SectionHeader .SectionBG__hero__bottom{display:block;position:absolute;bottom:0;right:0;-webkit-transform:translate(7.2%,6.7%);transform:translate(7.2%,6.7%)}.NewHeroSection .SectionHeader__inner{position:relative}@media (min-width:1280px){.NewHeroSection .SectionHeader__inner{position:absolute;left:0;right:0;bottom:0}}.NewHeroSection .OrpheaQuote{font-size:1.75em;margin-top:.75em;padding-bottom:1em;font-style:italic}@media (min-width:1280px){.NewHeroSection .OrpheaQuote{padding-bottom:0;margin-top:.5em;margin-bottom:1em}}.NewHeroSection .OrpheaQuote:after{content:"";width:300px;background-color:#ffac62;height:1px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:1280px){.NewHeroSection .OrpheaQuote:after{display:none}}.NewHeroSection .SubSection{margin-top:80px;position:relative;z-index:1;text-align:center}@media (min-width:960px){.NewHeroSection .SubSection{text-align:left;margin-top:140px}}.NewHeroSection .SubSection--overview{margin-top:50px}@media (min-width:1280px){.NewHeroSection .SubSection--overview{margin-top:140px}}.NewHeroSection .SubSection__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:960px){.NewHeroSection .SubSection__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.NewHeroSection .SubSection__preview{width:100%;margin-bottom:1.5em;text-align:center;position:relative}@media (min-width:960px){.NewHeroSection .SubSection__preview{width:48.6%}}.NewHeroSection .SubSection__info{width:100%}@media (min-width:960px){.NewHeroSection .SubSection__info{width:45.8%}}.NewHeroSection .SubSection--abilities .SubSection__inner,.NewHeroSection .SubSection--overview .SubSection__inner{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.NewHeroSection .SubSection--abilities .Basic16x9Frame,.NewHeroSection .SubSection--overview .Basic16x9Frame{position:relative;margin:1.45985%}.NewHeroSection .SubSection--abilities .Basic16x9Frame:after,.NewHeroSection .SubSection--overview .Basic16x9Frame:after{content:"";position:absolute;top:-2.55474%;bottom:-2.55474%;left:-1.45985%;right:-1.45985%;pointer-events:none;background-image:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/16x9-basic-frame-775d49a7fd.png);background-repeat:no-repeat;background-size:contain}.NewHeroSection .SubSection--abilities,.NewHeroSection .SubSection--overview{margin-left:auto;margin-right:auto;text-align:center;max-width:700px}@media (min-width:960px){.NewHeroSection .SubSection--abilities,.NewHeroSection .SubSection--overview{text-align:left;max-width:none}}.NewHeroSection .SubSection--abilities .SubSection__inner,.NewHeroSection .SubSection--skins .SubSection__inner{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width:960px){.NewHeroSection .SubSection--abilities .SubSection__inner,.NewHeroSection .SubSection--skins .SubSection__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.NewHeroSection .SubSection--overview .SubSection__info__meta{margin-bottom:1em}.NewHeroSection .SubSection--overview .SubSection__info__meta .IconText{margin-right:1.5em}.NewHeroSection .SubSection--overview .SubSection__info__meta .IconText:last-child{margin-right:0}.NewHeroSection{position:relative}.NewHeroSection .SubSection--abilities .AbilityPreviewList{position:relative;background:#000}.NewHeroSection .SubSection--abilities .AbilityPreviewList:before{content:"";display:block;padding-top:56.25%}.NewHeroSection .SubSection--abilities .AbilityPreview{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center}.NewHeroSection .SubSection--abilities .AbilityPreview__image{width:100%}.NewHeroSection .SubSection--abilities .AbilityLinkList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-1em;margin-top:1em}@media (min-width:1280px){.NewHeroSection .SubSection--abilities .AbilityLinkList{margin-top:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.NewHeroSection .SubSection--abilities .AbilityLink{color:#fff;display:block;text-align:center;margin-left:1em}.NewHeroSection .SubSection--abilities .AbilityLink__imageWrapper{border:1px solid #ffac62;-webkit-box-shadow:0 0 25px rgba(0,0,0,.8);box-shadow:0 0 25px rgba(0,0,0,.8);position:relative;-webkit-transition:border-color .3s;transition:border-color .3s}.NewHeroSection .SubSection--abilities .AbilityLink__image{display:block;width:100%;opacity:.6;-webkit-transition:opacity .3s;transition:opacity .3s}.NewHeroSection .SubSection--abilities .AbilityLink__label{display:block;margin-top:.75em;font-weight:700}.NewHeroSection .SubSection--abilities .AbilityTextList{margin-top:2em}.NewHeroSection .SubSection--abilities .AbilityText__title{color:#fff;font-size:1.2em;margin-bottom:1em;margin-top:0}.NewHeroSection .SubSection--abilities .AbilityLink__imageWrapper{background:#000}.NewHeroSection .SubSection--abilities .AbilityLink__imageWrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:1px solid transparent;-webkit-transition:opacity .3s,border-color .3s;transition:opacity .3s,border-color .3s;z-index:1}.NewHeroSection .SubSection--abilities .AbilityLink__imageWrapper:after{content:"";position:absolute;top:0;bottom:0;left:-10px;right:-10px;border-image-source:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/cta-frame-2b4c97f81d.png);border-image-slice:4 13 fill;border-image-width:4px 13px;border-image-repeat:repeat;border-style:solid;border-width:4px 13px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:1}.NewHeroSection .SubSection--abilities .AbilityLink.js-active,.NewHeroSection .SubSection--abilities .AbilityLink:hover{text-decoration:none;opacity:1}.NewHeroSection .SubSection--abilities .AbilityLink.js-active .AbilityLink__imageWrapper,.NewHeroSection .SubSection--abilities .AbilityLink:hover .AbilityLink__imageWrapper{border-color:#eea15c}.NewHeroSection .SubSection--abilities .AbilityLink.js-active .AbilityLink__image,.NewHeroSection .SubSection--abilities .AbilityLink.js-active .AbilityLink__imageWrapper:before,.NewHeroSection .SubSection--abilities .AbilityLink:hover .AbilityLink__image,.NewHeroSection .SubSection--abilities .AbilityLink:hover .AbilityLink__imageWrapper:before{opacity:1}.NewHeroSection .SubSection--abilities .AbilityLink.js-active .AbilityLink__imageWrapper:before{opacity:1;top:5px;right:4px;bottom:5px;left:4px;border-color:#df9859}.NewHeroSection .SubSection--abilities .AbilityLink.js-active .AbilityLink__imageWrapper:after{opacity:1}.NewHeroSection .SubSection--abilities .AbilityPreviewList .js-SimpleCarousel__slide{display:block;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.NewHeroSection .SubSection--abilities .AbilityPreviewList .js-SimpleCarousel__slide.js-active{opacity:1;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.NewHeroSection__fireflies{position:absolute;bottom:0;left:0;right:0;pointer-events:none}.NewHeroSection__fireflies:before{content:"";display:block;padding-top:100%;width:100%}.NewHeroSection__fireflies canvas{position:absolute;top:0;right:0;bottom:0;left:0}.SubSection--skins{position:relative;margin-top:0}@media (min-width:1280px){.SubSection--skins{padding-bottom:140px}}.SkinLinkList--mobile{display:block;text-align:center}@media (min-width:960px){.SkinLinkList--mobile{display:none}}.SkinLinkList--desktop{display:none}@media (min-width:960px){.SkinLinkList--desktop{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:570px;min-width:430px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.SkinLinkList--desktop .SkinLink{margin:10px;border:1px solid #ffac62;-webkit-box-shadow:0 0 25px rgba(0,0,0,.8);box-shadow:0 0 25px rgba(0,0,0,.8);position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;background-color:#000}.SkinLinkList--desktop .SkinLink .SkinLink__image{opacity:.6;-webkit-transition:opacity .3s;transition:opacity .3s}.SkinLinkList--desktop .SkinLink:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:1px solid transparent;-webkit-transition:opacity .3s,border-color .3s;transition:opacity .3s,border-color .3s;z-index:1}.SkinLinkList--desktop .SkinLink:after{content:"";position:absolute;top:0;bottom:0;left:-10px;right:-10px;border-image-source:url(https://static.heroesofthestorm.com/images/events/blizzcon-2018/large-cta-frame-cef62831de.png);border-image-slice:4 13 fill;border-image-width:4px 13px;border-image-repeat:repeat;border-style:solid;border-width:4px 13px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:1}.SkinLinkList--desktop .SkinLink.js-active,.SkinLinkList--desktop .SkinLink:hover{border-color:#eea15c}.SkinLinkList--desktop .SkinLink.js-active .SkinLink__image,.SkinLinkList--desktop .SkinLink.js-active:before,.SkinLinkList--desktop .SkinLink:hover .SkinLink__image,.SkinLinkList--desktop .SkinLink:hover:before{opacity:1}.SkinLinkList--desktop .SkinLink.js-active:before{opacity:1;top:5px;right:4px;bottom:5px;left:4px;border-color:#df9859}.SkinLinkList--desktop .SkinLink.js-active:after{opacity:1}.SkinLink__image{display:block}.SkinTextList{text-align:center;color:#fff;font-size:21px;margin:15px 0}@media (min-width:640px){.SkinTextList{font-size:24px}}@media (min-width:960px){.SkinTextList{display:none}}.SkinPreviewList-container{overflow:hidden;width:100%}@media (min-width:960px){.SkinPreviewList-container:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0}}.SkinPreviewList{display:-webkit-box;display:-ms-flexbox;display:flex;width:800%;min-height:260px}@media (min-width:960px){.SkinPreviewList{width:100%}}.SkinPreview.js-SimpleCarousel__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.SkinPreview.js-SimpleCarousel__slide .SkinText__title{display:none}@media (min-width:960px){.SkinPreview.js-SimpleCarousel__slide{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.SkinPreview.js-SimpleCarousel__slide:not(.js-active){display:none}.SkinPreview.js-SimpleCarousel__slide .SkinText__title{display:block}}@media (min-width:1280px){.SkinPreview.js-SimpleCarousel__slide{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative}.SkinPreview.js-SimpleCarousel__slide .SkinText__title{position:absolute;text-align:left;border-top:1px solid #df9859;width:auto;padding-top:20px;z-index:1;top:0;width:33.333%;line-height:1.25em}}.SubSection__preview.SubSection__preview--skin{margin-bottom:0}@media (min-width:960px){.SubSection__preview.SubSection__preview--skin{width:60%}}.SkinText__title{color:#fff;font-size:21px;margin:15px 0}@media (min-width:640px){.SkinText__title{font-size:24px}}@media (min-width:1280px){.SkinText__title{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-ms-flex-item-align:start;align-self:flex-start;margin-top:8px;width:33%}}.SkinPreview-wrapper{max-width:100%;position:relative;margin:0 auto;width:320px}.SkinPreview-wrapper:before{content:"";display:block;position:relative;padding-top:100%;width:100%}@media (min-width:640px){.SkinPreview-wrapper{width:640px}}@media (min-width:960px){.SkinPreview-wrapper{width:100%}}@media (min-width:1280px){.SkinPreview-wrapper{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:90%}}.SkinPreview__image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%}.ItemsSection{position:relative;text-align:center;padding:60px 0 120px}@media (min-width:1280px){.ItemsSection{padding-top:0}}.ItemsSection__inner{position:relative;z-index:1;margin:0 auto}.ItemsSection .SectionHeader__release{margin-top:1.5em}.ItemsSection .SubSection{margin-top:30px}@media (min-width:1280px){.ItemsSection .SubSection{margin-top:60px}}.ItemsSection .SubSection__headline{margin-top:0}.ItemsSection__mounts.SubSection{padding:0 20px}.ItemsSection__mounts .SubSection__inner{position:relative}@media (min-width:960px){.ItemsSection__mounts .SubSection__inner:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}}.ItemsSection__mounts .SubSection__headline{margin-top:0}@media (min-width:960px){.ItemsSection__mounts .SubSection__headline{margin-bottom:0}}.ItemsSection .MountList-container{overflow:hidden;width:100%}@media (min-width:960px){.ItemsSection .MountList-container{overflow:initial}}.ItemsSection .SubSection__preview--mount{position:relative}.ItemsSection .MountList{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;width:300%}@media (min-width:960px){.ItemsSection .MountList{width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width:960px){.ItemsSection .MountLinkList{display:none}}.ItemsSection .Mount__title__text{color:#fff;font-size:21px;margin:15px 0}@media (min-width:640px){.ItemsSection .Mount__title__text{font-size:24px}}.ItemsSection .MountTextList{color:#fff;font-size:21px;margin:15px 0}@media (min-width:640px){.ItemsSection .MountTextList{font-size:24px}}@media (min-width:960px){.ItemsSection .MountTextList{display:none}}.ItemsSection .Mount.js-SimpleCarousel__slide{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ItemsSection .Mount__image-wrapper{width:80%;margin:0 auto}@media (min-width:960px){.ItemsSection .Mount__image-wrapper{width:100%}}.ItemsSection .Mount__title{display:none;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:960px){.ItemsSection .Mount__title{display:block;font-size:1.2em;top:100%;max-width:10em;padding-top:1em;margin:.5em 0 0}}.ItemsSection .Mount__title .NotchBorder{display:none}@media (min-width:960px){.ItemsSection .Mount__title .NotchBorder{display:block;position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.ItemsSection .Mount__0{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.ItemsSection .Mount__1{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;z-index:1}@media (min-width:960px){.ItemsSection .Mount__1{margin-top:80px}}@media (min-width:960px){.ItemsSection .Mount__0,.ItemsSection .Mount__2{margin-bottom:80px}}.ItemsSection .Mount__2{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.Mount__image{width:100%}@media (min-width:960px){#Mount__mount1 .Mount__image{-webkit-transform:translateX(-12%);transform:translateX(-12%);width:125.20833%}}@media (min-width:960px){#Mount__mount2 .Mount__image{-webkit-transform:translateX(-16%);transform:translateX(-16%);width:122.29167%}}@media (min-width:960px){#Mount__mount3 .Mount__image{width:99.79167%}}.ItemsSection .Emoji__image,.ItemsSection .Portrait__image,.ItemsSection .Spray__image{display:block;max-width:100%;max-height:100%}.ItemsSection__portraitSprayWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-40px;margin-top:50px;padding:0 15px}@media (min-width:640px){.ItemsSection__portraitSprayWrapper{padding:0 45px}}@media (min-width:960px){.ItemsSection__portraitSprayWrapper{padding-top:120px}}.ItemsSection__portraits,.ItemsSection__sprays{display:inline-block;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:40px;max-width:424px;width:100%}@media (min-width:640px){.ItemsSection__portraits,.ItemsSection__sprays{max-width:572px}}.ItemsSection .PortraitList,.ItemsSection .SprayList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-20px}.ItemsSection .Portrait,.ItemsSection .Spray{max-width:33.333%;padding-bottom:20px;padding-left:20px}@media (min-width:640px){.ItemsSection .Portrait,.ItemsSection .Spray{max-width:25%}}.ItemsSection .Portrait__inner,.ItemsSection .Spray__inner{display:block;position:relative;max-width:100%;width:128px}.ItemsSection .Portrait__inner:before,.ItemsSection .Spray__inner:before{content:"";display:block;position:relative;padding-top:100%;width:100%}.ItemsSection .Portrait__image,.ItemsSection .Spray__image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ItemsSection .Portrait__image{border:1px solid rgba(255,172,98,.6)}.ItemsSection__emojis{margin:0 auto;padding-left:20px;max-width:240px;width:100%}.ItemsSection .EmojiList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-10px}.ItemsSection .Emoji{width:20%;padding-bottom:10px;padding-left:10px}.ItemsSection .Emoji__inner{display:block;position:relative;max-width:100%;width:40px}.ItemsSection .Emoji__inner:before{content:"";display:block;position:relative;padding-top:100%;width:100%}.ItemsSection .Emoji__image{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ExtrasSection{position:relative;z-index:1;padding-bottom:90px;padding-top:70px}@media (min-width:1280px){.ExtrasSection{padding:0}}.ExtrasSection__header,.ExtrasSection__main{position:relative}.ExtrasSection__header{z-index:1}.ExtrasSection .SubSection{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;margin-bottom:1.5em;border:1px solid #9b6b42;max-width:700px;margin-left:auto;margin-right:auto}.ExtrasSection .SubSection:last-child{margin-bottom:0}@media (min-width:1024px){.ExtrasSection .SubSection{padding-top:45.55556%;max-width:none}}@media (min-width:1280px){.ExtrasSection .SubSection{padding-top:34.72222%}}.ExtrasSection .SubSection:before{content:"";position:absolute;top:-9px;bottom:-9px;left:8px;right:8px;border:1px solid #9b6b42;z-index:1}.ExtrasSection .SubSection__inner{position:relative;background:#000;padding:2em;text-align:left;z-index:1}@media (min-width:1024px){.ExtrasSection .SubSection__inner{padding:0;background:transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:43%}}.ExtrasSection .SectionHeader{margin-bottom:2.5%}.ExtrasSection .SubSection{margin-bottom:40px}@media (min-width:1024px){.ExtrasSection .SubSection{margin-bottom:5%}}.ExtrasSection .SubSection__headline{margin-top:0;margin-bottom:.5em}.ExtrasSection .SectionBG{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ExtrasSection .SectionBG--tablet{display:block}@media (min-width:1280px){.ExtrasSection .SectionBG--tablet{display:none}}.ExtrasSection .SectionBG--tablet,.ExtrasSection .SectionBG--tablet .SectionBG__image{width:100%;height:100%}.ExtrasSection .SectionBG--desktop{display:none}@media (min-width:1280px){.ExtrasSection .SectionBG--desktop{display:block}}.ExtrasSection .SectionBG__intersection{display:block;position:absolute;bottom:100%;left:0;z-index:-1;padding-top:800px;background-color:#010e19}.ExtrasSection .SectionBG__image{display:block}.ExtrasSection .SectionBG__accent{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ExtrasSection .SectionBG__accent--1,.ExtrasSection .SectionBG__accent--2{bottom:100%;margin-bottom:-6px}.ExtrasSection .SectionBG__accent--3,.ExtrasSection .SectionBG__accent--4{top:100%;margin-top:-6px}.ExtrasSection .SectionBG__accent--1{-webkit-transform:translate(calc(-100% - 720px));transform:translate(calc(-100% - 720px));margin-left:4px}.ExtrasSection .SectionBG__accent--2{-webkit-transform:translate(720px);transform:translate(720px);margin-left:-4px}.ExtrasSection .SectionBG__accent--3{-webkit-transform:rotate(180deg) translate(-720px);transform:rotate(180deg) translate(-720px);margin-left:-4px}.ExtrasSection .SectionBG__accent--4{-webkit-transform:rotate(180deg) translate(calc(100% + 720px));transform:rotate(180deg) translate(calc(100% + 720px));margin-left:4px}@media (min-width:1024px){.ExtrasSection .SubSectionBG{position:absolute;top:0;left:0;right:0;bottom:0}}.ExtrasSection .SubSectionBG--mobile{display:block}@media (min-width:1024px){.ExtrasSection .SubSectionBG--mobile{display:none}}.ExtrasSection .SubSectionBG--tablet{display:none}@media (min-width:1024px) and (max-width:1279px){.ExtrasSection .SubSectionBG--tablet{display:block}}.ExtrasSection .SubSectionBG--desktop{display:none}@media (min-width:1280px){.ExtrasSection .SubSectionBG--desktop{display:block}}.ExtrasSection .SubSectionBG__image{max-width:100%;width:100%;display:block}@media (min-width:1024px){.ExtrasSection__communitySkin .SubSection__inner{left:4em}}.ExtrasSection__communitySkin .SubSectionBG__accent--1{display:none;position:absolute;right:-6.4%;top:-23.8%;width:27.98611%;z-index:2}@media (min-width:1280px){.ExtrasSection__communitySkin .SubSectionBG__accent--1{display:block}}.ExtrasSection__communitySkin .SubSectionBG__accent--2{display:none;position:absolute;bottom:-8%;right:8.5%;width:6.80556%;z-index:2}@media (min-width:1280px){.ExtrasSection__communitySkin .SubSectionBG__accent--2{display:block}}@media (min-width:1024px){.ExtrasSection__gameplay .SubSection__inner{right:4em;text-align:right}}@media (min-width:1024px){.ExtrasSection__twitchDrops .SubSection__inner{left:4em}}.OutroSection{position:relative}@media (min-width:640px){.OutroSection{height:574px}}@media (min-width:1280px){.OutroSection{height:720px}}.OutroSection__inner{position:relative;height:100%}.OutroSection__quote{position:relative;text-align:center;font-size:2em;color:#fff;letter-spacing:.05em;font-style:italic;padding:1em 0;line-height:1.333em;font-weight:400;max-width:10em;margin:-2.5em auto 2.5em}@media (min-width:640px){.OutroSection__quote{text-align:left;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;left:60%;margin:0}}@media (min-width:1280px){.OutroSection__quote{left:66.667%}}.OutroSection__quote:after,.OutroSection__quote:before{content:"";position:absolute;height:1px;background-color:#ffac62;width:4em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:640px){.OutroSection__quote:after,.OutroSection__quote:before{left:0;-webkit-transform:none;transform:none}}.OutroSection__quote:before{top:0}.OutroSection__quote:after{bottom:0}.OutroSection .SectionBG__image{position:relative;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:640px){.OutroSection .SectionBG__image{position:absolute}}.browser-ie .TitleSection .PageHeadline{background:transparent;background-clip:initial;-webkit-text-fill-color:initial}.browser-ie .TitleSection .PageHeadline:after,.browser-ie .TitleSection .PageHeadline:before{display:none}.browser-ie .Parallax__layer--0,.browser-ie .Parallax__layer--1,.browser-ie .Parallax__layer--2,.browser-ie .Parallax__layer--3{-webkit-transform:translateZ(0);transform:translateZ(0)}.browser-ie .treeline.FancyBG__layer{-webkit-transform:translate3d(0,-23%,0);transform:translate3d(0,-23%,0)}.browser-ie .ItemsSection .MountList-container{overflow:visible}.browser-ie .forest.FancyBG__layer{padding-top:766px}.browser-ie .statue.FancyBG__layer{padding-top:1100px}.browser-ie .courtyard.FancyBG__layer .courtyard__left,.browser-ie .courtyard.FancyBG__layer .courtyard__right{z-index:0}