/**
 *  filename: assets/css/d2r.scss
 *  description: Main styles entry point for Diablo II: Resurrected
 **/
@import url("https://assets.blz-contentstack.com/v3/assets/blte73fa86c52047717/blt3de15bbfd6c3f3c5/5f9ae8766f61200bd103dbfe/navbar.css");
@import url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/blt7994d9b50ad5b363/643eed262d91476d41e46907/openSans.css");
@import url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/bltaf224921d2965080/643eec50b003ea4dfe076be0/blizzard.css");
blz-tab-control[variant=icon] {
  filter: drop-shadow(0px 2px 9px black);
}

/**
 *  filename: assets/css/index.scss
 *  description: Styles used accross all evergreen pages
 **/
blz-showcase.error-page .background-image {
  bottom: 50px;
}
blz-showcase.error-page h2.blz-heading {
  font-weight: bold;
}
blz-showcase.error-page blz-button {
  background-color: #006FB2;
  border: 1px solid #00AEFF;
  border-radius: 0;
  transition: color 200ms, background-color 200ms, border-color 200ms;
  font-family: "Open Sans";
}
blz-showcase.error-page blz-button:hover, blz-showcase.error-page blz-button:focus, blz-showcase.error-page blz-button:focus-within {
  background-color: #007bc6;
  border: solid 1px #79d4ff;
  color: #fff;
}

/**
 *  filename: lib/fruit/styles/styles.scss
 *  description: Commonly used mixins
 **/
/**
 *  filename: styles/asset-url.scss
 *  description: Returns an akamaized link given the suffix of a Contentstack image url
 **/
/**
 *  filename: styles/jump-link.scss
 *  description: Style that maps to the jump link template
 **/
.jump-link {
  display: block;
  position: relative;
  top: -48px;
}
@media (min-width: 960px) {
  .jump-link {
    top: calc(var(--nav-height) * -1);
  }
}

body {
  margin: 0;
  background: #000;
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-flow: column;
}

#iconography-block {
  display: none;
}

.main-content {
  width: 100%;
  max-width: 2600px;
  overflow: hidden;
}

.section {
  position: relative;
}

:root[lang=ko-kr] {
  word-break: keep-all;
}

/**
 *  filename: assets/css/shared/components/_blz-button.scss
 *  description: --
 **/
blz-button::part(host-anchor) {
  z-index: 1;
  text-transform: uppercase;
}

/**
 *  filename: assets/css/shared/components/_blz-button-group.scss
 *  description: --
 **/
blz-button-group {
  width: 100%;
}

/**
 *  filename: assets/css/shared/components/_blz-card.scss
 *  description: --
 **/
blz-card::part(play-icon) {
  background-image: var(--icon-play-button);
  transition: background-image 350ms;
  background-position: center;
  background-size: contain;
  color: transparent;
}
blz-card:hover::part(play-icon) {
  background-image: var(--icon-play-button-hover);
}

/**
 *  filename: assets/css/shared/components/_blz-carousel.scss
 *  description: --
 **/
blz-carousel::part(left-arrow) {
  background: none;
  background-image: var(--icon-arrow-left);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-carousel::part(left-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-left);
}
blz-carousel::part(left-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-left-hover);
  opacity: 0;
}
blz-carousel::part(left-arrow):hover:after, blz-carousel::part(left-arrow):focus:after {
  opacity: 1;
}
blz-carousel::part(right-arrow) {
  background: none;
  background-image: var(--icon-arrow-right);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-carousel::part(right-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-right);
}
blz-carousel::part(right-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-right-hover);
  opacity: 0;
}
blz-carousel::part(right-arrow):hover:after, blz-carousel::part(right-arrow):focus:after {
  opacity: 1;
}
blz-carousel::part(left-arrow-icon), blz-carousel::part(right-arrow-icon) {
  display: none;
}
blz-carousel::part(main-content) {
  grid-template-columns: [left-arrow-start] auto [left-arrow-end content-start] minmax(0, 1050px) [content-end right-arrow-start] auto [right-arrow-end];
}

