@charset "UTF-8";
.FontinSmallCaps {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .zh_CN .FontinSmallCaps {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinSmallCaps {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinSmallCaps {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinRegular {
  font-family: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinRegular {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinRegular {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinRegular {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .FontinRegular.krw {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinItalic {
  font-family: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinItalic {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinItalic {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinItalic {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinBold {
  font-family: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.52;
  font-weight: normal; }
  .zh_CN .FontinBold {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinBold {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinBold {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-weight: bold; }

body.wide-resize {
  word-spacing: 0.7px;
  min-width: 360px;
  box-sizing: border-box; }
  body.wide-resize .newItemPopup {
    margin: 0; }
  body.wide-resize .itemPopupContainer:not(.divinationCard) {
    max-width: 100vw; }
  body.wide-resize a {
    font-style: normal; }
  body.wide-resize a:link {
    color: #43a2e6; }
  body.wide-resize a:hover {
    color: #2996d1; }
  body.wide-resize a:visited {
    color: #43a2e6; }
  body.wide-resize header #wide-resize-countdown, body.wide-resize section #wide-resize-countdown, body.wide-resize footer #wide-resize-countdown {
    width: 505px;
    height: 80px;
    position: absolute;
    z-index: -1;
    top: 400px; }
    body.wide-resize header #wide-resize-countdown .countdown, body.wide-resize section #wide-resize-countdown .countdown, body.wide-resize footer #wide-resize-countdown .countdown {
      position: absolute;
      width: 299px;
      height: 30px;
      top: 12px;
      left: 112px;
      line-height: 28px;
      color: #ffd777;
      font-size: 23px;
      text-align: center; }
      body.wide-resize header #wide-resize-countdown .countdown .countdown_section, body.wide-resize header #wide-resize-countdown .countdown .countdown-section, body.wide-resize section #wide-resize-countdown .countdown .countdown_section, body.wide-resize section #wide-resize-countdown .countdown .countdown-section, body.wide-resize footer #wide-resize-countdown .countdown .countdown_section, body.wide-resize footer #wide-resize-countdown .countdown .countdown-section {
        color: #ffd777; }
      body.wide-resize header #wide-resize-countdown .countdown div, body.wide-resize section #wide-resize-countdown .countdown div, body.wide-resize footer #wide-resize-countdown .countdown div {
        position: absolute;
        width: 53px;
        height: 29px; }
      body.wide-resize header #wide-resize-countdown .countdown .days, body.wide-resize section #wide-resize-countdown .countdown .days, body.wide-resize footer #wide-resize-countdown .countdown .days {
        left: 6px; }
      body.wide-resize header #wide-resize-countdown .countdown .hours, body.wide-resize section #wide-resize-countdown .countdown .hours, body.wide-resize footer #wide-resize-countdown .countdown .hours {
        left: 85px; }
      body.wide-resize header #wide-resize-countdown .countdown .minutes, body.wide-resize section #wide-resize-countdown .countdown .minutes, body.wide-resize footer #wide-resize-countdown .countdown .minutes {
        left: 166px; }
      body.wide-resize header #wide-resize-countdown .countdown .seconds, body.wide-resize section #wide-resize-countdown .countdown .seconds, body.wide-resize footer #wide-resize-countdown .countdown .seconds {
        left: 246px; }
    body.wide-resize header #wide-resize-countdown span, body.wide-resize section #wide-resize-countdown span, body.wide-resize footer #wide-resize-countdown span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0; }
    body.wide-resize header #wide-resize-countdown:hover span, body.wide-resize section #wide-resize-countdown:hover span, body.wide-resize footer #wide-resize-countdown:hover span {
      opacity: 1; }
    body.wide-resize header #wide-resize-countdown .countdown div, body.wide-resize section #wide-resize-countdown .countdown div, body.wide-resize footer #wide-resize-countdown .countdown div {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
      body.wide-resize header #wide-resize-countdown .countdown div.start, body.wide-resize section #wide-resize-countdown .countdown div.start, body.wide-resize footer #wide-resize-countdown .countdown div.start {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        color: #fff;
        text-shadow: 0px 0px 5px #ffd777; }
      body.wide-resize header #wide-resize-countdown .countdown div.done, body.wide-resize section #wide-resize-countdown .countdown div.done, body.wide-resize footer #wide-resize-countdown .countdown div.done {
        -webkit-transition: all 1s ease-in-out;
        -webkit-transition-delay: 0s;
        -moz-transition: all 1s ease-in-out false;
        -o-transition: all 1s ease-in-out false;
        transition: all 1s ease-in-out false;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        color: #ffd777;
        text-shadow: none; }
      body.wide-resize header #wide-resize-countdown .countdown div.zero, body.wide-resize section #wide-resize-countdown .countdown div.zero, body.wide-resize footer #wide-resize-countdown .countdown div.zero {
        text-shadow: 0px 0px 5px #b61d10;
        color: #B61D10; }
  body.wide-resize header, body.wide-resize footer, body.wide-resize section {
    height: 100%;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all;
    -moz-transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all false;
    -o-transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all false;
    transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all; }
    body.wide-resize header .autoresize-video .video-cover, body.wide-resize footer .autoresize-video .video-cover, body.wide-resize section .autoresize-video .video-cover {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background: black; }
    body.wide-resize header.bg-collapse, body.wide-resize footer.bg-collapse, body.wide-resize section.bg-collapse {
      display: none; }
    body.wide-resize header.ascendancy-header, body.wide-resize footer.ascendancy-header, body.wide-resize section.ascendancy-header {
      height: auto;
      max-height: 1000px;
      padding-bottom: 60px; }
    body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
      height: 200px;
      width: 100%;
      float: left;
      clear: both;
      margin-top: 20px;
      position: relative; }
      body.wide-resize header .content-interactive .skill, body.wide-resize footer .content-interactive .skill, body.wide-resize section .content-interactive .skill {
        width: 50px;
        margin-left: auto;
        margin-right: auto; }
    body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
      height: 82%;
      padding-top: 8%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .synthesis body.wide-resize header .inner, .legion body.wide-resize header .inner, .blight body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .synthesis body.wide-resize footer .inner, .legion body.wide-resize footer .inner, .blight body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner, .synthesis body.wide-resize section .inner, .legion body.wide-resize section .inner, .blight body.wide-resize section .inner {
        padding-top: 4%; }
      body.wide-resize header .inner header, body.wide-resize footer .inner header, body.wide-resize section .inner header {
        font-size: 25px;
        background-image: url('/image/ascendancy/2.png?1593393279095');
        background-size: cover;
        width: auto;
        height: auto;
        padding: 2px 13px;
        float: left; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 2%;
        clear: both; }
        body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
          background-image: url('/image/ascendancy/2.png?1593393279095');
          background-size: 100% 97%;
          background-repeat: no-repeat;
          padding: 13px;
          font-size: 12px;
          font-weight: normal;
          max-height: 200px;
          float: left;
          clear: both;
          box-sizing: border-box; }
    body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
      width: 30%; }
    body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
      padding-left: 35%; }
    body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
      padding-right: 35%; }
    .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .synthesis body.wide-resize header .inner, .legion body.wide-resize header .inner, .blight body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .synthesis body.wide-resize footer .inner, .legion body.wide-resize footer .inner, .blight body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner, .synthesis body.wide-resize section .inner, .legion body.wide-resize section .inner, .blight body.wide-resize section .inner {
      width: 37%; }
    .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .synthesis body.wide-resize header.wide-resize-right .inner, .legion body.wide-resize header.wide-resize-right .inner, .blight body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .synthesis body.wide-resize footer.wide-resize-right .inner, .legion body.wide-resize footer.wide-resize-right .inner, .blight body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner, .synthesis body.wide-resize section.wide-resize-right .inner, .legion body.wide-resize section.wide-resize-right .inner, .blight body.wide-resize section.wide-resize-right .inner {
      padding-left: 33%; }
    .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .synthesis body.wide-resize header.wide-resize-left .inner, .legion body.wide-resize header.wide-resize-left .inner, .blight body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .synthesis body.wide-resize footer.wide-resize-left .inner, .legion body.wide-resize footer.wide-resize-left .inner, .blight body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner, .synthesis body.wide-resize section.wide-resize-left .inner, .legion body.wide-resize section.wide-resize-left .inner, .blight body.wide-resize section.wide-resize-left .inner {
      padding-right: 33%; }
  @media (min-width: 1900px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      width: 1900px;
      height: 820px; }
      .exilecon-live-2 body.wide-resize header, .exilecon-live-2 body.wide-resize footer, .exilecon-live-2 body.wide-resize section {
        width: 100vw;
        height: 44vw; }
      body.wide-resize header header, body.wide-resize footer header, body.wide-resize section header {
        height: auto; }
        .exilecon-live-2 body.wide-resize header header, .exilecon-live-2 body.wide-resize footer header, .exilecon-live-2 body.wide-resize section header {
          max-height: initial; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 8%; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        height: 280px; }
    body.wide-resize.war section {
      height: 820px !important; } }
  @media (max-width: 1900px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 784px; }
      body.wide-resize header header, body.wide-resize footer header, body.wide-resize section header {
        height: auto; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 14%; }
        .bestiary body.wide-resize header .inner .content, .incursion body.wide-resize header .inner .content, .synthesis body.wide-resize header .inner .content, .bestiary body.wide-resize footer .inner .content, .incursion body.wide-resize footer .inner .content, .synthesis body.wide-resize footer .inner .content, .bestiary body.wide-resize section .inner .content, .incursion body.wide-resize section .inner .content, .synthesis body.wide-resize section .inner .content {
          margin-top: 7%; } }
  @media (min-width: 1600px) {
    body.wide-resize header .inner header, body.wide-resize footer .inner header, body.wide-resize section .inner header {
      font-size: 30px; }
    body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
      font-size: 14px; }
    body.wide-resize.war section {
      height: 800px; } }
  @media (max-width: 1600px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 664px; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        margin-top: 20px; } }
  @media (max-width: 1400px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 575px; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        margin-top: 20px; } }
  @media (max-width: 1200px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 500px; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        height: 100px; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        padding-top: 5%; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 40%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; }
      .oriath body.wide-resize header .inner, .oriath body.wide-resize footer .inner, .oriath body.wide-resize section .inner {
        width: 45%; }
      .oriath body.wide-resize header.wide-resize-right .inner, .oriath body.wide-resize footer.wide-resize-right .inner, .oriath body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      .oriath body.wide-resize header.wide-resize-left .inner, .oriath body.wide-resize footer.wide-resize-left .inner, .oriath body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; } }
  @media (max-width: 960px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 400px; }
      body.wide-resize header .inner header, body.wide-resize footer .inner header, body.wide-resize section .inner header {
        font-size: 23px; }
        .breach body.wide-resize header .inner header, .breach body.wide-resize footer .inner header, .breach body.wide-resize section .inner header {
          font-size: 20px; }
        body.wide-resize header .inner header .header-icon, body.wide-resize footer .inner header .header-icon, body.wide-resize section .inner header .header-icon {
          margin-top: 0; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        height: 100px; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 50%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .synthesis body.wide-resize header .inner, .legion body.wide-resize header .inner, .blight body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .synthesis body.wide-resize footer .inner, .legion body.wide-resize footer .inner, .blight body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner, .synthesis body.wide-resize section .inner, .legion body.wide-resize section .inner, .blight body.wide-resize section .inner {
        width: 55%; }
      .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .synthesis body.wide-resize header.wide-resize-right .inner, .legion body.wide-resize header.wide-resize-right .inner, .blight body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .synthesis body.wide-resize footer.wide-resize-right .inner, .legion body.wide-resize footer.wide-resize-right .inner, .blight body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner, .synthesis body.wide-resize section.wide-resize-right .inner, .legion body.wide-resize section.wide-resize-right .inner, .blight body.wide-resize section.wide-resize-right .inner {
        padding-left: 30%; }
      .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .synthesis body.wide-resize header.wide-resize-left .inner, .legion body.wide-resize header.wide-resize-left .inner, .blight body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .synthesis body.wide-resize footer.wide-resize-left .inner, .legion body.wide-resize footer.wide-resize-left .inner, .blight body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner, .synthesis body.wide-resize section.wide-resize-left .inner, .legion body.wide-resize section.wide-resize-left .inner, .blight body.wide-resize section.wide-resize-left .inner {
        padding-right: 30%; } }
  @media (max-width: 600px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 300px; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 70%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 29%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 29%; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .synthesis body.wide-resize header .inner, .legion body.wide-resize header .inner, .blight body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .synthesis body.wide-resize footer .inner, .legion body.wide-resize footer .inner, .blight body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner, .synthesis body.wide-resize section .inner, .legion body.wide-resize section .inner, .blight body.wide-resize section .inner {
        width: 70%; }
      .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .synthesis body.wide-resize header.wide-resize-right .inner, .legion body.wide-resize header.wide-resize-right .inner, .blight body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .synthesis body.wide-resize footer.wide-resize-right .inner, .legion body.wide-resize footer.wide-resize-right .inner, .blight body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner, .synthesis body.wide-resize section.wide-resize-right .inner, .legion body.wide-resize section.wide-resize-right .inner, .blight body.wide-resize section.wide-resize-right .inner {
        padding-left: 28%; }
      .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .synthesis body.wide-resize header.wide-resize-left .inner, .legion body.wide-resize header.wide-resize-left .inner, .blight body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .synthesis body.wide-resize footer.wide-resize-left .inner, .legion body.wide-resize footer.wide-resize-left .inner, .blight body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner, .synthesis body.wide-resize section.wide-resize-left .inner, .legion body.wide-resize section.wide-resize-left .inner, .blight body.wide-resize section.wide-resize-left .inner {
        padding-right: 28%; }
      body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
        margin-top: -8px;
        margin-bottom: -4px; } }
  @media (max-width: 400px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      background-position: 0 0, 100% 100%;
      height: 300px; }
      .legion body.wide-resize header, .blight body.wide-resize header, .legion body.wide-resize footer, .blight body.wide-resize footer, .legion body.wide-resize section, .blight body.wide-resize section {
        background-size: auto 50%; }
      body.wide-resize header header, body.wide-resize footer header, body.wide-resize section header {
        font-size: 18px; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 9%;
        width: 100%; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 100%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 0%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 0%; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .synthesis body.wide-resize header .inner, .legion body.wide-resize header .inner, .blight body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .synthesis body.wide-resize footer .inner, .legion body.wide-resize footer .inner, .blight body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner, .synthesis body.wide-resize section .inner, .legion body.wide-resize section .inner, .blight body.wide-resize section .inner {
        width: 100%; }
      .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .synthesis body.wide-resize header.wide-resize-right .inner, .legion body.wide-resize header.wide-resize-right .inner, .blight body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .synthesis body.wide-resize footer.wide-resize-right .inner, .legion body.wide-resize footer.wide-resize-right .inner, .blight body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner, .synthesis body.wide-resize section.wide-resize-right .inner, .legion body.wide-resize section.wide-resize-right .inner, .blight body.wide-resize section.wide-resize-right .inner {
        padding-left: 0%; }
      .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .synthesis body.wide-resize header.wide-resize-left .inner, .legion body.wide-resize header.wide-resize-left .inner, .blight body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .synthesis body.wide-resize footer.wide-resize-left .inner, .legion body.wide-resize footer.wide-resize-left .inner, .blight body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner, .synthesis body.wide-resize section.wide-resize-left .inner, .legion body.wide-resize section.wide-resize-left .inner, .blight body.wide-resize section.wide-resize-left .inner {
        padding-right: 0%; }
      body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
        margin-top: -8px;
        margin-bottom: -4px; }
        .bestiary body.wide-resize header .inner .content p, .incursion body.wide-resize header .inner .content p, .synthesis body.wide-resize header .inner .content p, .bestiary body.wide-resize footer .inner .content p, .incursion body.wide-resize footer .inner .content p, .synthesis body.wide-resize footer .inner .content p, .bestiary body.wide-resize section .inner .content p, .incursion body.wide-resize section .inner .content p, .synthesis body.wide-resize section .inner .content p {
          width: 100%; }
      body.wide-resize header.wide-resize-right, body.wide-resize footer.wide-resize-right, body.wide-resize section.wide-resize-right {
        background-position: 100% 0, 0 100%; }
        body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
          padding-left: 0; }
      body.wide-resize header.bg-collapse, body.wide-resize footer.bg-collapse, body.wide-resize section.bg-collapse {
        display: block; }
        body.wide-resize header.bg-collapse.wide-resize-left, body.wide-resize footer.bg-collapse.wide-resize-left, body.wide-resize section.bg-collapse.wide-resize-left {
          background-position: 100% 0; }
        body.wide-resize header.bg-collapse.wide-resize-right, body.wide-resize footer.bg-collapse.wide-resize-right, body.wide-resize section.bg-collapse.wide-resize-right {
          background-position: 0 0; }
      .legion body.wide-resize header, .blight body.wide-resize header, .legion body.wide-resize footer, .blight body.wide-resize footer, .legion body.wide-resize section, .blight body.wide-resize section {
        height: 600px; } }

@media (max-width: 600px) {
  .wide-resize-2 body.wide-resize-2 section {
    background-position: 0 0, 100% 100%; }
    .wide-resize-2 body.wide-resize-2 section.wide-resize-right, .wide-resize-2 body.wide-resize-2 section.wide-resize-left {
      height: 700px;
      background-size: auto 50%; }
      .wide-resize-2 body.wide-resize-2 section.wide-resize-right .inner, .wide-resize-2 body.wide-resize-2 section.wide-resize-left .inner {
        box-sizing: border-box;
        padding: 7%;
        width: 90%; }
    .wide-resize-2 body.wide-resize-2 section.wide-resize-left header {
      padding: 16px 27px 3px; }
    .wide-resize-2 body.wide-resize-2 section.wide-resize-right {
      background-position: 100% 0, 0 100%; }
      .wide-resize-2 body.wide-resize-2 section.wide-resize-right .inner {
        padding-left: 0;
        padding-right: 10%; }
      .wide-resize-2 body.wide-resize-2 section.wide-resize-right header {
        padding: 20px 40px 5px 0px; }
  min-width: 300px; }

@media (max-width: 400px) {
  body.wide-resize-2.wide-resize-2 section.wide-resize-right .inner {
    padding: 2% 8% 0% 0%; }
  body.wide-resize-2.wide-resize-2 section.wide-resize-left .inner {
    padding: 2% 0% 0% 8%;
    width: 100%; } }

