@import url("https://assets.blz-contentstack.com/v3/assets/blte73fa86c52047717/blt3de15bbfd6c3f3c5/5f9ae8766f61200bd103dbfe/navbar.css");
age-gate {
  --font-size-500: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-image: linear-gradient(180deg, black 0px, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
}
age-gate::part(content) {
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
age-gate::part(submit) {
  display: block;
  margin: 35px 0 0 0;
  padding: 0;
}
age-gate::part(form) {
  margin: 20px 0;
}
age-gate .age-gate-logo {
  margin-top: 50px;
}
age-gate .age-gate-logo::part(image) {
  display: inline-block;
  width: 50%;
}
age-gate .diablo-hr {
  margin-top: 35px;
}

#classes {
  --resize-300: 16px;
  min-height: 820px;
  max-height: 1500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 73% 33%;
  background-color: #000;
}
#classes blz-accordion {
  width: 50%;
  margin-right: 40%;
}
@media (min-width: 960px) {
  #classes blz-accordion {
    width: 100%;
    margin: auto;
  }
}
@media (min-width: 960px) {
  #classes {
    min-height: 960px;
    background-position: 73% 0px;
  }
}
@media (min-width: 1600px) {
  #classes {
    background-position: 73% 100px;
  }
}
@media (min-width: 1920px) {
  #classes {
    background-position: 73% -100px;
  }
}
#classes .group-active {
  color: #e9c964;
  border-color: #e9c964;
}
#classes .class-label {
  color: #a58546;
}
#classes .class-label:hover {
  color: #e9c964;
}
#classes .class-label.group-active {
  color: #e9c964;
}
#classes .class-label.group-active::before, #classes .class-label.group-active::after {
  position: absolute;
  bottom: -8px;
  content: "";
  width: 16px;
  height: 16px;
  z-index: 1;
  background-size: 100% 100%;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt3cf027ea9847d2cd/6019b779cd127e0c125f606e/nav-under-border-cap-hover.png");
}
@media (min-resolution: 192dpi) {
  #classes .class-label.group-active::before, #classes .class-label.group-active::after {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltfa47b43ba9140d80/6019b7793689c30bf1492528/nav-under-border-cap-hover@2x.png");
  }
}
#classes .class-label.group-active::before {
  left: -8px;
}
#classes .class-label.group-active::after {
  right: -8px;
}
#classes::part(group-control) {
  position: relative;
  --resize-200: 0;
  padding-bottom: 8px;
}
@media (min-width: 960px) {
  #classes::part(group-control) {
    --resize-200: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
  }
}
#classes::part(group-text) {
  color: var(--accordion-active-color, #bd9b4e);
}
#classes blz-accordion::part(group-control-active) {
  margin-bottom: var(--resize-200);
  position: relative;
}
#classes blz-accordion::part(group-control-active)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4.5px;
  height: 9px;
  width: 100%;
  background-position: 50%;
  background-size: auto 100%;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt1d060a595f574f65/6019b779e7da1f0b98b501b4/nav-under-border-hover.png");
}
@media (min-resolution: 192dpi) {
  #classes blz-accordion::part(group-control-active)::after {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt41aad8863f9b45a1/6019b779912a490c07af54c6/nav-under-border-hover@2x.png");
  }
}

blz-comparison-slider {
  --bar-width: 6px;
}
blz-comparison-slider::part(handlebar-container) {
  pointer-events: all;
}
blz-comparison-slider::part(handlebar) {
  height: 107%;
  width: 6px;
  background: var(--handlebar-image, url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt8ae1740f11b53c81/601ab2e599cd810ba3e71fec/slider-divider.png")) no-repeat center/contain transparent;
  background-size: auto;
  background-repeat: repeat-y;
  background-position-x: right;
  position: relative;
}
@media (min-resolution: 192dpi) {
  blz-comparison-slider::part(handlebar) {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt9f85fdebac41b9ad/601ab2e5f228890b82d656b0/slider-divider@2x.png");
  }
}
blz-comparison-slider::part(handlebar):before, blz-comparison-slider::part(handlebar):after {
  content: "";
  position: absolute;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt8ae1740f11b53c81/601ab2e599cd810ba3e71fec/slider-divider.png");
  background-size: auto;
  background-position: 42px 0;
  width: 33px;
  height: 51px;
  left: -12px;
}
blz-comparison-slider::part(handlebar):before {
  top: -10px;
}
blz-comparison-slider::part(handlebar):after {
  bottom: -10px;
  background-position: 42px 53px;
}
blz-comparison-slider::part(handle) {
  width: 100px;
  height: 230px;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt8cecb8cb37a65c4a/601afbf6912a490c07af55b6/slider-handle_(1).png");
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-size: cover;
  background-color: transparent;
}
@media (min-resolution: 192dpi) {
  blz-comparison-slider::part(handle) {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt35badd805a9b078d/601afbfff228890b82d656c6/slider-handle@2x_(1).png");
  }
}
blz-comparison-slider::part(handle):hover {
  background-position-x: calc(100% - 0.5px);
}
blz-comparison-slider::part(left-arrow), blz-comparison-slider::part(right-arrow) {
  display: none;
}

blz-header::part(heading),
blz-header::part(subheading),
blz-header::part(description),
blz-feature::part(text-features),
blz-list::part(container),
fen-optin-btn::part(checkboxreq),
.optin-legal {
  word-break: keep-all;
}

blz-list {
  text-align: left;
  margin-top: var(--resize-400);
  display: flex;
  flex-wrap: wrap;
}
blz-list::part(item) {
  --image-size: 34px;
  --resize-300: 12px;
  align-items: center;
}
blz-list span {
  color: var(--color-content-600);
}

.nav-section {
  scroll-margin-top: 90px;
}

blz-section > blz-header,
blz-section blz-tabs::part(container-controls),
blz-section blz-accordion::part(accordion-controls) {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.86);
}