/**
 *  filename: assets/css/shared/components/_blz-comparison-slider.scss
 *  description: --
 **/
blz-comparison-slider {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
blz-comparison-slider blz-video {
  transform: scale(2);
}
blz-comparison-slider::part(handlebar-container) {
  pointer-events: all;
}
blz-comparison-slider::part(left-arrow), blz-comparison-slider::part(right-arrow) {
  display: none;
}
blz-comparison-slider::part(handle) {
  background-image: var(--icon-slider);
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
}

/**
 *  filename: assets/css/shared/components/_blz-cross-sell.scss
 *  description: --
 **/
blz-cross-sell blz-game-card {
  --size-050: 0px;
}
blz-cross-sell [slot=cta] {
  display: flex;
  justify-content: center;
}

/**
 *  filename: assets/css/shared/components/_blz-lightbox.scss
 *  description: --
 **/
blz-lightbox::part(left-arrow) {
  background: none;
  background-image: var(--icon-arrow-left);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-lightbox::part(left-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-left);
}
blz-lightbox::part(left-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-left-hover);
  opacity: 0;
}
blz-lightbox::part(left-arrow):hover:after, blz-lightbox::part(left-arrow):focus:after {
  opacity: 1;
}
blz-lightbox::part(right-arrow) {
  background: none;
  background-image: var(--icon-arrow-right);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-lightbox::part(right-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-right);
}
blz-lightbox::part(right-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px black);
  background-image: var(--icon-arrow-right-hover);
  opacity: 0;
}
blz-lightbox::part(right-arrow):hover:after, blz-lightbox::part(right-arrow):focus:after {
  opacity: 1;
}
blz-lightbox::part(left-arrow-icon), blz-lightbox::part(right-arrow-icon) {
  display: none;
}
blz-lightbox::part(close) {
  position: relative;
  background-image: var(--icon-close);
  background-size: contain;
  transition: opacity 350ms;
}
blz-lightbox::part(close):after {
  transition: opacity 350ms;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: var(--icon-close-hover);
  background-size: contain;
  opacity: 0;
}
blz-lightbox::part(close):hover:after, blz-lightbox::part(close):focus:after {
  opacity: 1;
}
blz-lightbox::part(close-icon) {
  display: none;
}
blz-lightbox blz-image, blz-lightbox blz-video {
  max-width: 1000px;
  margin: 0 auto;
}

/**
 *  filename: assets/css/shared/components/_blz-masthead.scss
 *  description: --
 **/
blz-masthead [slot=platform] blz-icon {
  transition: filter 350ms;
}
blz-masthead [slot=platform] blz-icon:hover {
  filter: brightness(1.5);
}
blz-masthead blz-icon-group::part(content) {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

/**
 *  filename: assets/css/shared/components/_blz-video.scss
 *  description: --
 **/
blz-video [slot=thumbnail-play] {
  max-width: 70px;
  filter: drop-shadow(0px 2px 9px black);
}
blz-video [slot=thumbnail-play]:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: opacity 350ms;
  background-position: center;
  background-size: contain;
  background-image: var(--icon-play-button-hover);
  opacity: 0;
}
blz-video:hover [slot=thumbnail-play]:after {
  opacity: 1;
}

/**
 *  filename: assets/css/d2r/fonts.scss
 *  description: Fonts & text presets for Diablo II: Remastered
 **/
/**
 *  filename: assets/css/shared/diablo-fonts.scss
 *  description: Fonts for Diablo franchise games, shared between D2R and D3
 **/
