@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--viewPortHeight:100vh}*{padding:0;margin:0;box-sizing:border-box;outline:none}html{scroll-behavior:smooth}body{margin:0;background-color:#111}.App{text-align:center}.hide{display:none!important}#diabloID{background-color:#e23402;background:linear-gradient(145deg,#e23402,#740108 49%,#100003)}#overwatchID{background-color:#4caacd}#warcraftID{background-color:#d9c017;background:linear-gradient(145deg,#d9c017,#9e460d 43%,#020303)}#wowID{background-color:#1f3c78;background:linear-gradient(145deg,#1f3c78,#0e0e0e)}#hearthstoneID{background-color:#65579a;background:linear-gradient(145deg,#65579a,#0d0b13)}#hotsID{background-color:#53ebfd;background:linear-gradient(145deg,#53ebfd,#315b97 53%,#4b145a)}#starcraftID{background-color:#cff8fe;background:linear-gradient(145deg,#cff8fe,#83daf5 20%,#004677 53%,#021132)}#legacyID{background-color:#4be4fd;background:linear-gradient(145deg,#4be4fd,#0f597f 56%,#01020d)}.audio-container{position:absolute;bottom:0;left:0;margin:1.5em 1em;z-index:10;background:none;border:none}.audio-container .audio-button{fill:#fff;width:1.5em}.loading-container{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;color:#fff;background-position:top;background-repeat:no-repeat;background-size:auto auto;text-transform:uppercase}@media (min-height:1080px){.loading-container{background-size:auto 100vh}}@media (min-width:2775px){.loading-container{background-size:100vw auto}}@media only screen and (max-device-width:640px){.loading-container{background-size:auto 100vh}}.loading-container img{margin-bottom:3em}.loading-container .loading-heading{margin-top:1.5em;text-transform:uppercase;font-style:italic}.loading-container .loading-heading,.loading-container .loading-recommendation{font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:calc(11.23077px + .92308vw)}.loading-container .loading-recommendation{position:absolute;bottom:2em;font-style:normal}.loading-container .loading-animation{animation:rotation 1s linear infinite;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);border-top-color:hsla(0,0%,100%,.7);height:3em;width:3em}@keyframes rotation{to{transform:rotate(1turn)}}.smoke-layer--loading{height:100%;width:auto;mix-blend-mode:soft-light}@media (min-width:1500px){.smoke-layer--loading{width:100vw}}.gradient-layer--loading{height:100%;width:100%;position:fixed!important;top:0;left:0;z-index:-1}.coming_soon_div{width:100vw;height:100vh;background-position:top;background-repeat:no-repeat;background-size:auto auto;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-height:1080px){.coming_soon_div{background-size:auto 100vh}}@media (min-width:2775px){.coming_soon_div{background-size:100vw auto}}.coming_soon_div .coming_soon_inner h2{font-size:clamp(16px,2.5vw,22px);font-size:Max(16px,Min(2.5vw,22px));text-transform:uppercase;text-align:center;font-family:"Object-Black",sans-serif}.coming_soon_div{font-family:arial;text-align:center;color:#fff;background-size:cover!important;position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);margin:0;padding:0}@media only screen and (max-width:767px){.coming_soon_div{background-size:cover!important}}.coming_soon_div .coming_soon_inner{color:#fff}.coming_soon_div .coming_soon_inner h2{font-size:24px;margin-top:30px}.coming_soon_div .coming_soon_inner .error_page1{width:590px;background:#006bc5;text-align:left;position:absolute;top:21%;left:10%;padding:30px}@media only screen and (max-width:1025px){.coming_soon_div .coming_soon_inner .error_page1{width:80%;left:0;margin:5%;padding:5%;top:auto;bottom:20%}}.coming_soon_div .coming_soon_inner .error_page1 p{margin:20px 0}@media (min-width:2775px){.coming_soon_div .coming_soon_inner .error_page1{background-size:100vw auto}}@media only screen and (max-width:767px){.coming_soon_div .coming_soon_inner .error_page1 h1,.coming_soon_div .coming_soon_inner .error_page1 p{font-size:30px}}.coming_soon_div .coming_soon_inner .main_logo{width:80%;max-width:800px;padding-bottom:1.5em}.coming_soon_div .blizconline_logo{width:400px;margin-bottom:55px}@media only screen and (max-width:767px){.coming_soon_div .blizconline_logo{width:260px;margin-bottom:90px}}.coming_soon_div .blizzconiline h1{font-weight:900;line-height:50px}@media only screen and (max-width:767px){.coming_soon_div .blizzconiline h1{font-weight:900;line-height:30px;font-size:18px}}@font-face{font-family:"Object-Black";src:local("object-black"),url(/static/media/object-black.ba24a5cc.otf) format("opentype")}@font-face{font-family:"Object-Regular";src:local("object"),url(/static/media/object-regular.e297c263.otf) format("opentype")}.coming_soon_div .coming_soon_inner.error_page1{width:590px;background:#006bc5;text-align:left;position:absolute;top:21%;left:10%;padding:30px}.coming_soon_div .coming_soon_inner.error_page1 a{display:inline-block;color:#e58b33;text-decoration:none;font-size:20px;border-radius:3px;text-transform:uppercase;font-weight:700;border-bottom:2px solid #e58b33;padding-bottom:5px}@media only screen and (max-width:767px){.coming_soon_div .coming_soon_inner.error_page1 a{font-size:16px}}.coming_soon_div .coming_soon_inner.error_page1 h1{font-size:40px}@media only screen and (max-width:767px){.coming_soon_div .coming_soon_inner.error_page1 h1{font-size:30px}}.coming_soon_div .coming_soon_inner.error_page1 p{font-size:24px;margin:35px 0}@media only screen and (max-width:1025px){.coming_soon_div .coming_soon_inner.error_page1 p{margin:20px 0}}@media only screen and (max-width:767px){.coming_soon_div .coming_soon_inner.error_page1 p{font-size:16px}}@media only screen and (max-width:1025px){.coming_soon_div .coming_soon_inner.error_page1{width:80%;left:0;margin:5%;padding:5%;top:auto;bottom:20%}.coming_soon_div .coming_soon_inner.error_page1 .coming_soon_inner.error_page1 p{margin:20px 0}}.coming_soon_div .coming_soon_inner.error_page1 h2{font-size:24px;margin-top:30px}@media only screen and (max-width:1025px){.coming_soon_div .coming_soon_inner.error_page1{width:90%;left:0;margin:5%;padding:5%;top:auto;bottom:20%}}
/*# sourceMappingURL=main.b545f536.chunk.css.map */