blz-hero {
  padding: 0 10px;
  /* TODO Remove when Hero has padding removed */
}
@media (min-width: 480px) {
  blz-hero {
    padding: 0 20px;
  }
}

#overview blz-icon-group {
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  #overview blz-icon-group {
    margin-top: -30px;
  }
}
@media (min-width: 1200px) {
  #overview blz-icon-group {
    margin-bottom: 30px;
  }
}
#overview blz-section::part(media-area) {
  align-items: center;
}
#overview .overview-secondary-heading {
  margin-top: 20px;
}
#overview blz-list::part(list) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: baseline;
  margin-top: 30px;
}
#overview blz-list::part(item) {
  flex-basis: 100%;
  padding: 0 25px;
  margin-bottom: 0;
  color: var(--color-content-600);
}
@media (min-width: 1200px) {
  #overview blz-list::part(item) {
    flex-basis: 40%;
  }
}

.diablo-prepurchase {
  margin-top: 0;
  padding-top: 50px;
  height: calc(100vh - 48px);
  max-height: 1280px;
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (min-width: 960px) {
  .diablo-prepurchase {
    padding-top: 70px;
    height: calc(100vh - 70px);
  }
}

#prepurchase {
  text-align: center;
  background-color: black;
  padding: 0;
}
@media (min-width: 960px) {
  #prepurchase {
    height: calc(100vh - 70px);
    padding-bottom: 50px;
  }
}
#prepurchase .prepurchase-content {
  position: relative;
  margin-top: -150px;
  padding: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 720px) {
  #prepurchase .prepurchase-content {
    margin-top: -250px;
  }
}
@media (min-width: 960px) {
  #prepurchase .prepurchase-content {
    margin-top: -27vh;
  }
}

#masthead {
  padding: 0;
  align-items: center;
  position: relative;
  max-height: 1280px;
  min-height: 680px;
  height: calc(100vh - 40px);
  background-color: black;
  background-size: cover;
  background-position: center 56px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 720px) {
  #masthead {
    background-size: contain;
  }
}
@media (min-width: 960px) {
  #masthead {
    height: calc(100vh - 70px);
    background-image: none;
  }
}
@media (min-width: 1400px) {
  #masthead {
    height: calc(100vh - 150px);
    min-height: 960px;
  }
}
#masthead blz-hero {
  position: absolute;
  bottom: 25px;
  transform: translateX(-50%);
  left: 50%;
  width: 100%;
}
@media (min-width: 1400px) {
  #masthead blz-hero {
    bottom: 60px;
  }
}
#masthead .cta-bg-video {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 2600px;
  transform: translateX(-50%);
  overflow: hidden;
  object-position: top center;
  object-fit: contain;
  height: calc(100vh - 48px);
  max-height: 1280px;
  background-color: black;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 960px) {
  #masthead .cta-bg-video {
    height: calc(100vh - 70px);
    top: 80px;
  }
}
@media (min-width: 1400px) {
  #masthead .cta-bg-video {
    height: calc(100vh - 150px);
    min-height: 960px;
  }
}
@media (min-width: 1600px) {
  #masthead .cta-bg-video {
    background-size: cover;
  }
}
#masthead .max-video {
  display: none;
}
@media (min-width: 1600px) {
  #masthead .max-video {
    display: block;
  }
}
#masthead .xxl-video {
  display: none;
}
@media (min-width: 1400px) {
  #masthead .xxl-video {
    display: block;
  }
}
@media (min-width: 1600px) {
  #masthead .xxl-video {
    display: none;
  }
}
#masthead .xl-video {
  display: none;
}
@media (min-width: 1200px) {
  #masthead .xl-video {
    display: block;
  }
}
@media (min-width: 1400px) {
  #masthead .xl-video {
    display: none;
  }
}
#masthead .lg-video {
  display: none;
}
@media (min-width: 960px) {
  #masthead .lg-video {
    display: block;
  }
}
@media (min-width: 1200px) {
  #masthead .lg-video {
    display: none;
  }
}