@font-face {
  font-family: "Alegreya Sans";
  font-weight: 500;
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt721dda3062e62f0a/657e45c3d0868427a6bc0a32/AlegreyaSans-Medium.woff?auto=webp);
}
@font-face {
  font-family: "Exocet Reaper";
  font-weight: 500;
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt9b420a58bed922a2/657e45c837a55372bc3f4b0b/ExocetReaper-Medium.otf?auto=webp);
}
@font-face {
  font-family: "Yoon Myungjo";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt550ca5ce53817634/65de3b8e204af749d52c2f4a/YoonMyungjo230.ttf?auto=webp);
}
@font-face {
  font-family: "Kodia";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltc37ca517d84d5f03/65de3b8e574bda83d5efe347/Kodia_11172.ttf?auto=webp);
}
:root {
  --font-default: "Alegreya Sans";
  --font-default-scale: 1.1;
  --font-accent: "Exocet Reaper";
}

[slot=heading], [slot=subheading] {
  font-family: "Exocet Reaper", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

[slot=description],
[slot^=content] {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 500;
}

:root[lang=ko-kr] {
  --font-default: "Kodia";
  --font-accent: "Yoon Myungjo";
}
:root[lang=ko-kr] [slot=heading], :root[lang=ko-kr] [slot=subheading] {
  font-family: "Yoon Myungjo", sans-serif;
  text-transform: uppercase;
}
:root[lang=ko-kr] [slot=description],
:root[lang=ko-kr] [slot^=content] {
  font-family: "Kodia", sans-serif;
  text-transform: uppercase;
}

:root {
  --color-gold-200: #BD9B4E;
  --color-gold-900: #E9C964;
}

/**
 *  filename: assets/css/d2r/media.scss
 *  description: --
 **/
[slot=media], blz-highlights blz-card [slot=image], blz-comparison-slider {
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5), 0px 0 20px 20px rgba(0, 0, 0, 0.2);
}
[slot=media]::after, blz-highlights blz-card [slot=image]::after, blz-comparison-slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 1;
  border: 0px solid transparent;
  border-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt876db165a17af51d/657f859b21f66029f2478898/media_border.webp?auto=webp) 187;
  pointer-events: none;
  border-image-width: 50px;
  box-shadow: inset 0px 0px 30px 30px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 15px rgba(0, 0, 0, 0.8), inset 0px 0px 0px 16px #625028;
}
@media (min-width: 960px) {
  [slot=media], blz-highlights blz-card [slot=image], blz-comparison-slider {
    box-shadow: 0px 5px 20px 9px rgba(0, 0, 0, 0.5), 0px 0px 40px 30px rgba(0, 0, 0, 0.7);
  }
}

blz-media-gallery blz-card [slot=image] {
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4), 0px 0 30px 20px rgba(0, 0, 0, 0.3);
}
blz-media-gallery blz-card [slot=image]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 1;
  border: 0px solid transparent;
  border-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt876db165a17af51d/657f859b21f66029f2478898/media_border.webp?auto=webp) 187;
  pointer-events: none;
  border-image-width: 37px;
  box-shadow: inset 0px 0px 30px 30px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 11px rgba(0, 0, 0, 0.8), inset 0px 0px 0px 12px #625028;
}
@media (min-width: 960px) {
  blz-media-gallery blz-card [slot=image]::after {
    border-image-width: 50px;
    box-shadow: inset 0px 0px 30px 30px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 16px rgba(0, 0, 0, 0.8), inset 0px 0px 0px 18px #625028;
  }
}
@media (min-width: 960px) {
  blz-media-gallery blz-card [slot=image] {
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4), 0px 0 30px 20px rgba(0, 0, 0, 0.3);
  }
}

blz-video::part(overlay), blz-media-gallery blz-lightbox-trigger {
  transition: filter 350ms;
}
blz-video::part(overlay):hover, blz-media-gallery blz-lightbox-trigger:hover {
  filter: brightness(1.3);
}

blz-video [slot=thumbnail-play] {
  max-width: 114px;
}

/**
 *  filename: assets/css/d2r/divider.scss
 *  description: Styles for the divider between sections
 **/