.FontinSmallCaps {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .zh_CN .FontinSmallCaps {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinSmallCaps {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinSmallCaps {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinRegular {
  font-family: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinRegular {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinRegular {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinRegular {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .FontinRegular.krw {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinItalic {
  font-family: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinItalic {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinItalic {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinItalic {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinBold {
  font-family: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.52;
  font-weight: normal; }
  .zh_CN .FontinBold {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinBold {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinBold {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-weight: bold; }

.button-text, .exilecon-announcement .exilecon .shopButton, .exilecon-announcement .exilecon .exilecon-button, .exilecon-announcement .exilecon .out-of-stock {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 4px;
  background: url('/image/custom-leagues/button.png?1593393330783') #266513 repeat-x;
  border: 0px none;
  color: #a9d287;
  transition-duration: 200ms;
  margin: 2px;
  font-size: 1.2em;
  text-decoration: none;
  background: url('/image/layout/button/button-green-normal-left.png?1593393375718') no-repeat top left, url('/image/layout/button/button-green-normal-right.png?1593393375718') top right no-repeat, url('/image/layout/button/button-green-normal-middle.png?1593393375718') top repeat-x, url('/image/layout/button/button-green-hover-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-green-hover-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-green-hover-middle.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-green-pressed-left.png?1593393375718') -100px -100px no-repeat, url('/image/layout/button/button-green-pressed-right.png?1593393375718') -100px -100px no-repeat, url('/image/layout/button/button-green-pressed-middle.png?1593393375718') -100px -100px no-repeat;
  background-size: contain;
  padding: 5px 9px; }
  .zh_CN .button-text, .zh_CN .exilecon-announcement .exilecon .shopButton, .exilecon-announcement .exilecon .zh_CN .shopButton, .zh_CN .exilecon-announcement .exilecon .exilecon-button, .exilecon-announcement .exilecon .zh_CN .exilecon-button, .zh_CN .exilecon-announcement .exilecon .out-of-stock, .exilecon-announcement .exilecon .zh_CN .out-of-stock {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .button-text, .zh_TW .exilecon-announcement .exilecon .shopButton, .exilecon-announcement .exilecon .zh_TW .shopButton, .zh_TW .exilecon-announcement .exilecon .exilecon-button, .exilecon-announcement .exilecon .zh_TW .exilecon-button, .zh_TW .exilecon-announcement .exilecon .out-of-stock, .exilecon-announcement .exilecon .zh_TW .out-of-stock {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .button-text, .ru_RU .exilecon-announcement .exilecon .shopButton, .exilecon-announcement .exilecon .ru_RU .shopButton, .ru_RU .exilecon-announcement .exilecon .exilecon-button, .exilecon-announcement .exilecon .ru_RU .exilecon-button, .ru_RU .exilecon-announcement .exilecon .out-of-stock, .exilecon-announcement .exilecon .ru_RU .out-of-stock {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .button-text, .ko_KR .exilecon-announcement .exilecon .shopButton, .exilecon-announcement .exilecon .ko_KR .shopButton, .ko_KR .exilecon-announcement .exilecon .exilecon-button, .exilecon-announcement .exilecon .ko_KR .exilecon-button, .ko_KR .exilecon-announcement .exilecon .out-of-stock, .exilecon-announcement .exilecon .ko_KR .out-of-stock {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .button-text:hover, .exilecon-announcement .exilecon .shopButton:hover, .exilecon-announcement .exilecon .exilecon-button:hover, .exilecon-announcement .exilecon .out-of-stock:hover {
    background: url('/image/layout/button/button-green-hover-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-green-hover-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-green-hover-middle.png?1593393375714') top repeat-x;
    background-size: contain;
    color: #a3e89b; }
  .button-text:active, .exilecon-announcement .exilecon .shopButton:active, .exilecon-announcement .exilecon .exilecon-button:active, .exilecon-announcement .exilecon .out-of-stock:active {
    background: url('/image/layout/button/button-green-pressed-left.png?1593393375718') no-repeat top left, url('/image/layout/button/button-green-pressed-right.png?1593393375718') top right no-repeat, url('/image/layout/button/button-green-pressed-middle.png?1593393375718') top repeat-x;
    background-size: contain;
    color: #35583b; }
  .button-text a, .exilecon-announcement .exilecon .shopButton a, .exilecon-announcement .exilecon .exilecon-button a, .exilecon-announcement .exilecon .out-of-stock a {
    color: #a9d287;
    text-decoration: none; }
    .button-text a:hover, .exilecon-announcement .exilecon .shopButton a:hover, .exilecon-announcement .exilecon .exilecon-button a:hover, .exilecon-announcement .exilecon .out-of-stock a:hover {
      color: #a3e89b; }
    .button-text a:active, .exilecon-announcement .exilecon .shopButton a:active, .exilecon-announcement .exilecon .exilecon-button a:active, .exilecon-announcement .exilecon .out-of-stock a:active {
      color: #35583b; }
  .button-text.red, .exilecon-announcement .exilecon .red.shopButton, .exilecon-announcement .exilecon .red.exilecon-button, .exilecon-announcement .exilecon .red.out-of-stock, .button-text.generic, .exilecon-announcement .exilecon .generic.shopButton, .exilecon-announcement .exilecon .generic.exilecon-button, .exilecon-announcement .exilecon .generic.out-of-stock {
    background: url('/image/custom-leagues/button.png?1593393330783') #6f1408 repeat-x;
    border: 0px none;
    color: #b68f30;
    text-shadow: 0px 0px 6px;
    background: url('/image/layout/button/button-generic-normal-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-generic-normal-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-generic-normal-middle.png?1593393375714') top repeat-x, url('/image/layout/button/button-generic-hover-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-hover-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-hover-middle.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-pressed-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-pressed-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-pressed-middle.png?1593393375714') -100px -100px no-repeat;
    background-size: contain; }
    .button-text.red:hover, .exilecon-announcement .exilecon .red.shopButton:hover, .exilecon-announcement .exilecon .red.exilecon-button:hover, .exilecon-announcement .exilecon .red.out-of-stock:hover, .button-text.generic:hover, .exilecon-announcement .exilecon .generic.shopButton:hover, .exilecon-announcement .exilecon .generic.exilecon-button:hover, .exilecon-announcement .exilecon .generic.out-of-stock:hover {
      background: url('/image/layout/button/button-generic-hover-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-generic-hover-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-generic-hover-middle.png?1593393375714') top repeat-x;
      background-size: contain;
      color: #bf9f4f; }
    .button-text.red:active, .exilecon-announcement .exilecon .red.shopButton:active, .exilecon-announcement .exilecon .red.exilecon-button:active, .exilecon-announcement .exilecon .red.out-of-stock:active, .button-text.generic:active, .exilecon-announcement .exilecon .generic.shopButton:active, .exilecon-announcement .exilecon .generic.exilecon-button:active, .exilecon-announcement .exilecon .generic.out-of-stock:active {
      background: url('/image/layout/button/button-generic-pressed-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-generic-pressed-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-generic-pressed-middle.png?1593393375714') top repeat-x;
      background-size: contain;
      color: #4c3f1f; }
    .button-text.red a, .exilecon-announcement .exilecon .red.shopButton a, .exilecon-announcement .exilecon .red.exilecon-button a, .exilecon-announcement .exilecon .red.out-of-stock a, .button-text.generic a, .exilecon-announcement .exilecon .generic.shopButton a, .exilecon-announcement .exilecon .generic.exilecon-button a, .exilecon-announcement .exilecon .generic.out-of-stock a {
      color: #b68f30; }
      .button-text.red a:hover, .exilecon-announcement .exilecon .red.shopButton a:hover, .exilecon-announcement .exilecon .red.exilecon-button a:hover, .exilecon-announcement .exilecon .red.out-of-stock a:hover, .button-text.generic a:hover, .exilecon-announcement .exilecon .generic.shopButton a:hover, .exilecon-announcement .exilecon .generic.exilecon-button a:hover, .exilecon-announcement .exilecon .generic.out-of-stock a:hover {
        color: #bf9f4f; }
      .button-text.red a:active, .exilecon-announcement .exilecon .red.shopButton a:active, .exilecon-announcement .exilecon .red.exilecon-button a:active, .exilecon-announcement .exilecon .red.out-of-stock a:active, .button-text.generic a:active, .exilecon-announcement .exilecon .generic.shopButton a:active, .exilecon-announcement .exilecon .generic.exilecon-button a:active, .exilecon-announcement .exilecon .generic.out-of-stock a:active {
        color: #4c3f1f; }
  .button-text:hover, .exilecon-announcement .exilecon .shopButton:hover, .exilecon-announcement .exilecon .exilecon-button:hover, .exilecon-announcement .exilecon .out-of-stock:hover {
    cursor: pointer; }
  .button-text:disabled, .exilecon-announcement .exilecon .shopButton:disabled, .exilecon-announcement .exilecon .exilecon-button:disabled, .exilecon-announcement .exilecon .out-of-stock:disabled, .button-text.disabled, .exilecon-announcement .exilecon .disabled.shopButton, .exilecon-announcement .exilecon .disabled.exilecon-button, .exilecon-announcement .exilecon .disabled.out-of-stock {
    color: #7c7b7b;
    background: url('/image/layout/button/button-gray-normal-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-gray-normal-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-gray-normal-middle.png?1593393375714') top repeat-x, url('/image/layout/button/button-gray-hover-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-gray-hover-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-gray-hover-middle.png?1593393375714') -100px -100px no-repeat;
    background-size: contain;
    cursor: default; }
    .button-text:disabled:hover, .exilecon-announcement .exilecon .shopButton:disabled:hover, .exilecon-announcement .exilecon .exilecon-button:disabled:hover, .exilecon-announcement .exilecon .out-of-stock:disabled:hover, .button-text.disabled:hover, .exilecon-announcement .exilecon .disabled.shopButton:hover, .exilecon-announcement .exilecon .disabled.exilecon-button:hover, .exilecon-announcement .exilecon .disabled.out-of-stock:hover {
      background: url('/image/layout/button/button-gray-hover-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-gray-hover-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-gray-hover-middle.png?1593393375714') top repeat-x;
      background-size: contain;
      color: #c4c4c4; }

.toggle-button {
  position: relative;
  height: 35px;
  width: auto;
  margin: 5px auto;
  background: rgba(0, 0, 0, 0.5);
  background: url('/image/layout/button/Button_onofftogglebase_front.png?1593393375710') no-repeat top left, url('/image/layout/button/Button_onofftogglebase_Back.png?1593393375710') top right no-repeat, url('/image/layout/button/Button_onofftogglebase_middle.png?1593393375710') top repeat-x;
  background-size: contain;
  display: flex; }
  .toggle-button label {
    position: relative;
    z-index: 2;
    width: auto;
    line-height: 2em;
    font-size: 1.2em;
    color: #424242;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    transition: color 0.3s 0.4s;
    cursor: pointer; }
  .toggle-button .toggle-button-input {
    display: none; }
  .toggle-button .toggle-button-input + label {
    color: #6d6d6d;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); }
  .toggle-button .toggle-button-input:checked + label {
    color: #191919;
    text-shadow: 0px 0px 1px #191919, 0px 0px 1px #ffe23d, 0px 0px 2px #ffe23d, 0px 0px 2px #ffe23d, 0px 0px 3px #de852e, 0px 0px 4px #c75126, 0px 0px 4px #c75126, 0px 0px 5px #c75126, 0px 0px 5px #c75126, 0px 0px 6px #ff9b2d, 0px 0px 6px #ff9b2d; }
  .toggle-button .toggle-button-input:checked + label:last-of-type + .toggle-button-knob {
    left: 50%; }
  .toggle-button-knob {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: 49%;
    height: 30px;
    border-radius: 3px;
    background-color: #8e6b2f;
    transition: left 0.2s ease-out;
    background: url('/image/layout/button/Button_onofftogglebutton_front.png?1593393375710') no-repeat top left, url('/image/layout/button/Button_onofftogglebutton_back.png?1593393375710') top right no-repeat, url('/image/layout/button/Button_onofftogglebutton_middle.png?1593393375710') top repeat-x;
    background-size: contain; }

.mini-countdown {
  max-width: 510px;
  width: 100%;
  height: auto;
  position: relative;
  margin: auto;
  bottom: 0;
  z-index: 2; }
  .mini-countdown .countdown-image {
    width: 100%; }
  .mini-countdown #mini-countdown {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 58%;
    position: absolute;
    top: 0;
    left: 21%; }
    .mini-countdown #mini-countdown .countdown {
      position: absolute;
      height: 30px;
      top: 13%;
      left: 0;
      line-height: 28px;
      color: #becad8;
      font-size: 2rem;
      text-align: center;
      display: flex;
      width: 100%;
      justify-content: space-between; }
      .mini-countdown #mini-countdown .countdown div {
        width: 18%;
        height: 29px; }
    .mini-countdown #mini-countdown:hover span {
      opacity: 1; }

body.wide-resize {
  background: #000; }
  body.wide-resize .section-banner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 120px;
    background: transparent url('/image/bestiary/banner.jpg?1593393289843') 50% 0 no-repeat;
    background-size: cover; }
    .en_US body.wide-resize .section-banner {
      background-image: url('/image/bestiary/banner.jpg?1593393289843'); }
    .zh_TW body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_TW/banner.jpg'); }
    .zh_CN body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_CN/banner.jpg'); }
    .th_TH body.wide-resize .section-banner {
      background-image: url('/image/bestiary/th_TH/banner.jpg?1593393293875'); }
    .ru_RU body.wide-resize .section-banner {
      background-image: url('/image/bestiary/ru_RU/banner.jpg?1593393293539'); }
    .pt_BR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/pt_BR/banner.jpg?1593393292831'); }
    .de_DE body.wide-resize .section-banner {
      background-image: url('/image/bestiary/de_DE/banner.jpg?1593393290627'); }
    .es_ES body.wide-resize .section-banner {
      background-image: url('/image/bestiary/es_ES/banner.jpg?1593393291435'); }
    .fr_FR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/fr_FR/banner.jpg?1593393292139'); }
    .ko_KR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/ko_KR/banner.jpg'); }
    body.wide-resize .section-banner img {
      width: 100%;
      height: 100%; }
  body.wide-resize #poe-ascendancy-lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(12, 4, 4, 0.9);
    z-index: 9000;
    display: none;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    body.wide-resize #poe-ascendancy-lightbox > img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      max-width: 100%;
      max-height: 100%; }
  body.wide-resize .lightbox-content {
    display: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  body.wide-resize .link-back {
    float: left;
    text-decoration: none;
    font-size: 0.9em;
    padding: 5px; }
  body.wide-resize .language-select {
    margin: 0 5px;
    z-index: 19;
    text-align: right; }
    body.wide-resize .language-select span {
      opacity: 0.6; }
      body.wide-resize .language-select span:hover {
        opacity: 0.8; }
      body.wide-resize .language-select span.active {
        opacity: 1; }
    body.wide-resize .language-select img {
      margin-top: 5px;
      border: 1px solid #111; }
  body.wide-resize > header, body.wide-resize > section, body.wide-resize > footer {
    background-image: url('/image/ascendancy/BackPanel.jpg?1593393279095'); }
    .atlas body.wide-resize > header, .atlas body.wide-resize > section, .atlas body.wide-resize > footer {
      background-image: url('/image/atlas/BackPanel.jpg?1593393281815'); }
    .newPromo body.wide-resize > header, .newPromo body.wide-resize > section, .newPromo body.wide-resize > footer {
      background-image: url('/image/bestiary/BestiaryFrame.jpg?1593393284647'); }
      .newPromo body.wide-resize > header#bestiary-header, .newPromo body.wide-resize > section#bestiary-header, .newPromo body.wide-resize > footer#bestiary-header {
        height: 100%; }
      .newPromo body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .newPromo body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .newPromo body.wide-resize > footer.wide-resize-right .content-interactive .screenshots {
        right: 0; }
      .newPromo body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .newPromo body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .newPromo body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group {
        float: right; }
    .delve body.wide-resize > header, .delve body.wide-resize > section, .delve body.wide-resize > footer {
      background-image: url('/image/delve/background.jpg'); }
    .delirium body.wide-resize > header, .delirium body.wide-resize > section, .delirium body.wide-resize > footer {
      background-image: url('/image/delirium/tmpbg.png'); }
    .harvest body.wide-resize > header, .harvest body.wide-resize > section, .harvest body.wide-resize > footer {
      background-image: url('/image/harvest/topbg.jpg?1593393362631'); }
    .ru_RU body.wide-resize > header, .ru_RU body.wide-resize > section, .ru_RU body.wide-resize > footer {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    .war body.wide-resize > header, .war body.wide-resize > section, .war body.wide-resize > footer {
      margin-bottom: 0; }
      .war body.wide-resize > header.war-header, .war body.wide-resize > section.war-header, .war body.wide-resize > footer.war-header {
        height: auto;
        max-height: 1100px; }
    body.wide-resize > header .content-interactive .show-collapse, body.wide-resize > section .content-interactive .show-collapse, body.wide-resize > footer .content-interactive .show-collapse {
      display: none; }
    body.wide-resize > header .content-interactive .hide-collapse, body.wide-resize > section .content-interactive .hide-collapse, body.wide-resize > footer .content-interactive .hide-collapse {
      display: block; }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px; }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    body.wide-resize > header .ascendancy-splash-video, body.wide-resize > section .ascendancy-splash-video, body.wide-resize > footer .ascendancy-splash-video {
      background: url('/image/ascendancy/videobg.jpg?1593393281751') no-repeat 50% 50%;
      background-size: 99% 99%; }
      .atlas body.wide-resize > header .ascendancy-splash-video, .atlas body.wide-resize > section .ascendancy-splash-video, .atlas body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/atlas/trailer-bg.jpg?1593393283007') no-repeat 50% 50%; }
      .breach body.wide-resize > header .ascendancy-splash-video, .breach body.wide-resize > section .ascendancy-splash-video, .breach body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/breach/poster.jpg?1593393329919') no-repeat 50% 50%;
        background-size: 99%; }
    body.wide-resize > header .watch-trailer, body.wide-resize > section .watch-trailer, body.wide-resize > footer .watch-trailer {
      position: absolute;
      bottom: 40px;
      width: 100%; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner {
        width: 352px;
        height: 72px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/image/ascendancy/watch_trailer.png?1593393281751');
        background-repeat: no-repeat;
        background-position: 0 0; }
        .pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/ascendancy/pt_BR/watch_trailer.png?1593393281611'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer.png?1593393283007'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer.png?1593393282011'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer.png?1593393281987'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer.png?1593393283035'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer.png?1593393283007'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer.png?1593393330235'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer.png?1593393329983'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer.png?1593393329919'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer.png?1593393330279'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer.png?1593393330239'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer.png?1593393330199'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer.png?1593393392554'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer.png?1593393391170'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer.png?1593393391142'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer.png?1593393392574'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer.png?1593393392554'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer.png?1593393392518'); }
        .bestiary body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/watch_trailer.png?1593393293927'); }
        .bestiary.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/ru_RU/watch_trailer.png?1593393293543'); }
        .bestiary.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/pt_BR/watch_trailer.png?1593393292835'); }
        .bestiary.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_TW/watch_trailer.png?1593393294395'); }
        .bestiary.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_CN/watch_trailer.png'); }
        .bestiary.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/th_TH/watch_trailer.png?1593393293875'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -76px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -75px; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      width: 50%;
      min-width: 570px;
      margin-left: auto;
      margin-right: auto; }
      body.wide-resize > header.class-intro .class-details .svg-wrapper, body.wide-resize > section.class-intro .class-details .svg-wrapper, body.wide-resize > footer.class-intro .class-details .svg-wrapper {
        position: relative;
        height: 0;
        width: 100%;
        padding: 0;
        padding-bottom: 96.4%; }
        body.wide-resize > header.class-intro .class-details .svg-wrapper svg, body.wide-resize > section.class-intro .class-details .svg-wrapper svg, body.wide-resize > footer.class-intro .class-details .svg-wrapper svg {
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0; }
    body.wide-resize > header .mini-countdown-war, body.wide-resize > section .mini-countdown-war, body.wide-resize > footer .mini-countdown-war {
      background-repeat: no-repeat;
      background-position: 50% 0;
      background: transparent url('/image/war/smalltimer.png?1593393415250') no-repeat 50% 50%;
      height: 50px; }
      .war body.wide-resize > header .mini-countdown-war, .war body.wide-resize > section .mini-countdown-war, .war body.wide-resize > footer .mini-countdown-war {
        position: relative;
        margin-top: -50px;
        margin-bottom: 3px; }
      body.wide-resize > header .mini-countdown-war #mini-countdown, body.wide-resize > section .mini-countdown-war #mini-countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        body.wide-resize > header .mini-countdown-war #mini-countdown .countdown, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6c9ae;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown-war #mini-countdown:hover span, body.wide-resize > section .mini-countdown-war #mini-countdown:hover span, body.wide-resize > footer .mini-countdown-war #mini-countdown:hover span {
          opacity: 1; }
  body.wide-resize .inner header {
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
    color: #7CB29C; }
    .atlas body.wide-resize .inner header {
      color: #FFE9C8; }
    .breach body.wide-resize .inner header {
      color: #ff2431; }
    .oriath body.wide-resize .inner header {
      color: #c29430; }
    .war body.wide-resize .inner header {
      color: #d2cab4; }
    .betrayal body.wide-resize .inner header {
      margin-bottom: -10px; }
    .ru_RU body.wide-resize .inner header {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    body.wide-resize .inner header .header-icon {
      margin-top: 2px;
      margin-right: 10px;
      float: left;
      width: 30px;
      height: 30px;
      background-size: cover; }
      .atlas body.wide-resize .inner header .header-icon {
        background: transparent url('/image/atlas/icon_large.png?1593393281895') no-repeat;
        background-size: cover;
        margin-top: 6px; }
      .breach body.wide-resize .inner header .header-icon {
        background: transparent url('/image/breach/icon_large.png?1593393329871') no-repeat;
        background-size: cover;
        margin-top: 6px;
        width: 50px; }
      .oriath body.wide-resize .inner header .header-icon {
        background: transparent url('/image/oriath/icon_large.png?1593393391142') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
      .war body.wide-resize .inner header .header-icon {
        background: transparent url('/image/war/icon_large.png?1593393415154') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
  body.wide-resize .inner .content p.more-info {
    padding: 4px 13px; }
    body.wide-resize .inner .content p.more-info a {
      font-style: italic;
      font-size: 12px;
      color: #43a2e6; }
  body.wide-resize .inner .content .ascendancy-items {
    position: absolute;
    z-index: 3; }
    body.wide-resize .inner .content .ascendancy-items .war-item-group .item, body.wide-resize .inner .content .ascendancy-items .gem-item-group .item {
      margin: -2px -4px; }
    body.wide-resize .inner .content .ascendancy-items .item-group {
      min-width: 355px; }
      body.wide-resize .inner .content .ascendancy-items .item-group .item {
        margin-left: -8px; }
        body.wide-resize .inner .content .ascendancy-items .item-group .item.item-upgrade {
          background: transparent url('/image/breach/arrow.png?1593393329715') no-repeat 0 5px;
          background-size: contain;
          height: 60px;
          padding-top: 23px; }
    body.wide-resize .inner .content .ascendancy-items .item {
      float: left; }
  body.wide-resize .inner .content .screenshot-lbox {
    position: relative;
    clear: both;
    height: 100px; }
    body.wide-resize .inner .content .screenshot-lbox .screenshots {
      position: absolute;
      width: 342px; }
      .oriath body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin-left: 56px;
        margin-right: -56px;
        padding-top: 20px; }
      .bestiary body.wide-resize .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin: 0px 56px;
        overflow: hidden; }
      body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss {
        float: left;
        width: 110px;
        height: 70px;
        margin: 1px 2px; }
        body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
          box-shadow: 1px 1px 5px 2px;
          color: #000; }
          .breach body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
            border: 1px solid #331010; }
  body.wide-resize .inner .content .content-interactive .supporter-videos {
    width: 320px; }
    body.wide-resize .inner .content .content-interactive .supporter-videos .supporter-video {
      box-shadow: black 0px 0px 4px 4px;
      width: 76px;
      height: 60px;
      float: left;
      background-size: cover;
      margin: 1px; }
  body.wide-resize .inner .content .content-interactive #supporter-purchase {
    position: absolute; }
  body.wide-resize .trials {
    background-image: url('/image/ascendancy/index/Trials.jpg?1593393281503'); }
  body.wide-resize .labyrinth {
    background-image: url('/image/ascendancy/index/TheLab.jpg?1593393281503'); }
  body.wide-resize .izaro {
    background-image: url('/image/ascendancy/index/Izaro.jpg?1593393281503'); }
  body.wide-resize .classes {
    background-image: url('/image/ascendancy/index/Classes.jpg?1593393281503'); }
  body.wide-resize .enchantments {
    background-image: url('/image/ascendancy/index/Enchantments.jpg?1593393281503'); }
  body.wide-resize .skills {
    background-image: url('/image/ascendancy/index/NewSkills.jpg?1593393281503'); }
  body.wide-resize .items {
    background-image: url('/image/ascendancy/index/UniqueItems.jpg?1593393281503'); }
  body.wide-resize .talisman {
    background-image: url('/image/ascendancy/index/TalismanLeague.jpg?1593393281503'); }
  body.wide-resize .trials-intro {
    background-image: url('/image/ascendancy/trials/RollingPins.jpg?1593393281735'); }
  body.wide-resize .trials-spikes {
    background-image: url('/image/ascendancy/trials/Spikes.jpg?1593393281739'); }
  body.wide-resize .trials-sawblades {
    background-image: url('/image/ascendancy/trials/Sawblades.jpg?1593393281739'); }
  body.wide-resize .trials-blade-sentries {
    background-image: url('/image/ascendancy/trials/BladeSentries.jpg?1593393281735'); }
  body.wide-resize .trials-spinblades {
    background-image: url('/image/ascendancy/trials/SpinningBlades.jpg?1593393281739'); }
  body.wide-resize .trials-lava {
    background-image: url('/image/ascendancy/trials/RisingLava.jpg?1593393281735'); }
  body.wide-resize .trials-darts {
    background-image: url('/image/ascendancy/trials/Darts.jpg?1593393281735'); }
  body.wide-resize .labyrinth-intro {
    background-image: url('/image/ascendancy/labyrinth/TheLordsLabyrinth.jpg?1593393281607'); }
  body.wide-resize .labyrinth-traps {
    background-image: url('/image/ascendancy/labyrinth/LethalTrapCombinations.jpg?1593393281607'); }
  body.wide-resize .labyrinth-tilesets {
    background-image: url('/image/ascendancy/labyrinth/NewTileSets.jpg?1593393281607'); }
  body.wide-resize .labyrinth-changing {
    background-image: url('/image/ascendancy/labyrinth/Changes.jpg?1593393281607'); }
  body.wide-resize .izaro-intro {
    background-image: url('/image/ascendancy/izaro/EmperorIzaro.jpg?1593393281559'); }
  body.wide-resize .izaro-master {
    background-image: url('/image/ascendancy/izaro/MasterOfTheLabyrinth.jpg?1593393281559'); }
  body.wide-resize .izaro-decision {
    background-image: url('/image/ascendancy/izaro/EveryDecisionMatters.jpg?1593393281559'); }
  body.wide-resize .classes-intro {
    background-image: url('/image/ascendancy/classes/TopSection.jpg?1593393279839'); }
  body.wide-resize .classes-class {
    clear: both;
    background-image: none;
    max-height: 375px;
    height: auto; }
    body.wide-resize .classes-class header.class-header {
      background: transparent url('/image/ascendancy/classes/TitleBar.png?1593393279839') 0 0 no-repeat;
      background-size: 100% 100%;
      padding: 12px 50px 0 20px;
      color: #7CB29C;
      text-shadow: 1px 1px black;
      width: 170px;
      height: 50px;
      font-size: 2em;
      text-align: center; }
    body.wide-resize .classes-class .inner {
      width: 90%;
      padding-top: 10px; }
      body.wide-resize .classes-class .inner .content {
        margin-top: 4px; }
        body.wide-resize .classes-class .inner .content .banner-logo {
          position: absolute;
          bottom: 36%;
          right: 6%;
          text-align: right;
          color: #fafafa;
          font-size: 14px;
          height: 66px;
          width: 115px; }
          body.wide-resize .classes-class .inner .content .banner-logo p {
            display: inline-block;
            float: none;
            padding: 6px 8px;
            margin: -2px 0 -2px 4px;
            font-size: 12px; }
          body.wide-resize .classes-class .inner .content .banner-logo img {
            padding-top: 0;
            min-height: 46px;
            height: 50%; }
    body.wide-resize .classes-class .class {
      float: left;
      width: 40%;
      margin-left: -11%;
      position: relative; }
      body.wide-resize .classes-class .class.class-0 {
        margin-left: auto; }
      body.wide-resize .classes-class .class .ascendancy-class-name {
        font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
        position: absolute;
        bottom: 4%;
        right: 2%;
        height: 40px;
        width: 150px;
        font-size: 1.6em;
        color: #9aa6a1;
        background: transparent url('/image/ascendancy/classes/NamePlate.png?1593393279839') 0 0 no-repeat;
        background-size: 100% 100%;
        padding: 12px 15px 0;
        text-align: center; }
        .pt_BR body.wide-resize .classes-class .class .ascendancy-class-name {
          font-size: 17px;
          line-height: 24px; }
    body.wide-resize .classes-class .class-0 {
      z-index: 10; }
    body.wide-resize .classes-class .class-1 {
      z-index: 9;
      margin-top: 2%; }
    body.wide-resize .classes-class .class-2 {
      z-index: 8;
      margin-top: 4%; }
  body.wide-resize .enchantments-intro {
    background-image: url('/image/ascendancy/enchantments/Enchantments.jpg?1593393281447'); }
  body.wide-resize .enchantments-normal {
    background-image: url('/image/ascendancy/enchantments/Gloves.jpg?1593393281447'); }
  body.wide-resize .enchantments-cruel {
    background-image: url('/image/ascendancy/enchantments/Boots.jpg?1593393281447'); }
  body.wide-resize .enchantments-merciless {
    background-image: url('/image/ascendancy/enchantments/Helmets.jpg?1593393281447'); }
  .atlas body.wide-resize .theatlas {
    background-image: url('/image/atlas/theatlas.jpg?1593393283007'); }
    .atlas body.wide-resize .theatlas .lbox-ss {
      width: 220px; }
    .atlas body.wide-resize .theatlas .content-interactive {
      margin-top: 5px;
      left: 230px;
      width: 50px; }
  .atlas body.wide-resize .newbosses {
    background-image: url('/image/atlas/newbosses.jpg?1593393281955'); }
  .atlas body.wide-resize.zh_CN .newmaps {
    background-image: url('/image/atlas/newmapstencent.jpg?1593393281959'); }
  .atlas body.wide-resize.zh_CN .essenceleague {
    background-image: url('/image/atlas/essenceleaguetencent.jpg?1593393281895'); }
  .atlas body.wide-resize .newmaps {
    background-image: url('/image/atlas/newmaps.jpg?1593393281959'); }
    .atlas body.wide-resize .newmaps .screenshot-lbox {
      height: 60px; }
    .atlas body.wide-resize .newmaps .content-interactive {
      padding-left: 2%; }
  .atlas body.wide-resize .skillsitems {
    background-image: url('/image/atlas/skillsitems.jpg?1593393282447'); }
    .atlas body.wide-resize .skillsitems .ascendancy-items {
      width: 340px; }
      .atlas body.wide-resize .skillsitems .ascendancy-items .item {
        margin-left: -10px; }
  .atlas body.wide-resize .essenceleague {
    background-image: url('/image/atlas/essenceleague.jpg?1593393281895'); }
    .zh_CN .atlas body.wide-resize .essenceleague {
      background-image: url('/image/atlas/essenceleaguetencent.jpg?1593393281895'); }
    .atlas body.wide-resize .essenceleague .content-interactive {
      height: 50px;
      margin-top: -16px; }
      .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items {
        width: 330px; }
        .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items.bottom {
          width: 100px;
          top: 50px;
          left: 20px; }
  .atlas .atlas body.wide-resize .supporterpacks {
    background-image: url('/image/atlas/supporterpacks.jpg?1593393282927'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.minotaur {
    background-image: url('/image/atlas/packthumbs/minotaur.jpg?1593393281959'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.hydra {
    background-image: url('/image/atlas/packthumbs/hydra.jpg?1593393281959'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.chimera {
    background-image: url('/image/atlas/packthumbs/chimera.jpg?1593393281959'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.phoenix {
    background-image: url('/image/atlas/packthumbs/phoenix.jpg?1593393281959'); }
  .atlas body.wide-resize .improvements {
    background-image: url('/image/atlas/improvements.jpg?1593393281895'); }
  .breach body.wide-resize .breach-challenge-leagues {
    background-image: url('/image/breach/Panel1.jpg?1593393329711'); }
  .breach body.wide-resize .enter-the-breach {
    background-image: url('/image/breach/Panel2.jpg?1593393329711'); }
  .breach body.wide-resize .defeat-new-bosses {
    background-image: url('/image/breach/Panel3.jpg?1593393329711'); }
  .breach body.wide-resize .collect-breach-splinters {
    background-image: url('/image/breach/Panel4.jpg?1593393329711'); }
    .breach body.wide-resize .collect-breach-splinters .ascendancy-items {
      right: 0; }
  .breach body.wide-resize .new-items {
    background-image: url('/image/breach/Panel5.jpg?1593393329715'); }
  .breach body.wide-resize .improvements {
    background-image: url('/image/breach/Panel6.jpg?1593393329715'); }
  .breach body.wide-resize .more {
    background-image: url('/image/breach/Panel7.jpg?1593393329715'); }
    .breach body.wide-resize .more .content-interactive .ascendancy-items {
      min-width: 315px; }
  .breach body.wide-resize .supporterpacks {
    background-image: url('/image/breach/Panel8.jpg?1593393329715'); }
    .breach body.wide-resize .supporterpacks .supporter-videos {
      padding-left: 30px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video:hover {
        background-position-y: 60px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.spawn {
        background-image: url('/image/breach/pack/spawn.png'); }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.grand {
        background-image: url('/image/breach/pack/grand.png'); }
  .oriath body.wide-resize .the-fall-of-oriath {
    background-image: url('/image/oriath/Panel1.jpg?1593393391138'); }
  .oriath body.wide-resize .part-two {
    background-image: url('/image/oriath/Panel2.jpg?1593393391142'); }
  .oriath body.wide-resize .act-six {
    background-image: url('/image/oriath/Panel3.jpg?1593393391142'); }
  .oriath body.wide-resize .act-seven {
    background-image: url('/image/oriath/Panel4.jpg?1593393391142'); }
  .oriath body.wide-resize .act-eight {
    background-image: url('/image/oriath/Panel5.jpg?1593393391142'); }
  .oriath body.wide-resize .act-nine {
    background-image: url('/image/oriath/Panel6.jpg?1593393391142'); }
  .oriath body.wide-resize .act-ten {
    background-image: url('/image/oriath/Panel7.jpg?1593393391142'); }
  .oriath body.wide-resize .the-pantheon {
    background-image: url('/image/oriath/Panel8.jpg?1593393391142'); }
  .oriath body.wide-resize .misc {
    background-image: url('/image/oriath/Panel9.jpg?1593393391142'); }
  .oriath body.wide-resize .timeline {
    background-image: url('/image/oriath/Panel10.jpg?1593393391138'); }
  .war body.wide-resize .war {
    background-image: url('/image/war/AtlasPanel1.jpg?1593393414666'); }
    .war body.wide-resize .war .yt-popout {
      position: absolute;
      right: -10%;
      top: 20%; }
      .war body.wide-resize .war .yt-popout .yt-rescale {
        border: 1px solid #000;
        box-shadow: black 0px 0px 4px 4px; }
      .war body.wide-resize .war .yt-popout .description {
        position: absolute;
        font-size: 0.9em;
        font-weight: normal;
        font-style: italic;
        text-align: center;
        width: 100%;
        color: #b3aeae; }
    .war body.wide-resize .war .atlas-map .atlas-image {
      width: 60%;
      margin-left: auto;
      margin-right: auto; }
  .war body.wide-resize .guardians {
    background-image: url('/image/war/AtlasPanel2.jpg?1593393414666'); }
  .war body.wide-resize .newmaps {
    background-image: url('/image/war/AtlasPanel3.jpg?1593393414666'); }
  .war body.wide-resize .shaperelderitems {
    background-image: url('/image/war/AtlasPanel4.jpg?1593393414666'); }
  .war body.wide-resize .newgems {
    background-image: url('/image/war/AtlasPanel5.jpg?1593393414666'); }
  .war body.wide-resize .newuniques {
    background-image: url('/image/war/AtlasPanel6.jpg?1593393414666'); }
  .war body.wide-resize .supporterpacks {
    background-image: url('/image/war/AtlasPanel7.jpg?1593393414666'); }
  .war body.wide-resize .abyssleagueanddetails {
    background-image: url('/image/war/AtlasPanel8.jpg?1593393414670'); }
  .bestiary body.wide-resize section .inner > header {
    background: none; }
    .bestiary body.wide-resize section .inner > header img {
      width: 90%; }
  .bestiary body.wide-resize section.wide-resize-right {
    text-align: right; }
    .bestiary body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .bestiary body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .bestiary body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 390px; }
    .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .bestiary body.wide-resize .panel1 {
    background-image: url('/image/bestiary/Panel1.jpg?1593393284699'); }
  .bestiary body.wide-resize .panel2 {
    background-image: url('/image/bestiary/Panel2.jpg?1593393285479'); }
  .bestiary body.wide-resize .panel3 {
    background-image: url('/image/bestiary/Panel3.jpg?1593393286751'); }
  .bestiary body.wide-resize .panel4 {
    background-image: url('/image/bestiary/Panel4.jpg?1593393287435'); }
  .bestiary body.wide-resize .panel5 {
    background-image: url('/image/bestiary/Panel5.jpg?1593393288911'); }
  .bestiary body.wide-resize .panel6 {
    background-image: url('/image/bestiary/Panel6.jpg?1593393289079'); }
  .bestiary body.wide-resize .panel7 {
    background-image: url('/image/bestiary/Panel7.jpg?1593393289287'); }
  .bestiary body.wide-resize .panel8 {
    background-image: url('/image/bestiary/Panel8.jpg?1593393289787'); }
  .bestiary body.wide-resize .panel9 {
    background-image: url('/image/bestiary/Panel9.jpg?1593393289843'); }
  .bestiary body.wide-resize .panel10 {
    background-image: url('/image/bestiary/Panel10.jpg?1593393284755'); }
  .bestiary body.wide-resize .panel11 {
    background-image: url('/image/bestiary/Panel11.jpg?1593393284799'); }
  .bestiary body.wide-resize .panel12 {
    background-image: url('/image/bestiary/Panel12.jpg?1593393285059'); }
  .incursion body.wide-resize section .inner > header {
    background: none; }
    .incursion body.wide-resize section .inner > header img {
      width: 100%; }
  .incursion body.wide-resize section.wide-resize-right {
    text-align: right; }
    .incursion body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .incursion body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .incursion body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 345px;
      margin-left: -20px; }
    .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .incursion body.wide-resize .panel1 {
    background-image: url('/image/incursion/Panel1.jpg?1593393363875'); }
  .incursion body.wide-resize .panel2 {
    background-image: url('/image/incursion/Panel2.jpg?1593393364759'); }
  .incursion body.wide-resize .panel3 {
    background-image: url('/image/incursion/Panel3.jpg?1593393366271'); }
  .incursion body.wide-resize .panel4 {
    background-image: url('/image/incursion/Panel4.jpg?1593393367051'); }
  .incursion body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1593393368687'); }
  .incursion body.wide-resize .panel6 {
    background-image: url('/image/incursion/Panel6.jpg?1593393368751'); }
  .incursion body.wide-resize .panel7 {
    background-image: url('/image/incursion/Panel7.jpg?1593393368903'); }
  .incursion body.wide-resize .panel8 {
    background-image: url('/image/incursion/Panel8.jpg?1593393369431'); }
  .incursion body.wide-resize .panel9 {
    background-image: url('/image/incursion/Panel9.jpg?1593393369498'); }
  .incursion body.wide-resize .panel10 {
    background-image: url('/image/incursion/Panel10.jpg?1593393363911'); }
  .incursion body.wide-resize .panel11 {
    background-image: url('/image/incursion/Panel11.jpg?1593393363955'); }
  .incursion body.wide-resize .panel12 {
    background-image: url('/image/incursion/Panel12.jpg?1593393364223'); }
  .incursion.en_US body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1593393368687'); }
  .incursion.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_TW/Panel5.jpg?1593393373898'); }
  .incursion.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_CN/Panel5.jpg'); }
  .incursion.th_TH body.wide-resize .panel5 {
    background-image: url('/image/incursion/th_TH/Panel5.jpg?1593393373550'); }
  .incursion.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/incursion/ru_RU/Panel5.jpg?1593393373218'); }
  .incursion.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/incursion/pt_BR/Panel5.jpg?1593393372478'); }
  .incursion.de_DE body.wide-resize .panel5 {
    background-image: url('/image/incursion/de_DE/Panel5.jpg?1593393370158'); }
  .incursion.es_ES body.wide-resize .panel5 {
    background-image: url('/image/incursion/es_ES/Panel5.jpg?1593393370958'); }
  .incursion.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/incursion/fr_FR/Panel5.jpg?1593393371722'); }
  .incursion.ko_KR body.wide-resize .panel5 {
    background-image: url('/image/incursion/ko_KR/Panel5.jpg'); }
  .delve body.wide-resize section .inner > header {
    background: none; }
    .delve body.wide-resize section .inner > header img {
      width: 100%; }
  .delve body.wide-resize section.wide-resize-right {
    text-align: right; }
    .delve body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .delve body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .delve body.wide-resize section.wide-resize-right.panel8 .ascendancy-items {
      width: 345px;
      margin-left: -20px; }
    .delve body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .delve body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .delve body.wide-resize section.panel6 .content-interactive .gem-item-group {
    float: right; }
    .delve body.wide-resize section.panel6 .content-interactive .gem-item-group.fossils {
      max-width: 50px; }
  .delve body.wide-resize .panel1 {
    background-image: url('/image/delve/Panel1.jpg?1593393337199'); }
  .delve body.wide-resize .panel2 {
    background-image: url('/image/delve/Panel2.jpg?1593393337899'); }
  .delve body.wide-resize .panel3 {
    background-image: url('/image/delve/Panel3.jpg?1593393338411'); }
  .delve body.wide-resize .panel4 {
    background-image: url('/image/delve/Panel4.jpg?1593393339263'); }
  .delve body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve body.wide-resize .panel6 {
    background-image: url('/image/delve/Panel6.jpg?1593393339511'); }
  .delve body.wide-resize .panel7 {
    background-image: url('/image/delve/Panel7.jpg?1593393339547'); }
  .delve body.wide-resize .panel8 {
    background-image: url('/image/delve/Panel8.jpg?1593393339591'); }
  .delve body.wide-resize .panel9 {
    background-image: url('/image/delve/Panel9.jpg?1593393339639'); }
  .delve body.wide-resize .panel10 {
    background-image: url('/image/delve/Panel10.jpg?1593393337227'); }
  .delve body.wide-resize .panel11 {
    background-image: url('/image/delve/Panel11.jpg?1593393337607'); }
  .delve body.wide-resize .panel12 {
    background-image: url('/image/delve/Panel12.jpg'); }
  .delve.en_US body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.th_TH body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.de_DE body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.es_ES body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .delve.ko_KR body.wide-resize .panel5 {
    background-image: url('/image/delve/Panel5.jpg?1593393339303'); }
  .betrayal body.wide-resize section .inner > header {
    background: none; }
    .betrayal body.wide-resize section .inner > header img {
      width: 100%; }
  .betrayal body.wide-resize section .item {
    float: left; }
  .betrayal body.wide-resize section.wide-resize-right {
    text-align: right; }
    .betrayal body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .betrayal body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
  .betrayal body.wide-resize section.panel9 .content-interactive {
    min-height: 148px;
    max-height: 200px; }
    .betrayal body.wide-resize section.panel9 .content-interactive .ascendancy-items {
      position: absolute;
      bottom: 0;
      left: 2%; }
  .betrayal body.wide-resize section.panel5 .content-interactive {
    width: 470px; }
  .betrayal body.wide-resize .panel1 {
    background-image: url('/image/betrayal/Panel1.jpg?1593393295707'); }
  .betrayal body.wide-resize .panel2 {
    background-image: url('/image/betrayal/Panel2.jpg?1593393300315'); }
  .betrayal body.wide-resize .panel4 {
    background-image: url('/image/betrayal/Panel4.jpg?1593393301927'); }
  .betrayal body.wide-resize .panel6 {
    background-image: url('/image/betrayal/Panel6.jpg?1593393302351'); }
  .betrayal body.wide-resize .panel8 {
    background-image: url('/image/betrayal/Panel8.jpg?1593393303727'); }
  .betrayal body.wide-resize .panel9 {
    background-image: url('/image/betrayal/Panel9.jpg?1593393303787'); }
  .betrayal body.wide-resize .panel10 {
    background-image: url('/image/betrayal/Panel10.jpg?1593393299727'); }
  .betrayal body.wide-resize .panel11 {
    background-image: url('/image/betrayal/Panel11.jpg?1593393299767'); }
  .betrayal body.wide-resize .panel12 {
    background-image: url('/image/betrayal/Panel12.jpg?1593393299979'); }
  .betrayal.en_US body.wide-resize .panel3 {
    background-image: url('/image/betrayal/Panel3.jpg?1593393300831'); }
  .betrayal.zh_TW body.wide-resize .panel3 {
    background-image: url('/image/betrayal/zh_TW/Panel3.jpg?1593393311363'); }
  .betrayal.zh_CN body.wide-resize .panel3 {
    background-image: url('/image/betrayal/zh_CN/Panel3.jpg'); }
  .betrayal.th_TH body.wide-resize .panel3 {
    background-image: url('/image/betrayal/th_TH/Panel3.jpg?1593393309175'); }
  .betrayal.ru_RU body.wide-resize .panel3 {
    background-image: url('/image/betrayal/ru_RU/Panel3.jpg?1593393308243'); }
  .betrayal.pt_BR body.wide-resize .panel3 {
    background-image: url('/image/betrayal/pt_BR/Panel3.jpg?1593393307355'); }
  .betrayal.de_DE body.wide-resize .panel3 {
    background-image: url('/image/betrayal/de_DE/Panel3.jpg?1593393304475'); }
  .betrayal.es_ES body.wide-resize .panel3 {
    background-image: url('/image/betrayal/es_ES/Panel3.jpg?1593393305343'); }
  .betrayal.fr_FR body.wide-resize .panel3 {
    background-image: url('/image/betrayal/fr_FR/Panel3.jpg?1593393306319'); }
  .betrayal.ko_KR body.wide-resize .panel3 {
    background-image: url('/image/betrayal/ko_KR/Panel3.jpg'); }
  .betrayal.en_US body.wide-resize .panel5 {
    background-image: url('/image/betrayal/Panel5.jpg?1593393302171'); }
  .betrayal.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/betrayal/zh_TW/Panel5.jpg?1593393311539'); }
  .betrayal.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/betrayal/zh_CN/Panel5.jpg'); }
  .betrayal.th_TH body.wide-resize .panel5 {
    background-image: url('/image/betrayal/th_TH/Panel5.jpg?1593393309215'); }
  .betrayal.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/betrayal/ru_RU/Panel5.jpg?1593393308287'); }
  .betrayal.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/betrayal/pt_BR/Panel5.jpg?1593393307399'); }
  .betrayal.de_DE body.wide-resize .panel5 {
    background-image: url('/image/betrayal/de_DE/Panel5.jpg?1593393304527'); }
  .betrayal.es_ES body.wide-resize .panel5 {
    background-image: url('/image/betrayal/es_ES/Panel5.jpg?1593393305387'); }
  .betrayal.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/betrayal/fr_FR/Panel5.jpg?1593393306367'); }
  .betrayal.ko_KR body.wide-resize .panel5 {
    background-image: url('/image/betrayal/ko_KR/Panel5.jpg'); }
  .betrayal.en_US body.wide-resize .panel7 {
    background-image: url('/image/betrayal/Panel7.jpg?1593393302611'); }
  .betrayal.zh_TW body.wide-resize .panel7 {
    background-image: url('/image/betrayal/zh_TW/Panel7.jpg?1593393311731'); }
  .betrayal.zh_CN body.wide-resize .panel7 {
    background-image: url('/image/betrayal/zh_CN/Panel7.jpg'); }
  .betrayal.th_TH body.wide-resize .panel7 {
    background-image: url('/image/betrayal/th_TH/Panel7.jpg?1593393309255'); }
  .betrayal.ru_RU body.wide-resize .panel7 {
    background-image: url('/image/betrayal/ru_RU/Panel7.jpg?1593393308327'); }
  .betrayal.pt_BR body.wide-resize .panel7 {
    background-image: url('/image/betrayal/pt_BR/Panel7.jpg?1593393307443'); }
  .betrayal.de_DE body.wide-resize .panel7 {
    background-image: url('/image/betrayal/de_DE/Panel7.jpg?1593393304559'); }
  .betrayal.es_ES body.wide-resize .panel7 {
    background-image: url('/image/betrayal/es_ES/Panel7.jpg?1593393305427'); }
  .betrayal.fr_FR body.wide-resize .panel7 {
    background-image: url('/image/betrayal/fr_FR/Panel7.jpg?1593393306407'); }
  .betrayal.ko_KR body.wide-resize .panel7 {
    background-image: url('/image/betrayal/ko_KR/Panel7.jpg'); }
  .synthesis body.wide-resize section .inner > header {
    background: none; }
    .synthesis body.wide-resize section .inner > header img {
      width: 100%; }
  .synthesis body.wide-resize section .item {
    float: left; }
  .synthesis body.wide-resize section.wide-resize-right {
    text-align: right; }
    .synthesis body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .synthesis body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
  .synthesis body.wide-resize section.panel9 .content-interactive {
    min-height: 148px;
    max-height: 200px; }
    .synthesis body.wide-resize section.panel9 .content-interactive .ascendancy-items {
      position: absolute;
      bottom: 0;
      left: 2%; }
  .synthesis body.wide-resize section.panel5 .content-interactive {
    width: 470px; }
  .synthesis body.wide-resize .panel1 {
    background-image: url('/image/synthesis/Panel1.jpg?1593393402202'); }
  .synthesis body.wide-resize .panel2 {
    background-image: url('/image/synthesis/Panel2.jpg?1593393403026'); }
  .synthesis body.wide-resize .panel3 {
    background-image: url('/image/synthesis/Panel3.jpg?1593393404270'); }
  .synthesis body.wide-resize .panel4 {
    background-image: url('/image/synthesis/Panel4.jpg?1593393404310'); }
  .synthesis body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis body.wide-resize .panel6 {
    background-image: url('/image/synthesis/Panel6.jpg?1593393404902'); }
  .synthesis body.wide-resize .panel7 {
    background-image: url('/image/synthesis/Panel7.jpg?1593393407602'); }
  .synthesis body.wide-resize .panel8 {
    background-image: url('/image/synthesis/Panel8.jpg?1593393410910'); }
  .synthesis body.wide-resize .panel9 {
    background-image: url('/image/synthesis/Panel9.jpg?1593393410958'); }
  .synthesis body.wide-resize .panel10 {
    background-image: url('/image/synthesis/Panel10.jpg?1593393402238'); }
  .synthesis body.wide-resize .panel11 {
    background-image: url('/image/synthesis/Panel11.jpg?1593393402246'); }
  .synthesis body.wide-resize .panel12 {
    background-image: url('/image/synthesis/Panel12.jpg'); }
  .synthesis.en_US body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.th_TH body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.de_DE body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.es_ES body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .synthesis.ko_KR body.wide-resize .panel5 {
    background-image: url('/image/synthesis/Panel5.jpg?1593393404330'); }
  .legion body.wide-resize section .inner > header {
    background: none; }
    .legion body.wide-resize section .inner > header img {
      width: 100%; }
  .legion body.wide-resize section .item {
    float: left; }
    .legion body.wide-resize section .item.unannounced .icon img {
      opacity: 0.4; }
  .legion body.wide-resize .panel1 {
    background-image: url('/image/legion/Panel1.jpg?1593393376742'), url('/image/legion/Panel1.jpg?1593393376742'); }
  .legion body.wide-resize .panel2 {
    background-image: url('/image/legion/Panel2.jpg?1593393377786'), url('/image/legion/Panel2.jpg?1593393377786'); }
  .legion body.wide-resize .panel3 {
    background-image: url('/image/legion/Panel3.jpg?1593393379562'), url('/image/legion/Panel3.jpg?1593393379562'); }
  .legion body.wide-resize .panel4 {
    background-image: url('/image/legion/Panel4.jpg?1593393379610'), url('/image/legion/Panel4.jpg?1593393379610'); }
  .legion body.wide-resize .panel5 {
    background-image: url('/image/legion/Panel5.jpg?1593393379638'), url('/image/legion/Panel5.jpg?1593393379638'); }
  .legion body.wide-resize .panel6 {
    background-image: url('/image/legion/Panel6.jpg?1593393380154'), url('/image/legion/Panel6.jpg?1593393380154'); }
  .legion body.wide-resize .panel7 {
    background-image: url('/image/legion/Panel7.jpg?1593393382898'), url('/image/legion/Panel7.jpg?1593393382898'); }
  .legion body.wide-resize .panel8 {
    background-image: url('/image/legion/Panel8.jpg?1593393386194'), url('/image/legion/Panel8.jpg?1593393386194'); }
  .legion body.wide-resize .panel9 {
    background-image: url('/image/legion/Panel9.jpg?1593393386246'), url('/image/legion/Panel9.jpg?1593393386246'); }
  .legion body.wide-resize .panel10 {
    background-image: url('/image/legion/Panel10.jpg?1593393376794'), url('/image/legion/Panel10.jpg?1593393376794'); }
  .legion body.wide-resize .panel11 {
    background-image: url('/image/legion/Panel11.jpg?1593393376814'), url('/image/legion/Panel11.jpg?1593393376814'); }
  .legion body.wide-resize .panel12 {
    background-image: url('/image/legion/Panel12.jpg'), url('/image/legion/Panel12.jpg'); }
  .newPromo body.wide-resize section .inner > header {
    background: none; }
    .newPromo body.wide-resize section .inner > header img {
      width: 100%; }
  .newPromo body.wide-resize section .item {
    float: left; }
  .newPromo body.wide-resize section .gem-item-group::after {
    content: '';
    display: block;
    clear: both; }
  .delirium body.wide-resize .panel1 {
    background-image: url('/image/delirium/Panel1.png?1593393331047'), url('/image/delirium/Panel1.png?1593393331047'); }
  .delirium body.wide-resize .panel2 {
    background-image: url('/image/delirium/Panel2.png?1593393331795'), url('/image/delirium/Panel2.png?1593393331795'); }
  .delirium body.wide-resize .panel3 {
    background-image: url('/image/delirium/Panel3.png?1593393332147'), url('/image/delirium/Panel3.png?1593393332147'); }
  .delirium body.wide-resize .panel4 {
    background-image: url('/image/delirium/Panel4.png?1593393332215'), url('/image/delirium/Panel4.png?1593393332215'); }
  .delirium body.wide-resize .panel5 {
    background-image: url('/image/delirium/Panel5.png?1593393332295'), url('/image/delirium/Panel5.png?1593393332295'); }
  .delirium body.wide-resize .panel6 {
    background-image: url('/image/delirium/Panel6.png?1593393332367'), url('/image/delirium/Panel6.png?1593393332367'); }
  .delirium body.wide-resize .panel7 {
    background-image: url('/image/delirium/Panel7.png?1593393332439'), url('/image/delirium/Panel7.png?1593393332439'); }
  .delirium body.wide-resize .panel8 {
    background-image: url('/image/delirium/Panel8.png?1593393332847'), url('/image/delirium/Panel8.png?1593393332847'); }
  .delirium body.wide-resize .panel9 {
    background-image: url('/image/delirium/Panel9.png?1593393334187'), url('/image/delirium/Panel9.png?1593393334187'); }
  .delirium body.wide-resize .panel10 {
    background-image: url('/image/delirium/Panel10.png?1593393331131'), url('/image/delirium/Panel10.png?1593393331131'); }
  .delirium body.wide-resize .panel11 {
    background-image: url('/image/delirium/Panel11.png?1593393331467'), url('/image/delirium/Panel11.png?1593393331467'); }
  .delirium body.wide-resize .panel12 {
    background-image: url('/image/delirium/Panel12.png'), url('/image/delirium/Panel12.png'); }
  .harvest body.wide-resize .panel1 {
    background-image: url('/image/harvest/Panel1.png?1593393348879'), url('/image/harvest/Panel1.png?1593393348879'); }
  .harvest body.wide-resize .panel2 {
    background-image: url('/image/harvest/Panel2.png?1593393352403'), url('/image/harvest/Panel2.png?1593393352403'); }
  .harvest body.wide-resize .panel3 {
    background-image: url('/image/harvest/Panel3.png?1593393352723'), url('/image/harvest/Panel3.png?1593393352723'); }
  .harvest body.wide-resize .panel4 {
    background-image: url('/image/harvest/Panel4.png?1593393352795'), url('/image/harvest/Panel4.png?1593393352795'); }
  .harvest body.wide-resize .panel5 {
    background-image: url('/image/harvest/Panel5.png?1593393352871'), url('/image/harvest/Panel5.png?1593393352871'); }
  .harvest body.wide-resize .panel6 {
    background-image: url('/image/harvest/Panel6.png?1593393353215'), url('/image/harvest/Panel6.png?1593393353215'); }
    .harvest body.wide-resize .panel6 .item {
      background-image: url('/image/ascendancy/3.png?1593393279095');
      background-size: 100% 97%;
      background-repeat: no-repeat; }
  .harvest body.wide-resize .panel7 {
    background-image: url('/image/harvest/Panel7.png?1593393353279'), url('/image/harvest/Panel7.png?1593393353279'); }
  .harvest body.wide-resize .panel8 {
    background-image: url('/image/harvest/Panel8.png?1593393354099'), url('/image/harvest/Panel8.png?1593393354099'); }
  .harvest body.wide-resize .panel9 {
    background-image: url('/image/harvest/Panel9.png?1593393355743'), url('/image/harvest/Panel9.png?1593393355743'); }
  .harvest body.wide-resize .panel10 {
    background-image: url('/image/harvest/Panel10.png?1593393350443'), url('/image/harvest/Panel10.png?1593393350443'); }
  .harvest body.wide-resize .panel11 {
    background-image: url('/image/harvest/Panel11.png?1593393351763'), url('/image/harvest/Panel11.png?1593393351763'); }
  .harvest body.wide-resize .panel12 {
    background-image: url('/image/harvest/Panel12.png?1593393351827'), url('/image/harvest/Panel12.png?1593393351827'); }
  .harvest body.wide-resize .panel13 {
    background-image: url('/image/harvest/Panel13.png?1593393351903'), url('/image/harvest/Panel13.png?1593393351903'); }
  .harvest body.wide-resize .panel14 {
    background-image: url('/image/harvest/Panel14.png?1593393351975'), url('/image/harvest/Panel14.png?1593393351975'); }
  .harvest body.wide-resize .panel15 {
    background-image: url('/image/harvest/Panel15.png?1593393352339'), url('/image/harvest/Panel15.png?1593393352339'); }
  .harvest.en_US body.wide-resize .panel5 {
    background-image: url('/image/harvest//Panel5.png?1593393352871'), url('/image/harvest//Panel5.png?1593393352871'); }
  .harvest.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/harvest/zh_TW//Panel5.png?1593393363303'), url('/image/harvest/zh_TW//Panel5.png?1593393363303'); }
  .harvest.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/harvest/zh_CN//Panel5.png'), url('/image/harvest/zh_CN//Panel5.png'); }
  .harvest.th_TH body.wide-resize .panel5 {
    background-image: url('/image/harvest/th_TH//Panel5.png?1593393362191'), url('/image/harvest/th_TH//Panel5.png?1593393362191'); }
  .harvest.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/harvest/ru_RU//Panel5.png?1593393361259'), url('/image/harvest/ru_RU//Panel5.png?1593393361259'); }
  .harvest.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/harvest/pt_BR//Panel5.png?1593393360291'), url('/image/harvest/pt_BR//Panel5.png?1593393360291'); }
  .harvest.de_DE body.wide-resize .panel5 {
    background-image: url('/image/harvest/de_DE//Panel5.png?1593393356371'), url('/image/harvest/de_DE//Panel5.png?1593393356371'); }
  .harvest.es_ES body.wide-resize .panel5 {
    background-image: url('/image/harvest/es_ES//Panel5.png?1593393357391'), url('/image/harvest/es_ES//Panel5.png?1593393357391'); }
  .harvest.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/harvest/fr_FR//Panel5.png?1593393358387'), url('/image/harvest/fr_FR//Panel5.png?1593393358387'); }
  .harvest.ko_KR body.wide-resize .panel5 {
    background-image: url('/image/harvest/ko_KR//Panel5.png?1593393359343'), url('/image/harvest/ko_KR//Panel5.png?1593393359343'); }
  .blight body.wide-resize .panel1 {
    background-image: url('/image/blight/Panel1.jpg?1593393312251'), url('/image/blight/Panel1.jpg?1593393312251'); }
  .blight body.wide-resize .panel2 {
    background-image: url('/image/blight/Panel2.jpg?1593393314207'), url('/image/blight/Panel2.jpg?1593393314207'); }
  .blight body.wide-resize .panel3 {
    background-image: url('/image/blight/Panel3.jpg?1593393315779'), url('/image/blight/Panel3.jpg?1593393315779'); }
  .blight body.wide-resize .panel4 {
    background-image: url('/image/blight/Panel4.jpg?1593393315831'), url('/image/blight/Panel4.jpg?1593393315831'); }
  .blight body.wide-resize .panel5 {
    background-image: url('/image/blight/Panel5.jpg?1593393316007'), url('/image/blight/Panel5.jpg?1593393316007'); }
  .blight body.wide-resize .panel6 {
    background-image: url('/image/blight/Panel6.jpg?1593393316603'), url('/image/blight/Panel6.jpg?1593393316603'); }
  .blight body.wide-resize .panel7 {
    background-image: url('/image/blight/Panel7.jpg?1593393319111'), url('/image/blight/Panel7.jpg?1593393319111'); }
  .blight body.wide-resize .panel8 {
    background-image: url('/image/blight/Panel8.jpg?1593393323003'), url('/image/blight/Panel8.jpg?1593393323003'); }
  .blight body.wide-resize .panel9 {
    background-image: url('/image/blight/Panel9.jpg?1593393324379'), url('/image/blight/Panel9.jpg?1593393324379'); }
  .blight body.wide-resize .panel10 {
    background-image: url('/image/blight/Panel10.jpg?1593393313539'), url('/image/blight/Panel10.jpg?1593393313539'); }
  .blight body.wide-resize .panel11 {
    background-image: url('/image/blight/Panel11.jpg?1593393313563'), url('/image/blight/Panel11.jpg?1593393313563'); }
  .blight body.wide-resize .panel12 {
    background-image: url('/image/blight/Panel12.jpg?1593393313743'), url('/image/blight/Panel12.jpg?1593393313743'); }
  .blight.en_US body.wide-resize .panel5 {
    background-image: url('/image/blight/Panel5.jpg?1593393316007'), url('/image/blight/Panel5.jpg?1593393316007'); }
  .blight.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/blight/zh_TW/Panel5.jpg?1593393328623'), url('/image/blight/zh_TW/Panel5.jpg?1593393328623'); }
  .blight.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/blight/zh_CN/Panel5.jpg'), url('/image/blight/zh_CN/Panel5.jpg'); }
  .blight.th_TH body.wide-resize .panel5 {
    background-image: url('/image/blight/th_TH/Panel5.jpg?1593393328083'), url('/image/blight/th_TH/Panel5.jpg?1593393328083'); }
  .blight.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/blight/ru_RU/Panel5.jpg?1593393327419'), url('/image/blight/ru_RU/Panel5.jpg?1593393327419'); }
  .blight.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/blight/pt_BR/Panel5.jpg?1593393326927'), url('/image/blight/pt_BR/Panel5.jpg?1593393326927'); }
  .blight.de_DE body.wide-resize .panel5 {
    background-image: url('/image/blight/de_DE/Panel5.jpg?1593393324923'), url('/image/blight/de_DE/Panel5.jpg?1593393324923'); }
  .blight.es_ES body.wide-resize .panel5 {
    background-image: url('/image/blight/es_ES/Panel5.jpg?1593393325627'), url('/image/blight/es_ES/Panel5.jpg?1593393325627'); }
  .blight.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/blight/fr_FR/Panel5.jpg?1593393326191'), url('/image/blight/fr_FR/Panel5.jpg?1593393326191'); }
  .blight.ko_KR body.wide-resize .panel5 {
    background-image: url('/image/blight/ko_KR/Panel5.jpg?1593393326603'), url('/image/blight/ko_KR/Panel5.jpg?1593393326603'); }
  body.wide-resize section {
    margin-bottom: 10px;
    overflow: hidden; }
    body.wide-resize section .content {
      color: #9aa6a1; }
      .atlas body.wide-resize section .content {
        color: #a6a69a; }
      .breach body.wide-resize section .content {
        color: #ada8bb; }
      .oriath body.wide-resize section .content {
        color: #d6c9ae; }
      .bestiary body.wide-resize section .content {
        color: #a39685;
        text-shadow: 1px 1px 2px black; }
      .delve body.wide-resize section .content {
        color: #aec0d6; }
      .synthesis body.wide-resize section .content {
        color: #becad8; }
      .legion body.wide-resize section .content {
        color: #becad8; }
      .blight body.wide-resize section .content {
        color: #d6c9ae; }
      body.wide-resize section .content #supporter-purchase .shopBuyButton {
        background-size: auto;
        padding: 0;
        transition-duration: unset; }
        body.wide-resize section .content #supporter-purchase .shopBuyButton span {
          display: none; }
  body.wide-resize.ascendancy section {
    overflow: visible; }
  body.wide-resize header .logo {
    height: 300px;
    width: 377px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: -300px;
    z-index: 3;
    min-width: 220px; }
    .oriath body.wide-resize header .logo {
      height: 231px;
      width: 300px;
      margin-bottom: -231px; }
    .war body.wide-resize header .logo {
      height: 317px;
      width: 398px;
      margin-bottom: 0; }
  .war body.wide-resize header, .newPromo body.wide-resize header {
    background-image: url('/image/war/topbg.jpg?1593393415362'); }
    .war body.wide-resize header .war-video-container, .newPromo body.wide-resize header .war-video-container {
      padding: 0px 20px;
      text-align: center; }
      .war body.wide-resize header .war-video-container .video, .newPromo body.wide-resize header .war-video-container .video {
        display: inline; }
        .war body.wide-resize header .war-video-container .video #war-trailer, .newPromo body.wide-resize header .war-video-container .video #war-trailer {
          margin-bottom: 10px;
          color: #000; }
    .war body.wide-resize header .logo, .newPromo body.wide-resize header .logo {
      background: transparent none;
      margin-top: -1%;
      margin-bottom: -1%; }
  .newPromo body.wide-resize header .logo {
    margin-top: 0;
    margin-bottom: -5%; }
  .bestiary body.wide-resize header {
    background-image: url('/image/bestiary/topbg.jpg?1593393293927'); }
  .incursion body.wide-resize header {
    background-image: url('/image/incursion/topbg.jpg?1593393373750'); }
  .delve body.wide-resize header .war-video-container {
    padding: 20px; }
  .delve body.wide-resize header.ascendancy-header {
    background-image: url('/image/delve/topbg.jpg?1593393340991'); }
  .betrayal body.wide-resize header .war-video-container {
    padding: 20px; }
  .betrayal body.wide-resize header.ascendancy-header {
    background-image: url('/image/betrayal/topbg.jpg?1593393309351'); }
  .synthesis body.wide-resize header.ascendancy-header {
    background-image: url('/image/synthesis/topbg.jpg?1593393413006'); }
  .legion body.wide-resize header.ascendancy-header {
    background-image: url('/image/legion/topbg.jpg?1593393389766'); }
  .blight body.wide-resize header.ascendancy-header {
    background-image: url('/image/blight/topbg.jpg?1593393328379'); }
  .delirium body.wide-resize header.ascendancy-header {
    background-image: url('/image/delirium/topbg.jpg?1593393336631'); }
  .harvest body.wide-resize header.ascendancy-header {
    background-image: url('/image/harvest/topbg.jpg?1593393362631'); }
  @media (min-width: 1800px) {
    body.wide-resize .section-banner-first {
      margin-top: 69px; } }
  @media (min-width: 1600px) {
    body.wide-resize .section-banner {
      height: 200px; }
    .atlas body.wide-resize > header .supporter-videos, .atlas body.wide-resize > footer .supporter-videos, .atlas body.wide-resize > section .supporter-videos {
      padding-left: 30px; }
    body.wide-resize > header .watch-trailer, body.wide-resize > footer .watch-trailer, body.wide-resize > section .watch-trailer {
      position: absolute;
      bottom: -22px;
      width: 100%; }
      .oriath body.wide-resize > header .watch-trailer, .oriath body.wide-resize > footer .watch-trailer, .oriath body.wide-resize > section .watch-trailer {
        bottom: -10px; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner {
        background-image: url('/image/atlas/watch_trailer_large.png?1593393283007');
        width: 704px;
        height: 150px; }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1593393283007'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1593393283007'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer_large.png?1593393282011'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer_large.png?1593393281987'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer_large.png?1593393283035'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer_large.png?1593393283011'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer_large.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer_large.png?1593393330235'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer_large.png?1593393329983'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer_large.png?1593393329919'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer_large.png?1593393330283'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer_large.png?1593393330239'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer_large.png?1593393330199'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer_large.png?1593393392554'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer_large.png?1593393391170'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer_large.png?1593393391146'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer_large.png?1593393392578'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer_large.png?1593393392554'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer_large.png?1593393392518'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -158px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -150px; }
    body.wide-resize .inner header .header-icon {
      margin-top: 4px; } }
  @media (max-width: 1600px) {
    body.wide-resize .section-banner {
      height: 190px; } }
  @media (max-width: 1900px) {
    .war body.wide-resize.war-header {
      height: auto;
      max-height: 1100px; } }
  @media (min-width: 1900px) {
    body.wide-resize .section-banner {
      background-size: contain; }
      body.wide-resize .section-banner.top {
        margin-top: 69px;
        max-width: 1900px; } }
  @media (max-width: 1400px) {
    body.wide-resize .section-banner {
      height: 150px; }
    .atlas body.wide-resize header .inner header .header-icon, .breach body.wide-resize header .inner header .header-icon, .atlas body.wide-resize footer .inner header .header-icon, .breach body.wide-resize footer .inner header .header-icon, .atlas body.wide-resize section .inner header .header-icon, .breach body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
    .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
      margin-top: 1px; }
    .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: -20px; }
    .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: -20px; } }
  @media (max-width: 1200px) {
    body.wide-resize .section-banner {
      height: 130px; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      margin: 0; }
    .oriath body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-left: -12px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -16%;
        right: 0; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: 0;
      top: 12%; } }
  @media (min-width: 1400px) {
    body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase {
      box-shadow: none; }
      body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        width: 420px;
        height: 200px;
        background: url('/image/atlas/buylarge.png?1593393281815') no-repeat scroll 50% 50% transparent; }
        body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-image: url('/image/atlas/buylarge_hover.png?1593393281815') no-repeat;
          background-position: 50% 50%; }
    .atlas body.wide-resize header #supporter-purchase, .atlas body.wide-resize footer #supporter-purchase, .atlas body.wide-resize section #supporter-purchase {
      box-shadow: none; }
      .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
        background-position: 50% 50%;
        width: 420px;
        height: 200px; }
        .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background: url('/image/atlas/buylarge.png?1593393281815') no-repeat scroll 50% 50% transparent; }
          .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/buylarge_hover.png?1593393281815'); }
        .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background-image: url('/image/atlas/pt_BR/buylarge.png?1593393281987'); }
          .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/pt_BR/buylarge_hover.png?1593393281987'); } }
  @media (min-width: 960px) {
    .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
      position: absolute;
      top: 141px;
      left: 153px; }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .synthesis body.wide-resize header .inner .content .content-interactive #supporter-purchase, .newPromo body.wide-resize header .inner .content .content-interactive #supporter-purchase, .synthesis body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .newPromo body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .synthesis body.wide-resize section .inner .content .content-interactive #supporter-purchase, .newPromo body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .synthesis body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .newPromo body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .newPromo body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .newPromo body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1593393329887'); }
          .synthesis body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .newPromo body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .synthesis body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .newPromo body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .synthesis body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .newPromo body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
    .war.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/buylarge.png?1593393415026'); }
    .war.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/zh_TW/buylarge.png?1593393415410'); }
    .war.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/zh_CN/buylarge.png?1593393415362'); }
    .war.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/th_TH/buylarge.png?1593393415302'); }
    .war.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/ru_RU/buylarge.png?1593393415242'); }
    .war.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/pt_BR/buylarge.png?1593393415202'); }
    .war.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/de_DE/buylarge.png?1593393415026'); }
    .war.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/es_ES/buylarge.png?1593393415066'); }
    .war.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/fr_FR/buylarge.png?1593393415106'); }
    .war.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/ko_KR/buylarge.png'); }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1593393289843'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1593393294391'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1593393293927'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1593393293875'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1593393293539'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1593393292831'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1593393290627'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1593393291439'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1593393292143'); }
    .bestiary.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ko_KR/buylarge.png'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1593393289843'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1593393294391'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1593393293927'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1593393293875'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1593393293539'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1593393292831'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1593393290627'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1593393291439'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1593393292143'); }
    .incursion.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ko_KR/buylarge.png'); }
    .betrayal.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/buylarge.png?1593393303787'); }
    .betrayal.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/zh_TW/buylarge.png'); }
    .betrayal.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/zh_CN/buylarge.png'); }
    .betrayal.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/th_TH/buylarge.png?1593393309311'); }
    .betrayal.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/ru_RU/buylarge.png?1593393308375'); }
    .betrayal.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/pt_BR/buylarge.png?1593393307491'); }
    .betrayal.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/de_DE/buylarge.png?1593393304623'); }
    .betrayal.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/es_ES/buylarge.png?1593393305487'); }
    .betrayal.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/fr_FR/buylarge.png?1593393306467'); }
    .betrayal.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/ko_KR/buylarge.png'); }
    .synthesis.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/buylarge.png?1593393410958'); }
    .synthesis.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/zh_TW/buylarge.png'); }
    .synthesis.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/zh_CN/buylarge.png'); }
    .synthesis.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/th_TH/buylarge.png?1593393412998'); }
    .synthesis.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/ru_RU/buylarge.png?1593393412586'); }
    .synthesis.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/pt_BR/buylarge.png?1593393412242'); }
    .synthesis.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/de_DE/buylarge.png?1593393411258'); }
    .synthesis.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/es_ES/buylarge.png?1593393411498'); }
    .synthesis.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/fr_FR/buylarge.png?1593393411834'); }
    .synthesis.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/ko_KR/buylarge.png'); }
    .legion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/buylarge.png?1593393386246'); }
    .legion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/zh_TW/buylarge.png'); }
    .legion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/zh_CN/buylarge.png'); }
    .legion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/th_TH/buylarge.png?1593393389746'); }
    .legion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/ru_RU/buylarge.png?1593393389218'); }
    .legion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/pt_BR/buylarge.png?1593393388590'); }
    .legion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/de_DE/buylarge.png?1593393386890'); }
    .legion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/es_ES/buylarge.png?1593393387434'); }
    .legion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/fr_FR/buylarge.png?1593393388050'); }
    .legion.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/ko_KR/buylarge.png?1593393388214'); }
    .blight.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/buylarge.png?1593393324379'); }
    .blight.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/zh_TW/buylarge.png'); }
    .blight.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/zh_CN/buylarge.png'); }
    .blight.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/th_TH/buylarge.png?1593393328355'); }
    .blight.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/ru_RU/buylarge.png?1593393327691'); }
    .blight.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/pt_BR/buylarge.png?1593393327003'); }
    .blight.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/de_DE/buylarge.png?1593393325243'); }
    .blight.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/es_ES/buylarge.png?1593393325911'); }
    .blight.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/fr_FR/buylarge.png?1593393326483'); }
    .blight.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/ko_KR/buylarge.png?1593393326663'); }
    .delirium.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/buylarge.png?1593393334187'); }
    .delirium.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/zh_TW/buylarge.png'); }
    .delirium.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/zh_CN/buylarge.png'); }
    .delirium.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/th_TH/buylarge.png?1593393336571'); }
    .delirium.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/ru_RU/buylarge.png?1593393336183'); }
    .delirium.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/pt_BR/buylarge.png?1593393335807'); }
    .delirium.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/de_DE/buylarge.png?1593393334535'); }
    .delirium.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/es_ES/buylarge.png?1593393334835'); }
    .delirium.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/fr_FR/buylarge.png?1593393335163'); }
    .delirium.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/ko_KR/buylarge.png?1593393335551'); }
    .harvest.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/buylarge.png?1593393355747'); }
    .harvest.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/zh_TW/buylarge.png'); }
    .harvest.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/zh_CN/buylarge.png'); }
    .harvest.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/th_TH/buylarge.png?1593393362567'); }
    .harvest.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/ru_RU/buylarge.png?1593393361579'); }
    .harvest.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/pt_BR/buylarge.png?1593393360627'); }
    .harvest.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/de_DE/buylarge.png?1593393356727'); }
    .harvest.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/es_ES/buylarge.png?1593393357735'); }
    .harvest.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/fr_FR/buylarge.png?1593393358719'); }
    .harvest.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/ko_KR/buylarge.png?1593393359671'); } }
  @media (max-width: 960px) {
    body.wide-resize .section-banner {
      height: 90px; }
    .breach body.wide-resize header.new-items .content-interactive, .breach body.wide-resize header.more .content-interactive, .breach body.wide-resize footer.new-items .content-interactive, .breach body.wide-resize footer.more .content-interactive, .breach body.wide-resize section.new-items .content-interactive, .breach body.wide-resize section.more .content-interactive {
      margin-top: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group {
        max-width: 342px; }
        .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group .item {
          margin-left: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
        position: absolute;
        top: 97px;
        left: 97px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50%;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -25%;
        right: 0; }
    .war body.wide-resize header.newuniques .content-interactive.war-unique-items, .war body.wide-resize footer.newuniques .content-interactive.war-unique-items, .war body.wide-resize section.newuniques .content-interactive.war-unique-items {
      width: 330px; }
    .war body.wide-resize header.war .atlas-image, .war body.wide-resize footer.war .atlas-image, .war body.wide-resize section.war .atlas-image {
      width: 33%;
      margin-left: 0; }
    .war body.wide-resize header.newgems .content-interactive, .war body.wide-resize footer.newgems .content-interactive, .war body.wide-resize section.newgems .content-interactive {
      margin-top: 0; }
    .betrayal body.wide-resize header .content-interactive, .synthesis body.wide-resize header .content-interactive, .betrayal body.wide-resize footer .content-interactive, .synthesis body.wide-resize footer .content-interactive, .betrayal body.wide-resize section .content-interactive, .synthesis body.wide-resize section .content-interactive {
      margin-top: 0; }
      .betrayal body.wide-resize header .content-interactive .screenshots, .synthesis body.wide-resize header .content-interactive .screenshots, .betrayal body.wide-resize footer .content-interactive .screenshots, .synthesis body.wide-resize footer .content-interactive .screenshots, .betrayal body.wide-resize section .content-interactive .screenshots, .synthesis body.wide-resize section .content-interactive .screenshots {
        padding: 0; }
      .betrayal body.wide-resize header .content-interactive .gem-item-group, .synthesis body.wide-resize header .content-interactive .gem-item-group, .betrayal body.wide-resize footer .content-interactive .gem-item-group, .synthesis body.wide-resize footer .content-interactive .gem-item-group, .betrayal body.wide-resize section .content-interactive .gem-item-group, .synthesis body.wide-resize section .content-interactive .gem-item-group {
        margin-bottom: -8px; }
    .betrayal body.wide-resize header.panel4 .content-interactive, .synthesis body.wide-resize header.panel4 .content-interactive, .betrayal body.wide-resize footer.panel4 .content-interactive, .synthesis body.wide-resize footer.panel4 .content-interactive, .betrayal body.wide-resize section.panel4 .content-interactive, .synthesis body.wide-resize section.panel4 .content-interactive {
      margin-top: 0; }
    .betrayal body.wide-resize header.panel5 .content-interactive, .synthesis body.wide-resize header.panel5 .content-interactive, .betrayal body.wide-resize footer.panel5 .content-interactive, .synthesis body.wide-resize footer.panel5 .content-interactive, .betrayal body.wide-resize section.panel5 .content-interactive, .synthesis body.wide-resize section.panel5 .content-interactive {
      width: 370px;
      z-index: 99; }
      .betrayal body.wide-resize header.panel5 .content-interactive .item, .synthesis body.wide-resize header.panel5 .content-interactive .item, .betrayal body.wide-resize footer.panel5 .content-interactive .item, .synthesis body.wide-resize footer.panel5 .content-interactive .item, .betrayal body.wide-resize section.panel5 .content-interactive .item, .synthesis body.wide-resize section.panel5 .content-interactive .item {
        margin: -10px -8px; }
        .betrayal body.wide-resize header.panel5 .content-interactive .item.higher, .synthesis body.wide-resize header.panel5 .content-interactive .item.higher, .betrayal body.wide-resize footer.panel5 .content-interactive .item.higher, .synthesis body.wide-resize footer.panel5 .content-interactive .item.higher, .betrayal body.wide-resize section.panel5 .content-interactive .item.higher, .synthesis body.wide-resize section.panel5 .content-interactive .item.higher {
          margin-top: -21px; }
    .betrayal body.wide-resize header.panel6 .content-interactive .screenshots, .synthesis body.wide-resize header.panel6 .content-interactive .screenshots, .betrayal body.wide-resize footer.panel6 .content-interactive .screenshots, .synthesis body.wide-resize footer.panel6 .content-interactive .screenshots, .betrayal body.wide-resize section.panel6 .content-interactive .screenshots, .synthesis body.wide-resize section.panel6 .content-interactive .screenshots {
      right: 0; }
    .synthesis body.wide-resize header.panel4 .content-interactive, .synthesis body.wide-resize header.panel9 .content-interactive, .synthesis body.wide-resize footer.panel4 .content-interactive, .synthesis body.wide-resize footer.panel9 .content-interactive, .synthesis body.wide-resize section.panel4 .content-interactive, .synthesis body.wide-resize section.panel9 .content-interactive {
      margin-top: 0; }
    .synthesis body.wide-resize header.panel5 .content-interactive, .synthesis body.wide-resize footer.panel5 .content-interactive, .synthesis body.wide-resize section.panel5 .content-interactive {
      margin-top: -8px; }
    .synthesis body.wide-resize header.panel9 .content-interactive .item, .synthesis body.wide-resize footer.panel9 .content-interactive .item, .synthesis body.wide-resize section.panel9 .content-interactive .item {
      margin: -6px; }
      .synthesis body.wide-resize header.panel9 .content-interactive .item.gloves, .synthesis body.wide-resize footer.panel9 .content-interactive .item.gloves, .synthesis body.wide-resize section.panel9 .content-interactive .item.gloves {
        margin-right: -20px; }
      .synthesis body.wide-resize header.panel9 .content-interactive .item.divcard, .synthesis body.wide-resize footer.panel9 .content-interactive .item.divcard, .synthesis body.wide-resize section.panel9 .content-interactive .item.divcard {
        margin: -10px; }
    .synthesis body.wide-resize header.panel11 .content-interactive, .synthesis body.wide-resize header.panel12 .content-interactive, .synthesis body.wide-resize footer.panel11 .content-interactive, .synthesis body.wide-resize footer.panel12 .content-interactive, .synthesis body.wide-resize section.panel11 .content-interactive, .synthesis body.wide-resize section.panel12 .content-interactive {
      margin-top: -15px; }
    .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .newPromo body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .newPromo body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase, .newPromo body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .newPromo body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .newPromo body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .newPromo body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px; }
        .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .newPromo body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .newPromo body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .newPromo body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1593393289843'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1593393294391'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1593393293927'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1593393293875'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1593393293539'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1593393292831'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1593393290631'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1593393291439'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1593393292143'); }
    .bestiary.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ko_KR/buysmall.png'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1593393289843'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1593393294391'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1593393293927'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1593393293875'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1593393293539'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1593393292831'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1593393290631'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1593393291439'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1593393292143'); }
    .incursion.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ko_KR/buysmall.png'); }
    .delve.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/buysmall.png?1593393339643'); }
    .delve.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/zh_TW/buysmall.png'); }
    .delve.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/zh_CN/buysmall.png'); }
    .delve.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/th_TH/buysmall.png?1593393340951'); }
    .delve.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/ru_RU/buysmall.png?1593393340687'); }
    .delve.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/pt_BR/buysmall.png?1593393340539'); }
    .delve.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/de_DE/buysmall.png?1593393339771'); }
    .delve.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/es_ES/buysmall.png?1593393339931'); }
    .delve.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/fr_FR/buysmall.png?1593393340211'); }
    .delve.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delve.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delve/ko_KR/buysmall.png'); }
    .betrayal.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/buysmall.png?1593393303787'); }
    .betrayal.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/zh_TW/buysmall.png'); }
    .betrayal.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/zh_CN/buysmall.png'); }
    .betrayal.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/th_TH/buysmall.png?1593393309311'); }
    .betrayal.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/ru_RU/buysmall.png?1593393308375'); }
    .betrayal.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/pt_BR/buysmall.png?1593393307491'); }
    .betrayal.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/de_DE/buysmall.png?1593393304623'); }
    .betrayal.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/es_ES/buysmall.png?1593393305487'); }
    .betrayal.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/fr_FR/buysmall.png?1593393306467'); }
    .betrayal.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .betrayal.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/betrayal/ko_KR/buysmall.png'); }
    .synthesis.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/buysmall.png?1593393410958'); }
    .synthesis.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/zh_TW/buysmall.png'); }
    .synthesis.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/zh_CN/buysmall.png'); }
    .synthesis.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/th_TH/buysmall.png?1593393412998'); }
    .synthesis.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/ru_RU/buysmall.png?1593393412586'); }
    .synthesis.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/pt_BR/buysmall.png?1593393412242'); }
    .synthesis.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/de_DE/buysmall.png?1593393411258'); }
    .synthesis.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/es_ES/buysmall.png?1593393411498'); }
    .synthesis.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/fr_FR/buysmall.png?1593393411834'); }
    .synthesis.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .synthesis.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/synthesis/ko_KR/buysmall.png'); }
    .legion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/buysmall.png?1593393386246'); }
    .legion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/zh_TW/buysmall.png'); }
    .legion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/zh_CN/buysmall.png'); }
    .legion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/th_TH/buysmall.png?1593393389746'); }
    .legion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/ru_RU/buysmall.png?1593393389218'); }
    .legion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/pt_BR/buysmall.png?1593393388590'); }
    .legion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/de_DE/buysmall.png?1593393386890'); }
    .legion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/es_ES/buysmall.png?1593393387434'); }
    .legion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/fr_FR/buysmall.png?1593393388050'); }
    .legion.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .legion.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/legion/ko_KR/buysmall.png?1593393388214'); }
    .blight.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/buysmall.png?1593393324379'); }
    .blight.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/zh_TW/buysmall.png'); }
    .blight.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/zh_CN/buysmall.png'); }
    .blight.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/th_TH/buysmall.png?1593393328355'); }
    .blight.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/ru_RU/buysmall.png?1593393327691'); }
    .blight.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/pt_BR/buysmall.png?1593393327003'); }
    .blight.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/de_DE/buysmall.png?1593393325243'); }
    .blight.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/es_ES/buysmall.png?1593393325911'); }
    .blight.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/fr_FR/buysmall.png?1593393326483'); }
    .blight.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .blight.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/blight/ko_KR/buysmall.png?1593393326663'); }
    .delirium.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/buysmall.png?1593393334187'); }
    .delirium.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/zh_TW/buysmall.png'); }
    .delirium.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/zh_CN/buysmall.png'); }
    .delirium.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/th_TH/buysmall.png?1593393336571'); }
    .delirium.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/ru_RU/buysmall.png?1593393336183'); }
    .delirium.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/pt_BR/buysmall.png?1593393335807'); }
    .delirium.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/de_DE/buysmall.png?1593393334535'); }
    .delirium.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/es_ES/buysmall.png?1593393334835'); }
    .delirium.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/fr_FR/buysmall.png?1593393335163'); }
    .delirium.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .delirium.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/delirium/ko_KR/buysmall.png?1593393335551'); }
    .harvest.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/buysmall.png?1593393355747'); }
    .harvest.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/zh_TW/buysmall.png'); }
    .harvest.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/zh_CN/buysmall.png'); }
    .harvest.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/th_TH/buysmall.png?1593393362567'); }
    .harvest.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/ru_RU/buysmall.png?1593393361579'); }
    .harvest.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/pt_BR/buysmall.png?1593393360627'); }
    .harvest.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/de_DE/buysmall.png?1593393356731'); }
    .harvest.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/es_ES/buysmall.png?1593393357735'); }
    .harvest.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/fr_FR/buysmall.png?1593393358719'); }
    .harvest.ko_KR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ko_KR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .harvest.ko_KR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/harvest/ko_KR/buysmall.png?1593393359671'); } }
  @media (max-width: 600px) {
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize header.newuniques .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.newuniques .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.newuniques .inner .content .content-interactive {
      margin-top: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize header.newuniques .inner .content .content-interactive .item, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize footer.newuniques .inner .content .content-interactive .item, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize section.newuniques .inner .content .content-interactive .item {
        margin: -5px; }
    .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox {
      margin-top: -30px; }
      .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss {
        height: 64px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      top: auto;
      bottom: 0;
      left: 27%; }
    .war body.wide-resize header.war .atlas-map .atlas-image, .war body.wide-resize footer.war .atlas-map .atlas-image, .war body.wide-resize section.war .atlas-map .atlas-image {
      width: 33%;
      margin-left: 0; }
    .de_DE.war body.wide-resize header.war .yt-popout, .fr_FR.war body.wide-resize header.war .yt-popout, .es_ES.war body.wide-resize header.war .yt-popout, .de_DE.war body.wide-resize footer.war .yt-popout, .fr_FR.war body.wide-resize footer.war .yt-popout, .es_ES.war body.wide-resize footer.war .yt-popout, .de_DE.war body.wide-resize section.war .yt-popout, .fr_FR.war body.wide-resize section.war .yt-popout, .es_ES.war body.wide-resize section.war .yt-popout {
      bottom: -10%; }
    .bestiary body.wide-resize > header .content-interactive, .bestiary body.wide-resize > footer .content-interactive, .bestiary body.wide-resize > section .content-interactive {
      margin-top: 0; }
    .bestiary body.wide-resize > header.wide-resize-right, .bestiary body.wide-resize > footer.wide-resize-right, .bestiary body.wide-resize > section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items {
        width: 300px;
        float: left;
        left: 0;
        margin-top: -15px;
        margin-left: -20px; }
        .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall {
            width: 105px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: absolute;
            left: 0;
            top: 0;
            margin-left: -80px;
            margin-top: -80px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: -50px; }
            .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
      .bestiary body.wide-resize > header.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > footer.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-left: -20px; }
    .incursion body.wide-resize > header .inner header, .incursion body.wide-resize > footer .inner header, .incursion body.wide-resize > section .inner header {
      margin-top: 2%; }
    .incursion body.wide-resize > header.panel6 .ascendancy-items, .incursion body.wide-resize > footer.panel6 .ascendancy-items, .incursion body.wide-resize > section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group {
        float: left; }
        .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -30%; }
    .delve.de_DE body.wide-resize > header .inner .content p, .delve.de_DE body.wide-resize > footer .inner .content p, .delve.de_DE body.wide-resize > section .inner .content p {
      font-size: 10px; }
    .delve body.wide-resize > header.panel4 .content-interactive, .delve body.wide-resize > header.panel8 .content-interactive, .delve body.wide-resize > header.panel9 .content-interactive, .delve body.wide-resize > header.panel10 .content-interactive, .delve body.wide-resize > header.panel11 .content-interactive, .delve body.wide-resize > header.panel12 .content-interactive, .delve body.wide-resize > footer.panel4 .content-interactive, .delve body.wide-resize > footer.panel8 .content-interactive, .delve body.wide-resize > footer.panel9 .content-interactive, .delve body.wide-resize > footer.panel10 .content-interactive, .delve body.wide-resize > footer.panel11 .content-interactive, .delve body.wide-resize > footer.panel12 .content-interactive, .delve body.wide-resize > section.panel4 .content-interactive, .delve body.wide-resize > section.panel8 .content-interactive, .delve body.wide-resize > section.panel9 .content-interactive, .delve body.wide-resize > section.panel10 .content-interactive, .delve body.wide-resize > section.panel11 .content-interactive, .delve body.wide-resize > section.panel12 .content-interactive {
      margin-top: -10px; }
      .delve body.wide-resize > header.panel4 .content-interactive .gem-item-group, .delve body.wide-resize > header.panel8 .content-interactive .gem-item-group, .delve body.wide-resize > header.panel9 .content-interactive .gem-item-group, .delve body.wide-resize > header.panel10 .content-interactive .gem-item-group, .delve body.wide-resize > header.panel11 .content-interactive .gem-item-group, .delve body.wide-resize > header.panel12 .content-interactive .gem-item-group, .delve body.wide-resize > footer.panel4 .content-interactive .gem-item-group, .delve body.wide-resize > footer.panel8 .content-interactive .gem-item-group, .delve body.wide-resize > footer.panel9 .content-interactive .gem-item-group, .delve body.wide-resize > footer.panel10 .content-interactive .gem-item-group, .delve body.wide-resize > footer.panel11 .content-interactive .gem-item-group, .delve body.wide-resize > footer.panel12 .content-interactive .gem-item-group, .delve body.wide-resize > section.panel4 .content-interactive .gem-item-group, .delve body.wide-resize > section.panel8 .content-interactive .gem-item-group, .delve body.wide-resize > section.panel9 .content-interactive .gem-item-group, .delve body.wide-resize > section.panel10 .content-interactive .gem-item-group, .delve body.wide-resize > section.panel11 .content-interactive .gem-item-group, .delve body.wide-resize > section.panel12 .content-interactive .gem-item-group {
        margin-bottom: -8px; }
    .delve body.wide-resize > header.panel9 .content-interactive, .delve body.wide-resize > footer.panel9 .content-interactive, .delve body.wide-resize > section.panel9 .content-interactive {
      width: 310px;
      margin-right: -20px; }
    .delve body.wide-resize > header.wide-resize-right.panel6 .ascendancy-items, .delve body.wide-resize > footer.wide-resize-right.panel6 .ascendancy-items, .delve body.wide-resize > section.wide-resize-right.panel6 .ascendancy-items {
      margin-top: 0px;
      float: right; }
      .delve body.wide-resize > header.wide-resize-right.panel6 .ascendancy-items .gem-item-group, .delve body.wide-resize > footer.wide-resize-right.panel6 .ascendancy-items .gem-item-group, .delve body.wide-resize > section.wide-resize-right.panel6 .ascendancy-items .gem-item-group {
        margin-top: 0px;
        margin-left: 0;
        float: right; }
    .betrayal body.wide-resize > header.panel9 .content-interactive, .betrayal body.wide-resize > header.panel11 .content-interactive, .betrayal body.wide-resize > header.panel12 .content-interactive, .betrayal body.wide-resize > footer.panel9 .content-interactive, .betrayal body.wide-resize > footer.panel11 .content-interactive, .betrayal body.wide-resize > footer.panel12 .content-interactive, .betrayal body.wide-resize > section.panel9 .content-interactive, .betrayal body.wide-resize > section.panel11 .content-interactive, .betrayal body.wide-resize > section.panel12 .content-interactive {
      margin-top: -10px; }
    .betrayal body.wide-resize > header.panel9 .content-interactive, .betrayal body.wide-resize > footer.panel9 .content-interactive, .betrayal body.wide-resize > section.panel9 .content-interactive {
      min-height: 130px; }
    .betrayal body.wide-resize > header.panel10 .content .screenshot-lbox .screenshots .lbox-ss, .betrayal body.wide-resize > footer.panel10 .content .screenshot-lbox .screenshots .lbox-ss, .betrayal body.wide-resize > section.panel10 .content .screenshot-lbox .screenshots .lbox-ss {
      margin: -3px 1px; }
    .betrayal body.wide-resize > header.panel4 .content-interactive, .betrayal body.wide-resize > footer.panel4 .content-interactive, .betrayal body.wide-resize > section.panel4 .content-interactive {
      width: 110px;
      position: absolute;
      left: 5px;
      top: 52px; }
      .betrayal body.wide-resize > header.panel4 .content-interactive .screenshots, .betrayal body.wide-resize > footer.panel4 .content-interactive .screenshots, .betrayal body.wide-resize > section.panel4 .content-interactive .screenshots {
        width: 110px; }
    .betrayal.fr_FR body.wide-resize > header .inner .content p, .betrayal.de_DE body.wide-resize > header .inner .content p, .betrayal.es_ES body.wide-resize > header .inner .content p, .betrayal.pt_BR body.wide-resize > header .inner .content p, .betrayal.fr_FR body.wide-resize > footer .inner .content p, .betrayal.de_DE body.wide-resize > footer .inner .content p, .betrayal.es_ES body.wide-resize > footer .inner .content p, .betrayal.pt_BR body.wide-resize > footer .inner .content p, .betrayal.fr_FR body.wide-resize > section .inner .content p, .betrayal.de_DE body.wide-resize > section .inner .content p, .betrayal.es_ES body.wide-resize > section .inner .content p, .betrayal.pt_BR body.wide-resize > section .inner .content p {
      font-size: 10px; }
    .synthesis body.wide-resize > header.panel5 .content-interactive, .synthesis body.wide-resize > footer.panel5 .content-interactive, .synthesis body.wide-resize > section.panel5 .content-interactive {
      width: 340px; }
    .delirium body.wide-resize > header.panel5 .content-interactive, .delirium body.wide-resize > footer.panel5 .content-interactive, .delirium body.wide-resize > section.panel5 .content-interactive {
      width: 350px; }
    .delirium body.wide-resize > header.panel7 .content-interactive, .delirium body.wide-resize > footer.panel7 .content-interactive, .delirium body.wide-resize > section.panel7 .content-interactive {
      margin-top: -5px; }
    .delirium body.wide-resize > header.panel10 .content-interactive, .delirium body.wide-resize > footer.panel10 .content-interactive, .delirium body.wide-resize > section.panel10 .content-interactive {
      width: 350px;
      margin-top: 0; }
      .delirium body.wide-resize > header.panel10 .content-interactive .item, .delirium body.wide-resize > footer.panel10 .content-interactive .item, .delirium body.wide-resize > section.panel10 .content-interactive .item {
        margin: -6px; }
    .harvest body.wide-resize > header.panel5 .content-interactive, .harvest body.wide-resize > footer.panel5 .content-interactive, .harvest body.wide-resize > section.panel5 .content-interactive {
      margin-top: -8px; }
      .harvest body.wide-resize > header.panel5 .content-interactive .item, .harvest body.wide-resize > footer.panel5 .content-interactive .item, .harvest body.wide-resize > section.panel5 .content-interactive .item {
        margin: -3px; } }
  @media (max-width: 800px) {
    body.wide-resize .classes-class {
      max-height: inherit; }
      body.wide-resize .classes-class .class {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto; }
      body.wide-resize .classes-class .content {
        margin-top: 8%; }
    body.wide-resize header .watch-trailer, body.wide-resize footer .watch-trailer, body.wide-resize section .watch-trailer {
      bottom: -10px; }
      body.wide-resize header .watch-trailer .watch-trailer-banner, body.wide-resize footer .watch-trailer .watch-trailer-banner, body.wide-resize section .watch-trailer .watch-trailer-banner {
        height: 60px; }
      .oriath body.wide-resize header .watch-trailer, .oriath body.wide-resize footer .watch-trailer, .oriath body.wide-resize section .watch-trailer {
        bottom: 0px; }
    .atlas body.wide-resize header.skillsitems .content-interactive, .atlas body.wide-resize header.theatlas .content-interactive, .atlas body.wide-resize header.supporterpacks .content-interactive, .atlas body.wide-resize footer.skillsitems .content-interactive, .atlas body.wide-resize footer.theatlas .content-interactive, .atlas body.wide-resize footer.supporterpacks .content-interactive, .atlas body.wide-resize section.skillsitems .content-interactive, .atlas body.wide-resize section.theatlas .content-interactive, .atlas body.wide-resize section.supporterpacks .content-interactive {
      margin-top: -16px; } }
  @media (max-width: 590px) {
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      min-width: 360px; }
    body.wide-resize header.wide-resize-right.part-two .inner, body.wide-resize footer.wide-resize-right.part-two .inner, body.wide-resize section.wide-resize-right.part-two .inner {
      padding-left: 20%;
      width: 80%; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -35%;
      margin-right: -40px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items .items {
        margin: -5px; }
    .oriath body.wide-resize header .inner header, .oriath body.wide-resize footer .inner header, .oriath body.wide-resize section .inner header {
      font-size: 18px;
      width: 91%; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      padding-top: 4px; }
    body.wide-resize header.classes-class .class, body.wide-resize footer.classes-class .class, body.wide-resize section.classes-class .class {
      width: 100%; }
    body.wide-resize header.items .inner .content p, body.wide-resize footer.items .inner .content p, body.wide-resize section.items .inner .content p {
      margin-top: -18px; }
    body.wide-resize header.items .inner .content .ascendancy-items, body.wide-resize footer.items .inner .content .ascendancy-items, body.wide-resize section.items .inner .content .ascendancy-items {
      margin-top: -35px; }
    body.wide-resize header.trials-intro .inner .content p, body.wide-resize header.labyrinth-changing .inner .content p, body.wide-resize footer.trials-intro .inner .content p, body.wide-resize footer.labyrinth-changing .inner .content p, body.wide-resize section.trials-intro .inner .content p, body.wide-resize section.labyrinth-changing .inner .content p {
      padding: 10px; }
    body.wide-resize header.enchantments-cruel .content-interactive, body.wide-resize header.enchantments-normal .content-interactive, body.wide-resize header.enchantments-merciless .content-interactive, body.wide-resize footer.enchantments-cruel .content-interactive, body.wide-resize footer.enchantments-normal .content-interactive, body.wide-resize footer.enchantments-merciless .content-interactive, body.wide-resize section.enchantments-cruel .content-interactive, body.wide-resize section.enchantments-normal .content-interactive, body.wide-resize section.enchantments-merciless .content-interactive {
      margin-top: -10px; }
    body.wide-resize header.wide-resize-right .screenshots, body.wide-resize footer.wide-resize-right .screenshots, body.wide-resize section.wide-resize-right .screenshots {
      right: 0; }
    body.wide-resize header.wide-resize-right .supporter-videos, body.wide-resize footer.wide-resize-right .supporter-videos, body.wide-resize section.wide-resize-right .supporter-videos {
      position: absolute;
      right: 0; }
    .atlas body.wide-resize header.wide-resize-right .ascendancy-items, .atlas body.wide-resize footer.wide-resize-right .ascendancy-items, .atlas body.wide-resize section.wide-resize-right .ascendancy-items {
      right: 0; }
    .bestiary body.wide-resize header.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize section.wide-resize-right .content-interactive .screenshot-lbox {
      margin-right: 0px; }
    body.wide-resize header .inner header .header-icon, body.wide-resize footer .inner header .header-icon, body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
      .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
        width: 24px;
        height: 24px; }
    body.wide-resize header .logo {
      height: 160px;
      width: 188.5px;
      margin-bottom: -150px;
      padding: 5px 0 10px; }
      .oriath body.wide-resize header .logo {
        height: 125.5px;
        width: 150px;
        margin-bottom: -140px; }
      .war body.wide-resize header .logo {
        margin-bottom: 60px; }
      .bestiary body.wide-resize header .logo {
        margin-bottom: -30px; }
      .newPromo body.wide-resize header .logo {
        margin-bottom: -30px; }
    body.wide-resize .skills-earthquake .content-interactive .skill {
      margin-top: -30px; } }
  @media (max-width: 470px) {
    .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
      position: absolute;
      bottom: 0;
      left: -13%; } }
  @media (max-width: 400px) {
    body.wide-resize .inner .content .screenshot-lbox .screenshots {
      position: relative;
      margin: 0 auto; }
    .atlas body.wide-resize header header, .atlas body.wide-resize footer header, .atlas body.wide-resize section header {
      font-size: 18px; }
    body.wide-resize header .content-interactive .show-collapse, body.wide-resize footer .content-interactive .show-collapse, body.wide-resize section .content-interactive .show-collapse {
      display: inline-block; }
    body.wide-resize header .content-interactive .hide-collapse, body.wide-resize footer .content-interactive .hide-collapse, body.wide-resize section .content-interactive .hide-collapse {
      display: none; }
    body.wide-resize header.classes-class .inner .content, body.wide-resize footer.classes-class .inner .content, body.wide-resize section.classes-class .inner .content {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
    body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo {
      text-align: left;
      left: 1%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p {
        display: inline-block;
        margin: 0px 1% -2px 2%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img {
        padding-top: 0;
        min-height: 46px;
        height: 50%; }
    body.wide-resize header.supporterpacks, body.wide-resize footer.supporterpacks, body.wide-resize section.supporterpacks {
      margin-left: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      width: 345px;
      margin-left: -10%; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive.move-collapse {
        margin-left: 20px; }
    .war body.wide-resize header.shaperelderitems .item-group, .war body.wide-resize footer.shaperelderitems .item-group, .war body.wide-resize section.shaperelderitems .item-group {
      padding-left: 80px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      left: 5%;
      margin-top: 250px;
      z-index: 3;
      top: 49%; }
    .war body.wide-resize header .inner .content .content-interactive.move-collapse, .war body.wide-resize footer .inner .content .content-interactive.move-collapse, .war body.wide-resize section .inner .content .content-interactive.move-collapse {
      z-index: 3;
      margin-top: 200px;
      width: 300px; }
      .war body.wide-resize header .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize footer .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize section .inner .content .content-interactive.move-collapse .screenshot-lbox {
        margin-left: -20px; }
    .bestiary body.wide-resize header .content-interactive, .incursion body.wide-resize header .content-interactive, .bestiary body.wide-resize footer .content-interactive, .incursion body.wide-resize footer .content-interactive, .bestiary body.wide-resize section .content-interactive, .incursion body.wide-resize section .content-interactive {
      margin-left: 0px; }
    .bestiary body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-right: -40px; }
    .bestiary body.wide-resize header.wide-resize-right, .incursion body.wide-resize header.wide-resize-right, .bestiary body.wide-resize footer.wide-resize-right, .incursion body.wide-resize footer.wide-resize-right, .bestiary body.wide-resize section.wide-resize-right, .incursion body.wide-resize section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items {
        float: left;
        left: 0;
        margin-left: 0px; }
        .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: relative;
            margin-left: 0px;
            margin-top: 0px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: 0px; }
            .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
    .fr_FR .incursion body.wide-resize header.panel10 .inner .content p, .fr_FR .incursion body.wide-resize header.panel12 .inner .content p, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content p, .fr_FR .incursion body.wide-resize footer.panel12 .inner .content p, .fr_FR .incursion body.wide-resize section.panel10 .inner .content p, .fr_FR .incursion body.wide-resize section.panel12 .inner .content p {
      width: 110%;
      margin-left: -26px; }
    .incursion body.wide-resize header.panel10 .inner .content-interactive, .incursion body.wide-resize header.panel12 .inner .content-interactive, .incursion body.wide-resize footer.panel10 .inner .content-interactive, .incursion body.wide-resize footer.panel12 .inner .content-interactive, .incursion body.wide-resize section.panel10 .inner .content-interactive, .incursion body.wide-resize section.panel12 .inner .content-interactive {
      margin-top: 0; }
      .de_DE .incursion body.wide-resize header.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize header.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize header.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize header.panel12 .inner .content-interactive, .es_ES .incursion body.wide-resize header.panel12 .inner .content-interactive, .fr_FR .incursion body.wide-resize header.panel12 .inner .content-interactive, .de_DE .incursion body.wide-resize footer.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize footer.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize footer.panel12 .inner .content-interactive, .es_ES .incursion body.wide-resize footer.panel12 .inner .content-interactive, .fr_FR .incursion body.wide-resize footer.panel12 .inner .content-interactive, .de_DE .incursion body.wide-resize section.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize section.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize section.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize section.panel12 .inner .content-interactive, .es_ES .incursion body.wide-resize section.panel12 .inner .content-interactive, .fr_FR .incursion body.wide-resize section.panel12 .inner .content-interactive {
        margin-top: -25px; }
    .incursion body.wide-resize header.panel6 .ascendancy-items, .incursion body.wide-resize footer.panel6 .ascendancy-items, .incursion body.wide-resize section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group {
        float: left;
        margin-left: 25px; }
        .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -6%; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content p, .incursion.es_ES body.wide-resize header.panel10 .inner .content p, .incursion.de_DE body.wide-resize header.panel10 .inner .content p, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content p, .incursion.es_ES body.wide-resize footer.panel10 .inner .content p, .incursion.de_DE body.wide-resize footer.panel10 .inner .content p, .incursion.fr_FR body.wide-resize section.panel10 .inner .content p, .incursion.es_ES body.wide-resize section.panel10 .inner .content p, .incursion.de_DE body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px;
      padding-top: 2px; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize header.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize header.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize footer.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize footer.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize section.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize section.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: -15px; }
    .delve body.wide-resize header.panel2 .inner, .delve body.wide-resize footer.panel2 .inner, .delve body.wide-resize section.panel2 .inner {
      width: 95%; }
    .delve body.wide-resize header.panel8 .content-interactive, .delve body.wide-resize footer.panel8 .content-interactive, .delve body.wide-resize section.panel8 .content-interactive {
      margin-top: -10px; }
      .delve body.wide-resize header.panel8 .content-interactive .gem-item-group, .delve body.wide-resize footer.panel8 .content-interactive .gem-item-group, .delve body.wide-resize section.panel8 .content-interactive .gem-item-group {
        margin-left: 12%;
        margin-bottom: -5px; }
    .delve body.wide-resize header.wide-resize-right.panel6 .ascendancy-items, .delve body.wide-resize footer.wide-resize-right.panel6 .ascendancy-items, .delve body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      margin-top: -25px;
      float: right; }
      .delve body.wide-resize header.wide-resize-right.panel6 .ascendancy-items .gem-item-group, .delve body.wide-resize footer.wide-resize-right.panel6 .ascendancy-items .gem-item-group, .delve body.wide-resize section.wide-resize-right.panel6 .ascendancy-items .gem-item-group {
        margin-left: 0;
        float: right; }
    .betrayal body.wide-resize header.wide-resize-left .inner, .betrayal body.wide-resize footer.wide-resize-left .inner, .betrayal body.wide-resize section.wide-resize-left .inner {
      padding-left: 45px; }
    .betrayal body.wide-resize header.wide-resize-right .inner, .betrayal body.wide-resize footer.wide-resize-right .inner, .betrayal body.wide-resize section.wide-resize-right .inner {
      padding-right: 45px; }
    .betrayal body.wide-resize header.panel4 .content-interactive, .betrayal body.wide-resize footer.panel4 .content-interactive, .betrayal body.wide-resize section.panel4 .content-interactive {
      width: 100%;
      position: absolute;
      top: 204px;
      left: 30px; }
      .betrayal body.wide-resize header.panel4 .content-interactive .screenshots, .betrayal body.wide-resize footer.panel4 .content-interactive .screenshots, .betrayal body.wide-resize section.panel4 .content-interactive .screenshots {
        position: absolute;
        width: 345px;
        z-index: 50;
        left: 0; }
    .betrayal body.wide-resize header.panel5 .content-interactive, .betrayal body.wide-resize footer.panel5 .content-interactive, .betrayal body.wide-resize section.panel5 .content-interactive {
      position: absolute;
      bottom: -4px;
      left: 0; }
    .betrayal body.wide-resize header.panel12 .inner .content-interactive, .betrayal body.wide-resize footer.panel12 .inner .content-interactive, .betrayal body.wide-resize section.panel12 .inner .content-interactive {
      margin-top: -16px; }
    .betrayal body.wide-resize header.panel9 .inner .content-interactive .screenshot-lbox .screenshots, .betrayal body.wide-resize footer.panel9 .inner .content-interactive .screenshot-lbox .screenshots, .betrayal body.wide-resize section.panel9 .inner .content-interactive .screenshot-lbox .screenshots {
      margin-left: -40px;
      margin-right: 0; }
    .betrayal body.wide-resize header.panel10 .inner .content-interactive, .betrayal body.wide-resize footer.panel10 .inner .content-interactive, .betrayal body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: 0px; }
    .betrayal.fr_FR body.wide-resize header.panel10 .inner .content p, .betrayal.es_ES body.wide-resize header.panel10 .inner .content p, .betrayal.de_DE body.wide-resize header.panel10 .inner .content p, .betrayal.fr_FR body.wide-resize footer.panel10 .inner .content p, .betrayal.es_ES body.wide-resize footer.panel10 .inner .content p, .betrayal.de_DE body.wide-resize footer.panel10 .inner .content p, .betrayal.fr_FR body.wide-resize section.panel10 .inner .content p, .betrayal.es_ES body.wide-resize section.panel10 .inner .content p, .betrayal.de_DE body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px;
      padding-top: 2px; }
    .betrayal.fr_FR body.wide-resize header.panel10 .inner .content-interactive, .betrayal.es_ES body.wide-resize header.panel10 .inner .content-interactive, .betrayal.de_DE body.wide-resize header.panel10 .inner .content-interactive, .betrayal.fr_FR body.wide-resize footer.panel10 .inner .content-interactive, .betrayal.es_ES body.wide-resize footer.panel10 .inner .content-interactive, .betrayal.de_DE body.wide-resize footer.panel10 .inner .content-interactive, .betrayal.fr_FR body.wide-resize section.panel10 .inner .content-interactive, .betrayal.es_ES body.wide-resize section.panel10 .inner .content-interactive, .betrayal.de_DE body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: 0px; }
    .harvest body.wide-resize header.panel12 .content-interactive, .harvest body.wide-resize footer.panel12 .content-interactive, .harvest body.wide-resize section.panel12 .content-interactive {
      width: 310px; }
      .harvest body.wide-resize header.panel12 .content-interactive .item, .harvest body.wide-resize footer.panel12 .content-interactive .item, .harvest body.wide-resize section.panel12 .content-interactive .item {
        margin: -8px; } }

.text-shadow, .exilecon-announcement .exilecon h2, .exilecon-announcement .exilecon h3, .exilecon-announcement .exilecon .grid-item, .exilecon-announcement .exilecon .expect .grid-item, .exilecon-announcement .exilecon .expect .intro-text, .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item {
  text-shadow: 0px 2px 2px black; }

.exilecon-announcement {
  width: 100%;
  background: #292929;
  margin: auto;
  min-width: 1500px;
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .exilecon-announcement .exilecon {
    text-align: center;
    color: #eae8e8;
    font-size: 18px; }
    .exilecon-announcement .exilecon.accommodation a, .exilecon-announcement .exilecon.flights a {
      text-decoration: none;
      font-size: 0.9em; }
    .exilecon-announcement .exilecon.accommodation .section, .exilecon-announcement .exilecon.flights .section {
      font-family: sans-serif; }
    .exilecon-announcement .exilecon.accommodation .background, .exilecon-announcement .exilecon.flights .background {
      background: #111215 url('/image/exilecon/ExileConExtraPageBG.jpg?1593393344019') 50% 50% no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: -1; }
    .exilecon-announcement .exilecon.accommodation .airnz, .exilecon-announcement .exilecon.flights .airnz {
      background: transparent url('/image/exilecon/PictureAirNewZealand.png?1593393344023') no-repeat center;
      position: relative;
      width: 990px;
      height: 274px;
      margin: auto;
      padding-top: 8px; }
      .exilecon-announcement .exilecon.accommodation .airnz .airnz-info, .exilecon-announcement .exilecon.flights .airnz .airnz-info {
        float: right;
        width: 400px;
        padding: 90px; }
    .exilecon-announcement .exilecon.accommodation .passport-info, .exilecon-announcement .exilecon.flights .passport-info {
      width: 990px;
      background: #121212;
      height: 92px;
      margin: auto; }
      .exilecon-announcement .exilecon.accommodation .passport-info .buttons, .exilecon-announcement .exilecon.flights .passport-info .buttons {
        width: 51%;
        float: right;
        padding-right: 20px; }
      .exilecon-announcement .exilecon.accommodation .passport-info .text, .exilecon-announcement .exilecon.flights .passport-info .text {
        width: 35%;
        float: left;
        margin: 37px 27px; }
    .exilecon-announcement .exilecon.accommodation .visiting, .exilecon-announcement .exilecon.flights .visiting {
      width: 780px;
      margin: auto;
      padding-top: 75px;
      letter-spacing: 1px; }
    .exilecon-announcement .exilecon.accommodation .airnz-info a, .exilecon-announcement .exilecon.accommodation .passport-info a, .exilecon-announcement .exilecon.flights .airnz-info a, .exilecon-announcement .exilecon.flights .passport-info a {
      text-decoration: none;
      padding: 11px 21px;
      margin-top: 21px;
      display: inline-block;
      width: 196px;
      text-transform: uppercase; }
    .exilecon-announcement .exilecon.accommodation .hotel, .exilecon-announcement .exilecon.flights .hotel {
      width: 1050px;
      height: 400px;
      margin: 20px auto;
      clear: both; }
      .exilecon-announcement .exilecon.accommodation .hotel .left, .exilecon-announcement .exilecon.accommodation .hotel .right, .exilecon-announcement .exilecon.flights .hotel .left, .exilecon-announcement .exilecon.flights .hotel .right {
        float: left; }
      .exilecon-announcement .exilecon.accommodation .hotel .left, .exilecon-announcement .exilecon.flights .hotel .left {
        width: 500px;
        background: #121212;
        padding-bottom: 4px; }
        .exilecon-announcement .exilecon.accommodation .hotel .left.heritage, .exilecon-announcement .exilecon.flights .hotel .left.heritage {
          margin-top: 66px; }
        .exilecon-announcement .exilecon.accommodation .hotel .left .name, .exilecon-announcement .exilecon.flights .hotel .left .name {
          float: left;
          width: 68%;
          font-size: 1.2em;
          padding: 10px 5px;
          margin-top: 12px; }
        .exilecon-announcement .exilecon.accommodation .hotel .left .site, .exilecon-announcement .exilecon.flights .hotel .left .site {
          float: left;
          width: 25%;
          border: 2px solid #ffeec1;
          background: #b18045;
          padding: 10px 8px;
          margin: 13px -7px;
          font-size: 0.8em; }
          .exilecon-announcement .exilecon.accommodation .hotel .left .site a, .exilecon-announcement .exilecon.flights .hotel .left .site a {
            text-transform: uppercase;
            color: #ffeec1;
            text-decoration: none; }
          .exilecon-announcement .exilecon.accommodation .hotel .left .site:hover, .exilecon-announcement .exilecon.flights .hotel .left .site:hover {
            border: 2px solid #fff6e0;
            background: #ffeec1;
            color: #b18045; }
        .exilecon-announcement .exilecon.accommodation .hotel .left .image img, .exilecon-announcement .exilecon.flights .hotel .left .image img {
          width: 500px; }
      .exilecon-announcement .exilecon.accommodation .hotel .right, .exilecon-announcement .exilecon.flights .hotel .right {
        width: 500px;
        box-sizing: border-box;
        padding: 85px 33px;
        text-align: left; }
        .exilecon-announcement .exilecon.accommodation .hotel .right .details, .exilecon-announcement .exilecon.flights .hotel .right .details {
          padding-top: 60px; }
    .exilecon-announcement .exilecon h2, .exilecon-announcement .exilecon h3 {
      text-align: center;
      color: #fce49e;
      outline: 1px black;
      font-weight: normal; }
    .exilecon-announcement .exilecon h2 {
      font-size: 2em;
      height: 55px;
      padding: 41px 0 20px;
      background-image: url('/image/exilecon/TitleUnderlineLong.png?1593393344027');
      background-repeat: no-repeat;
      background-position: 50% 100%;
      margin-bottom: 35px; }
      .exilecon-announcement .exilecon h2.less-padding {
        padding: 41px 0px 0px; }
    .exilecon-announcement .exilecon h3 {
      font-size: 1.4em; }
    .exilecon-announcement .exilecon .section {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .exilecon-announcement .exilecon .section .section-container {
        width: 1440px;
        margin: auto; }
    .exilecon-announcement .exilecon .page-header {
      background: #0f0908 url('/image/exilecon/ExileConLogoBanner.jpg?1593393344019') 50% 0 no-repeat;
      height: 438px; }
    .exilecon-announcement .exilecon .grid-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left; }
    .exilecon-announcement .exilecon .sponsors {
      background: #151718;
      padding-bottom: 40px; }
      .exilecon-announcement .exilecon .sponsors h3 {
        padding: 10px;
        background-image: url('/image/exilecon/TitleUnderlineShort.png?1593393344027');
        background-repeat: no-repeat;
        background-position-x: center;
        background-position: 50% 100%; }
      .exilecon-announcement .exilecon .sponsors .sponsors-grid {
        display: flex;
        justify-content: space-around;
        margin-top: 40px; }
        .exilecon-announcement .exilecon .sponsors .sponsors-grid img {
          display: block;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
    .exilecon-announcement .exilecon .expect {
      background: #151718 url('/image/exilecon/ExileConWhatToExpectBackground2.jpg?1593393344019') 50% 0 no-repeat;
      height: 811px; }
      .exilecon-announcement .exilecon .expect .grid {
        width: 875px;
        display: block;
        margin: -12px auto; }
      .exilecon-announcement .exilecon .expect .grid-item {
        width: 270px;
        height: 112px;
        margin: 15px 10px;
        float: left;
        padding: 38px 20px;
        font-size: 0.9em;
        background-size: cover;
        color: #f7f7f7; }
        .exilecon-announcement .exilecon .expect .grid-item.sl {
          padding: 48px 20px; }
        .exilecon-announcement .exilecon .expect .grid-item.expectations1 {
          background-image: url('/image/exilecon/Expectations1.png?1593393344019'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations2 {
          background-image: url('/image/exilecon/Expectations2.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations3 {
          background-image: url('/image/exilecon/Expectations3.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations4 {
          background-image: url('/image/exilecon/Expectations4.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations5 {
          background-image: url('/image/exilecon/Expectations5.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations6 {
          background-image: url('/image/exilecon/Expectations6.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations7 {
          background-image: url('/image/exilecon/Expectations7.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations8 {
          background-image: url('/image/exilecon/Expectations8.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations9 {
          background-image: url('/image/exilecon/Expectations12.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations10 {
          background-image: url('/image/exilecon/Expectations10.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations11 {
          background-image: url('/image/exilecon/Expectations11.png?1593393344023'); }
        .exilecon-announcement .exilecon .expect .grid-item.expectations12 {
          background-image: url('/image/exilecon/Expectations11.gif?1593393344023'); }
      .exilecon-announcement .exilecon .expect .intro-text {
        height: 144px;
        padding: 68px 185px;
        width: 1440px;
        margin: auto;
        box-sizing: border-box;
        color: #f7f7f7;
        letter-spacing: 1px;
        font-family: sans-serif;
        font-size: 0.9em; }
    .exilecon-announcement .exilecon .info {
      background: #111215 url('/image/exilecon/ExileConImportantInfoBackground2.jpg?1593393344019') 50% 0 no-repeat;
      height: 672px;
      padding-top: 8px; }
      .exilecon-announcement .exilecon .info h3 {
        padding: 10px;
        background-image: url('/image/exilecon/TitleUnderlineShort.png?1593393344027');
        background-repeat: no-repeat;
        background-position-x: center;
        background-position: 50% 100%; }
      .exilecon-announcement .exilecon .info .show-times {
        padding-top: 5px; }
      .exilecon-announcement .exilecon .info .show-times-grid {
        background-image: url('/image/exilecon/ShowDatesBackline.png?1593393344027');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 1150px;
        height: 100px;
        margin: 20px auto; }
        .exilecon-announcement .exilecon .info .show-times-grid .day {
          margin-bottom: 8px; }
        .exilecon-announcement .exilecon .info .show-times-grid .date {
          font-size: 0.8em; }
        .exilecon-announcement .exilecon .info .show-times-grid .day-info {
          font-size: 0.8em; }
        .exilecon-announcement .exilecon .info .show-times-grid .grid-item {
          width: 375px;
          height: 94px;
          padding: 18px 40px;
          font-family: sans-serif; }
          .exilecon-announcement .exilecon .info .show-times-grid .grid-item div {
            height: 16px;
            color: #f7f7f7; }
          .exilecon-announcement .exilecon .info .show-times-grid .grid-item.fri {
            background-image: url('/image/exilecon/ShowDatesFriday.png?1593393344027'); }
          .exilecon-announcement .exilecon .info .show-times-grid .grid-item.sat {
            background-image: url('/image/exilecon/ShowDatesSaturday.png?1593393344027'); }
          .exilecon-announcement .exilecon .info .show-times-grid .grid-item.sun {
            background-image: url('/image/exilecon/ShowDatesSunday.png?1593393344027'); }
      .exilecon-announcement .exilecon .info .location {
        padding-top: 5px; }
        .exilecon-announcement .exilecon .info .location div {
          padding: 10px;
          margin-top: 15px; }
          .exilecon-announcement .exilecon .info .location div img {
            margin: 5px;
            width: 342px; }
    .exilecon-announcement .exilecon .twitch-banner {
      background: #865220 url('/image/exilecon/ExileConStreamingBackgroundEN.jpg?1593393344019') 50% 0 no-repeat;
      height: 90px;
      position: relative;
      box-sizing: border-box;
      padding: 0 3px;
      color: #fce49e; }
      .exilecon-announcement .exilecon .twitch-banner.live {
        background-image: url('/image/exilecon/ExileConStreamingBackgroundEN.png?1593393344019'); }
      .exilecon-announcement .exilecon .twitch-banner .stream-btn {
        display: block;
        margin-left: 328px;
        height: 86px;
        width: 684px;
        background-image: url('/image/exilecon/livestream.png?1593393344159'); }
        .exilecon-announcement .exilecon .twitch-banner .stream-btn:hover {
          background-position-y: 50%; }
      .exilecon-announcement .exilecon .twitch-banner .streaming-info {
        width: 1220px;
        margin: auto;
        position: relative;
        padding: 3px; }
        .exilecon-announcement .exilecon .twitch-banner .streaming-info .details {
          width: 400px;
          margin: 12px auto 0; }
        .exilecon-announcement .exilecon .twitch-banner .streaming-info div {
          margin: 1px;
          line-height: 1.1em;
          font-size: 0.9em; }
          .exilecon-announcement .exilecon .twitch-banner .streaming-info div.larger {
            font-size: 1.2em; }
      .exilecon-announcement .exilecon .twitch-banner .avarius {
        background-image: url('/image/exilecon/ExileConAvarius.png?1593393344019');
        background-size: cover;
        width: 158px;
        height: 263px;
        position: absolute;
        right: 140px;
        bottom: -50px;
        z-index: 4; }
    .exilecon-announcement .exilecon .tourism {
      background: #1a1615 url('/image/exilecon/ExileConTourismBackground.jpg?1593393344019') 50% 0 no-repeat;
      height: 599px; }
      .exilecon-announcement .exilecon .tourism .tourism-grid {
        width: 875px;
        margin: auto; }
        .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item {
          float: left;
          width: 278px;
          height: 194px;
          margin: 5px;
          padding: 155px 10px 0px;
          background-size: cover; }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item a {
            color: white; }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item:hover {
            filter: brightness(120%); }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item.hobbiton {
            background-image: url('/image/exilecon/PictureHobbiton.png?1593393344027'); }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item.waitomo {
            background-image: url('/image/exilecon/PictureWaitomoCaves.png?1593393344027'); }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item.weta {
            background-image: url('/image/exilecon/PictureWeta.png?1593393344027'); }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item.bungy {
            background-image: url('/image/exilecon/PictureBungy.png?1593393344023'); }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item.hiking {
            background-image: url('/image/exilecon/PictureHiking.png?1593393344027'); }
          .exilecon-announcement .exilecon .tourism .tourism-grid .grid-item.more {
            background-image: url('/image/exilecon/PictureMore.png?1593393344027'); }
    .exilecon-announcement .exilecon .footer {
      height: 160px;
      font-family: sans-serif;
      color: #8a8a8a;
      padding: 10px; }
      .exilecon-announcement .exilecon .footer div {
        padding: 3px; }
    .exilecon-announcement .exilecon .purchase {
      background: #0e0e0e url('/image/exilecon/ExileConTicketsBackground.jpg?1593393344019') 50% 0 no-repeat;
      height: 871px;
      position: relative;
      font-size: 0.9em; }
      .exilecon-announcement .exilecon .purchase .donationPackageList {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy {
          width: 332px;
          height: 362px;
          margin: 6px;
          float: left;
          background-repeat: no-repeat;
          text-shadow: none;
          position: relative;
          background-size: cover; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .ticket-options {
            width: 320px; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .ticket-info {
            width: 315px; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy.regular {
            background-image: url('/image/exilecon/ExileConTicketRegular.jpg?1593393344019'); }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy.vip {
            background-image: url('/image/exilecon/ExileConTicketVIP.jpg?1593393344019'); }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy.ultra-vip {
            background-image: url('/image/exilecon/ExileConTicketUltraVIP.jpg?1593393344019'); }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .select-options {
            width: 332px;
            z-index: 5;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 30px; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .select-options .select-option {
              float: left;
              cursor: pointer;
              padding: 5px;
              margin: 1px;
              color: #dedede;
              background: #292828;
              border: 2px solid #fce49e; }
              .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .select-options .select-option:active {
                border: 2px solid #acfc9e; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .option {
            display: none; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .option .title {
              padding-top: 7px;
              font-size: 1.3em; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy h3, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .remaining {
            padding: 19px 0px;
            color: #d6bf80;
            font-size: 1.3em; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy ul li {
            background: none;
            padding-left: 0;
            list-style-type: circle;
            margin-left: 26px;
            margin-top: 5px;
            text-align: left;
            font-size: 0.9em;
            font-family: sans-serif; }
          .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer {
            position: inherit; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .contents {
              display: none; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .bot {
              position: absolute;
              bottom: 100px; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .price, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .shopButton {
              position: absolute;
              top: 170px;
              left: 20px;
              height: 40px; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .price {
              font-size: 1.2em;
              width: 109px; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .shopButton {
              top: 120px;
              width: 112px;
              padding: 0;
              text-decoration: none;
              display: flex;
              justify-content: center;
              align-items: center; }
              .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock span, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .shopButton span {
                display: block; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock {
              text-transform: uppercase; }
              .ru_RU .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock {
                font-size: 16px; }
              .ko_KR .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock {
                font-size: 14px; }
              .fr_FR .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock, .de_DE .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .out-of-stock {
                font-size: 13px; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer .remaining {
              top: 16px;
              position: absolute;
              height: 40px;
              width: 332px;
              font-size: 1.2em; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.showUpgrade .price, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.showUpgrade .shopButton {
              left: 185px; }
              .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.showUpgrade .price.single, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.showUpgrade .shopButton.single {
                right: 45px;
                left: auto; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.showUpgrade .out-of-stock {
              left: 107px; }
            .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.normal .price.single, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.normal .out-of-stock.single, .exilecon-announcement .exilecon .purchase .donationPackageList .mini-buy .contentsContainer.normal .shopButton.single {
              left: 107px; }
      .exilecon-announcement .exilecon .purchase .media {
        width: 100%;
        height: 30px;
        position: absolute;
        bottom: 241px;
        left: 0; }
      .exilecon-announcement .exilecon .purchase .extra {
        width: 708px;
        margin: 166px auto -6px;
        height: 165px; }
        .exilecon-announcement .exilecon .purchase .extra .grid-item {
          width: 338px;
          height: 155px;
          padding: 113px 20px 0px;
          margin: 8px; }
          .exilecon-announcement .exilecon .purchase .extra .grid-item:hover {
            filter: brightness(120%); }
        .exilecon-announcement .exilecon .purchase .extra .flights {
          background-image: url('/image/exilecon/PictureFlights.png?1593393344027'); }
        .exilecon-announcement .exilecon .purchase .extra .accomodation {
          background-image: url('/image/exilecon/PictureAccomodation.png?1593393344023'); }
      .exilecon-announcement .exilecon .purchase .spearman-container {
        width: 1440px;
        height: 42px;
        margin: auto;
        position: relative; }
      .exilecon-announcement .exilecon .purchase .spearman {
        background-image: url('/image/exilecon/ExileConSpearman.png?1593393344019');
        position: absolute;
        bottom: 0;
        left: -150px;
        width: 268px;
        height: 308px; }

.exilecon .schedule {
  display: flex;
  color: #A38B63;
  margin-top: -20px;
  font-size: 18px; }
  .exilecon .schedule h5 {
    font-size: 0.9em;
    text-overflow: ellipsis;
    overflow: hidden; }
  .exilecon .schedule .stages {
    display: flex;
    flex-direction: column;
    padding-top: 70px;
    flex: 1;
    height: 500px;
    box-sizing: border-box; }
    .exilecon .schedule .stages .stage {
      color: #cdcdcd;
      text-shadow: 0px 2px 2px black;
      height: 140px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center; }
  .exilecon .schedule .events > .header {
    height: 70px; }
  .exilecon .schedule .stage {
    height: 140px; }
    .exilecon .schedule .stage.short {
      height: 70px; }
  .exilecon .schedule .events {
    flex: 4;
    display: flex;
    flex-direction: column;
    overflow-x: scroll;
    overflow-y: hidden;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0, transparent 0), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 50%, transparent 50%);
    background-size: 640px;
    background-attachment: local;
    padding-bottom: 20px; }
    .exilecon .schedule .events .day {
      display: flex;
      flex: 0 0 auto;
      text-shadow: 0px 2px 2px black; }
      .exilecon .schedule .events .day .header {
        width: 100%;
        text-align: left; }
      .exilecon .schedule .events .day .hour {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        justify-content: flex-end;
        padding: 6px;
        width: 320px;
        box-sizing: border-box;
        text-align: left; }
    .exilecon .schedule .events > .header {
      display: flex; }
    .exilecon .schedule .events .stage {
      display: flex; }
      .exilecon .schedule .events .stage .day > div {
        margin: 1px 2px 1px 0;
        align-self: self-start;
        height: calc(100% - 2px);
        padding: 6px;
        box-sizing: border-box;
        flex: 0 0 auto; }
        .exilecon .schedule .events .stage .day > div[data-length="15"] {
          width: 78px; }
        .exilecon .schedule .events .stage .day > div[data-length="30"] {
          width: 158px; }
        .exilecon .schedule .events .stage .day > div[data-length="45"] {
          width: 238px; }
        .exilecon .schedule .events .stage .day > div[data-length="60"] {
          width: 318px; }
        .exilecon .schedule .events .stage .day > div[data-length="75"] {
          width: 398px; }
        .exilecon .schedule .events .stage .day > div[data-length="90"] {
          width: 478px; }
        .exilecon .schedule .events .stage .day > div[data-length="120"] {
          width: 638px; }
        .exilecon .schedule .events .stage .day > div[data-length="180"] {
          width: 958px; }
      .exilecon .schedule .events .stage .event {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        background-color: #121212;
        border-bottom: 2px solid #dba15a;
        z-index: 5; }
        .exilecon .schedule .events .stage .event.streamed {
          background-color: #161616;
          border-bottom-color: #9146ff; }
          .exilecon .schedule .events .stage .event.streamed small::after {
            content: 'Streamed Live';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 8;
            background: #9146ff;
            padding: 6px;
            color: #fff;
            font-size: 1.2em;
            overflow: hidden;
            transition: all 200ms ease;
            opacity: 0;
            height: 0; }
          .exilecon .schedule .events .stage .event.streamed:hover small::after {
            opacity: 1;
            height: 18px; }
        .exilecon .schedule .events .stage .event h5 {
          color: #cdcdcd;
          text-shadow: 0px 2px 2px black; }
        .exilecon .schedule .events .stage .event p {
          color: #ACA692;
          font-size: 0.8em;
          font-style: italic;
          margin: 5px; }
        .exilecon .schedule .events .stage .event small {
          display: block;
          height: 18px;
          padding: 6px;
          margin: -6px;
          width: 100%;
          font-size: 0.7em;
          position: relative; }

body.exilecon-live {
  background: #000; }
  body.exilecon-live.wide-resize-2 {
    background: black; }
    body.exilecon-live.wide-resize-2 header, body.exilecon-live.wide-resize-2 footer, body.exilecon-live.wide-resize-2 section {
      background-image: none;
      background-size: cover; }
      body.exilecon-live.wide-resize-2 header.wide-resize-right .screenshots, body.exilecon-live.wide-resize-2 footer.wide-resize-right .screenshots, body.exilecon-live.wide-resize-2 section.wide-resize-right .screenshots {
        right: 0; }
    body.exilecon-live.wide-resize-2 section .inner > header {
      background: none; }
      body.exilecon-live.wide-resize-2 section .inner > header img {
        width: 100%; }
    body.exilecon-live.wide-resize-2 section .item-group {
      width: 48vw;
      float: left; }
    body.exilecon-live.wide-resize-2 section .item {
      float: left; }
      body.exilecon-live.wide-resize-2 section .item .iW2 .icon {
        max-width: 15vw;
        min-width: 64px; }
        body.exilecon-live.wide-resize-2 section .item .iW2 .icon img {
          width: 100%; }
    body.exilecon-live.wide-resize-2 section .item-group::after {
      content: '';
      display: block;
      clear: both; }
    body.exilecon-live.wide-resize-2 section .content-interactive .learn-more {
      width: 30vw;
      height: 13vw;
      max-width: 300px;
      max-height: 135px;
      background-size: cover;
      margin: 0 auto; }
      body.exilecon-live.wide-resize-2 section .content-interactive .learn-more a {
        width: 100%;
        height: 100%;
        display: block; }
    body.exilecon-live.wide-resize-2.one .panel1 {
      background-image: url('/protected-asset/one/Panel1_hires.png?1593667263111'), url('/protected-asset/one/Panel1_hires.png?1593667263111'); }
    body.exilecon-live.wide-resize-2.one .panel2 {
      background-image: url('/protected-asset/one/Panel2_hires.png?1593667263119'), url('/protected-asset/one/Panel2_hires.png?1593667263119'); }
    body.exilecon-live.wide-resize-2.one .panel3 {
      background-image: url('/protected-asset/one/Panel3_hires.png?1593667263115'), url('/protected-asset/one/Panel3_hires.png?1593667263115'); }
    body.exilecon-live.wide-resize-2.one .panel4 {
      background-image: url('/protected-asset/one/Panel4_hires.png?1593667262611'), url('/protected-asset/one/Panel4_hires.png?1593667262611'); }
    body.exilecon-live.wide-resize-2.one .panel5 {
      background-image: url('/protected-asset/one/Panel5_hires.png?1593667263119'), url('/protected-asset/one/Panel5_hires.png?1593667263119'); }
      body.exilecon-live.wide-resize-2.one .panel5 .item-group {
        width: 550px; }
        body.exilecon-live.wide-resize-2.one .panel5 .item-group .item {
          margin: -10px; }
    body.exilecon-live.wide-resize-2.one .panel6 {
      background-image: url('/protected-asset/one/Panel6_hires.png?1593667263123'), url('/protected-asset/one/Panel6_hires.png?1593667263123'); }
    body.exilecon-live.wide-resize-2.one .panel7 {
      background-image: url('/protected-asset/one/Panel7_hires.png?1593667263123'), url('/protected-asset/one/Panel7_hires.png?1593667263123'); }
    body.exilecon-live.wide-resize-2.two .panel1 {
      background-image: url('/protected-asset/two/Panel1.jpg?1593667258748'), url('/protected-asset/two/Panel1.jpg?1593667258748'); }
    body.exilecon-live.wide-resize-2.two .panel2 {
      background-image: url('/protected-asset/two/Panel2.jpg?1593667258764'), url('/protected-asset/two/Panel2.jpg?1593667258764'); }
    body.exilecon-live.wide-resize-2.two .panel3 {
      background-image: url('/protected-asset/two/Panel3.jpg?1593667258748'), url('/protected-asset/two/Panel3.jpg?1593667258748'); }
    body.exilecon-live.wide-resize-2.two .panel4 {
      background-image: url('/protected-asset/two/Panel4.jpg?1593667258748'), url('/protected-asset/two/Panel4.jpg?1593667258748'); }
    body.exilecon-live.wide-resize-2.two .panel5 {
      background-image: url('/protected-asset/two/Panel5.jpg?1593667258752'), url('/protected-asset/two/Panel5.jpg?1593667258752'); }
      body.exilecon-live.wide-resize-2.two .panel5 .item-group {
        width: 300px; }
        body.exilecon-live.wide-resize-2.two .panel5 .item-group .item {
          margin: 0px; }
    body.exilecon-live.wide-resize-2.two .panel6 {
      background-image: url('/protected-asset/two/Panel6.jpg?1593667258752'), url('/protected-asset/two/Panel6.jpg?1593667258752'); }
    body.exilecon-live.wide-resize-2.two .panel7 {
      background-image: url('/protected-asset/two/Panel7.jpg?1593667258756'), url('/protected-asset/two/Panel7.jpg?1593667258756'); }
    body.exilecon-live.wide-resize-2.two .panel8 {
      background-image: url('/protected-asset/two/Panel8.jpg?1593667258164'), url('/protected-asset/two/Panel8.jpg?1593667258164'); }
      body.exilecon-live.wide-resize-2.two .panel8 .item-group {
        min-width: 320px; }
    body.exilecon-live.wide-resize-2.two .panel9 {
      background-image: url('/protected-asset/two/Panel9.jpg?1593667258756'), url('/protected-asset/two/Panel9.jpg?1593667258756'); }
    body.exilecon-live.wide-resize-2.two .panel10 {
      background-image: url('/protected-asset/two/Panel10.jpg?1593667258760'), url('/protected-asset/two/Panel10.jpg?1593667258760'); }
    body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
      background-image: url('/protected-asset/two/learnmore.png?1593667258760'); }
      .en_US body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/learnmore.png?1593667258760'); }
      .zh_TW body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/zh_TW/learnmore.png'); }
      .zh_CN body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/zh_CN/learnmore.png'); }
      .th_TH body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/th_TH/learnmore.png?1593667255924'); }
      .ru_RU body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/ru_RU/learnmore.png?1593667255916'); }
      .pt_BR body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/pt_BR/learnmore.png?1593667255912'); }
      .de_DE body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/de_DE/learnmore.png?1593667255888'); }
      .es_ES body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/es_ES/learnmore.png?1593667255892'); }
      .fr_FR body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/fr_FR/learnmore.png?1593667255900'); }
      .ko_KR body.exilecon-live.wide-resize-2.two .content-interactive .learn-more {
        background-image: url('/protected-asset/two/ko_KR/learnmore.png?1593667255904'); }
      body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
        background-image: url('/protected-asset/two/learnmore_hover.png?1593667258760'); }
        .en_US body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/learnmore_hover.png?1593667258760'); }
        .zh_TW body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/zh_TW/learnmore_hover.png'); }
        .zh_CN body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/zh_CN/learnmore_hover.png'); }
        .th_TH body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/th_TH/learnmore_hover.png?1593667255924'); }
        .ru_RU body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/ru_RU/learnmore_hover.png?1593667255916'); }
        .pt_BR body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/pt_BR/learnmore_hover.png?1593667255912'); }
        .de_DE body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/de_DE/learnmore_hover.png?1593667255892'); }
        .es_ES body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/es_ES/learnmore_hover.png?1593667255892'); }
        .fr_FR body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/fr_FR/learnmore_hover.png?1593667255900'); }
        .ko_KR body.exilecon-live.wide-resize-2.two .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/two/ko_KR/learnmore_hover.png?1593667255904'); }
    body.exilecon-live.wide-resize-2.two .inner .content .content-interactive.buy-button-container {
      margin: 0; }
    @media (min-width: 960px) {
      body.exilecon-live.wide-resize-2.two .inner .content .supporter-pack-last {
        margin-bottom: 0px; }
      body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/metamorph/buylarge.png?1593393390874'); }
          body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
      .en_US body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/buylarge.png?1593393390874'); }
      .zh_TW body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/zh_TW/buylarge.png'); }
      .zh_CN body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/zh_CN/buylarge.png'); }
      .th_TH body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/th_TH/buylarge.png?1593393390934'); }
      .ru_RU body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/ru_RU/buylarge.png?1593393390926'); }
      .pt_BR body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/pt_BR/buylarge.png?1593393390914'); }
      .de_DE body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/de_DE/buylarge.png?1593393390874'); }
      .es_ES body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/es_ES/buylarge.png?1593393390882'); }
      .fr_FR body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/fr_FR/buylarge.png?1593393390894'); }
      .ko_KR body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/ko_KR/buylarge.png?1593393390906'); } }
    @media (max-width: 960px) {
      body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase {
        box-shadow: none;
        top: 0;
        width: 180px;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto;
        position: relative; }
        body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          background-position-x: 50%;
          background-position-y: 0;
          width: 180px;
          height: 80px;
          background-image: url('/image/metamorph/buysmall.png?1593393390874'); }
          body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -80px; }
      .en_US body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/buysmall.png?1593393390874'); }
      .zh_TW body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/zh_TW/buysmall.png'); }
      .zh_CN body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/zh_CN/buysmall.png'); }
      .th_TH body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/th_TH/buysmall.png?1593393390934'); }
      .ru_RU body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/ru_RU/buysmall.png?1593393390926'); }
      .pt_BR body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/pt_BR/buysmall.png?1593393390914'); }
      .de_DE body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/de_DE/buysmall.png?1593393390874'); }
      .es_ES body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/es_ES/buysmall.png?1593393390882'); }
      .fr_FR body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/fr_FR/buysmall.png?1593393390894'); }
      .ko_KR body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/metamorph/ko_KR/buysmall.png?1593393390906'); } }
    @media (max-width: 600px) {
      body.exilecon-live.wide-resize-2.two .inner .content .supporter-pack-last {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 5px; }
      body.exilecon-live.wide-resize-2.two .inner .content .content-interactive #supporter-purchase {
        margin-top: 0; } }
    body.exilecon-live.wide-resize-2.three .panel1 {
      background-image: url('/protected-asset/three/Panel1.jpg?1593667255204'), url('/protected-asset/three/Panel1.jpg?1593667255204'); }
    body.exilecon-live.wide-resize-2.three .panel2 {
      background-image: url('/protected-asset/three/Panel2.jpg?1593667255208'), url('/protected-asset/three/Panel2.jpg?1593667255208'); }
    body.exilecon-live.wide-resize-2.three .panel3 {
      background-image: url('/protected-asset/three/Panel3.jpg?1593667255208'), url('/protected-asset/three/Panel3.jpg?1593667255208'); }
      .en_US body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/Panel3.jpg?1593667254084'); }
      .zh_TW body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/zh_TW/Panel3.jpg?1593667253888'); }
      .zh_CN body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/zh_CN/Panel3.jpg'); }
      .th_TH body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/th_TH/Panel3.jpg?1593667254064'); }
      .ru_RU body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/ru_RU/Panel3.jpg?1593667254036'); }
      .pt_BR body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/pt_BR/Panel3.jpg?1593667254012'); }
      .de_DE body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/de_DE/Panel3.jpg?1593667253912'); }
      .es_ES body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/es_ES/Panel3.jpg?1593667253940'); }
      .fr_FR body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/fr_FR/Panel3.jpg?1593667253968'); }
      .ko_KR body.exilecon-live.wide-resize-2.three .panel3 {
        background-image: url('/protected-asset/three/Panel3/ko_KR/Panel3.jpg?1593667253984'); }
    body.exilecon-live.wide-resize-2.three .panel4 {
      background-image: url('/protected-asset/three/Panel4.jpg?1593667255212'), url('/protected-asset/three/Panel4.jpg?1593667255212'); }
    body.exilecon-live.wide-resize-2.three .panel5 {
      background-image: url('/protected-asset/three/Panel5.jpg?1593667255212'), url('/protected-asset/three/Panel5.jpg?1593667255212'); }
    body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
      background-image: url('/protected-asset/three/learnmore.png?1593667255228'); }
      .en_US body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/learnmore.png?1593667255228'); }
      .zh_TW body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/zh_TW/learnmore.png'); }
      .zh_CN body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/zh_CN/learnmore.png'); }
      .th_TH body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/th_TH/learnmore.png?1593667254508'); }
      .ru_RU body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/ru_RU/learnmore.png?1593667254508'); }
      .pt_BR body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/pt_BR/learnmore.png?1593667254504'); }
      .de_DE body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/de_DE/learnmore.png?1593667254476'); }
      .es_ES body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/es_ES/learnmore.png?1593667254480'); }
      .fr_FR body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/fr_FR/learnmore.png?1593667254484'); }
      .ko_KR body.exilecon-live.wide-resize-2.three .content-interactive .learn-more {
        background-image: url('/protected-asset/three/ko_KR/learnmore.png?1593667254492'); }
      body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
        background-image: url('/protected-asset/three/learnmore_hover.png?1593667255228'); }
        .en_US body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/learnmore_hover.png?1593667255228'); }
        .zh_TW body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/zh_TW/learnmore_hover.png'); }
        .zh_CN body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/zh_CN/learnmore_hover.png'); }
        .th_TH body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/th_TH/learnmore_hover.png?1593667254508'); }
        .ru_RU body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/ru_RU/learnmore_hover.png?1593667254508'); }
        .pt_BR body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/pt_BR/learnmore_hover.png?1593667254504'); }
        .de_DE body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/de_DE/learnmore_hover.png?1593667254476'); }
        .es_ES body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/es_ES/learnmore_hover.png?1593667254480'); }
        .fr_FR body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/fr_FR/learnmore_hover.png?1593667254488'); }
        .ko_KR body.exilecon-live.wide-resize-2.three .content-interactive .learn-more:hover {
          background-image: url('/protected-asset/three/ko_KR/learnmore_hover.png?1593667254492'); }
    body.exilecon-live.wide-resize-2.four .panel1 {
      background-image: url('/protected-asset/four/Panel1.jpg?1593667255868'), url('/protected-asset/four/Panel1.jpg?1593667255868'); }

.exilecon-live {
  width: 100%;
  margin: auto;
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 1px;
  font-size: 12px; }
  .exilecon-live.wide-resize .exilecon-header {
    height: auto; }
  .exilecon-live .nav-container {
    width: 100%;
    height: 17vw;
    max-height: 360px;
    position: relative; }
  .exilecon-live.livestream nav {
    max-height: 340px; }
  .exilecon-live nav {
    height: 100%;
    width: 80%;
    margin: auto;
    max-width: 1600px;
    max-height: 327px;
    position: relative; }
    .exilecon-live nav .nav-content {
      width: 75.1%;
      height: 89%;
      display: flex;
      padding: 1.8% 0 0;
      margin: auto;
      overflow: hidden;
      box-sizing: border-box; }
      .exilecon-live nav .nav-content .nav-grid {
        flex: 1;
        display: flex;
        flex-wrap: wrap; }
      .exilecon-live nav .nav-content .nav-item {
        height: 50%;
        background-size: cover;
        cursor: pointer;
        flex: 0 0 50%;
        background: url('/image/exilecon_announcement/navigation_disabled_1080p.png?1593393344891');
        background-size: 100.4%;
        background-position-y: 0%; }
        .en_US .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/navigation_disabled_1080p.png?1593393344891'); }
        .zh_TW .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/zh_TW/navigation_disabled_1080p.png?1593393345087'); }
        .zh_CN .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/zh_CN/navigation_disabled_1080p.png'); }
        .th_TH .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/th_TH/navigation_disabled_1080p.png?1593393344979'); }
        .ru_RU .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/ru_RU/navigation_disabled_1080p.png?1593393344935'); }
        .pt_BR .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/pt_BR/navigation_disabled_1080p.png?1593393344891'); }
        .de_DE .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/de_DE/navigation_disabled_1080p.png?1593393344363'); }
        .es_ES .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/es_ES/navigation_disabled_1080p.png?1593393344411'); }
        .fr_FR .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/fr_FR/navigation_disabled_1080p.png?1593393344491'); }
        .ko_KR .exilecon-live nav .nav-content .nav-item {
          background-image: url('/image/exilecon_announcement/ko_KR/navigation_disabled_1080p.png?1593393344707'); }
        .exilecon-live nav .nav-content .nav-item.livestream {
          background-image: url('/image/exilecon_announcement/navigation_livestream_1080p.png?1593393344891');
          height: 100%;
          flex: 0 0 23.2%;
          background-size: 100.3%; }
          .en_US .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/navigation_livestream_1080p.png?1593393344891'); }
          .zh_TW .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/zh_TW/navigation_livestream_1080p.png?1593393345087'); }
          .zh_CN .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/zh_CN/navigation_livestream_1080p.png'); }
          .th_TH .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/th_TH/navigation_livestream_1080p.png?1593393344979'); }
          .ru_RU .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/ru_RU/navigation_livestream_1080p.png?1593393344935'); }
          .pt_BR .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/pt_BR/navigation_livestream_1080p.png?1593393344891'); }
          .de_DE .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/de_DE/navigation_livestream_1080p.png?1593393344363'); }
          .es_ES .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/es_ES/navigation_livestream_1080p.png?1593393344411'); }
          .fr_FR .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/fr_FR/navigation_livestream_1080p.png?1593393344491'); }
          .ko_KR .exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/ko_KR/navigation_livestream_1080p.png?1593393344707'); }
        .exilecon-live nav .nav-content .nav-item.one {
          background-image: url('/protected-asset/one/1_navigation_1080p.png?1593667262607'); }
        .exilecon-live nav .nav-content .nav-item.two {
          background-image: url('/protected-asset/two/2_navigation_1080p.png?1593667258764'); }
        .exilecon-live nav .nav-content .nav-item.three {
          background-image: url('/protected-asset/three/3_navigation_1080p.png?1593667255228'); }
        .exilecon-live nav .nav-content .nav-item.four {
          background-image: url('/protected-asset/four/4_navigation_1080p.png?1593667255868'); }
        .exilecon-live nav .nav-content .nav-item:hover {
          background-position-y: 49.8%; }
        .exilecon-live nav .nav-content .nav-item.active, .exilecon-live nav .nav-content .nav-item:active {
          background-position-y: 99.6%; }
        .exilecon-live nav .nav-content .nav-item.locked {
          cursor: default; }
          .exilecon-live nav .nav-content .nav-item.locked a {
            pointer-events: none; }
        .exilecon-live nav .nav-content .nav-item a {
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          display: flex; }
    .exilecon-live nav .nav-overlay {
      pointer-events: none;
      background: url('/image/exilecon_announcement/website_header_4k.png?1593393345087') no-repeat 50% 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      position: absolute;
      top: 0; }
  .exilecon-live .main {
    background: url('/image/exilecon_announcement/forest_1080p.jpg?1593393344491') no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    max-width: 100vw;
    overflow: hidden; }
    .exilecon-live .main .video-container {
      background: url('/image/exilecon_announcement/livestream-frame_1080p.png?1593393344887') no-repeat 0 0;
      background-size: contain;
      width: 67vw;
      margin: 0 auto 4vw;
      padding: 2vw 2vw 2.5vw;
      box-sizing: border-box;
      height: 40vw;
      max-width: 1600px;
      max-height: 960px; }
      .wide-resize-2 .exilecon-live .main .video-container {
        margin: 1vw auto 10%; }
    .exilecon-live .main .links {
      margin: 1vw auto 10vw;
      display: flex;
      max-width: 1200px;
      max-height: 400px;
      height: 10vw;
      width: 80vw;
      box-sizing: border-box; }
      .exilecon-live .main .links .link_badge {
        display: block;
        width: 27%;
        height: 4vw;
        margin: 0 auto; }
        .exilecon-live .main .links .link_badge a {
          display: block;
          background: url('/image/exilecon_announcement/button_other_1080p.png?1593393344359');
          width: 100%;
          background-size: cover;
          text-transform: uppercase;
          padding: 10% 10% 4%;
          box-sizing: border-box;
          font-size: 1.3vw;
          max-height: 73px;
          height: 5vw;
          color: #A5F1FF;
          text-align: center; }
          .ru_RU .exilecon-live .main .links .link_badge a {
            font-size: 1vw; }
          .exilecon-live .main .links .link_badge a:hover {
            background-position-y: 49%; }
          .exilecon-live .main .links .link_badge a:active {
            background-position-y: -49%; }
        .exilecon-live .main .links .link_badge .badge_header {
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          width: 80%;
          margin: auto;
          height: 100%; }
        .exilecon-live .main .links .link_badge div.twitch_drops {
          background-image: url('/image/exilecon_announcement/logotwitchdrops_1080p.png?1593393344887'); }
        .exilecon-live .main .links .link_badge div.twitch {
          background-image: url('/image/exilecon_announcement/logotwitch_1080p.png?1593393344887'); }
        .exilecon-live .main .links .link_badge div.youtube_link {
          background-image: url('/image/exilecon_announcement/logoyoutube_1080p.png?1593393344887'); }
    .two .exilecon-live .main {
      background-image: url('/protected-asset/two/topbg.jpg?1593667255888'); }
    .three .exilecon-live .main {
      background-image: url('/protected-asset/three/topbg.jpg?1593667254476'); }
    .four .exilecon-live .main {
      background-image: url('/protected-asset/four/topbg.jpg?1593667255864'); }
  .exilecon-live .section-header {
    text-align: center;
    display: block;
    padding: 1vw; }
    .exilecon-live .section-header .header-text {
      padding: 0.5vw 1%;
      display: inline-block;
      font-size: 3vw;
      border-bottom: 0.3vw solid #A5F1FF; }
      .exilecon-live .section-header .header-text.tz {
        font-size: 1.5vw;
        border: 0 none; }
  .exilecon-live .livestream-schedule {
    background: #232426 url('/image/exilecon_announcement/ghostman_1080p.png?1593393344703') no-repeat top right;
    background-size: 50%;
    color: #FFFFFF;
    padding: 2vw 0 12vw; }
    .exilecon-live .livestream-schedule .schedule-container {
      width: 80vw;
      margin: auto;
      min-width: 320px;
      max-width: 1440px; }
      .exilecon-live .livestream-schedule .schedule-container .schedule .events .stage .event {
        background: rgba(18, 18, 18, 0.5); }
    .exilecon-live .livestream-schedule .schedule-body {
      margin: auto;
      font-size: 2em;
      width: 70%;
      display: flex; }
      .exilecon-live .livestream-schedule .schedule-body .day {
        width: 50%;
        float: left;
        overflow: hidden; }
      .exilecon-live .livestream-schedule .schedule-body .day-header {
        width: 100%;
        text-align: center;
        font-size: 1.5vw;
        padding: 3% 0 2%; }
      .exilecon-live .livestream-schedule .schedule-body .schedule-row {
        padding: 2%;
        width: 100%;
        display: flex;
        justify-content: center;
        height: 3vw;
        box-sizing: border-box; }
        .exilecon-live .livestream-schedule .schedule-body .schedule-row .schedule-item {
          display: inline-flex;
          width: 30%;
          height: 100%;
          text-align: left;
          font-size: 1vw;
          padding-left: 2vw;
          flex-direction: column;
          justify-content: center; }
        .exilecon-live .livestream-schedule .schedule-body .schedule-row .schedule-item:first-child {
          border-left: 0.2vw solid #A4F2FC;
          word-spacing: 2vw; }
      .exilecon-live .livestream-schedule .schedule-body .schedule-row:nth-child(even) {
        background: rgba(26, 28, 29, 0.6); }

body.exilecon-live header, body.exilecon-live footer, body.exilecon-live section {
  transition: none;
  margin-bottom: 0; }

body.exilecon-live .locktest {
  background-image: url('/protected-asset/locktest/ExileConSpearman.png?1593667263327');
  margin: 100px auto 0;
  width: 268px;
  height: 308px; }

@media (min-width: 2000px) {
  .exilecon-live .main .am {
    width: 1300px;
    height: 770px;
    padding: 40px; }
  .exilecon-live .main .links .link_badge a {
    font-size: 18px; }
  .exilecon-live .main nav .nav-content {
    height: 90%; } }

@media (max-width: 600px) {
  body.exilecon-live .section-header .header-text {
    font-size: 18px; }
    body.exilecon-live .section-header .header-text.tz {
      font-size: 14px; }
  body.exilecon-live.wide-resize-2.two section.panel5 .item-group {
    width: 400px; }
    body.exilecon-live.wide-resize-2.two section.panel5 .item-group .item {
      margin: -6px; }
  body.exilecon-live.wide-resize-2.two section.panel3 .inner {
    padding-right: 0%; }
  body.exilecon-live .nav-container {
    height: 45vw;
    width: 100%; }
  body.exilecon-live nav {
    height: 100%;
    width: 100%; }
    body.exilecon-live nav .nav-content {
      width: 90%;
      height: 90%;
      flex-direction: column;
      padding: 3% 0 0; }
      body.exilecon-live nav .nav-content .nav-item {
        flex: 0 0 50%;
        width: 50%;
        background-position-y: 1%; }
        body.exilecon-live nav .nav-content .nav-item.livestream {
          width: 100%;
          background-image: url('/image/exilecon_announcement/navigation_livestream_mobile.png?1593393344891');
          max-height: 12vw;
          flex: 0 0 29%; }
          .en_US body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/navigation_livestream_mobile.png?1593393344891'); }
          .zh_TW body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/zh_TW/navigation_livestream_mobile.png?1593393345091'); }
          .zh_CN body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/zh_CN/navigation_livestream_mobile.png'); }
          .th_TH body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/th_TH/navigation_livestream_mobile.png?1593393344979'); }
          .ru_RU body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/ru_RU/navigation_livestream_mobile.png?1593393344935'); }
          .pt_BR body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/pt_BR/navigation_livestream_mobile.png?1593393344891'); }
          .de_DE body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/de_DE/navigation_livestream_mobile.png?1593393344363'); }
          .es_ES body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/es_ES/navigation_livestream_mobile.png?1593393344411'); }
          .fr_FR body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/fr_FR/navigation_livestream_mobile.png?1593393344495'); }
          .ko_KR body.exilecon-live nav .nav-content .nav-item.livestream {
            background-image: url('/image/exilecon_announcement/ko_KR/navigation_livestream_mobile.png?1593393344707'); }
        body.exilecon-live nav .nav-content .nav-item:hover {
          background-position-y: 51%; }
        body.exilecon-live nav .nav-content .nav-item.active, body.exilecon-live nav .nav-content .nav-item:active {
          background-position-y: 100.5%; }
    body.exilecon-live nav .nav-overlay {
      background-image: url('/image/exilecon_announcement/mobile_header.png?1593393344887');
      background-size: contain; }
  body.exilecon-live .exilecon .schedule .section-header .header-text {
    font-size: 30px; }
    body.exilecon-live .exilecon .schedule .section-header .header-text.tz {
      font-size: 14px; }
  body.exilecon-live .exilecon .schedule .schedule-body {
    display: block;
    width: 100%; }
    body.exilecon-live .exilecon .schedule .schedule-body .day {
      width: 100%;
      float: none; }
    body.exilecon-live .exilecon .schedule .schedule-body .day-header {
      font-size: 20px; }
    body.exilecon-live .exilecon .schedule .schedule-body .schedule-row {
      height: 20px; }
    body.exilecon-live .exilecon .schedule .schedule-body .schedule-item {
      font-size: 14px;
      width: 40%; }
  body.exilecon-live .main .video-container {
    width: 96vw;
    height: 57vw; } }

@media (max-width: 400px) {
  body.exilecon-live.wide-resize-2.wide-resize-2 section.wide-resize-right .inner {
    padding: 2% 8% 0% 0%; }
  body.exilecon-live.wide-resize-2.wide-resize-2 section.wide-resize-left .inner {
    padding: 2% 0% 0% 8%;
    width: 100%; } }

@media (min-width: 2000px) {
  .exilecon-live nav .nav-content .nav-item {
    background-image: url('/image/exilecon_announcement/navigation_disabled_4k.png?1593393344891'); }
    .exilecon-live nav .nav-content .nav-item.livestream {
      background-image: url('/image/exilecon_announcement/navigation_livestream_4k.png?1593393344891'); }
    .exilecon-live nav .nav-content .nav-item.one {
      background-image: url('/protected-asset/one/1_navigation_4k.png?1593667263123'); }
    .exilecon-live nav .nav-content .nav-item.two {
      background-image: url('/protected-asset/two/2_navigation_4k.png?1593667258768'); }
    .exilecon-live nav .nav-content .nav-item.three {
      background-image: url('/protected-asset/three/3_navigation_4k.png?1593667255232'); }
    .exilecon-live nav .nav-content .nav-item.four {
      background-image: url('/protected-asset/four/4_navigation_4k.png?1593667255868'); }
  .exilecon-live nav .nav-overlay {
    background-image: url('/image/exilecon_announcement/website_header_4k.png?1593393345087'); }
  .exilecon-live .main {
    background-image: url('/image/exilecon_announcement/forest_4k.jpg?1593393344491'); }
    .exilecon-live .main .links .link_badge div.twitch_drops {
      background-image: url('/image/exilecon_announcement/logotwitchdrops_4k.png?1593393344887'); }
    .exilecon-live .main .links .link_badge div.twitch {
      background-image: url('/image/exilecon_announcement/logotwitch_4k.png?1593393344887'); }
    .exilecon-live .main .links .link_badge div.youtube_link {
      background-image: url('/image/exilecon_announcement/logoyoutube_4k.png?1593393344887'); }
    .exilecon-live .main .links .link_badge a {
      background-image: url('/image/exilecon_announcement/button_other_4k.png?1593393344363'); }
    .exilecon-live .main .video-container {
      background-image: url('/image/exilecon_announcement/livestream-frame_4k.png?1593393344887'); }
  .exilecon-live .livestream-schedule {
    background-image: url('/image/exilecon_announcement/ghostman_4k.png?1593393344703'); } }

@media (max-width: 600px) {
  .exilecon-live nav .nav-item {
    background-image: url('/image/exilecon_announcement/navigation_disabled_mobile.png'); }
    .exilecon-live nav .nav-item.livestream {
      background-image: url('/image/exilecon_announcement/navigation_livestream_mobile.png?1593393344891'); }
  .exilecon-live .main.mid-video {
    height: 61vw; } }