#prepurchase .blz-icon {
  color: rgba(159, 159, 159, 0.6);
}
#prepurchase .prepurchase-tagline {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
}

#news {
  background-color: black;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt6cbe3b9839104abd/60141a3c6506885fe6215ebe/news-bg-max.jpg");
  background-position: bottom center;
}

.feature-footnote {
  margin-top: var(--resize-400);
}

.gameplay-feature-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

blz-social-section#social-icons {
  background: radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}
blz-social-section#social-icons blz-icon {
  color: #a58546;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.86));
}
blz-social-section#social-icons blz-icon:hover {
  color: #e9c964;
}

.diablo-tabs {
  --tab-color: #bd9b4e;
  --tab-active-color: #e9c964;
  --tab-active-underline-color: #e9c964;
  --underline-top-padding: 8px;
  --underline-left-right-padding: 8px;
}
.diablo-tabs::part(container-controls) {
  padding-bottom: var(--size-025);
  /* Fixes hidden overflow of arrows */
}
@media (min-width: 960px) {
  .diablo-tabs::part(container-controls) {
    padding-bottom: var(--size-050);
    /* Fixes hidden overflow of arrows */
  }
}
.diablo-tabs::part(arrow) {
  border-radius: 0;
  background: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt44f9101fce98f3c9/601ab2e5cd127e0c125f6138/arrows.png");
  background-size: 400% 100%;
  background-repeat: no-repeat;
}
@media (min-resolution: 192dpi) {
  .diablo-tabs::part(arrow) {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltd2945d9144847f3e/601ab2e51eee240b8da7898e/arrows@2x.png");
  }
}
.diablo-tabs::part(arrow):hover {
  background-position-x: 33.3333333333%;
}
.diablo-tabs::part(arrow):active {
  background-position-x: 66.6666666667%;
}
.diablo-tabs::part(prev-arrow) {
  transform: scaleX(-1);
}
.diablo-tabs::part(tab-0) {
  /* Fixes hidden overflow of arrows */
  margin-left: var(--size-100);
}
.diablo-tabs::part(tab-last) {
  /* Fixes hidden overflow of arrows */
  margin-right: var(--size-100);
}
.diablo-tabs::part(tab) {
  color: var(--tab-color);
  white-space: break-spaces;
  text-align: center;
}
@media (min-width: 720px) {
  .diablo-tabs::part(tab) {
    width: 100%;
    white-space: nowrap;
  }
}
.diablo-tabs::part(tab):hover, .diablo-tabs::part(tab-active) {
  color: var(--tab-active-color);
}
.diablo-tabs::part(tab-active)::after {
  /* Override rounded underline */
  content: "";
  position: absolute;
  left: calc(var(--resize-400) - var(--underline-left-right-padding));
  bottom: calc(-4.5px + var(--resize-200) - var(--underline-top-padding));
  height: 9px;
  width: calc(100% - var(--resize-400) * 2 + var(--underline-left-right-padding) + 8px);
  background-position: 50%;
  background-size: auto 100%;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt1d060a595f574f65/6019b779e7da1f0b98b501b4/nav-under-border-hover.png");
  background-color: rgba(0, 0, 0, 0);
}
@media (min-resolution: 192dpi) {
  .diablo-tabs::part(tab-active)::after {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt41aad8863f9b45a1/6019b779912a490c07af54c6/nav-under-border-hover@2x.png");
  }
}
.diablo-tabs .tab-active::before, .diablo-tabs .tab-active::after {
  position: absolute;
  bottom: calc(-8px + var(--resize-200) - var(--underline-top-padding));
  content: " ";
  width: 16px;
  height: 16px;
  z-index: 1;
  background-size: 100% 100%;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt3cf027ea9847d2cd/6019b779cd127e0c125f606e/nav-under-border-cap-hover.png");
}
@media (min-resolution: 192dpi) {
  .diablo-tabs .tab-active::before, .diablo-tabs .tab-active::after {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltfa47b43ba9140d80/6019b7793689c30bf1492528/nav-under-border-cap-hover@2x.png");
  }
}
.diablo-tabs .tab-active::before {
  left: 15px;
}
.diablo-tabs .tab-active::after {
  right: 12px;
}