.masthead::after, .overview::after, .season::after, .game-features::after, .classes::after, .carousel-media-gallery::after, .outro::after, .cross-sell::after, .error::after {
  content: "";
  width: 100%;
  height: 20px;
  position: relative;
  display: block;
  z-index: 98;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt38278990640daad4/657e2479a326be3f480bc090/section_divider.webp?auto=webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2600px auto;
}

@media (min-width: 960px) {
  .masthead::after {
    display: none;
  }
}
/**
 *  filename: assets/css/d2r/components/_blz-age-gate.scss
 *  description: --
 **/
blz-age-gate::part(content) {
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blte92452ab160e5f86/657b59cdd08684d343bc09cd/stone_background_1600.webp?auto=webp);
}
@media (min-width: 1400px) {
  blz-age-gate::part(content) {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltdb4e1a439831ae1c/657b59cd619a8e52955d6674/stone_background_2600.webp?auto=webp);
  }
}
blz-age-gate::part(select-year), blz-age-gate::part(select-month), blz-age-gate::part(select-day) {
  background-color: #1c1c1c;
}

/**
 *  filename: assets/css/d2r/components/_blz-button.scss
 *  description: --
 **/
blz-button[type=primary] {
  color: var(--color-gold-200);
  box-shadow: 0px 2px 9px black;
  font-size: 18px;
  text-align: center;
  background-size: auto 100%;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt823db98ed577ce4f/657e4e5fcd72b15f172c1cc1/primary_button_base_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blta83312346c5fab9f/657e4e5f2357a82e5ea05ac0/primary_button_base_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt06dcf8951166656a/657e4e5f619a8e508b5d66e2/primary_button_base_mid.webp?auto=webp);
  transition: opacity 350ms, filter 350ms;
  padding: 0 40px;
}
blz-button[type=primary]::part(host-anchor) {
  text-shadow: 0px 2px 9px black, 0px 2px 9px black, 0px 1px 14px black;
  z-index: 2;
}
blz-button[type=primary] blz-icon {
  filter: drop-shadow(0px 2px 9px black) drop-shadow(0px 2px 9px black) drop-shadow(0px 1px 14px black);
  width: 20px;
}
blz-button[type=primary]:after {
  transition: opacity 350ms, filter 350ms;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt0545c1ea67fe4f71/657e4e5ffad2f44ae86c5e6c/primary_button_hover_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt5ae28cfc42f3f024/657e4e5febf6a1422d4caddb/primary_button_hover_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt16b5e51f9c403b70/657e4e5fd086841a18bc0a36/primary_button_hover_mid.webp?auto=webp);
  opacity: 0;
}
blz-button[type=primary]:hover:after {
  transition: opacity 350ms, filter 350ms;
  opacity: 1;
  filter: brightness(1.2);
}
@media (min-width: 720px) {
  blz-button[type=primary] {
    font-size: 24px;
  }
  blz-button[type=primary] blz-icon {
    width: 24px;
  }
}

blz-button[type=default], blz-media-gallery::part(cta) {
  color: var(--color-gold-200);
  box-shadow: 0px 2px 9px black;
  font-size: 18px;
  text-align: center;
  background-size: auto 100%;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt823db98ed577ce4f/657e4e5fcd72b15f172c1cc1/primary_button_base_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blta83312346c5fab9f/657e4e5f2357a82e5ea05ac0/primary_button_base_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt06dcf8951166656a/657e4e5f619a8e508b5d66e2/primary_button_base_mid.webp?auto=webp);
  transition: opacity 350ms, filter 350ms;
  padding: 0 40px;
}
blz-button[type=default]::part(host-anchor), blz-media-gallery::part(cta)::part(host-anchor) {
  text-shadow: 0px 2px 9px black, 0px 2px 9px black, 0px 1px 14px black;
  z-index: 2;
}
blz-button[type=default] blz-icon, blz-media-gallery::part(cta) blz-icon {
  filter: drop-shadow(0px 2px 9px black) drop-shadow(0px 2px 9px black) drop-shadow(0px 1px 14px black);
  width: 20px;
}
blz-button[type=default]:after, blz-media-gallery::part(cta):after {
  transition: opacity 350ms, filter 350ms;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt0545c1ea67fe4f71/657e4e5ffad2f44ae86c5e6c/primary_button_hover_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt5ae28cfc42f3f024/657e4e5febf6a1422d4caddb/primary_button_hover_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt16b5e51f9c403b70/657e4e5fd086841a18bc0a36/primary_button_hover_mid.webp?auto=webp);
  opacity: 0;
}
blz-button[type=default]:hover:after, blz-media-gallery::part(cta):hover:after {
  transition: opacity 350ms, filter 350ms;
  opacity: 1;
  filter: brightness(1.2);
}
@media (min-width: 720px) {
  blz-button[type=default], blz-media-gallery::part(cta) {
    font-size: 24px;
  }
  blz-button[type=default] blz-icon, blz-media-gallery::part(cta) blz-icon {
    width: 24px;
  }
}