blz-nav {
  --navbar-background-color: rgba(48, 48, 48, 0.8);
  --navbar-background-color-no-blur: rgba(48, 48, 48, 0.95);
  --navbar-menu-background-color: #1A1A1A;
  --navbar-button-color-primary: #7E0B0A;
  --navbar-button-color-primary-hover: #a40e0d;
  --navbar-button-font-color: #FFFFFF;
}
blz-nav blz-nav-link.button-primary:hover {
  filter: brightness(130%);
}
blz-nav img.mobile-site-logo {
  width: 250px;
}
@media (min-width: 480px) {
  blz-nav img.mobile-site-logo {
    width: 288px;
  }
}

@font-face {
  font-display: swap;
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 500;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt45ce26129d72dd2f/5fcfe777ac5b7f11814f80c9/AlegreyaSans-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt968cabe41d7ba241/5fcfe77589d9d54751de5115/AlegreyaSans-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Exocet Blizzard";
  font-style: normal;
  font-weight: 500;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt17c895b62aa93143/6018762514a90a0bfc552af9/ExocetBlizzardMixedCaps-Medium.woff2") format("woff2"), url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt3c22c4100d108b89/60187625cd127e0c125f6012/ExocetBlizzardMixedCaps-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt0ae92eaded2240d7/5fcfe7771b201f131737db8b/OpenSans-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Xingkai";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/bltc4088e14c31d8775/5fcfe77eac5b7f11814f80cd/arxingkaigbbd.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Guyin";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/bltd389158484a5327b/5fcfe77b89d9d54751de5119/arguyingbbd.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Cryzcuhei";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt81b63c63eeea4870/5fcfe77d1b201f131737db8f/arcrystalheig30bd.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/bltfcfbbde6bac0f1cc/5fcfe77514b835474a884f7d/noto-sans-kr-v12-latin_korean-regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Kodia";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.blz-contentstack.com/v3/assets/blt45749e0fed8aa592/blt63e1b6a74bd483ed/5fcfe7789db72811800d9f9b/kodia.woff") format("woff");
}
:root {
  --font-default: "Alegreya Sans";
  --font-accent: "Exocet Blizzard";
  --font-accent-zh-cn: "Xingkai";
  --font-alternative: "Open Sans";
}

html[lang=ko] {
  --font-accent: "Kodia";
}

html {
  /** Typography */
  /** Font Sizes */
  --font-size-900: 23px;
  --heading-line-height: calc(var(--font-size-900) * 1.3333);
  --color-content-900: #d8d8d8;
  --font-size-600: 24px;
  --font-size-500: 14px;
  --line-height-comfy: calc(var(--font-size-500) * 1.5);
  --color-content-700: #b4b4b4;
  --color-content-600: #888888;
  --font-size-400: 16px;
}
@media (min-width: 720px) {
  html {
    --font-size-900: 29px;
    --font-size-500: 16px;
    --font-size-400: 18px;
  }
}
@media (min-width: 960px) {
  html {
    --font-size-900: 36px;
    --font-size-500: 18px;
  }
}
@media (min-width: 1400px) {
  html {
    --font-size-600: 32px;
  }
}

h1 {
  text-transform: uppercase;
}

a {
  color: #b30403;
}
a:hover {
  color: #e20300;
}

#prepurchase blz-hero::part(heading) {
  --font-size-900: 18px;
}
@media (min-width: 720px) {
  #prepurchase blz-hero::part(heading) {
    --font-size-900: 23px;
  }
}
@media (min-width: 960px) {
  #prepurchase blz-hero::part(heading) {
    --font-size-900: 29px;
  }
}

blz-button {
  color: var(--button-text-color);
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.86);
}

.diablo-button-primary,
blz-button.diablo-button-secondary,
blz-button.diablo-button-nav {
  max-width: calc(100vw - 40px);
  width: calc(100vw - 100px);
  box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.7);
  background-size: 100% 400%;
  background-position: 100% 0%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 30px;
}
.diablo-button-primary:hover,
blz-button.diablo-button-secondary:hover,
blz-button.diablo-button-nav:hover {
  background-position: 100% 33.3333333333%;
}
.diablo-button-primary:active,
blz-button.diablo-button-secondary:active,
blz-button.diablo-button-nav:active {
  background-position: 100% 66.6666666667%;
}
@media (min-width: 480px) {
  .diablo-button-primary,
blz-button.diablo-button-secondary,
blz-button.diablo-button-nav {
    width: 392px;
    height: 64px;
    padding: 20px 30px;
  }
}
@media (min-width: 1400px) {
  .diablo-button-primary,
blz-button.diablo-button-secondary,
blz-button.diablo-button-nav {
    width: 450px;
    height: auto;
    padding: 25px;
  }
}
.diablo-button-primary#age-gate-button,
blz-button.diablo-button-secondary#age-gate-button,
blz-button.diablo-button-nav#age-gate-button {
  overflow: initial;
}

.buy-now {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Exocet Blizzard", serif;
  font-size: 1.5em;
  height: 45px;
}
@media (min-width: 480px) {
  .buy-now {
    height: 30px;
  }
}

.diablo-button-primary,
.diablo-button-primary {
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt81426fba9c7ef29d/6013378d3377931068df0e3d/btn-primary-sheet-sm.jpg");
}
@media (min-resolution: 192dpi) {
  .diablo-button-primary,
.diablo-button-primary {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt79869c8a473fad9c/6013378ef5dbf40edb11daaf/btn-primary-sheet-sm@2x.jpg");
  }
}
@media (min-width: 1400px) {
  .diablo-button-primary,
.diablo-button-primary {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blta44f02fa8a5eff71/6013378e6506885fe6215e96/btn-primary-sheet-lg.jpg");
  }
}
@media (min-width: 1400px) and (min-resolution: 192dpi) {
  .diablo-button-primary,
.diablo-button-primary {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt0049191aa2c54d0b/6013378e3377931068df0e41/btn-primary-sheet-lg@2x.jpg");
  }
}

blz-button.diablo-button-secondary {
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltbc3ccfcf3c51735c/6013378dcd14c85fe7c95ca3/btn-secondary-sheet-sm.jpg");
}
@media (min-resolution: 192dpi) {
  blz-button.diablo-button-secondary {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt9e59b391ea907c2c/6013378ecd14c85fe7c95ca7/btn-secondary-sheet-sm@2x.jpg");
  }
}
@media (min-width: 1400px) {
  blz-button.diablo-button-secondary {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt5c0dc964adcd5020/6013378e0d1ff8616fdd1c75/btn-secondary-sheet-lg.jpg");
  }
}
@media (min-width: 1400px) and (min-resolution: 192dpi) {
  blz-button.diablo-button-secondary {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt5b6fd6a0b2886a09/6013378e3e8106106f1bc80c/btn-secondary-sheet-lg@2x.jpg");
  }
}

blz-button.diablo-button-nav {
  width: 300px;
  height: 56px;
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt53aac547b63e73c7/601ad4e814a90a0bfc552c24/btn-nav-sheet-sm.jpg");
}
@media (min-resolution: 192dpi) {
  blz-button.diablo-button-nav {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt1df1fa6f1ca7ac13/601ad4e8f228890b82d656b4/btn-nav-sheet-sm@2x.jpg");
  }
}
@media (min-width: 960px) {
  blz-button.diablo-button-nav {
    padding: 10px;
  }
}
@media (min-width: 1400px) {
  blz-button.diablo-button-nav {
    width: 400px;
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltef6a2417f842af8e/6013378d3e8106106f1bc808/btn-nav-sheet-lg.jpg");
  }
}
@media (min-width: 1400px) and (min-resolution: 192dpi) {
  blz-button.diablo-button-nav {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltdcdbecbd24048893/6013378e13fecf6168631c07/btn-nav-sheet-lg@2x.jpg");
  }
}

blz-button, .buy-now {
  --button-text-color: #bd9b4e;
  color: #bd9b4e;
}

blz-button:hover, .buy-now:hover {
  --button-text-color: #e9c964;
  color: #bd9b4e;
  cursor: pointer;
}

blz-button::part(label) {
  color: var(--button-text-color);
}

blz-button-group {
  align-self: center;
}

blz-feature::part(buttons) {
  --button-text-color: #bd9b4e;
}

blz-feature::part(buttons):hover {
  --button-text-color: #e9c964;
}

blz-feature::part(button-labels) {
  color: var(--button-text-color);
}

blz-feature::part(button-icons) {
  --size-300: 38px;
  color: var(--button-text-color);
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.86));
}

fen-optin-btn {
  --button-text-color: #bd9b4e;
}

fen-optin-btn::part(diablo-button-primary):hover,
fen-optin-btn::part(diablo-button-secondary):hover,
fen-optin-btn::part(diablo-button-nav):hover {
  --button-text-color: #e9c964;
}

fen-optin-btn::part(diablo-button-primary-label),
fen-optin-btn::part(diablo-button-secondary-label),
fen-optin-btn::part(diablo-button-nav-label) {
  color: var(--button-text-color);
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.86);
}