blz-age-gate::part(age-gate-button) {
  color: var(--color-gold-200);
  box-shadow: 0px 2px 9px black;
  font-size: 18px;
  text-align: center;
  background-size: auto 100%;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt823db98ed577ce4f/657e4e5fcd72b15f172c1cc1/primary_button_base_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blta83312346c5fab9f/657e4e5f2357a82e5ea05ac0/primary_button_base_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt06dcf8951166656a/657e4e5f619a8e508b5d66e2/primary_button_base_mid.webp?auto=webp);
  transition: opacity 350ms, filter 350ms;
  padding: 0 40px;
}
blz-age-gate::part(age-gate-button)::part(host-anchor) {
  text-shadow: 0px 2px 9px black, 0px 2px 9px black, 0px 1px 14px black;
  z-index: 2;
}
blz-age-gate::part(age-gate-button) blz-icon {
  filter: drop-shadow(0px 2px 9px black) drop-shadow(0px 2px 9px black) drop-shadow(0px 1px 14px black);
  width: 20px;
}
blz-age-gate::part(age-gate-button):after {
  transition: opacity 350ms, filter 350ms;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: left, right, center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt0545c1ea67fe4f71/657e4e5ffad2f44ae86c5e6c/primary_button_hover_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt5ae28cfc42f3f024/657e4e5febf6a1422d4caddb/primary_button_hover_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt16b5e51f9c403b70/657e4e5fd086841a18bc0a36/primary_button_hover_mid.webp?auto=webp);
  opacity: 0;
}
blz-age-gate::part(age-gate-button):hover:after {
  transition: opacity 350ms, filter 350ms;
  opacity: 1;
  filter: brightness(1.2);
}
@media (min-width: 720px) {
  blz-age-gate::part(age-gate-button) {
    font-size: 24px;
  }
  blz-age-gate::part(age-gate-button) blz-icon {
    width: 24px;
  }
}

/**
 *  filename: assets/css/d2r/components/_blz-carousel.scss
 *  description: --
 **/
blz-carousel blz-tab-control::part(tab-control) {
  color: var(--color-gold-200);
}
blz-carousel blz-tab-control::part(tab-control):after {
  background-color: var(--color-gold-900);
  height: var(--size-025);
}
blz-carousel blz-tab-control::part(tab-control):hover, blz-carousel blz-tab-control::part(tab-control):focus {
  color: var(--color-gold-900);
}
blz-carousel::part(tab-control) {
  --color-content-900: var(--color-gold-900);
  --color-content-700: var(--color-gold-900);
  --color-content-600: rgba(189, 155, 78, 0.5);
}

/**
 *  filename: assets/css/d2r/components/_blz-comparison-slider.scss
 *  description: --
 **/