fen-optin-btn::part(diablo-button-primary-label),
fen-optin-btn::part(diablo-button-secondary-label) {
  white-space: break-spaces;
}

fen-optin-btn::part(checkboxreq) {
  display: block;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 720px) {
  fen-optin-btn::part(checkboxreq) {
    max-width: 50%;
  }
}

html[lang=de] blz-button.diablo-button-nav,
html[lang=pt] blz-button.diablo-button-nav {
  font: var(--font-accent-500);
}

fen-optin-btn {
  position: relative;
  text-align: center;
}
fen-optin-btn::part(button-replace) {
  padding: 10px 60px;
  border: solid #264eb3 2px;
  border-radius: 10px;
  display: inline-block;
}
fen-optin-btn::part(success) {
  color: var(--color-content-500);
}
fen-optin-btn .enable-checkbox {
  color: var(--color-content-500);
  max-width: 40vw;
  text-align: center;
  margin: 0 auto;
}
fen-optin-btn .optin-legal {
  max-width: 475px;
  color: #5a5a5a;
  font: var(--container-font, var(--font-500));
  line-height: var(--container-line-height, var(--line-height));
  padding: var(--container-padding, 0);
  margin: 18px auto;
}
fen-optin-btn .success-message {
  color: #34aa00;
  display: block;
  --container-font: 500 16px/24px var(--font-default);
}
@media (min-width: 720px) {
  fen-optin-btn .success-message {
    --container-font: 500 18px/27px var(--font-default);
  }
}
@media (min-width: 960px) {
  fen-optin-btn .success-message {
    --container-font: 500 26px/39px var(--font-default);
  }
}

.sub-cta p {
  color: #5a5a5a;
  font: var(--container-font, var(--font-500));
  line-height: var(--container-line-height, var(--line-height));
  padding: var(--container-padding, 0);
  margin: 18px 0;
  margin-bottom: 0;
}

#prepurchase-modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: none;
}
#prepurchase-modal.active {
  display: flex;
}
#prepurchase-modal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.9;
}
#prepurchase-modal .platforms-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
#prepurchase-modal .platform-button {
  width: 260px;
  height: 80px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#prepurchase-modal .platform-button:before, #prepurchase-modal .platform-button:after {
  content: "";
  position: absolute;
  width: 260px;
  height: 80px;
  z-index: -1;
}
@media (min-width: 480px) {
  #prepurchase-modal .platform-button:before, #prepurchase-modal .platform-button:after {
    height: 90px;
  }
}
#prepurchase-modal .platform-button:before {
  background: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blte7be95396c9e2fbd/5ff4a8eeb3d923131ee4c26d/btn-platform.jpg") center center no-repeat;
  background-size: contain;
}
#prepurchase-modal .platform-button:after {
  background: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltd46695680c0f12eb/60a2c8528816bd0cce76cf59/btn-platform-hover.jpg") center center no-repeat;
  background-size: contain;
  opacity: 0;
}
@media (min-width: 480px) {
  #prepurchase-modal .platform-button {
    height: 90px;
    margin: 20px;
  }
}
#prepurchase-modal .platform-button:hover:after {
  opacity: 1;
}
#prepurchase-modal .platform-button img.battlenet-logo, #prepurchase-modal .platform-button img.xbox-logo {
  filter: invert(54%) sepia(69%) saturate(329%) hue-rotate(2deg) brightness(87%) contrast(86%);
  width: 160px;
}
@media (min-width: 480px) {
  #prepurchase-modal .platform-button img.battlenet-logo, #prepurchase-modal .platform-button img.xbox-logo {
    width: 180px;
  }
}
#prepurchase-modal .platform-button blz-icon::part(icon) {
  fill: #a58546;
}
#prepurchase-modal .platform-button blz-icon#xbox-series-logo::part(icon), #prepurchase-modal .platform-button blz-icon#playstation-4-5-logo::part(icon), #prepurchase-modal .platform-button blz-icon#battlenet-logo::part(icon) {
  width: 160px;
}
@media (min-width: 480px) {
  #prepurchase-modal .platform-button blz-icon#xbox-series-logo::part(icon), #prepurchase-modal .platform-button blz-icon#playstation-4-5-logo::part(icon), #prepurchase-modal .platform-button blz-icon#battlenet-logo::part(icon) {
    width: 190px;
  }
}
#prepurchase-modal .platform-button.disabled {
  pointer-events: none;
}
#prepurchase-modal .platform-button.disabled blz-icon::part(icon) {
  fill: gray;
}
#prepurchase-modal .close-button {
  display: block;
  position: absolute;
  top: 40px;
  right: 40px;
  color: gold;
  cursor: pointer;
  font-size: 20px;
}
#prepurchase-modal blz-header p {
  max-width: 800px;
}