blz-comparison-slider::part(handlebar) {
  width: 6px;
  background: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt7bea85a26ecd27ff/657e24799ac62071b404b2af/slider_divider.webp?auto=webp) no-repeat center/contain transparent;
  background-size: 19px;
  background-repeat: repeat-y;
  background-position-x: -14.6px;
  position: relative;
}
blz-comparison-slider::part(handle) {
  width: 52px;
  height: 120px;
  background-position: left center;
}
blz-comparison-slider::part(handle):after {
  transition: opacity 350ms;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--icon-slider);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right center;
  background-size: cover;
  opacity: 0;
}
blz-comparison-slider::part(handle):hover:after {
  opacity: 1;
}
@media (min-width: 480px) {
  blz-comparison-slider::part(handle) {
    width: 65px;
    height: 150px;
  }
}
@media (min-width: 1200px) {
  blz-comparison-slider::part(handle) {
    width: 86px;
    height: 199px;
  }
}

/**
 *  filename: assets/css/d2r/components/_blz-platform-select.scss
 *  description: --
 **/
blz-platform-select::part(logo) {
  background: radial-gradient(ellipse, #501300 30%, rgba(26, 0, 0, 0.1) 60%, rgba(255, 255, 0, 0) 80%);
  clip-path: ellipse(70% 50% at 50%);
}

/**
 *  filename: assets/css/d2r/sections/_masthead-overview.scss
 *  description: --
 **/
.section.masthead-overview > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-image: none;
  background-position: center;
}
@media (min-width: 960px) {
  .section.masthead-overview > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt2fd55221587c8639/657a4e20f2f23452b2dad6bf/masthead_overview_background_1600.webp?auto=webp);
    background-size: auto 100%;
  }
}
@media (min-width: 1200px) {
  .section.masthead-overview > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt069518bd33584590/657a4ddb829ea648fb2cca4d/masthead_overview_background_2600.webp?auto=webp);
    background-size: 2600px auto;
  }
}
.section.masthead-overview .masthead {
  display: flex;
  flex-flow: column;
}
.section.masthead-overview .masthead [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltc0a062c0c9efe592/657b9f4cb4fe9d3be89e7a78/masthead_background_mobile.webp?auto=webp);
  background-position: center;
  background-repeat: no-repeat;
}
.section.masthead-overview .masthead [slot=platform] blz-icon {
  color: #cdb378;
}
@media (min-width: 960px) {
  .section.masthead-overview .masthead [slot=background] {
    background: radial-gradient(circle at 397px 405px, rgba(255, 0, 0, 0.2) 4%, transparent 25%);
    align-self: center;
  }
}
@media (min-width: 1600px) {
  .section.masthead-overview .masthead [slot=background] {
    background: radial-gradient(circle at 555px 390px, rgba(255, 0, 0, 0.12) 1%, transparent 30%);
    width: 1920px;
    align-self: center;
  }
}
.section.masthead-overview .section.overview > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blte92452ab160e5f86/657b59cdd08684d343bc09cd/stone_background_1600.webp?auto=webp);
}
@media (min-width: 1400px) {
  .section.masthead-overview .section.overview > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltdb4e1a439831ae1c/657b59cd619a8e52955d6674/stone_background_2600.webp?auto=webp);
  }
}
@media (min-width: 960px) {
  .section.masthead-overview .section.overview [slot=background] {
    display: none;
  }
}
.section.masthead-overview [slot=logo] {
  max-width: 480px;
}
@media (min-width: 960px) {
  .section.masthead-overview [slot=logo] {
    max-width: none;
  }
}
.section.masthead-overview blz-masthead::part(section) {
  max-height: 850px;
  min-height: 980px;
}
.section.masthead-overview blz-masthead [slot=logo] {
  margin-top: -400px;
}
@media (min-width: 960px) {
  .section.masthead-overview blz-masthead [slot=logo] {
    margin-top: -100px;
  }
  .section.masthead-overview blz-masthead::part(section) {
    min-height: 850px;
  }
}

/**
 *  filename: assets/css/d2r/sections/_optional-feature.scss
 *  description: --
 **/
.section.season [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/?auto=webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1600px auto;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltf46f6990b6d5dcc9/657a59b5721c8e86f4501333/optional_feature_background_1600.webp?auto=webp);
}
@media (min-width: 1400px) {
  .section.season [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blte3c2c1d487d44679/657a59b45efff865ff6a47a5/optional_feature_background_2600.webp?auto=webp);
    background-size: 2600px auto;
  }
}

/**
 *  filename: assets/css/d2r/sections/_optional-feature.scss
 *  description: --
 **/
.section.game-features > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blte92452ab160e5f86/657b59cdd08684d343bc09cd/stone_background_1600.webp?auto=webp);
}
@media (min-width: 1400px) {
  .section.game-features > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltdb4e1a439831ae1c/657b59cd619a8e52955d6674/stone_background_2600.webp?auto=webp);
  }
}
.section.game-features blz-card {
  background: transparent;
}
.section.game-features blz-card [slot=image] {
  margin-bottom: 5px;
}

/**
 *  filename: assets/css/d2r/sections/_feature_carousel.scss
 *  description: --
 **/
/**
 *  filename: assets/css/shared/multi-bg-feature-carousel.scss
 *  description: Mixin for blz-feature-carousel sections to support backgrounds of different widths + transitions
 **/
/**
 *  filename: assets/css/shared/components/_blz-tab-control.scss
 *  description: --
 **/
blz-tab-control blz-image:after, blz-tab-control blz-image:before {
  opacity: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: opacity 350ms, filter 350ms;
}
blz-tab-control blz-image:after {
  background-image: var(--icon-active);
  z-index: 2;
}
blz-tab-control blz-image:before {
  background-image: var(--icon-hover);
  z-index: 1;
}
blz-tab-control[active] blz-image:after {
  opacity: 1;
}
blz-tab-control:hover blz-image:before {
  opacity: 1;
}
blz-tab-control[active] blz-image:after {
  filter: brightness(1.3);
}

.section.classes [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: block !important;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--mobile-background);
  transition: opacity 700ms;
  opacity: 0;
}
@media (min-width: 960px) {
  .section.classes [slot=background] {
    background-image: var(--tablet-background, var(--mobile-background));
  }
}
@media (min-width: 1400px) {
  .section.classes [slot=background] {
    background-image: var(--desktop-background, var(--tablet-background));
    background-size: 2600px auto;
  }
}
.section.classes [slot=background].background-active {
  opacity: 1;
}
.section.classes [slot=background] {
  background-size: 100% auto;
}
.section.classes [slot=background]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(ellipse at center, transparent 60%, black), linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0) 83%, black 100%), linear-gradient(180deg, black 2%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 82%, black 100%);
}
@media (min-width: 960px) {
  .section.classes [slot=background] {
    background-size: auto 100%;
  }
  .section.classes [slot=background]:after {
    background: none;
  }
}
.section.classes blz-tab-controls {
  width: 100%;
  max-width: 700px;
}
.section.classes blz-tab-control {
  --icon-size: var(--size-600);
}
@media (min-width: 960px) {
  .section.classes blz-tab-control {
    --icon-size: var(--size-900);
    margin: 10px;
  }
}
.section.classes blz-feature-carousel-section::part(section) {
  min-height: 857px;
}
@media (min-width: 960px) {
  .section.classes blz-feature-carousel-section::part(section) {
    min-height: 900px;
    display: flex;
    justify-content: center;
  }
}
.section.classes blz-carousel[slot=mobile-carousel] blz-feature {
  margin-top: 200px;
}
@media (min-width: 480px) {
  .section.classes blz-carousel[slot=mobile-carousel] blz-feature {
    margin-top: 400px;
  }
}
.section.classes blz-button {
  padding: 0 10px;
}
@media (min-width: 480px) {
  .section.classes blz-button {
    padding: 0 40px;
  }
}

/**
 *  filename: assets/css/d2r/sections/_carousel-media-gallery.scss
 *  description: --
 **/