#modal-content {
  text-align: center;
  font-family: var(--font-default);
  color: #888888;
  padding: 10px;
}

blz-platform-select::part(platform-button) {
  background: #7E0B0A;
}
blz-platform-select::part(platform-button):hover {
  background: #a40e0d;
}

html {
  min-height: 100%;
  position: relative;
}

body {
  --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltaac1c234002cf91b/601441486506885fe6215eca/site-bg-xs.jpg");
  margin: 0;
  background-color: black;
  background-image: radial-gradient(circle farthest-corner at 50% calc(50% - 200px), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, black 100%), var(--stone-bg);
  background-position: top center;
  background-repeat: repeat-y;
  min-height: 100vh;
  overflow-x: hidden !important;
  --row-gap: var(--size-600);
}
@media (min-width: 480px) {
  body {
    --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt3d05a2e23055bd1b/601441470d1ff8616fdd1c9b/site-bg-sm.jpg");
  }
}
@media (min-width: 720px) {
  body {
    --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltb5cfb6c0e2eed1f6/60144148cd14c85fe7c95cf8/site-bg-md.jpg");
  }
}
@media (min-width: 960px) {
  body {
    --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltab6460d8de82d159/60144148f5dbf40edb11dad7/site-bg-lg.jpg");
  }
}
@media (min-width: 1200px) {
  body {
    --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt95a49c836cfd3621/601441483377931068df0e7d/site-bg-xl.jpg");
  }
}
@media (min-width: 1400px) {
  body {
    --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt5ebe40ba23a43cdf/601441483e8106106f1bc849/site-bg-xxl.jpg");
  }
}
@media (min-width: 1600px) {
  body {
    --stone-bg: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt33145902638bc004/601441489d2dcf0eda34fc9e/site-bg-max.jpg");
  }
}

.diablo-hr {
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltedd3a8febbdc66bd/60141d99f5dbf40edb11dad3/simple-divider-xs.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 450px 4px;
  width: 100%;
  height: 60px;
  margin: 0;
}
@media (min-width: 720px) {
  .diablo-hr {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt93629e65b8ed9ef3/60141d99cd14c85fe7c95cf2/simple-divider-sm.jpg");
    background-size: 610px 4px;
  }
}
@media (min-width: 960px) {
  .diablo-hr {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltdbe2fe02cced7f66/60141d9913fecf6168631c29/simple-divider-md.jpg");
    background-size: 760px 4px;
  }
}
@media (min-width: 1200px) {
  .diablo-hr {
    background-image: none;
    background-size: 950px 4px;
    height: 0;
  }
}

.divider-top,
.divider-bottom {
  background-position: 50%;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
}

.divider-top {
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltcea669acdb7d8dfe/6014467d0d1ff8616fdd1ca3/hard-divider-top-xs.jpg");
}
@media (min-width: 480px) {
  .divider-top {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt7ddc5e4a570bd9d1/6014467d3e8106106f1bc85d/hard-divider-top-sm.jpg");
  }
}
@media (min-width: 720px) {
  .divider-top {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt6789740ca8c121b1/6014467dcd14c85fe7c95d12/hard-divider-top-md.jpg");
  }
}
@media (min-width: 960px) {
  .divider-top {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blte510a942b5d728ff/6014467d13fecf6168631c49/hard-divider-top-lg.jpg");
  }
}
@media (min-width: 1200px) {
  .divider-top {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt5d9b0ea5ad080526/6014467d9d2dcf0eda34fcae/hard-divider-top-xl.jpg");
  }
}
@media (min-width: 1400px) {
  .divider-top {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltc2bfa956f0b21d78/6014467df5dbf40edb11daeb/hard-divider-top-xxl.jpg");
  }
}
@media (min-width: 1600px) {
  .divider-top {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt69177ea096f94c65/6014467d6506885fe6215ed8/hard-divider-top-max.jpg");
  }
}

.divider-bottom {
  background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt7efcf0fb0257dcf7/601446743e8106106f1bc859/hard-divider-btm-xs.jpg");
}
@media (min-width: 480px) {
  .divider-bottom {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt32edea32ab70bbcb/6014467413fecf6168631c45/hard-divider-btm-sm.jpg");
  }
}
@media (min-width: 720px) {
  .divider-bottom {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blta3ac8d34e12e5d35/601446740d1ff8616fdd1c9f/hard-divider-btm-md.jpg");
  }
}
@media (min-width: 960px) {
  .divider-bottom {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blte4c78276e417feb1/60144674cd14c85fe7c95d0e/hard-divider-btm-lg.jpg");
  }
}
@media (min-width: 1200px) {
  .divider-bottom {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltfdc4b4c2e0e4be05/601446746506885fe6215ed4/hard-divider-btm-xl.jpg");
  }
}
@media (min-width: 1400px) {
  .divider-bottom {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blt5751f28588e49769/601446743377931068df0e87/hard-divider-btm-xxl.jpg");
  }
}
@media (min-width: 1600px) {
  .divider-bottom {
    background-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/bltdf57bdc896f088e8/60144674f5dbf40edb11dae7/hard-divider-btm-max.jpg");
  }
}

.diablo-frame-container,
.diablo-frame,
blz-tabs::part(container-content) {
  --frame-height: 40px;
  --frame-width: 40px;
  width: 100%;
}
@media (min-width: 960px) {
  .diablo-frame-container,
.diablo-frame,
blz-tabs::part(container-content) {
    box-sizing: border-box;
    position: relative;
    padding: var(--frame-height) var(--frame-width);
    border-width: var(--frame-height) var(--frame-width);
    border-style: solid;
    border-color: inherit;
    border-image: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt45749e0fed8aa592/blte8df32260aa76d67/60192ff814a90a0bfc552b1d/frame.png") 140 repeat;
    border-image-width: 140px;
    background-color: rgba(0, 0, 0, 0.24);
    z-index: 0;
  }
  .diablo-frame-container::before,
.diablo-frame::before,
blz-tabs::part(container-content)::before {
    content: "";
    position: absolute;
    top: calc(var(--frame-height) * -1);
    left: calc(var(--frame-width) * -1);
    right: calc(var(--frame-width) * -1);
    bottom: calc(var(--frame-height) * -1);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.51) 0, rgba(0, 0, 0, 0.33) 20%, transparent 40%, transparent 60%, rgba(0, 0, 0, 0.33) 80%, rgba(0, 0, 0, 0.51));
    z-index: -1;
  }
}
@media (min-width: 960px) {
  .diablo-frame-container.tabs,
.diablo-frame.tabs,
blz-tabs::part(container-content).tabs {
    margin-top: var(--size-1000);
  }
}

blz-feature::part(media-container),
.media-frame {
  max-width: 100%;
  padding: var(--size-100);
  box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.66) 0px 0px 10px 5px inset, rgba(255, 255, 255, 0.2) 0px -3px 6px 0px inset, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px inset;
}

.system-logos {
  justify-content: center;
  margin-top: 40px;
}
.system-logos blz-icon {
  color: #9f9f9f;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.86));
}
.system-logos img.xbox-logo {
  filter: invert(71%) sepia(0%) saturate(217%) hue-rotate(149deg) brightness(91%) contrast(88%);
  height: 35px;
  margin-top: -3px;
  display: none;
}
@media (min-width: 960px) {
  .system-logos img.xbox-logo {
    display: block;
  }
}

blz-tabs blz-feature {
  display: flex;
}

blz-feature.vertical-centered {
  display: flex;
}
blz-feature.vertical-centered .media-area {
  display: flex;
  align-items: center;
  height: 100%;
}

.chat-gem {
  margin: auto;
  display: block;
  width: 162px;
}

blz-image::part(image) {
  width: 100%;
}

h2#streetDate {
  background: -webkit-linear-gradient(#817F7D, #A29D94);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  color: #9f9f9f;
  font-weight: 700;
  text-transform: uppercase;
}

p#dateInfo {
  font-size: 0.9em;
  text-transform: lowercase;
  background: -webkit-linear-gradient(#817F7D, #A29D94);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  color: #9f9f9f;
}
p#dateInfo svg {
  fill: #970908;
  width: 30px;
  height: 30px;
  margin-bottom: -10px;
}
@media (min-width: 480px) {
  p#dateInfo svg {
    width: 40px;
    height: 40px;
    margin-bottom: -13px;
  }
}
p#dateInfo svg:hover {
  fill: #b30403;
}

blz-nav-footer {
  margin-top: 50px;
}

#onetrust-banner-sdk {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

html[lang=zh] p#dateInfo svg, html[lang=ko] p#dateInfo svg {
  margin-bottom: -9px;
}
@media (min-width: 480px) {
  html[lang=zh] p#dateInfo svg, html[lang=ko] p#dateInfo svg {
    margin-bottom: -11px;
  }
}

html[lang=ja] p#dateInfo svg {
  margin-bottom: -8px;
}
@media (min-width: 480px) {
  html[lang=ja] p#dateInfo svg {
    margin-bottom: -10px;
  }
}