.section.carousel-media-gallery > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blte92452ab160e5f86/657b59cdd08684d343bc09cd/stone_background_1600.webp?auto=webp);
}
@media (min-width: 1400px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltdb4e1a439831ae1c/657b59cd619a8e52955d6674/stone_background_2600.webp?auto=webp);
  }
}
.section.carousel-media-gallery blz-carousel-section::part(section) {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .section.carousel-media-gallery blz-carousel::part(bottom-navigation) {
    display: none;
  }
}
.section.carousel-media-gallery blz-tab-controls {
  margin-bottom: var(--resize-700);
  display: none;
}
@media (min-width: 1200px) {
  .section.carousel-media-gallery blz-tab-controls {
    display: block;
  }
}
.section.carousel-media-gallery blz-media-gallery blz-header {
  margin-bottom: 70px;
}
.section.carousel-media-gallery blz-media-gallery blz-card, .section.carousel-media-gallery blz-media-gallery blz-card [slot=image] {
  overflow: visible;
}

/**
 *  filename: assets/css/d2r/sections/_cross-sell.scss
 *  description: --
 **/
.section.cross-sell {
  overflow: hidden;
}
.section.cross-sell > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blte92452ab160e5f86/657b59cdd08684d343bc09cd/stone_background_1600.webp?auto=webp);
}
@media (min-width: 1400px) {
  .section.cross-sell > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltdb4e1a439831ae1c/657b59cd619a8e52955d6674/stone_background_2600.webp?auto=webp);
  }
}
.section.cross-sell blz-header, .section.cross-sell blz-button-group {
  padding: 0 var(--section-padding-horizontal);
}
.section.cross-sell blz-game-card {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.7));
}
.section.cross-sell blz-game-card::part(heading), .section.cross-sell blz-game-card::part(subheading) {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 500;
}
.section.cross-sell blz-game-card::part(heading) {
  color: #e9c964;
}
.section.cross-sell blz-game-card::part(subheading) {
  color: #d1d1d1;
}

/**
 *  filename: assets/css/d2r/sections/_outro.scss
 *  description: --
 **/
.section.outro [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt7c1911c969869969/657b9315bb381a7f1a8a52c0/outro_background_mobile.webp?auto=webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: max(130%, 600px) auto;
}
@media (min-width: 960px) {
  .section.outro [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt310765759b08b719/657b931537a553cf1c3f4aac/outro_background_1600.webp?auto=webp);
    background-size: auto 100%;
    background-position: center top;
  }
}
@media (min-width: 1400px) {
  .section.outro [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt2e1ce250ace2b117/657b93156065463c9ce09595/outro_background_2600.webp?auto=webp);
    background-size: 2600px auto;
  }
}
.section.outro blz-header {
  margin-top: 100px;
}

/**
 *  filename: assets/css/d2r/sections/_social-footer.scss
 *  description: --
 **/
/**
 *  filename: assets/css/shared/sections/_social-footer.scss
 *  description: --
 **/
.section.social blz-icon-group blz-icon {
  transition: filter 360ms;
  color: #cdb378;
}
.section.social blz-icon-group blz-icon:hover {
  filter: brightness(1.5);
}

.section.social-footer > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 24% center;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt7711450b4d2c55f5/65cd518399575d60bf9b01c0/social_footer_background.webp?auto=webp);
}
@media (min-width: 960px) {
  .section.social-footer > [slot=background] {
    background-position: center top;
  }
}
@media (min-width: 1200px) {
  .section.social-footer > [slot=background] {
    background-size: 2600px auto;
  }
}

/**
 *  filename: assets/css/d2r/sections/_error.scss
 *  description: --
 **/
.section.error [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltf848456dbaeb3e63/65badbee7aa31f18b3d29c20/error_header_background_2600.webp?auto=webp);
}
@media (min-width: 1600px) {
  .section.error [slot=background] {
    background-size: min(2600px, 100%) auto;
  }
}